@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%}
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: 0em; 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.9rem}
.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}
.van-skeleton{background:#fff;padding-top:.7rem;height:100%;box-sizing:border-box;position:fixed;top:0;width:100%;left:0;z-index:1}
.van-back-top { background: #fff;color:#999 }
: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; display: flex; flex-wrap: wrap; bottom: 0; left: 0; height: 4.1rem; background: #fff; width: 100%; border-top: 1px solid #ededf0;z-index:101 }
#b-menu .n { display: inline-block;flex:1; text-align: center; color: #333; position: relative; line-height: 1rem;font-size:.95rem}
#b-menu .n .ic { width: 2rem; height: 2.7rem; margin: 0 auto;position:relative }
#b-menu .n svg { color: #666; width: 1.8rem; height: 1.8rem; margin-top: .45rem; }
#b-menu .n img { width: 2rem; height: 2rem; margin-top: .3rem }
#b-menu .n .jb { position: absolute; background: red; width: 1.2rem; height: 1.2rem; line-height: 1.2rem; color: #fff; text-align: center; right: -.5rem; top: 0; border-radius: 50%; font-size: .6rem }
.n .tag { font-size: .65rem; color: #fff; background: linear-gradient(135deg,#fe6e2d 40%,#f45006 75%,#fc6d7a); animation: nav-shake 5s infinite; animation-delay: .5s; background-size: 200%; border-radius: .5rem .2rem .5rem 0; top: -.2rem; right: -1rem; position: absolute; display: inline-block; line-height: initial; padding: .1rem .3rem }


.pub-box { display: flex; flex-wrap: wrap; padding: 5rem 1rem 0 1rem; box-sizing: border-box }
.pub-box .ic { height: 3.4rem; line-height: 3.4rem; width: 3.4rem; background: linear-gradient(135deg,#fcb369 40%, #fa7b8a 75%,#fc6d7a); border-radius: 1.35rem; margin: 0 auto .5rem auto }
.pub-box .pn { display: inline-block; flex: 1; text-align: center; color: #333; }
.pub-box svg { color: #fff; width: 2rem; height: 2rem; margin-top: .7rem; }
.pub-box .pn:nth-child(2n) .ic{ background: linear-gradient(135deg,#fdd81c 40%, #feb811 75%,#fcb110); }

.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: -webkit-linear-gradient(0deg, #597bf6, #5b7af6); color: #fff; border-radius: 2rem; text-align: center; padding: 1rem 0; font-size: 1.15rem }
.btn.dep { background: #f1f3ff; color: #4271fc!important }
.btn.light { background: -webkit-linear-gradient(0deg, #9c72f4, #a179f7) }

.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 }


.marker-map { position: fixed; height: 100%; width: 100%; background: #fff; left: 0px; top: 0px; z-index: 1001 }
.marker-map .m-header { height: 40px; line-height: 40px; text-align: center; color: #fff; font-size: 16px; position: relative; background: #597bf6 }
.marker-map .m-header a { color: #fff; display: block; width: 40px; position: absolute; left: 0px; top: 0px; font-size: 20px; }
.marker-map .m-header svg { width: 20px; }
.marker-map .m-now { height: 40px; line-height: 40px; overflow: hidden; border-bottom: 1px solid #e8e8e8; padding: 0 10px; box-sizing: border-box; font-size: 14px; color: #666; position: relative }
.marker-map .m-now div { width: 70px; background: #fff; text-align: center; position: absolute; right: 0px; top: 0px; font-size: 12px; color: #ff7f00 }
.marker-map .m-s { height: 40px; line-height: 40px; overflow: hidden; border-bottom: 1px solid #e8e8e8; position: relative; padding: 0 40px 0 10px; box-sizing: border-box; }
.marker-map input { height: 100%; width: 100%; border: 0 }
.marker-map a { display: block; width: 40px; color: #ccc; font-size: 20px; position: absolute; right: 0px; top: 0px; text-align: center }
.marker-map svg { width: 24px; }
.marker-map #markermap { width: 100%; /*height:calc(100% - 120px)*/ height: 300px }
.marker-map .as { background: #fff; }
.marker-map .as li { height: 75px; color: #333; box-sizing: border-box; padding: 10px 80px 10px 10px; position: relative; border-bottom: 1px solid #e8e8e8 }
.marker-map .as h3 { font-size: 18px; height: 34px; line-height: 34px; overflow: hidden; font-weight: normal }
.marker-map .as p { font-size: 12px; color: #999; height: 20px; overflow: hidden; line-height: 1.6em }
.marker-map .as em { color: #597bf6; border: 1px solid #597bf6; padding: 4px 6px; font-size: 13px; position: absolute; right: 10px; top: 17px; border-radius: 3px }
.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 }

.poster-b { position: fixed; top: 5em; box-sizing: border-box; background: #fff; padding: 1rem; width: 80%; left: 10%; text-align: center; border-radius: .9rem }
.poster-b img { width: 100% }
.poster-b p { color: #666; margin: .8rem 0 .3rem 0 }
.poster-s { position: fixed; bottom: .5rem; box-sizing: border-box; background: #fff; border-radius: .5rem; padding: .6rem; width: 96%; left: 2%; display: flex; text-align: center; justify-content: center }
.poster-s .close { position: absolute; top: -2rem; right: .4rem; color: #f0f0f0; font-size: 1.2rem }
.poster-s div { width: 3.6rem; height: 3.6rem; margin: 0 .2rem; box-sizing: border-box; border-radius: .2rem }
.poster-s div img { width: 100%; }
.poster-s div.sel { border: .3rem solid #ff6a00 }

.no-data{text-align:center;padding:1rem 0!important;color:#999;}
.no-data .no-icon { width: 5rem; background: url(/images/notinfo.png) no-repeat; background-size: 100% auto; height: 4.5rem;margin:0 auto .5rem auto }
.no-data .no-btn{padding-top:1.2rem}
.no-data .no-btn a{display:inline-block;font-size:1rem;padding:.4rem 1rem}
.van-search__content{border-radius:.5rem}

@keyframes nav-shake {
    0% { transform: translateX(-5px); }
    5% { transform: translateX(5px); }
    10% { transform: translateX(0); }
}