@media screen and (min-width: 320px) {
    html { font-size: 13px; }
}

@media screen and (min-width: 360px) {
    html { font-size: 14px; }
}

@media screen and (min-width: 414px) {
    html { font-size: 15px; }
}

@media screen and (min-width: 480px) {
    html { font-size: 16px; }
}
[v-cloak] { display: none; }
html{height:100%}
body { margin: 0px auto; padding: 0px; background: #fff; position: relative; max-width: 680px; height: 100%; -webkit-text-size-adjust: 100% !important; }
body, input, textarea { font-family: pingfang sc bold,microsoft yahei,宋体, verdana, arial, helvetica, sans-serif !important; }
ul,li,p,dl,dt,dd{list-style:none;margin:0px;padding:0px;}
h1,h2,h3,h4,h5,h6{padding:0px;margin:0}
a:link {color: #333;text-decoration: none;}
a:visited {color: #333;text-decoration: none;}
a:hover{color: #333;text-decoration:none}
a:active{color: #333;text-decoration:none}
.clear{clear:both}
.none { display: none; }
.p100{width:auto;height:auto;overflow:hidden}
.shadow {box-shadow:0 1px 2px rgba(0,0,0,.15);-webkit-box-shadow:0 1px 2px rgba(0,0,0,.15);background:#fff }
img { border:0px }
.bold{font-weight:bold}
em,i { font-style: normal; }

#main{height:100%}
.fr { float: right; }
.fl { float: left; }
.b-b-none { border-bottom: 0px!important; }
.greenFont{color:green}
.redFont,.red{color:red!important; }
.orangeFont { color:orange; }
.none { display: none!important; }
.fontshrink{-webkit-text-size-adjust:none;-webkit-transform:scale(0.8);-o-transform:scale(1); display:inline-block}

.clearfix { width: 100%; height:auto}
.clearfix:after { content: "."; display: block; height: 0; visibility: hidden; clear: both; }
.tipdiv { font-size: 12px;background:#fffefc;color:#ffdbb4;padding:5px;box-sizing:border-box;margin:0 5px;border:1px solid #fff1e7;border-radius:2px }
.animationd05 { animation-duration: 0.5s; -webkit-animation-duration: 0.5s; }
.animationd04 { animation-duration: 0.4s; -webkit-animation-duration: 0.4s; }
.animationd03 { animation-duration: 0.3s; -webkit-animation-duration: 0.3s; }
.animationd02 { animation-duration: 0.2s; -webkit-animation-duration: 0.2s; }
.animationddelay02{-webkit-animation-delay:0.2s;animation-delay:0.2s}
.animationddelay04{-webkit-animation-delay:0.4s;animation-delay:0.4s}
.icon { width: 1em; height: 1em; vertical-align: -0.15em; fill: currentColor; overflow: hidden; }

.mask { background: rgba(0,0,0,0.55); position: fixed; height: 110%; width: 100%;left:0px }

@-webkit-keyframes d_loading_move {
    0% { top: 0px; }
    100% { top: -60px }
}

@keyframes d_loading_rotate {
    0% { transform: translate(-50%) rotateZ(0deg); }
    100% { transform: translate(-50%) rotateZ(360deg); }
}

:root { --van-green: #04cf8d; --van-back-top-background: var(--van-green); --van-nav-bar-icon-color: #999; --van-dialog-confirm-button-text-color: var(--van-green); }
.van-cell{font-size:initial}
.van-action-bar{height:4.2rem}
.van-action-bar-icon{min-width:3.7rem;font-size:1rem}
.van-action-bar-icon__icon { font-size: 1.9rem; margin: .3rem 0 }
.van-action-bar-button{height:3.4rem;font-size:1.2rem}
:root { --van-font-size-xs :1rem;
--van-font-size-sm:1.1rem; --van-font-size-md: 1.15rem; --van-font-size-lg: 1.25rem }
#b-menu { position: fixed; bottom: 0; left: 0; height: 3.9rem; background: #fff; width: 100%; border-top: 1px solid #f9f9f9; }
#b-menu a { display: inline-block; float: left; text-align: center; color: #111; position: relative; line-height: 1rem; width:33.3%;font-size:.95rem}
#b-menu svg{  display: block;  text-align: center; color: #222; clear: both;font-size:1.5rem; margin: .5rem auto .4rem auto; }
#b-menu .sel em { background: #04cf8d; border-radius: 50%; position: absolute; top: -.85rem; left: 50%; margin-left: -1.7rem; width: 3.4rem; height: 3.4rem; box-sizing: border-box; border: 3px solid #fff; -webkit-box-shadow: 0 -3px 7px rgba(0,0,0,0.09); padding-top: .2rem }
#b-menu .sel { color: #f1564e; color: #04cf8d; padding-top: 2.6rem }
#b-menu .sel svg { font-size: 1.8em; color: #fff;margin-top:.4rem }

.pop-box-w { display: flex; align-items: center; justify-content: center; height: 100%; }
.pop-box { background: #fff; width: 80%; left: 0; border-radius: 1rem; padding: 1rem; position: relative }
.pop-box .close { position: absolute; bottom: -3rem; left: 50%; margin-left: -.75rem }
.pop-box .close i { color: #fff; font-size: 1.5rem }

.btn { background: #04cf8d; color: #fff; border-radius: 2rem; text-align: center; padding: .8rem 0 ;font-size:1.15rem}

 .ad-s{font-size:.7rem;background:rgba(0,0,0,.3);color:#fff;border-radius:.3rem;padding:.2rem .4rem;display:inline-block;position:absolute;bottom:.2rem;right:.2rem;line-height:1rem}