@charset "utf-8";
html {font-size:62.5%; }/*基数10 百分数62.5%,基数14 百分数87.5%,百分数=基数/16,px换算rem 公式=想要的px值/基数*/
html,body { width:100%; height:100%; font-family: -apple-system-font,BlinkMacSystemFont,"Helvetica Neue","PingFang SC","Microsoft YaHei","Hiragino Sans GB",sans-serif;-webkit-tap-highlight-color:transparent;}
* ,body, div, dl, dt, dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,table,tr,th,td { margin:0;padding:0; border:none; -webkit-tap-highlight-color: transpranet;}
body {font-size:1.4rem;  font-family:"微软雅黑"; border:none;max-width:640px; margin:0 auto; position: relative; }
a,img,button,input,textarea{-webkit-tap-highlight-color:rgba(255,255,255,0);}
.clear { float:none; clear:both; height:auto; border:none;}
.clear::after  { clear: both;content: " ";display: block;font-size: 0;height: 0;overflow: hidden;visibility: hidden;}
li{ list-style:none;}
a{ text-decoration:none; color:#333; }
input,button { border:0; outline: none; color:#fff; font-family:"微软雅黑";}
i,em { font-style:normal;}
.ovh{ height:100%;overflow:hidden; }
.d-n{ display:none;}
.d-b{ display:block;}
.money-market{ font-family: Arial, Helvetica, sans-serif; color:#E40011; text-decoration:line-through; color:#666; }
@font-face {
  font-family: 'iconfont';
  src: url('../fonts/iconfont.eot');
  src: url('../fonts/iconfont.eot') format('embedded-opentype'),
      url('../fonts/iconfont.woff2') format('woff2'),
      url('../fonts/iconfont.woff') format('woff'),
      url('../fonts/iconfont.ttf') format('truetype'),
      url('../fonts/iconfont.svg#iconfont') format('svg');
}
.iconfont {font-family: "iconfont";font-style: normal;-webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.2px;overflow:hiden;}
/*******重置WEUI 部分样式*******/
/*可用的列宽度为 5,10,15,20,25,33,40,50,60,66,75,80,85,90,95,100*/
.weui-btn_ora {background-color: #ff6600; }
.weui-btn_ora(.weui-btn_disabled):visited {color:#fff }
.weui-btn_ora(.weui-btn_disabled):active { color:rgba(0,0,0,.6); background-color:#ff6600; }
.weui-btn_disabled.weui-btn_ora { background-color:#f89f64; }
.weui-btn_loading.weui-btn_ora { background-color:#ff6600;color:hsla(0,0%,100%,.6) }
.weui-btn.line + .weui-btn { margin:0 10px 0 5px; }
.weui-uploader__input-box{ margin:0px; width: 50px; height: 50px; }
.weui-uploader__file{ position:relative; margin:0 5px 0 0; width: 50px; height: 50px; border: 1px solid #d9d9d9; }
.weui-uploader__file i {position: absolute; top:-10px;right:-5px;z-index: 1; text-align: center; cursor:pointer; }
.weui_toptips {z-index: 99999;}
.weui-tabbar__item { padding:0px 0 0px;color: #333;}
.weui-tabbar__item:active * {color:#179b16}
.weui-tabbar__item i {color: #333;}
.weui-tabbar__item .weui-tabbar__icon { width:2.5rem; height:2.5rem }
.weui-tabbar__item .weui-tabbar__icon i{ font-size:2rem; }
.weui-tabbar__item .weui-tabbar__label {font-size:1.2rem; height:2.4rem;line-height:2.4rem}
.weui-grid__icon{width:30px;height:30px;margin:0 auto}
.weui-vcode-btn {width:100px; padding:0; text-align:center; color:#333}
.weui-switch, .weui-switch-cp__box {width: 45px;height:25px;}
.weui-switch-cp__box::after, .weui-switch::after {width: 23px;height: 23px;}
.weui-tabbar{ z-index:2; max-width:640px; position: fixed; }
.weui-footer {padding:3rem 0 6rem; }
.weui-input {
    height: 3.0em;
    line-height: 3.0em;
}
.city-picker { height:20rem; }
.city-picker .toolbar .toolbar-inner { height: 4rem; }
.city-picker .toolbar .toolbar-inner .title,.city-picker .toolbar .toolbar-inner .picker-button { height:4rem; line-height: 4rem; font-size:1.4rem; }
.city-picker .picker-items {height: 17rem;font-size: 1.4rem; }
.city-picker .picker-items-col {max-width: 20rem;}
.weui-article{ padding: 0 1rem; }

.weui-cells__title { padding: 10px 10px; }
.weui-cells__title .right {float: right; font-size:1.2rem;}
.weui-cells__title .right a {color: #999;}
.weui-grid__text{ display:block; text-align:Center; color: #666; font-size:1.2rem;}
.weui-grid__text i{ font-family:sans-serif; color:#FF4644; }
.weui-grid-cols4{ width: 25%; }
.weui-grid-cols5{ width: 20%; }
/*
.weui-article h1 { font-size: 1.8rem; font-weight: 400;margin-bottom:0; }
.weui-article h1 { font-size: 1.6rem; }
.weui-article h3 { font-size: 1.4rem; }
.weui-article h4 { font-size: 1.2rem; }
*/
.weui-article section { margin: 0; font-size: 1.4rem; }
.toolbar .toolbar-inner{ height: 4rem; }
.toolbar .title { line-height: 4rem; font-size: 1.6rem; }
.toolbar .picker-button { height: 4rem; font-size: 1.4rem;line-height: 4rem;}
.weui-loadmore {  margin: 0 auto; padding: 1.5rem 0; }
/*******重置 END*******/
* {padding: 0;margin: 0;}
*:before,*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}/*去除border占位*/
.sstmb { padding:5rem; }
.line{ height:1px; background:#eee;}
.cny { margin:0 2px; font-family: Arial; }
.text-right{ text-align:right;}
.fl{ float:left; }
.fr{ float:right; }
.m0,.p0{margin:0;}
.plr5{ padding:0 0.5rem}
.absolute{ position: absolute; }
.relative{ position: relative; }
.font10{ font-size:1rem; }
.font12{ font-size:1.2rem; }
.font14{ font-size:1.4rem; }
.font16{ font-size:1.6rem; }
.font18{ font-size:1.8rem; }
.ellipsis{ white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all; }
.ellipsis-two{ text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; }
.express-title{ display: block; margin: 0 0.5rem; height:0.5rem; background: url("../images/address-bg.jpg") left top repeat-x;  }
/*10种常见颜色*/
.f-red{color:#d82442}
.f-green{color:#457932!important}
.f-blue{color:#18b4ed!important}
.f-black{color:#333!important}
.f-white{color:#FFF!important}
.f-zi{color:#F3C!important}
.f-gray{color:#CCC!important}
.f-yellow{color:#FF6!important}
.f-orange{color:#F60!important}
.wrapper { max-width:640px; margin:0 auto; overflow:hidden;}
.wrapper-content{ display:block; padding:0.5rem 0.8rem; }
/*头部*/
header { height:5rem;line-height:5rem; font-size:1.6rem; position: absolute; z-index:9; width:100%; max-width: 640px; top:0;margin:0 auto;color:#fff;text-align:center; }
header a.t_icon { width:3rem; height:5rem; display:block;position: absolute;left: 0rem; top: 0; background:url(../images/return_icon.png) no-repeat center;  background-size:1rem auto;}
/*底部*/
.footer-order .tex{ line-height:5rem; height:5rem; text-align:center; }
.footer-order .btn{ border-radius:0; }
/*星星、云层*/
.mpart {height: 10rem; background-size:100% 10rem; background-image:url(../images/head_bg.jpg);overflow: hidden; position: relative;}
.mpart .vision { position: relative; height: 10rem; }
.mpart .vision .s_mide {height: 10rem;position: relative; background:url(../images/bgstar.png) no-repeat 0 0;background-size: 100%;}
.mpart .vision .s_botm:nth-child(1n),
.mpart .vision .s_botm:nth-child(2n){ height: 10rem; margin-top: 0rem; position: absolute; top: 0;left:0; background:url(../images/cloud1.png) repeat-x 0 bottom;}
.mpart .vision .s_botm:nth-child(1n){ width: 1000rem; background-size: 15rem auto; animation:wave 150s linear 0s infinite alternate; -webkit-animation:wave 150s linear 0s infinite alternate;}
.mpart .vision .s_botm:nth-child(2n){ width: 1200rem; background-size: 15rem 3rem; left:-30rem; background-image:url(../images/cloud2.png); animation:wave2 90s linear 0s infinite alternate; -webkit-animation:wave2 90s linear 0s infinite alternate;}

/*客服专线*/
.contact-mod { width: 100%; }
.contact-mod .head {width: 100%; height: 5rem;padding-top:14rem;line-height:2rem;font-size: 1.6rem;color: #fff;text-align: center;background: url("../images/tel-bg.jpg") center top no-repeat;background-size: 100%;}
.contact-mod .info { padding: 2rem 2rem;}
.contact-mod .info .title {font-weight: bold;}
.contact-mod .info .text {line-height: 1.6rem;color: #666;}
.contact-mod .info .code {text-align: center;}
.contact-mod .info .code img {max-width: 50%;}
.contact-mod .info .code p {line-height: 3rem;color: #666;}
.contact-mod .close-popup{ position: absolute;right: 0rem;top: 0.3rem;}
.contact-mod .close-popup .weui-icon-cancel{ color:#fff; font-size: 30px;}

.zhibo{ position: fixed;right: 10px;bottom: 80px; }
.zhibo img{ max-height: 60px; }

a.onvip{ position: absolute;right: 5px;top: 200px; z-index: 10;}
a.onchat{position: absolute;right: 5px;top: 260px; z-index: 10;}
a.wechat{position: absolute;right: 5px;top: 320px; z-index: 10;}

.ask-list{ display:block; padding:2rem 1.5rem; }
.ask-list li{ display:block; text-align:left; line-height:2.4rem; padding-top:0.5rem}
.ask-list li em{ font-size:1.2rem; font-weight: bold; }
.ask-list li i{ font-size:1.2rem; color:#f43509; font-style:normal; color:#06C}
.ask-list .kefu-tel{ margin: 0 0rem;color:#f00;font-weight: bold; }

/*必须*/
@-webkit-keyframes rotate {0% {-webkit-transform: rotate(0deg);}50% {-webkit-transform: rotate(180deg);}100% {-webkit-transform: rotate(360deg);}}
@keyframes rotate {0% {transform: rotate(0deg);}50% {transform: rotate(180deg);}100% {transform: rotate(360deg);}}
@-webkit-keyframes wave{0%{left:0px; top:0px;}50%  {left:-30rem; top:0;}100% {left:0px; top:0px;}}
@keyframes wave{0%{left:0px; top:0px;}50%  {left:-30rem; top:0;}100% {left:0px; top:0px;}}
@-webkit-keyframes wave2{0%{left:0px; top:0px;}50%  {left:-40rem; top:0;}100% {left:0px; top:0px;}}
@keyframes wave2{0%{left:0px; top:0px;}50%  {left:-40rem; top:0;}100% {left:0px; top:0px;}}