@charset "utf-8";
/* 
 * Author:UED
 * Version:1.0.0
*/
html,body{font-size:50px;}
@media screen and (min-width:320px){html{font-size: 50px;}}
@media screen and (min-width:360px){html{font-size: 56.2px;}}
@media screen and (min-width:375px){html{font-size: 58.5px;}}
@media screen and (min-width:414px){html{font-size: 64.6px;}}
body,button,input,select,textarea{font:12px/1.5 Arial,Heiti SC,STHeiti,Microsoft YaHei,Segoe UI,SimHei,SimSun,sans-serif;}
h1,h2,h3,h4,h5,h6{font-weight:500;}
.warp{font-size:0.24rem;max-width:640px;margin:0 auto;position: relative;}
.red{color:#ed383d;}
.green{color:#037c02;}
.bd_ee{background:#eeefef;}
.bd_ff{background:#fff;}

.content{width: 100%;position: relative;overflow: hidden;max-width: 640px;margin:0 auto;}
/*微聊-客服电话*/
.kfdhMain{background:#fff;position: relative;}
.kfdhMain dd{position: relative;}
.kfdhMain dd p{padding: 0.2rem 0.3rem;font-size: 0.26rem;color: #808080;}
.kfdhMain dd:after,
.kfdhMain:after{
    content:'';position:absolute;top:0;left:0;height:200%;width:200%;
    -webkit-transform:scale(.5);-webkit-transform-origin:left top;
    -ms-transform:scale(.5);-ms-transform-origin:left top;
    transform:scale(.5);transform-origin:left top;
    box-sizing:border-box;
    border-bottom:1px solid #e7e7e7;
}
.kfdhMain dd a{display: block;line-height:.88rem;font-size:.32rem;color:#343434;position: relative;padding:0 .30rem 0 .3rem;z-index: 3;}
.kfdhMain dd a:before{/* content: ''; */position: absolute;top:50%;left:.20rem;margin-top:-0.24rem;background:url(../images/icon.png) no-repeat;background-size:2rem auto;height: .48rem;width:.46rem;}
.kfdhMain .icon01 a:before{background-position: -0.02rem -0.01rem}
.kfdhMain .icon02 a:before{background-position: -0.57rem -0.01rem}
.kfdhMain .icon03 a:before{background-position: -0.02rem -0.55rem}
.kfdhMain .icon04 a:before{background-position: -0.57rem -0.55rem}
.kfdhMain .icon05 a:before{background-position: 0 -1.6rem;width: 0.54rem;height: 0.4rem;}
.kfdhMain .icon06 a:before{background-position: -0.9rem -1.8rem;width: 0.44rem;height: 0.5rem;}
.kfdhMain dd a:after{
    content:'';position: absolute;top:50%;right:.30rem;margin-top:-0.10rem;height: .20rem;width:.20rem;border-style: solid;border-width: 1px;border-color: transparent #ccc #ccc transparent;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.kfdhMain .phoneDd a:after{display: none;}
.kfdhMain dd b{float:right;color: #1677d3;font-weight: normal;font-size: 0.3rem;}
.kfdhMain dt{background:#f7f7f7;color: #808080;padding-left:.3rem;line-height: .88rem;overflow:hidden;}
.kfdhMain dt .time{width: 3rem;float: right ;line-height: .40rem;padding-top: .04rem;padding-right: .30rem;text-align: right;}


/*小智客服*/
.xzkfList{position: relative;}
.xzkfList a{display: block;background:#fff;padding:.20rem;}
.xzkfList a:before,
.cjwtMain a:before,
.hbList:after,
.hbList dt:after{
    content:'';position:absolute;top:0;left:0;height:200%;width:200%;
    -webkit-transform:scale(.5);-webkit-transform-origin:left top;
    -ms-transform:scale(.5);-ms-transform-origin:left top;
    transform:scale(.5);transform-origin:left top;
    box-sizing:border-box;
    border-bottom:1px solid #e7e7e7;
}
.xzkfList a:after,
.cjwtMain a:after{
    content:'';position: absolute;top:50%;right:.30rem;margin-top:-0.10rem;height: .20rem;width:.20rem;border-style: solid;border-width: 1px;border-color: transparent #ccc #ccc transparent;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.xzkfList h4{color:#000;font-size:.34rem;line-height: .40rem;margin-bottom: .10rem}
.xzkfList p{color:#808080;line-height: .30rem;width:80%;}


/*常见问题*/
.cjwtMain a{position:relative;display: block;line-height: .88rem;padding:.0 .30rem;font-size: .34rem;color:#000;background:#fff;}

/*6慧币*/
.hbList{position: relative;font-size:.30rem;}
.hbList dt{background:#fff;line-height: .88rem;position:relative;z-index:3;color:#333;padding:0 .20rem;}
.hbList dt:before{
    content:'';position:absolute;top:50%;right:.20rem;height:.36rem;width:.34rem;
    background: url(../images/icon.png) no-repeat;background-size:2rem auto;
    background-position: -1.25rem 0;  
    margin-top: -0.16rem;
    -webkit-transform:rotate(-90deg);
    -ms-transform:rotate(-90deg);
    transform:rotate(-90deg);
}
.hbList dd{color:#4c4c4c;padding:.20rem;position: relative;z-index:3;display: none;}
.hbList dd p{position: relative;padding-left: .28rem;}
.hbList dd span{position: absolute;top:0;left:0;}
.active dd{display: block;}
.active dt:before{
    -webkit-transform:rotate(0deg);
    -ms-transform:rotate(0deg);
    transform:rotate(0deg);
}

/*3在线客服*/
.zxkfMain{
    position: absolute;
    z-index: 1;
    top: 0;
    left: .20rem;
    width: 6rem;
    height: 100%;
    overflow: hidden;
}
.zxkfMainMid {
    padding-bottom:.40rem;
    position: absolute;
    z-index: 1;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -o-text-size-adjust: none;
    text-size-adjust: none;
}
.zxkfMain hgroup{margin:.10rem 0;font-size:.28rem;}
.zxkfMain .fl .photo{float: left;}
.zxkfMain .fr .photo{float:right;}
.zxkfMain .fl .zxkfTxt{margin-left:.20rem;float: left;}
.zxkfMain .fr .zxkfTxt{margin-right:.20rem;float: right;}
.zxkfMain hgroup .photo{width:.80rem;height:.80rem;display:block;border-radius:360px;}
.zxkfMain hgroup .zxkfTxt{position:relative;display:inline-block;max-width:3.4rem;padding:.17rem .30rem;background:#fff;border-radius:3px;line-height: .45rem;}
.zxkfMain hgroup .zxkfTxt:after{
    content:'';position:absolute;top:0;left:0;height:200%;width:200%;
    -webkit-transform:scale(.5);-webkit-transform-origin:left top;
    -ms-transform:scale(.5);-ms-transform-origin:left top;
    transform:scale(.5);transform-origin:left top;
    box-sizing:border-box;
    border:1px solid #ddd;border-radius: 6px;   
}
.zxkfMain hgroup .zxkfTxt:before{
    content:'';position: absolute;top:.20rem;
    background:#fff;z-index:3;
    height: .30rem;width: .30rem;border-width: 1px;border-style: solid;
    border-color:transparent  transparent  #ddd #ddd ;
    -webkit-transform:scale(.5) rotate(45deg);
    -ms-transform:scale(.5) rotate(45deg);
    transform:scale(.5) rotate(45deg);
}
.zxkfMain .fl .zxkfTxt:before{
    left:-0.17rem;
}
.zxkfMain .fr .zxkfTxt:before{
    right:-0.17rem;
    -webkit-transform:scale(.5) rotate(-130deg);
    -ms-transform:scale(.5) rotate(-130deg);
    transform:scale(.5) rotate(-130deg);
}
.zxkfMain .blue .zxkfTxt,
.zxkfMain .blue .zxkfTxt:before{background:#c7e4ff;}
.zxkfMain hgroup a{color:#1677d3;display: block;}
.zxkfFoot{padding:.20rem;box-sizing:border-box;position: fixed;bottom:0;left:0;width:100%;z-index:20;background:#f9f9f9;}
.zxkfFoot:after,
.zxkfFoot .btn:after,
.zxkfFoot .txtDiv:after{
    content:'';position:absolute;top:0;left:0;height:200%;width:200%;
    -webkit-transform:scale(.5);-webkit-transform-origin:left top;
    -ms-transform:scale(.5);-ms-transform-origin:left top;
    transform:scale(.5);transform-origin:left top;
    box-sizing:border-box;
    border-top:1px solid #ddd;    
}
.zxkfFoot .btn:after,
.zxkfFoot .txtDiv:after{border:1px solid #ddd;border-radius:10px;}
.zxkfFoot .btn{color:#343434;float: right;position:relative;z-index:3;background:#fff;border-radius:5px;height:.66rem;width: .80rem;line-height: .66rem;text-align: center;}
.zxkfFoot .txtDiv{margin-right:1rem;margin-left:.90rem;background:#fff;border-radius:5px;position:relative;z-index:3;height:.66rem;}
.zxkfFoot .txtDiv textarea{border:none;background:none;width:3.9rem;height:.46rem;line-height:.46rem;padding:.10rem ;position: relative;z-index:3;}
.zxkfFoot .icon{display: block;position: absolute;top:0.19rem;left:0.24rem;z-index:5;height: .62rem;width: .62rem;background:url(../images/icon.png) no-repeat; background-size:2rem auto;background-position:-1.21rem -0.48rem;}


/*来吐槽*/
.ltcNav{z-index:10;background:#fff;position: fixed;top:0;left:0;padding:.10rem .20rem;width: 100%;box-sizing:border-box;}
.ltcNav a{text-align:center;line-height:.58rem;color:#353535;position: relative;z-index: 3;display:block;width: 50%;float: left;;}
.ltcNav hgroup{position: relative;overflow:hidden ;}
.ltcNav hgroup:after,
.ltcNav a:after,
.ltcMain hgroup:after,
.ltcFoot:after,
.ltcFootMid:after,
.uptxtMid:after{
    content:'';position:absolute;top:0;left:0;height:200%;width:200%;
    -webkit-transform:scale(.5);-webkit-transform-origin:left top;
    -ms-transform:scale(.5);-ms-transform-origin:left top;
    transform:scale(.5);transform-origin:left top;
    box-sizing:border-box;
    border:1px solid #ddd;    
    border-radius: 10px;    
}
.ltcNav a:after{border-radius: 0;border:none;border-right:1px solid #ddd;}
.ltcNav a:last-child:after{display: none;}
.ltcNav .active{color: #1677d3;}
.ltcMain{margin-top:.78rem;width: 100%;background: #fff;padding:.20rem;padding-right:0;box-sizing:border-box;/* overflow: hidden;overflow-y:scroll;-webkit-overflow-scrolling: touch; */}
.ltcMainMid{padding-bottom:.90rem;}
.ltcMain hgroup{position: relative;line-height: .30rem;padding:.10rem 0;padding-right:.20rem;}
.ltcMain hgroup:after{border-radius:0;border:none;border-bottom:1px solid #ddd;padding-right:.20rem;}
.ltcMain h4{color:#1677d3;max-width: 5rem;position:relative;z-index:3;}
.ltcMain a{color:#1677d3;display:block;text-align: right;position: relative;z-index:5;display: none;}
.ltcMain .moreBox a{display: block;}
.ltcMain time{font-size: .22rem;color:#989898;}
.ltcMain p{font-size:.28rem;color:#333;line-height: .40rem;margin-top:.06rem;position: relative;z-index:3;}
.ltcMain .good{position: absolute;top:.10rem;right:.20rem;z-index:6;color:#9a9a9a;padding-bottom:.50rem;padding-right:.40rem;}
.ltcMain .good:after{
    content:'';position: absolute;top:0;right:0;
    height:.24rem;width:.26rem;
    display: block;
    background:url(../images/icon.png) no-repeat;
    background-size:2rem auto;
    background-position: 0 -1.25rem ;
}
.ltcMain .good.active:after,
.ltcMain .good.cur:after{
    background-position:-0.46rem -1.25rem; 
}
.ltcMain .cur i{position: absolute;top:0;right: 0;font-style: normal;
    font-size: .24rem;color:#1677d3;opacity: 0;
    -webkit-animation:addOne .5s 1;
    -ms-animation:addOne .5s 1;
    animation:addOne .5s 1;
}
@-webkit-keyframes addOne{
    0%{top:0;opacity: 0;}
    50%{top:-12px;opacity: 1;}
    100%{top:-24px;opacity: 0;}
}

.ltcFoot{height:.88rem;position: fixed;bottom:0;left:0;width:100%;z-index:10;background:#e7e7e7;padding:.10rem .20rem;box-sizing:border-box;}
.ltcFoot:after{border-radius: 0;border:none;border-top:1px solid #ddd;}
.ltcFootMid:after{border-color:#ccc;}
.ltcFootMid{background:#fff;position: relative;border-radius:5px;line-height: .66rem;color:#bdbdbd;font-size:.30rem;padding-left:.64rem;}
.ltcFootMid:before{
    content: '';position: absolute;top:.13rem;left:.13rem;
    background: url(../images/icon.png) no-repeat;
    background-size:2rem auto;
    background-position:-0.88rem -1.25rem ;
    height:.40rem;width:.36rem;
}

.upTxt{display:none;position:fixed;top:0;left:0;background:#fff;box-sizing:border-box;height:100%;width: 100%;z-index:90;}
.uptxtMid{position:relative;margin:.10rem auto;padding:.20rem;box-sizing:border-box;height:4rem;width:6.2rem;}
.uptxtMid:after{border-radius:0;}
.uptxtMid textarea{width:100%;height:100%;background:none;border:none;position: relative;z-index:3;font-size:.30rem;}
.upTxtBtn{text-align:right;padding:.10rem .10rem 0;overflow:hidden;}
.upTxtBtn a{display:inline-block;height:.60rem;width:1.20rem;line-height:.60rem;text-align:center;font-size:.30rem;color:#fff;border-radius:3px;background:#1677d3;}
.txtLeng{float:left;color:#bdbdbd;position: relative;top:.32rem;}
.txtLeng span{color:#1677d3;}

/* error页面 */
.errorMain{padding:0 .30rem;text-align: center;}
.errorMain .photo{padding:.70rem 0;}
.errorMain .photo img{display: block;margin:0 auto;width:1.52rem;}
.errorMain h3{font-size: .32rem;color:#bfbfbf;margin-bottom: .40rem;}
.errorMain h4{line-height: .40rem;color:#000;font-size: .24rem;}