/*css reset*/
body,dl,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,form,img {margin: 0;padding: 0;}
body,button,input,select,textarea {font: 14px/160%, Microsoft YaHei, sans-serif;}
h1,h2,h3,h4,h5,h6 {font-size: 100%}
em,b,i {font-style: normal}
img {border: 0;}
input {outline: none;}
li {list-style: none}
area {outline: none;border: 0;}
i{font-style: normal;}
html,body{width: 100%;height: 100%;}
body{width: 100%;max-width: 750px;margin: 0 auto;position: relative;background: #fff;}
a{-webkit-tap-highlight-color:transparent;text-decoration: none;outline: none;}
a:hover,a:visited,a:link {-webkit-tap-highlight-color:transparent;text-decoration: none;outline: none;}
.clearfix:after {content: ".";display: block;height: 0;visibility: hidden;clear: both;}
.clearfix {zoom: 1;}
.head {
    position: relative;
}
.head .head_bg {
    width: 100%;
    display: block;
}
.head .logo {
    position: absolute;
    top: 0;
    left: 0;
    width: 10.9375%;
    margin: 8% 0 0 10.9375%;
}
.main_bg {
    background: #f7f7f7;
    overflow: hidden;
}
.main {
    padding: 0 15px;
    margin-top: 5px;
    background: #fff;
}
.main .logo_box {
    margin: 0 auto;
    padding-top: 15px;
    text-align: center;
}
.main .logo {
    display: block;
    width: 70px;
    height: 70px;
    margin: 0 auto;
}
.logo.radius {
    border-radius: 8px;
}
.logo_box .app_name {
    padding-top: 10px;
    text-align: center;
    font-size: 16px;
    color: #333;
    font-weight: bold;
}
.level_warp {
    width: 100%;
    margin: 10px auto 20px auto;
}
.star_warp {
    text-align: center;
    line-height: 1;
    font-size: 0;
}
.star_warp .star,
.star_warp .hollow {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: 0 2.5px;
}
.star_warp .star img,
.star_warp .hollow img {
    width: 100%;
    height: 100%;
}
.app_detail{
    height: 80px;
    overflow: hidden;
    font-size: 14px;
}
.app_detail .desc {
    line-height: 20px;
    font-size: 14px;
    word-break: break-all;
    word-wrap: break-word;
    color: #666;
}

.app-info .more_info {
    font-size: 14px;
    color: #4688fa;
}

.main .download {
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    margin: 15px auto;
    font-size: 15px;
    text-align: center;
    background: #4688fa !important;
    border-radius: 4px;
    border: none;
    color: #fff;
}
.main .download:hover,
.main .download:focus,
.main .download:active,
.main .download:link{
    background: #4688fa !important;
}
.main .download .ios_icon {
    display: inline-block;
    width: 14px;
    height: 17px;
    vertical-align: middle;
}

.main .download .text {
    display: inline-block;
    vertical-align: middle;
    margin-left: 7px;
    font-size: 16px;
}
.main .download.domain-download{
    background: #fb7f4e;
}
.func_box {
    text-align: center;
    font-size: 0;
}

.func_box li {
    display: inline-block;
    cursor: pointer;
    font-size: 0;
    line-height: 1;
    -webkit-tap-highlight-color:transparent;
}

.func_box li .icon,
.func_box li .text {
    display: inline-block;
    vertical-align: middle;
}
.func_box li .text {
    font-size: 12px;
    color: #333;
    margin-left: 5px;
}
.func_box li.zan{
    margin-right: 22.5px;
}
.func_box li.comment{
    margin-left: 22.5px;
}
.func_box li.comment .icon {
    width: 14px;
    height: 12px;
}
.func_box li.zan .icon {
    width: 13px;
    height: 13px;
}

.bottom {
    width: 100%;
    line-height: 1;
    color: #999;
    text-align: center;
    font-size: 12px;
}

.bottom a {
    color: #999;
    font-size: 12px;
}

.bottom .complaint {
    text-decoration: underline;
}

.browser_warp {
    display: none;
}

.browser_bg {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #000;
    opacity: 0.8;
    z-index: 999;
}

.open_browser_tips {
    position: fixed;
    width: 72.65625%;
    top: 0;
    right: 0;
    z-index: 9999;
}

.open_browser_tips img {
    width: 100%;
}

.hidden {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.more-link-box {
    display: none;
}

.alert-tips {
    position: fixed;
    top: 30%;
    padding: 6px 10px;
    background: rgba(0, 0, 0, 0.8);
    left: 50%;
    transform: translate(-50%, 0);
    border-radius: 6px;
    opacity: 1;
    display: block;
    z-index: 99;
    color: #fff;
    font-size: 12px;
}
/*鑷畾涔夊箍鍛婃牱寮�*/
#app{
    min-height: 100%;
    position: relative;
    box-sizing: border-box;
    padding-bottom: 45px;
}
.preview{
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
}
.preview a,
.preview img{
    width: 100%;
    height: auto;
    display: block;
}
.bottom{
    display: none;
}
body.setAd #app{
    padding-bottom: 20%;
}
body.setAd .bottom{
    display: block;
    margin-top: 30px;
    position: relative;
}
body.notAd .bottom{
    display: block;
    position: absolute;
    bottom: 10px;
    left: 0;
}
/*!
    * WePayUI v0.1.1 (https://github.com/wepayui/wepayui)
 * Copyright 2017 Tencent, Inc.
 * Licensed under the MIT license
 * Component : [weui-dialog]
 */
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{line-height:1.6;font-family:-apple-system-font,Helvetica Neue,sans-serif}
*{margin:0;padding:0}
a img{border:0}
a{text-decoration:none;-webkit-tap-highlight-color:transparent}
.weui-mask{background:rgba(0,0,0,.6)}
.weui-mask,.weui-mask_transparent{position:fixed;z-index:1;top:0;right:0;left:0;bottom:0}
.weui-dialog{position:fixed;z-index:2;width:80%;max-width:300px;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:#fff;text-align:center;border-radius:3px;overflow:hidden}
.weui-dialog__hd{padding:1.3em 1.6em .5em}
.weui-dialog__title{font-weight:400;font-size:18px}
.weui-dialog__bd{padding:0 1.6em .8em;min-height:40px;font-size:15px;line-height:1.3;word-wrap:break-word;word-break:break-all;color:#999}
.weui-dialog__bd:first-child{padding:2.7em 20px 1.7em;color:#353535}
.weui-dialog__ft{position:relative;line-height:48px;font-size:18px;display:-webkit-box;display:-ms-flexbox;display:flex}
.weui-dialog__ft:after{content:" ";position:absolute;left:0;top:0;right:0;height:1px;border-top:1px solid #d5d5d6;color:#d5d5d6;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(.5);transform:scaleY(.5)}
.weui-dialog__btn{display:block;-webkit-box-flex:1;-ms-flex:1;flex:1;color:#3cc51f;text-decoration:none;-webkit-tap-highlight-color:transparent;position:relative}
.weui-dialog__btn:active{background-color:#eee}
.weui-dialog__btn:after{content:" ";position:absolute;left:0;top:0;width:1px;bottom:0;border-left:1px solid #d5d5d6;color:#d5d5d6;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleX(.5);transform:scaleX(.5)}
.weui-dialog__btn:first-child:after{display:none}
.weui-dialog__btn_default{color:#353535}
.weui-dialog__btn_primary{color:#0bb20c}
@media screen and (min-width:1024px){.weui-dialog{width:35%}}