body{-webkit-user-select:none;-moz-user-select:none;-webkit-text-size-adjust:none;-webkit-touch-callout:none;-webkit-overflow-scrolling:touch;    /* webkit下字体平滑处理 */-webkit-font-smoothing:antialiased;    /* 火狐下的字体平滑处理 */-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:rgba(0,0,0,0);    /* -webkit-appearance: none; */}
a,abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,datalist,dd,del,details,dfn,dl,div,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,html,i,iframe,img,ins,kbd,keygen,label,legend,li,meter,nav,menu,object,ol,output,p,pre,progress,q,s,samp,section,small,span,source,strong,sub,sup,table,tbody,tfoot,thead,th,tr,td,video,u,ul,var,input,select{margin:0;padding:0;}
body,button,input,select,textarea{font:.24rem/.24rem microsoft yahei,Arial;}
input,button,textarea{border-radius:0;outline:none;}
button{cursor:pointer;border:none;}
input[type='button']{background:none;}
input::-webkit-input-placeholder{font-family:microsoft yahei;color:#666;}
input[type='text'],input[type='password'],input[type='button'],textarea{outline:none;-webkit-appearance:none;appearance:none;}
ul,ol{list-style:none;}
img{display:block;width:100%;vertical-align:middle;border:0;}
em,i{font-style:normal;}
a{text-decoration:none;color:#333;outline:none;}
a:hover{text-decoration:none;}
.clearfix::after{font-size:0;display:block;visibility:hidden;clear:both;height:0;content:'.';}
/*输入框提示语*/
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder { /* WebKit browsers */
    color:#ccc !important;
}
input:-moz-placeholder,textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:#ccc !important;
}
input::-moz-placeholder,textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:#ccc !important;
}
input:-ms-input-placeholder,textarea:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:#ccc !important;
}
*{  -webkit-box-sizing: content-box;  box-sizing: content-box;}
/* css */
body{display:none;width:auto;max-width:7.5rem;margin:0 auto; color: #666;background: #fff;overflow-x: hidden;overflow-y: auto;height: auto;}
html{background: #fff;}
/*首页头部*/
.homeHead{
    height: 1.16rem;
    padding: 0.12rem 0.32rem;
    background: url('../images/topBg.jpg');
    background-size: cover;
    color: #fff;
    overflow: hidden;
    font-size: 0.26rem;
}
.homeHead .logo{
    display: block;
    width: 1.16rem;
    height: 1.16rem;
    border-radius: 1rem;
    background: #fff;
    overflow: hidden;
    float: left;
}
.logoInfo{
    float: left;
    margin-top: 0.21rem;
    margin-left: 0.3rem;
    padding-left: 0.3rem;
    border-left: 0.02rem solid #80919c;
}
.logoInfo span{
    display: block;
    line-height: 0.32rem;
}
.logoInfo .logoTit{
    font-size: 0.36rem;
    margin-bottom: 0.1rem;
    font-weight: bold;
}
/*公共头部*/
.nav-fixed-top{
    position: fixed;
    top:0;
    margin: 0;
    z-index: 110;
    width: 7.5rem;
}
.header-wrap{
    height: 0.88rem;
    position: relative;
    background: #fff;
    color: #333;
}
.header-wrap-color{
    background: #ff444d;
}
.header-wrap .topIcon{
    position: absolute;
    top: 0;
    height: 0.88rem;
    padding: 0 0.36rem;
}
.header-wrap .back-prev {
    left: 0;
}
.header-wrap .back-prev i{
    width:0.22rem;
    height: 0.39rem;
    display: block;
    margin: 0.25rem auto 0;
    float: left;
}
.header-wrap .top-tel{
    right: 0;
}
.header-wrap .top-tel i{
    width:0.4rem;
    height: 0.39rem;
    display: block;
    margin: 0.25rem auto 0;
}
.header-wrap>h3 {
    text-align: center;
    font-size: 0.36rem;
    line-height: 0.88rem;
    font-weight: 300;
    height: 0.88rem;
}
.header-wrap-color{
    color: #fff;
}
.header-wrap-lucid{
    background: transparent;
    color: #fff;
}
/*首页*/
.mainBody{
    width: 7.5rem;
}
.moldBox{
    overflow: hidden;
    padding: 0.48rem 0 0.38rem;
}
.moldItem{
    display: block;
    width:33.33%;
    float: left;
}
.moldItem .moldIcon{
    width: 1.12rem;
    height: 1.02rem;
    margin: 0 auto;
}
.moldItem span{
    display: block;
    text-align: center;
    color: #333;
    font-size: 0.26rem;
    line-height: 0.26rem;
    height: 0.26rem;
    overflow: hidden;
}
.homeBtn{
    padding: 0.4rem 0;
    text-align: center;
    font-size: 0.3rem;
}
.homeBtn a{
    display: inline-block;
    width:2.58rem;
    height: 0.86rem;
    line-height: 0.86rem;
    border-radius: 0.44rem;
    border: 0.02rem solid #ff7e00;
    color: #ff7e00;
    margin: 0 0.4rem;
}
.homeContent{
    padding: 0 0.3rem;
}
.showFunc{
    height: 4.7rem;
    color: #fff;
    margin-bottom: 0.5rem;
}
.leftFunc{
    width: 3.24rem;
    float: left;
    height: 4.7rem;
    /*background: url("../images/kr.jpg");*/
    /*background-size: cover;*/
}
.rightFunc{
    width: 3.46rem;
    float: right;
    height: 4.7rem;
}
.funcItem{
    -webkit-box-shadow: 0 0.06rem 0.1rem rgba(0,0,0,0.3);
    -moz-box-shadow: 0 0.06rem 0.1rem rgba(0,0,0,0.3);
    box-shadow: 0 0.06rem 0.1rem rgba(0,0,0,0.3);
    border-radius: 0.06rem;
    /*padding: 0 0.4rem;*/
}
.leftFunc .funcItem{
    height: 4.7rem;
}
.rightFunc .funcItem{
    height: 2.25rem;
}
.rightFunc .itemTop{
    /*background: url("../images/dc.jpg");*/
    /*background-size: cover;*/
}
.rightFunc .itemBottom{
    margin-top: 0.2rem;
    /*background: url("../images/hp.jpg");*/
    /*background-size: cover;*/
}
.funcItem h3{
    position: relative;
    line-height: 0.6rem;
    font-weight: bold;
    font-size: 0.34rem;
    padding-top: 0.3rem;
    margin-bottom: 0.05rem;
}
.funcItem h3>span{
    position: absolute;
    width: 0.64rem;
    height: 0.03rem;
    bottom: 0;
    left:0;
    background:#d0cdd0;
}
.funcItem p{
    line-height: 0.45rem;
    color:#d0cdd0;
}
.homeTitle{
    font-size: 0.4rem;
    line-height: 0.4rem;
    font-weight: bold;
    color: #333;
    padding: 0.3rem 0  0.4rem;
}
.allBtn{
    float: right;
    width: 1.13rem;
    height: 0.53rem;
    text-align: center;
    line-height: 0.53rem;
    background-color: #ffffff;
    border-radius: 0.28rem;
    border: solid 0.03rem #f2f2f2;
    font-size: 0.26rem;
    font-weight: normal;
    margin-top: -0.09rem;
}
.hotSevers{
    padding: 0 0.3rem 0.5rem;
    height: 2rem;
    overflow: hidden;
}
.seversList{
    height: 2rem;
    width: 10rem
}
.seversList>li{
    height: 2rem;
    float: left;
    width: 3.24rem;
    line-height: 0.46rem;
    text-indent: 0.34rem;
    color: #fff;
    font-size: 0.3rem;
    margin-right:0.2rem;
    border-radius: 0.06rem;
}
.seversList>li div{
    height: 0.46rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
}
.seversList>li.liBg1{
    background: url("../images/itemBg1.png");
    background-size: cover;
    box-shadow: 0 0.09rem 0.3rem 0 rgba(21, 187, 169, 0.5);
}
.seversList>li.liBg2{
    background: url("../images/itemBg2.png");
    background-size: cover;
    box-shadow: 0 0.09rem 0.3rem rgba(96, 158, 246, 0.57);
}
.seversList>li.liBg3{
    background: url("../images/itemBg3.png");
    background-size: cover;
    box-shadow: 0 0.09rem 0.3rem rgba(254, 95, 116, 0.57);
}
.seversList>li.liBg4{
    background: url("../images/itemBg1.png");
    background-size: cover;
    box-shadow: 0 0.09rem 0.3rem 0 rgba(21, 187, 169, 0.5);
}
.seversList>li.liBg5{
    background: url("../images/itemBg2.png");
    background-size: cover;
    box-shadow: 0 0.09rem 0.3rem rgba(96, 158, 246, 0.57);
}
.seversList>li.liBg6{
    background: url("../images/itemBg3.png");
    background-size: cover;
    box-shadow: 0 0.09rem 0.3rem rgba(254, 95, 116, 0.57);
}
.seversList>li.liBg7{
    background: url("../images/itemBg1.png");
    background-size: cover;
    box-shadow: 0 0.09rem 0.3rem 0 rgba(21, 187, 169, 0.5);
}
.seversList>li.liBg8{
    background: url("../images/itemBg2.png");
    background-size: cover;
    box-shadow: 0 0.09rem 0.3rem rgba(96, 158, 246, 0.57);
}
.seversList>li.liBg9{
    background: url("../images/itemBg3.png");
    background-size: cover;
    box-shadow: 0 0.09rem 0.3rem rgba(254, 95, 116, 0.57);
}
.seversList>li a{
    color: #fff;
}
.seversList>li .tit{
    font-weight: bold;
    padding-top: 0.25rem;
}
.seversList>li .price{
    margin-top: 0.2rem;
}
.setSevers{
    overflow: hidden;
}
.setItem{
    float: left;
    width: 33.33%;
    color: #333;
    font-size: 0.28rem;
    line-height: 0.28rem;
    text-align: center;
    margin-bottom: 0.5rem;
}
.setItem .setIcon{
    margin: 0 auto;
    width: 1.21rem;
    height: 1.21rem;
    border-radius: 0.6rem;
}
.setItem span{
    display: block;
    margin-top: 0.2rem;
    height: 0.28rem;
    overflow: hidden;
}
.telSevers{
    display: block;
    height: 1.52rem;
    padding: 0 0.3rem;
    background: url("../images/telBg.png") no-repeat;
    background-size: cover;
    color: #fff;
    box-shadow: 0 0.09rem 0.3rem 0 rgba(21, 187, 169, 0.5);
    border-radius: 0.06rem;
}
.telSevers .telIcon{
    padding: 0.23rem 0.22rem;
    width: 0.36rem;
    height: 0.34rem;
    border-radius: 0.8rem;
    background: #fff;
    overflow: hidden;
    float: left;
    margin-top: 0.36rem;
}
.telSevers .telInfo{
    float: left;
    padding: 0 0.3rem 0 0.2rem;
    margin-top: 0.46rem;
    border-right: 1px solid #acebeb;
}
.telSevers .telInfo span{
    display: block;
    line-height: 0.3rem;
}
.telSevers .telNumber{
    float: left;
    line-height: 1.52rem;
    font-size: 0.5rem;
    font-weight: bold;
    margin-left: 0.3rem;
}
.footer{
    padding-top: 0.6rem;
    margin-top: 0.6rem;
    font-size: 0.26rem;
    line-height: 0.26rem;
    position: relative;
    /*border-top: 1px solid #e5e5e5;*/
}
.footerNav{
    overflow: hidden;
}
.footerNav>a{
    width: 25%;
    display: block;
    float: left;
    color: #666;
    text-align: center;
}
.footer p{
    text-align: center;
    line-height: 1rem;
    color: #999;
}
/*底部*/
.nav-fixed-bottom{
    position: fixed;
    bottom:0;
    margin: 0;
    z-index: 110;
    width: 7.5rem;
}
.bottomNav{
    height: 0.98rem;
    background: #fff;
    overflow: hidden;
    box-shadow: 0 0 0.07rem 0 rgba(31, 40, 53, 0.15);
}
.menuItem{
    width: 33.33%;
    float: left;
    display: block;
    text-align: center;
    color: #999;
    font-size: 0.22rem;
}
.menuIcon{
    width: 0.36rem;
    height: 0.34rem;
    margin: 0.16rem auto 0.08rem;
}
.menuIcon1{
    background: url('../images/tel.png')  ;
    background-size: cover;
}
.menuIcon2{
    background: url('../images/cusService.png');
    background-size: cover;
}
.menuIcon3{
    background: url('../images/download.png');
    background-size: cover;
}
.menuIcon4{
    background: url('../images/orderSearch.png');
    background-size: cover;
}
.menuIcon5{
    background: url('../images/physicalStore.png');
    background-size: cover;
}
.bottomNav .menuItem:active .menuIcon1{
    background: url('../images/tels.png');
    background-size: cover;
}
.bottomNav .menuItem:active .menuIcon2{
    background: url('../images/cusServices.png');
    background-size: cover;
}
.bottomNav .menuItem:active .menuIcon3{
    background: url('../images/downloads.png');
    background-size: cover;
}
.bottomNav .menuItem:active .menuIcon4{
    background: url('../images/orderSearchs.png');
    background-size: cover;
}
.bottomNav .menuItem:active .menuIcon5{
    background: url('../images/physicalStores.png');
    background-size: cover;
}
.bottomNav .menuItem:active{
    color: #ff7e00;
}
/*轮播*/
.banner{
    width: 7.5rem;
    height: 3.76rem;
    overflow: hidden;
    position: relative;
}
.banner-list{
    width:30rem;
}
.banner-list>li{
    float: left;
    width: 7.5rem;
    height:  3.76rem;
}
.banner-list>li>a{
    display: block;
}
.swiper-pagination-bullet{
    width: 0.12rem;
    height: 0.12rem;
    background-color: rgba(0, 0, 0, 0.2);
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
    margin: 0.06rem 0.07rem;
}
.swiper-pagination-bullet-active{
    width: 0.26rem;
    height: 0.26rem;
    background-color: #ffffff;
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
    bottom: 0.2rem;
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{
    margin: 0 0.07rem;
}
/*分类*/
.nav-fix-left{
    position: fixed;
    top:0;
    width: 1.8rem;
    margin: 0;
    z-index: 100;
    background: #f5f5f5;
    overflow-x: hidden;
    overflow-y: auto;
}
.leftNavList{
    padding-top: 0.88rem;
}
.leftNavList>a{
    display: block;
    line-height: 1.12rem;
    height: 1.12rem;
    text-align: center;
    border-left: 0.06rem solid transparent;
    font-size: 0.28rem;
    color: #333;
}
.leftNavList>.here{
    color: #ff7e00;
    border-left-color: #ff7e00;
    background: #fff;
}
.rightContent{
    padding: 0.3rem 0.15rem 0;
    margin-left: 1.8rem;
}
.storeList{
    overflow: hidden;
    padding-bottom: 0.5rem;
    padding-top: 0.1rem;
    width: 5.4rem;
}
.storeList li{
    float: left;
    width: 1.6rem;
    margin-left: 0.15rem;
    text-align: center;
    margin-bottom: 0.18rem;
    background: #f8f8f8;
    position: relative;
}
.storeList li .storeImg{
    width: 1.6rem;
    height: 1.6rem;
    line-height: 1.6rem;
    text-align: center;
    overflow: hidden;
}
.storeList li span{
    display: block;
    height: 0.62rem;
    line-height: 0.62rem;
    color: #666;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    background: #fff;
}
.floorTit{
    color: #333;
    font-size: 0.28rem;
    line-height: 0.46rem;
    padding-left: 0.15rem;
}
.choseIcon{
    position: absolute;
    width: 0.48rem;
    height: 0.48rem;
    background: url("../images/here.png");
    background-size: cover;
    top:0;
    right: 0;
    display: none;
}
.storeList .here{
    box-shadow: 0px 0px 0.1rem 0px rgba(0, 0, 0, 0.12);
}
.storeList .here span{
    color: #ff7e00;
}
.storeList .here .choseIcon{
    display: block;
}
/*上门维修*/
.headRepair{
    background: url("../images/headBg.png");
    height: 3.56rem;
    background-size: cover;
}
.repairInfo{
    padding: 0.2rem 0.2rem 0.3rem;
    background: #fff;
    border-radius: 0.08rem;
    height: 1.1rem;
    margin-bottom: 0.2rem;
    overflow: hidden;
    width: 6.5rem;
}
.repairImg{
    width: 1.1rem;
    height: 1.1rem;
    overflow: hidden;
    float: left;
    background: #f8f8f8;
    border-radius: 0.04rem;
    margin-right: 0.2rem;
}
.infoDetail{
    float: left;
    width: 5.2rem;
    padding: 0.1rem 0;
    font-size: 0.26rem;
    line-height: 0.45rem;
}
.infoDetail span{
    display: block;
    height: 0.45rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}
.infoDetail span i{
    color: #ff7e00;
    margin-right: 0.3rem;
}
.infoDetail .tit{
    font-size: 0.3rem;
    color: #333;
}
.repairNav{
    height: 0.88rem;
    background-color: #ffffff;
    box-shadow: 0 0.03rem 0.55rem 0 rgba(0, 0, 0, 0.1);
    border-radius: 0.08rem;
    width: 6.9rem;
}
.repairNav a{
    display: block;
    float: left;
    width: 2.3rem;
    line-height: 0.88rem;
    text-align: center;
    font-size: 0.28rem;
    position: relative;
    color: #333;
}
.repairNav a span{
    display: block;
    height: 0.04rem;
    width: 1.5rem;
    position: absolute;
    bottom: 0;
    margin-left:0.4rem;
    background: transparent;
}
.repairNav .here{
    color: #ff7e00;
}
.repairNav .here span{
    background: #ff7e00;
}
.repairNavTow a{
    width: 3.45rem;
}
.repairNavTow a span{
    margin-left: 0.98rem;
}
.addressInfo{
    position: relative;
    height: 1.1rem;
    font-size: 0.3rem;
    line-height: 1.1rem;
    padding: 0.05rem 0;
    display: block;
    width: 6.9rem;
}
.addressInfo .left,.addressDetail .left{
    width: 1.8rem;
    line-height: 1.1rem;
    text-align: right;
    display: block;
    float: left;
    overflow: hidden;
    color: #666;
    font-size: 0.3rem;
}
.addressDetail .left{
    line-height: 0.6rem;
}
.addressInfo .right{
    float: left;
    width: 5.1rem;
    cursor: pointer;
    display: block;
    overflow: hidden;
}
.addressInfo .right input {
    width: 5.1rem;
    height: 1.1rem;
    line-height: 1.1rem;
    font-size: 0.3rem;
    color: #333;
    outline: none;
    border: none;
    text-indent: 0.1rem;
    padding: 0;
    margin: 0;
    background: transparent;
}
.addressInfo i {
    position: absolute;
    top: 50%;
    margin-top: -0.14rem;
    right: 0;
    display: block;
    width: .15rem;
    height: .28rem;
    content: " ";
    cursor: pointer;
    background: url(../images/rightIcon.png);
    background-size: cover;
}
.tk-box{
    overflow: hidden;
    padding: 0.22rem 0;
}
.tk-box .tk,.check-box{
    float: left;
}
.tk{
    line-height: 0.9rem;
    margin-left: 0.2rem;
    font-size: 0.3rem;
}
.tk i{
    color: #ff7e00;
}
.tk-box .check-box{
    height: 0.35rem;
    width: 0.35rem;
    padding: 0.27rem 0;
}
.check-box {
    position: relative;
}
.check-box span {
    position: absolute;
    text-align: center;
    top: 50%;
    margin: -0.175rem 0 0 0;
}
.check-box .input_check {
    position: absolute;
    width: 0.35rem;
    height: 0.35rem;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    cursor: pointer;
}
.check-box .input_check+label {
    display: inline-block;
    width: 0.34rem;
    height: 0.34rem;
    border: 1px solid #e5e5e5;
    border-radius: 0.35rem;
    cursor: pointer;
}
.check-box .input_check:checked+label {
    background: url(../images/chose.png) no-repeat;
    background-size: cover;
    border: 1px solid #ff7e00;
}
.btnBox{
    padding-bottom: 0.78rem;
}
.orderBtn{
    width: 5.5rem;
    height: 0.88rem;
    line-height: 0.88rem;
    color: #fff;
    text-align: center;
    display: block;
    margin: 0.22rem auto 0;
    font-size: 0.3rem;
    background-color: #ff7e00;
    border-radius: 0.44rem;
}
.addressDetail {
    padding: 0.3rem 0;
    height: auto;
    position: relative;
    width: 6.9rem;
}
.textareaTest {
    background-color: #fff;
    border: none;
    display: block;
    width: 5.1rem;
    min-height: 0.6rem;
    _height: auto;
    line-height: 0.6rem;
    padding: 0;
    outline: 0;
    word-wrap: break-word;
    overflow-x: hidden;
    overflow-y: auto;
    font-size: 0.3rem;
    color: #333;
    text-align: justify;
    -webkit-user-select:text;
}
.addressDetail .active:before {
    content: attr(placeholder);
    display: block;
    color: #ccc;
}
/*选择故障*/
.choseNav{
    padding: 0.88rem 0 1rem;
}
.choseNav li{
    border-left: 0.06rem solid transparent;
    height: 1rem;
    padding-top: 0.32rem;
    font-size:0.28rem;
    color:#333;
    text-align: center;
    position: relative;
}
.choseNav li .numIcon{
    position: absolute;
    top:0.12rem;
    right: 0.12rem;
    padding: 0.02rem 0.07rem;
    font-size: 0.24rem;
    border-radius: 0.6rem;
    background: #ff444d;
    color: #fff;
}
.choseNav li .icon{
    display: block;
    width:0.42rem;
    height:0.37rem;
    margin: 0 auto;
}
.choseNav li span{
    display: block;
    line-height: 0.5rem;
}
.choseNav .here{
    border-left-color:#ff7e00;
    background: #fff;
}
.choseRight{
    padding: 0.2rem 0.3rem;
    margin-left: 1.8rem;
}
.choseList li{
    padding: 0.3rem;
    font-size: 0.3rem;
    line-height: 0.46rem;
    box-shadow: 0 0.05rem 0.2rem 0 rgba(192, 204, 202, 0.55);
    border-radius: 0.1rem;
    text-align: justify;
    margin-bottom: 0.2rem;
    position: relative;
}
.choseList li .icon{
    position: absolute;
    background: url('../images/here1.png');
    background-size: cover;
    top:0;
    right: 0;
    width: 0.78rem;
    height: 0.78rem;
    display: none;
}
.choseList .here{
    box-shadow: 0 0.03rem 0.15rem 0 rgba(186, 239, 228, 0.8);
}
.choseList .here .icon{
    display: block;
}
.choseList li .tit{
    color: #333;
    font-size: 0.4rem;
    line-height: 0.9rem;
}
.choseList li .price{
    font-size: 0.28rem;
    padding: 0.3rem 0;
}
.choseList li .price i{
    color: #333;
    margin-left: 0.15rem;
}
.choseList li span{
    padding: 0.1rem 0;
    display: block;
}
.bottomCount{
    height: 0.98rem;
    border-top: 1px solid #e5e5e5;
    line-height: 0.98rem;
    background: #fff;
}
.bottomCount .btn{
    float: right;
    width: 2.44rem;
    background: #ff7e00;
    color: #fff;
    text-align: center;
    font-size: 0.3rem;
    height: 0.98rem;
}
.bottomCount .price{
    padding: 0 0.3rem;
    font-size: 0.26rem;
}
.bottomCount .price i{
    color: #ff7e00;
    font-size: 0.4rem;
    margin-left: 0.2rem;
}
/*404*/
.notFind{
    padding: 2.7rem 0 0.6rem;
    text-align: center;
    font-size: 0.3rem;
    color: #333;
    line-height: 1.1rem;
}
.notFind .icon404{
    width: 2.19rem;
    height: 1.06rem;
    margin: 0 auto;
    background: url('../images/404.png');
    background-size: cover;
}
.notFind a{
    margin-top: 0.3rem;
}
.defBtn{
    border-radius: 0.44rem;
    border: solid 0.02rem #ff7e00;
    width: 3.4rem;
    height:0.86rem;
    color: #ff7e00;
    line-height: 0.86rem;
    text-align: center;
    font-size: 0.3rem;
    display: inline-block;
}
/*下单成功*/
.suss-icon{
    margin: 0.85rem auto 0.3rem;
    width: 1.5rem;
    height: 1.5rem;
    background: url("../images/right.png");
    background-size: cover;
}
.order-suss{
    text-align: center;
    line-height: 0.46rem;
}
.order-suss span{
    color: #333;
    font-size: 0.3rem;
}
.order-suss p{
    line-height: 0.46rem;
    font-size: 0.26rem;
}
.prepare-item{
    overflow: hidden;
    padding-bottom: 0.3rem;
}
.prepare-box{
    margin: 0.5rem 0 0 0;
}
.prepare-item .left-icon{
    display: block;
    width: 0.6rem;
    height: 0.6rem;
    float: left;
}
.prepare-item .right-info{
    float: right;
    width: 6rem;
}
.right-info .tit{
    line-height: 0.52rem;
    color: #222;
    font-size: 0.3rem;
}
.right-info p{
    font-size: 0.26rem;
    line-height: 0.46rem;
}
.service-need{
    padding:0.4rem 0 0.2rem;
}
.service-item{
    margin-bottom: 0.32rem;
}
.service-item span{
    display: block;
    font-size: 0.3rem;
    color: #222;
    line-height: 0.72rem;
}
.service-item p{
    line-height:0.46rem;
    text-align: justify;
    font-size: 0.26rem;
}
.sussBtnBox{
    padding: 0.4rem 0 0.7rem;
}
.sussBtnBox a{
    width: 2.6rem;
    display: inline-block;
    margin: 0 0.15rem;
}
.prepareNav{
    height: 0.86rem;
    background: #fff;
    line-height: 0.86rem;
    text-align: center;
    border-bottom: 1px solid #eee;
}
.prepareNav  .nav{
    position: relative;
    font-size: 0.3rem;
}
.prepareNav  .nav span{
    position: absolute;
    width: 0.6rem;
    height: 0.04rem;
    background-color: #ff7e00;
    bottom: 0;
    display: block;
    left: 50%;
    margin-left: -0.3rem;
}
/*邮寄维修*/
.mail-box{
    position: relative;
    padding: 0.2rem 0
}
.mail-info,.mail-info .left{
    min-height: 0.7rem;
    height: auto;
    line-height: 0.7rem;
}
.mail-info .left,.mail-info .right{
    height: auto;
}
.mail-info .right input{
    height: 0.7rem;
    width: 4.75rem;
    line-height: 0.7rem;
}
.mail-info .right .rightWords{
    text-align: right;
}
.address{
    padding: 0.2rem;
    background: #f8f8f9;
    line-height: 0.46rem;
    color: #999;
    width: 6.5rem;
    overflow: hidden;
}
.yzmBox .defBtn{
    width: 2.44rem;
    height: 0.71rem;
    line-height: 0.71rem;
    font-size: 0.28rem;
    display: block;
    float: right;
    margin-top: 0.17rem;
}
.defBtn:active{
    color: #ff7e00;
}
.yzmBox .right input{
    width: 2.5rem;
}
/*关于我们*/
.aboutContent{
    line-height: 0.5rem;
    padding: 0 0.3rem 0.3rem;
}
.aboutContent>h3{
    font-size: 0.46rem;
    font-weight: normal;
    color: #333333;
    padding: 0.35rem 0 0.2rem;
}
.aboutContent>span{
    font-size: 0.26rem;
    color: #999;
}
.aboutContent p{
    padding: 0.3rem 0;
    color: #333333;
    font-size: 0.3rem;
    text-align: justify;
}
.aboutTitle{
    padding: 0 0.3rem;
    color: #333;
    margin-top: 0.3rem;
}
.aboutTitle>span{
    font-weight: bold;
    font-size: 0.4rem;
    line-height: 0.8rem;
}
.aboutMenu{
    position: relative;
    float: right;
}
.aboutIcon{
    width: 0.5rem;
    height: 0.5rem;
    background: url('../images/aboutMenu.png');
    background-size: cover;
    margin-top: 0.15rem;
}
.aboutIconOn{
    border-radius: 0.5rem;
    box-shadow: 0 0.09rem 0.3rem 0 rgba(21, 187, 169, 0.57);
}
.hideMenu{
    display: none;
    position: absolute;
    top:0.8rem;
    width: 2.1rem;
    padding: 0.15rem;
    background-color: #ffffff;
    box-shadow: 0 0.07rem 0.24rem 0 rgba(21, 187, 169, 0.19);
    border-radius: 0.1rem;
    right: 0;
    text-align: center;
}
.hideMenu>a{
    display: block;
    font-size: 0.3rem;
    line-height: 0.9rem;
}
.hideMenu>.here{
    color: #ff7e00;
}
/*优质服务*/
.qualityItem{
    padding: 0.5rem 0;
    border-bottom: 1px solid #e5e5e5;
    line-height: 0.46rem;
    font-size: 0.3rem;
    width: 6.9rem;
}
.qualityImg{
    width: 1.3rem;
    height: 1.3rem;
    border-radius: 1.3rem;
    float: left;
    margin-top: 0.08rem;
}
.qualityInfo{
    width: 5.2rem;
    float: right;
}
.qualityInfo span{
    color: #333;
    font-size: 0.28rem;
    display: block;
    padding-bottom: 0.1rem;
}
.qualityImg1{
    box-shadow: 1px 1px 0.15rem 0px rgba(61, 201, 186, 0.57);
}
.qualityImg2{
    box-shadow: 1px 0.02rem 0.2rem 0 rgba(239, 108, 101, 0.57);
}
.qualityImg3{
    box-shadow: 1px 0.02rem 0.2rem 0px rgba(94, 84, 252, 0.57);
}
.qualityImg4{
    box-shadow: 1px 0.02rem 0.2rem 0px rgba(231, 186, 24, 0.57);
}
.qualityImg5{
    box-shadow: 1px 1px 0.15rem 0px rgba(61, 201, 186, 0.57);
}
.qualityImg6{
    box-shadow: 1px 0.02rem 0.2rem 0px rgba(239, 108, 101, 0.57);
}
/*订单查询*/
.orderForm{
    padding: 1rem 0.3rem 0;
}
.formContent{
    padding: 0.3rem;
    background: #fff;
    box-shadow: 1px 0.02rem 0.55rem 0 rgba(0, 0, 0, 0.15);
    border-radius: 0.08rem;
}
.formItem{
    padding-bottom: 0.3rem;
    position: relative;
    color: #333;
    font-size: 0.3rem;
}
.formItem>i{
    position: absolute;
    top:0;
    height: 1rem;
}
.formItem>.labIcon{
    left: 0.05rem;
    width: 0.38rem;
}
.formItem>.del{
    right: 0;
    width: 0.6rem;
    background: url("../images/clear.png");
    background-size: cover;
    display: none;
}
.formItem input:focus{
    border-bottom-color:#ff7e00;
}
.msgItem>.del{
    right: 2.6rem;
}
.msgItem{
    padding-bottom: 0;
}
.formItem input{
    height: 1rem;
    line-height: 1rem;
    width: 5rem;
    font-size: 0.3rem;
    color: #333;
    outline: none;
    border: none;
    border-bottom: 1px solid #e5e5e5;
    padding: 0 0.65rem 0 0.65rem;
    margin: 0;
    background: transparent;
}
.formItem .msgInput{
    width: 2.4rem;
    padding: 0 3.25rem 0 0.65rem;
}
.formItem .defBtn{
    width: 2.44rem;
    height: 0.71rem;
    line-height: 0.71rem;
    font-size: 0.28rem;
    display: block;
    top: 0.13rem;
    position: absolute;
    right: 0.1rem;
}
.formContent h3{
    text-align: center;
    font-size: 0.4rem;
    color: #333;
    line-height: 0.55rem;
    padding: 0.4rem 0;
}
.formItem .orderBtn{
    margin: 0.15rem auto 0.3rem;
    width:6.3rem;
}
.showWrong{
    line-height: 0.55rem;
    height: 0.55rem;
}
.showWrong span{
    padding-left: 0.65rem;
    color: #fc434b;
    font-size: 0.26rem;
}
.showWrong i{
    color: #ccc;
}
/*快捷下单*/
.expressOrder{
    padding: 0.4rem 0.6rem;
}
.expressOrder .formItem input{
    width:4rem;
    padding: 0 0.65rem 0 1.65rem ;
}
.leftInfo{
    position: absolute;
    top:0;
    left: 0;
    line-height: 1rem;
}
.leftInfo .labIcon{
    width: 0.38rem;
    height: 1rem;
    display: block;
    float: left;
    margin: 0 0.2rem 0 0.05rem;
}
.expressOrder .phoneItem{
    padding-bottom: 0;
}
.expressOrder .phoneItem input{
    width:3.4rem;
    padding: 0 0.65rem 0 2.25rem ;
}
.expressOrder .orderBtn{
    width: 6.3rem;
    margin: 0 auto;
}
.expressOrder .ts{
    padding-top: 0.3rem;
    line-height: 0.4rem;
    color: #999;
    font-size: 0.28rem;
    text-align: justify;
}
/*订单详情*/
.orderList{
    background: #fff;
    overflow: hidden;
    border-bottom: 1px solid #e5e5e5;
}
.orderData{
    height: 0.86rem;
    width: 6.24rem;
    text-align: center;
    font-size: 0.3rem;
    overflow: hidden;
}
.orderHeight{
    height: auto;
}
.More {
    float: right;
    width: 1.26rem;
    height: 0.86rem;
    line-height: 0.86rem;
    font-size: 0.3rem;
    color: #999;
    text-align: center;
    cursor: pointer;
}
.orderData a{
    display: block;
    color: #999;
    float: left;
    width: 2.08rem;
    line-height: 0.83rem;
    border-bottom:0.03rem solid transparent;
}
.orderData a.here{
    border-color: #ff7e00;
    color: #ff7e00;
}
.orderDetail{
    margin: 0.2rem 0 0;
    background: #fff;
    height: 1.2rem;
    padding: 0 0.3rem;
    overflow: hidden;
}
.orderTit{
    line-height: 1.2rem;
    height: 1.2rem;
    position: relative;
    color: #333333;
    font-size: 0.34rem;
}
.orderTit i:after{
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -0.07rem;
    display: block;
    width: 0.28rem;
    height:0.15rem;
    content: " ";
    background: url(../images/downArrow.png);
    background-size: cover;
}
.orderContent .here{
    height: auto;
}
.orderContent .here .orderTit i:after{
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -0.07rem;
    display: block;
    width: 0.28rem;
    height:0.15rem;
    content: " ";
    background: url(../images/upArrow.png);
    background-size: cover;
}
.orderContent{
    padding-bottom: 0.2rem;
}
.schedule{
    padding: 0.36rem 0 0.1rem;
    border-top: 1px solid #e5e5e5;
}
.detailList{
    width: 6.8rem;
    padding-left: 0.1rem;
}
.detailList li{
    width: 6.34rem;
    height: auto;
    position: relative;
    padding-left: 0.46rem;
    border-left: 1px solid #e5e5e5;
    font-size: 0.3rem;
    padding-bottom: 0.5rem;
}
.detailList li:last-child{
    border-left-color: transparent;
}
.dot{
    width: 0.2rem;
    height: 0.2rem;
    padding: 0.04rem;
    border-radius: 0.3rem;
    background: transparent;
    top: -0.04rem;
    left: -0.14rem;
    display: block;
    position: absolute;
}
.dot i{
    width: 0.2rem;
    height: 0.2rem;
    border-radius: 0.3rem;
    background: #e5e5e5;
    display: block;
}
.detailList li .time{
    overflow: hidden;
    color: #999;
    font-weight:normal;
    margin-bottom: 0.16rem;
}
.detailList li .time i{
    display: block;
    width: 0.24rem;
    height: 0.24rem;
    margin-right: 0.2rem;
    float: left;
    background: url("../images/time.png");
    background-size: cover;
}
.detailList li p{
    color: #222;
    line-height: 0.48rem;
}
.detailList li .color{
    color: #fc434b;
}
.pay-box{
    overflow: hidden;
}
.pay-box span{
    display: block;
    float: left;
    line-height: 0.6rem;
    color: #222;
}
.pay-box a{
    display: block;
    width: 1.68rem;
    height: 0.6rem;
    line-height: 0.6rem;
    text-align: center;
    float: left;
    border: 1px solid #04ac71;
    border-radius: 0.05rem;
    margin-right: 0.2rem;
}
.pay-box a.agree{
    border: 1px solid #04ac71;
    background: #04ac71;
    color: #fff;
}
.explain{
    margin-top: 0.16rem;
    font-size: 0.26rem;
}
.detailList .here .dot{
    background: #81d5b8;
}
.detailList .here .dot i{
    background: #04ac71;
}
.equipment{
    padding: 0.3rem 0;
    background: #fff;
    border-radius: 0.08rem;
    height: 1.1rem;
    overflow: hidden;
    border-top: 1px solid #e5e5e5;
}
.equipment .infoDetail{
    width: 5.6rem;
    color: #999;
}
.serveMsg{
    border-top: 1px solid #e5e5e5;
    font-size: 0.26rem;
    line-height: 0.46rem;
    color: #999999;
    text-align: justify;
}
.serveMsg .msgTit{
    line-height: 0.8rem;
    padding-top: 0.1rem;
    color: #333;
    font-size: 0.3rem;
}
.serveMsg .price{
    display: block;
    padding: 0.2rem 0 0.5rem;
    color: #333;
}

/*数据恢复*/
.dataTop{
    height: 5.2rem;
}
.dataHead{
    width: 5.65rem;
    height:1.15rem;
    background: url('../images/new/dataHead.png');
    background-size: cover;
    margin: 0 auto;
    font-size: 0.38rem;
    color: #100e0f;
    line-height: 0.76rem;
    text-align: center;
    margin-bottom: 0.12rem;
}
.priceList{
    overflow: hidden;
    width: 7.32rem;
    padding: 0 0.09rem;
}
.priceList li{
    width: 3.36rem;
    height: 2.04rem;
    background: url('../images/new/datalibg.png');
    background-size: cover;
    float: left;
    margin: 0 0.15rem 0.3rem;
}
.priceMsg{
    margin: 0.1rem 0.25rem;
    padding: 0.2rem 0.2rem;
    height: 1.44rem;
    background: #fff;
    border-radius: 0.04rem;
    font-size: 0.3rem;
    line-height: 0.42rem;
}
.priceMsg span{
    display: block;
    height: 0.42rem;
    overflow: hidden;
    word-break: break-all;
}
.priceMsg .tit{
    color: #333;
}
.priceMsg .price{
    padding-top: 0.15rem;
    color: #eb3737;
}
.dataBtnBox{
    overflow: hidden;
    padding: 0.4rem 0.3rem 0.6rem;
    width: 6.9rem;
}
.dataBtn{
    width: 3.2rem;
    height: 0.96rem;
    line-height: 0.88rem;
    color: #fbf6cb;
    font-size: 0.3rem;
    display: block;
    text-align: center;
    float: left;
    background: url('../images/new/btnBg.png');
    background-size: cover;
}
.dataBtn1{
    margin-left: 0.5rem;
}
.repContent{
    margin: 0 0.3rem;
    padding: 0.5rem 0.2rem 0.4rem;
    border: solid 1px #fbf6cb;
    position: relative;
}
.repItem{
    position: relative;
    height: 0.94rem;
    background: #383c3e;
    border-radius: 0.04rem;
    border: solid 1px #fdf2b6;
    font-size: 0.3rem;
}
.repLeft{
    display: block;
    float: left;
    line-height: 0.94rem;
    width: 1.7rem;
    text-align: right;
    color: #e9e5be;
}
.repInput{
    width: 4.3rem;
    height: 0.94rem;
    line-height: 0.94rem;
    font-size: 0.3rem;
    color: #e9e5be;
    outline: none;
    border: none;
    padding-left: 0.15rem;
    margin: 0;
    background: transparent;
}
.repItem .icon{
    position: absolute;
    top: 50%;
    margin-top: -0.04rem;
    right: 0.2rem;
    display: block;
    width: .17rem;
    height: .08rem;
    content: " ";
    cursor: pointer;
    background: url(../images/new/repIcon.png);
    background-size: cover;
}
.repItem .iconOn{
    background: url(../images/new/repIcon2.png);
    background-size: cover;
}
.fadeBox{
    position: relative;
    height: 4rem;
}
.fadeBox li{
    position: absolute;
    height: 4rem;
    opacity: 0;
}
.fadeBox li.here{
    opacity: 1;
}
/*外壳换新*/
.newTop{
    width: 6.9rem;
    height: 4.29rem;
    background: url('../images/new/newTop.png');
    background-size: cover;
}
.newItem{
    padding: 0 0.3rem 0.8rem;
}
.newItem1{
    padding: 0.64rem 0.3rem 0.8rem;
}
.headIcon{
    width: 6.9rem;
    height: 1.24rem;
    background: url('../images/new/headIcon.png');
    background-size: cover;
    text-align: center;
    color: #ffffff;
    font-size: 0.4rem;
    line-height: 0.72rem;
}
.modelContent{
    background-color: #4f4f98;
    box-shadow: inset 1px 0.02rem 0.07rem 0 rgba(199, 207, 250, 0.53);
    border-radius: 0.2rem;
    margin-top: -0.1rem;
    width: 6.9rem;
}
.moldList{
    padding:0.4rem 0.22rem;
    overflow: hidden;
}
.moldList li{
    float: left;
    margin: 0 0.09rem 0.2rem;
    font-size: 0.28rem;
    color: #fff;
    text-align: center;
    width: 1.91rem;
    border: solid 0.03rem transparent;
    position: relative;
    border-radius: 0.06rem;
    overflow: hidden;
}
.moldList li .moldImg{
    height: 1.92rem;
    background: #e8eff9;
    border-radius: 0.06rem;
    border: solid 0.03rem #1e0c41;
}
.moldList li span{
    display: block;
    line-height: 0.6rem;
    height: 0.6rem;
    overflow: hidden;
}
.colorContent{
    width: 5.9rem;
    padding: 0.5rem;
    border-radius: 0.2rem;
    margin-top: -0.1rem;
    background-image: linear-gradient(0deg, #5370e7 0%, #8293f0 100%), linear-gradient(#e8eff9, #e8eff9);
    background-blend-mode: normal, normal;
    box-shadow: inset 1px 0.02rem 0.07rem rgba(199, 207, 250, 0.53);
}
.colorList{
    background-color: #4f4f98;
    box-shadow: inset 1px 0.02rem 0.21rem 0 rgba(47, 47, 109, 0.6);
    border-radius: 0.2rem;
    overflow: hidden;
    padding: 0.35rem 0 0 0.02rem;
}
.colorList li{
    width: 1.8rem;
    font-size: 0.28rem;
    color: #fff;
    text-align: center;
    float: left;
    margin: 0 0.16rem 0.46rem 0;
}
.topCircle{
    border: solid 0.03rem transparent;
    padding: 0.08rem;
    border-radius: 0.6rem;
    width: 0.67rem;
    height: 0.67rem;
    margin: 0 auto 0.1rem;
}
.topCircle span{
    display: block;
    width: 0.67rem;
    height: 0.67rem;
    border-radius: 0.6rem;
    background: #e5204d;
}
.infoIcon{
    height: 0.68rem;
    text-align: center;
    background: url('../images/new/colorBg.png');
    background-size: cover;
}
.infoIcon span{
    width: 1.3rem;
    display: block;
    height: 0.58rem;
    border-radius: 0.1rem;
    line-height: 0.58rem;
    margin-left: 0.24rem;
}
.colorItem1 .topCircle span{
    background: #e5204d;
}
.colorItem2 .topCircle span{
    background: #e0e1e3;
}
.colorItem3 .topCircle span{
    background: #fff;
}
.colorItem4 .topCircle span{
    background: #b5b5b5;
}
.colorItem5 .topCircle span{
    background: #ffc0cb;
}
.colorItem6 .topCircle span{
    background: #343333;
}
.colorList .here .colorItem1 .infoIcon{
    background: url('../images/new/colorBg1.png');
    background-size: cover;
}
.colorList .here .colorItem1 .topCircle{
    border-color: #f8424a;
}
.colorList .here .colorItem2 .infoIcon{
    background: url('../images/new/colorBg2.png');
    background-size: cover;
}
.colorList .here .colorItem2 .topCircle{
    border-color: #e0e1e3;
}
.colorList .here .colorItem3 .infoIcon{
    background: url('../images/new/colorBg4.png');
    background-size: cover;
}
.colorList .here .colorItem3 .topCircle{
    border-color: #fff;
}
.colorList .here .colorItem4 .infoIcon{
    background: url('../images/new/colorBg4.png');
    background-size: cover;
}
.colorList .here .colorItem4 .topCircle{
    border-color: #b5b5b5;
}
.colorList .here .colorItem5 .infoIcon{
    background: url('../images/new/colorBg5.png');
    background-size: cover;
}
.colorList .here .colorItem5 .topCircle{
    border-color: #ffc0cb;
}
.colorList .here .colorItem6 .infoIcon{
    background: url('../images/new/colorBg6.png');
    background-size: cover;
}
.colorList .here .colorItem6 .topCircle{
    border-color: #343333;
}
.proBox1{
    margin-top: -0.1rem;
    padding: 0.3rem;
    background-image: linear-gradient(0deg, #5370e7 0%, #8293f0 100%), linear-gradient(#e8eff9,#e8eff9);
    background-blend-mode: normal, normal;
    box-shadow: inset 1px 0.02rem 0.07rem 0px rgba(199, 207, 250, 0.53);
    border-radius: 0.2rem;
}
.proBox2{
    padding:0 0.4rem;
    background-color: #4f4f98;
    box-shadow: inset 1px 0.02rem 0.21rem 0px rgba(47, 47, 109, 0.6);
    border-radius: 0.2rem;
}
.proBox2 .problemItem .ask i{
    box-shadow: 1px 1px 0.15rem 0px rgba(61, 201, 186, 0.57);
}
.proBox2 .problemItem .ask span{
    color: #fff;
}
.proBox2 .problemItem{
    border-color: #e5e5e5;
}
.severBox{
    padding: 0.52rem 0.3rem;
    background-image: linear-gradient(0deg, #5370e7 0%, #8293f0 100%), linear-gradient(#e8eff9, #e8eff9);
    background-blend-mode: normal, normal;
    box-shadow: inset 1px 0.02rem 0.07rem 0px rgba(199, 207, 250, 0.53);
    border-radius: 0.2rem;
    margin-top: -0.1rem;
}
.sevSelect{
    padding: 0 0.22rem 0 0.32rem;
    height: 0.76rem;
    background-color: #6161dd;
    border-radius: 0.06rem;
    border: solid 1px #bbbdfd;
    line-height: 0.76rem;
    color: #fff;
    font-size: 0.3rem;
    margin-bottom: 0.3rem;
    position: relative;
    overflow: hidden;
}
.sevSelect .right{
    float: right;
}
.sevSelect .icon,.moldList li .icon{
    display: none;
    position: absolute;
    height: 0.48rem;
    width: 0.48rem;
    top:-0.03rem;
    right: -0.03rem;
    background: url(../images/new/here1.png);
    background-size: cover;
}
.severBox .here{
    border: solid 0.02rem #e5204d;
}
.severBox .here .icon,.moldList .here .icon{
    display: block;
}
.moldList .here .moldImg{
    border-color:transparent;
    border-radius:0;
}
.moldList .here span{
    color:#e5204d;
    background: #fff;
}
.moldList .here {
    border-color:#e5204d;
}
.newBtn{
    display: block;
    width: 5.5rem;
    height: 0.96rem;
    background: url(../images/new/newBtnBg.png);
    background-size: cover;
    line-height: 0.88rem;
    font-size: 0.3rem;
    text-align: center;
    color: #fff;
    margin: 0 auto 0.8rem;
}
/*输入框提示语*/
.repInput::-webkit-input-placeholder,textarea::-webkit-input-placeholder { /* WebKit browsers */
    color: rgba(233, 229, 190, 0.4) !important;
}
.repInput:-moz-placeholder,textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: rgba(233, 229, 190, 0.4) !important;
}
.repInput::-moz-placeholder,textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: rgba(233, 229, 190, 0.4) !important;
}
.repInput:-ms-input-placeholder,textarea:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: rgba(233, 229, 190, 0.4) !important;
}
.repContent .icon{
    display: block;
    position: absolute;
}
.repContent .topLeft{
    width: 2.01rem;
    height: 0.15rem;
    top:0.13rem;
    left: 0.22rem;
    background: url(../images/new/topLeft.png);
    background-size: cover;
}
.repContent .topRight{
    width: 2.02rem;
    height: 0.12rem;
    top:0.15rem;
    right: 0.2rem;
    background: url(../images/new/topRight.png);
    background-size: cover;
}
.repContent .topBorder{
    width: 0.17rem;
    height: 1.13rem;
    bottom:0.32rem;
    left: -0.08rem;
    background: url(../images/new/topBorder.png);
    background-size: cover;
}
.repContent .botBorder{
    width: 1.52rem;
    height: 0.11rem;
    bottom:-1px;
    left: 0.7rem;
    background: url(../images/new/botBorder.png);
    background-size: cover;
}
.repContent .link{
    width: 1.07rem;
    height: 1.1rem;
    bottom:-1.04rem;
    right: 0.43rem;
    background: url(../images/new/link.png);
    background-size: cover;
}
.repBtn{
    padding: 0.3rem 0 0.9rem;
}
.repBtn .dataBtn{
    float: none;
    margin: 0 auto;
    width: 3.9rem;
    background: url('../images/new/btnBg2.png');
    background-size: cover;
}
.repContent .setItem{
    margin-bottom: 0.6rem;
}
.repContent .setIcon{
    width: 1.02rem;
    height: 1.02rem;
}
.repContent .setItem span{
    color: #e9e5be;
    font-size: 0.3rem;
    height: 0.3rem;
}
.repContent .topRight2{
    width: 1.13rem;
    height: 3.02rem;
    top:0.15rem;
    right: 0.18rem;
    background: url(../images/new/topRight2.png);
    background-size: cover;
}
.repContent2{
    padding: 0.55rem 0 0.2rem;
}
.repContent .topRight3{
    width: 0.15rem;
    height: 5.95rem;
    top:0.18rem;
    right: 0.13rem;
    background: url(../images/new/topRight3.png);
    background-size: cover;
}
.repContent3{
    padding: 0.35rem 0.65rem 0.4rem;
    min-height: 5.95rem;
    height: auto;
}
.repContent3 .topBorder{
    top:3.25rem;
}
.dataItem2{
    padding-bottom: 0.8rem;
}
.problemItem{
    border-bottom: 1px solid #333d4f;
    font-size: 0.3rem;
    color: #fff;
    line-height: 0.48rem;
    text-align: justify;
    padding: 0.3rem 0;
}
.problemItem:last-child{
    border: none;
}
.ask{
    margin-bottom: 0.1rem;
}
.ask span{
    color: #fbf6cb;
}
.proMsg{
    position: relative;
    padding-left: 0.52rem;
}
.proMsg i{
    display: block;
    position: absolute;
    top:0.08rem;
    left: 0;
    width: 0.36rem;
    height: 0.36rem;
    border-radius:0.04rem;
}

.repMsg{
    padding: 0 0.3rem;
    background: #353735;
    border-radius: 0.04rem;
    font-size: 0.3rem;
    color: rgba(255, 255, 255, 0.7);
    line-height: 0.5rem;
}
.repMsg .repTit{
    color: #fff;
    font-size: 0.34rem;
    padding: 0.2rem 0 0;
    text-align: justify;
    line-height: 0.8rem;
}
.repMsg .subTit{
    color: #fff;
    padding: 0.1rem 0;
}
.repMsg .price{
    display: block;
    color: #fff;
    font-size: 0.24rem;
    padding: 0.2rem 0 0.4rem;
}
.repMsg .price i{
    color: #fdf2b6;
    font-size: 0.28rem;
    margin-left: 0.15rem;
}
.repSelect{
    position: relative;
    margin-bottom: 0.3rem;
}
.repSelect dl {
    display: none;
    position: absolute;
    left: 0;
    top: 1.06rem;
    z-index: 999;
    min-width: 100%;
    border: solid 1px #fdf2b6;
    overflow-y: auto;
    background: #353735;
    border-radius: 0.04rem;
    box-sizing: border-box;
}
.repSelect dl dd{
    padding: 0 0.3rem;
    line-height: 0.94rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 0.3rem;
    color: #e9e5be;
}
.repSelect dl dd.here{
    background: #5d5d53;
}
.orderBtn:active{
    color: #fff;
}
/*获取验证码*/
.getCode{
    background-color: rgba(255, 255, 255, 0.5);
    border-radius:0.37rem;
    border: solid 0.02rem rgba(23, 194, 160, 0.5);
    opacity: 0.5;
    cursor: not-allowed;
}
/*内存升级*/
.upHead{
    padding-top: 1rem;
    width: 6.9rem;
    height: 1.6rem;
    text-align: center;
}
.upHead h1{
    font-size: 1rem;
    color: #ff7e00;
}
.upHead span{
    display: block;
    margin-top: 0.4rem;
    font-size: 0.4rem;
    color: #a9a9a9;
}
.upNav{
    height:0.88rem;
    line-height: 0.88rem;
    border-radius: 0.44rem;
    background: #fff;
    margin-bottom: 0.15rem;
}
.upNav>a{
    display: block;
    float: left;
    width: 50%;
    text-align: center;
    color:#333;
    font-size: 0.3rem;
    border-radius: 0.44rem;
}
.upNav>.here{
    background: #ff7e00;
    color: #fff;
}
.showContent{
    display: none;
}
.upFloor{
    position: relative;
    margin-bottom: 0.3rem;
    background: #fff;
    box-shadow: -0.02rem 0.02rem 0.55rem 0 rgba(0, 0, 0, 0.15);
    border-radius: 0.03rem;
}
.upFloor .orderTit{
    font-size: 0.3rem;
    border-bottom: solid 1px #e5e5e5;
}
.upFloor .orderTit>span{
    float: right;
    margin-right: 0.55rem;
}
.upFloor1{
    padding: 0.4rem 0.3rem 0.6rem;
}
.selectList{
    overflow: hidden;
    padding: 0.3rem 0 0.1rem;
    border-bottom: solid 1px #e5e5e5;
}
.selectList li{
    float: left;
    width: 3.05rem;
    height: 0.8rem;
    line-height: 0.8rem;
    background: url('../images/new/upDef.png');
    background-size: cover;
    margin-bottom: 0.2rem;
    font-size: 0.3rem;
    text-indent: 0.3rem;
}
.selectList li.here{
    background: url('../images/new/upHere.png');
    background-size: cover;
    color: #ff7e00;
}
.selectList li:nth-child(2n){
    margin-left: 0.2rem;
}
.selectList li i{
    float: right;
    margin-right: 0.3rem;
}
.upFloor>.icon{
    display: block;
    position: absolute;
    width:0.18rem;
    height: 1.11rem;
    top:-0.62rem;
    background: url('../images/new/needle.png');
    background-size: cover;
}
.upFloor>.needleLeft{
    left: 0.43rem;
}
.upFloor>.needleRight{
    right:0.43rem;
}
.upFloor2{
    padding: 0.88rem 0;
}
.upBtnBox{
    text-align: center;
}
.upBtnBox .defBtn{
    width: 2.68rem;
    margin:0 0.3rem;
}
.upFloor3{
    padding: 0.6rem 0 0.8rem;
}
.setNav{
    height: 0.8rem;
    line-height: 0.8rem;
    text-align: center;
    font-size: 0.36rem;
    color: #333;
    position: relative;
}
.setNav span {
    position: absolute;
    width: 0.6rem;
    height: 0.04rem;
    background-color: #ff7e00;
    bottom: 0;
    display: block;
    left: 50%;
    margin-left: -0.3rem;
}
.setNav .allBtn{
    position: absolute;
    float: none;
    right: 0.3rem;
    margin-top: 0.12rem;
}
.upFloor .setItem{
    margin: 0.4rem 0 0 0;
}
.upFloor .setItem .setIcon{
    width: 1.1rem;
    height: 1.1rem;
}
.upFloor4{
    padding: 0.6rem 0.3rem 0.2rem;
}
.upFloor .problemItem {
    border-bottom: 1px solid #e5e5e5;
    color: #666;
}
.upFloor .ask span {
    color: #333;
}
.problemItem:last-child{
    border: none;
}

.upContent{
    padding: 0 0.3rem 0.7rem;
}
.upFloor>.here{
    height: auto;
}
.upFloor>.here .orderTit i:after{
    background: url('../images/upArrow.png');
    background-size: cover;
}
.selectBox{
    height: 1.2rem;
    overflow: hidden;
    padding-bottom: 1px;
}
.upFloor .orderBtn{
    margin-top: 0.5rem;
}
/*无网络显示*/
.noData{
    padding-top: 2.8rem;
    text-align: center;
}
.noData p{
    line-height: 0.4rem;
    color: #999;
    font-size: 0.3rem;
}
.noData a{
    display: block;
    margin: 0.4rem auto 0;
    width: 1.65rem;
    height: 0.48rem;
    line-height: 0.48rem;
    background-color: #ffffff;
    border-radius: 0.06rem;
    border: solid 1px #999999;
    color: #999;
}
.noDataImg{
    width: 3rem;
    height: 1.8rem;
    margin:0 auto 0.3rem;
    background: url('../images/noData.jpg');
    background-size: cover;
}
.noLinkImg{
    background: url('../images/noLink.jpg');
    background-size: cover;
}
.load_bg{
    display: none;
    position: fixed;
    margin-left: -1.14rem;
    top: 1rem;
    left: 50%;
    width: 2.28rem;
    height: 0.76rem;
    border-radius: 1rem;
    line-height: 0.76rem;
    color: #fff;
    font-size: 0.3rem;
    overflow: hidden;
    z-index: 1010;
    text-align: center;
    background-color: rgba(23, 194, 160, 0.9);
    box-shadow: 1px 1px 0.06rem 0px rgba(19, 6, 9, 0.27);
}
.load_bg span{
    display: block;
    float: left;
    margin-left: 0.5rem;
}
.load_bg .loading{
    display: block;
    width: 0.3rem;
    height: 0.3rem;
    background: url("../images/loading.png") no-repeat;
    background-size: cover;
    float: left;
    margin: 0.23rem 0 0 0.1rem;
}
.load_bg  .loading,.moreLoad .loading{
    -webkit-transform: rotate(0deg) translateZ(0);
    -webkit-transition-duration: 0;
    -webkit-animation-name: loading;
    -webkit-animation-duration: 1.8s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
}
.moreLoad{
    font-size: 0.28rem;
    color: #999;
    text-align: center;
    height: 1.4rem;
    line-height: 1.1rem;
}
.moreLoad a.more{
    display: inline-block;
    color: #999;
    position: relative;
}
.moreLoad .more i{
    width:0.3rem;
    height: 0.3rem;
    position: absolute;
    top:0.42rem;
    right: -0.4rem;
    background: url("../images/loader.png") no-repeat;
    background-size: cover;
    display: inline-block;
    float: left;
}
@-webkit-keyframes loading {
    from {
        -webkit-transform: rotate(0deg) translateZ(0);
    }
    to {
        -webkit-transform: rotate(360deg) translateZ(0);
    }
}
/*border*/
.border_bottom:after {
    background-color: #e5e5e5;
    position: absolute;
    bottom: -1px;
    left: 0;
    -webkit-transform: scale(0.5,0.5);
    transform: scale(0.5,0.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 200%;
    height: 1px;
    content: '';
}
.border_right:after {
    background-color: #e5e5e5;
    position: absolute;
    top: 0;
    right:-1px;
    -webkit-transform: scale(0.5,0.5);
    transform: scale(0.5,0.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 1px;
    height: 200%;
    content: '';
}
.border_left:after {
    background-color: #e5e5e5;
    position: absolute;
    top: 0;
    right:-1px;
    -webkit-transform: scale(0.5,0.5);
    transform: scale(0.5,0.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 1px;
    height: 200%;
    content: '';
}
.border_top:after {
    background-color: #e5e5e5;
    position: absolute;
    top: -1px;
    left: 0;
    -webkit-transform: scale(0.5,0.5);
    transform: scale(0.5,0.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 200%;
    height: 1px;
    content: '';
}
/*实现四边边线都是正常的0.5倍*/
.border_four:after{
    content: '';
    height: 200%;
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing:border-box;
    transform: scale(1,0.5);
    transform-origin: left top;
    box-sizing: border-box;
    border: 1px solid  #e5e5e5;
    position: absolute;
    left: 0;
    top: 0;
}
.border_bigRad:before {
    z-index: -1;
    content:'';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 200%;
    height: 200%;
    transform-origin: 0 0;
    transform: scale(.5,.5);
    border: 1px solid #e5e5e5;
    border-radius: 100px;
}
.border_smlRad:after{
    content: '';
    height: 200%;
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing:border-box;
    transform: scale(1,0.5);
    transform-origin: left top;
    box-sizing: border-box;
    border: 1px solid  #e5e5e5;
    border-radius: 10px;
    position: absolute;
    left: 0;
    top: 0;
}
.border_Rad4:after{
    content: '';
    height: 200%;
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing:border-box;
    transform: scale(1,0.5);
    transform-origin: left top;
    box-sizing: border-box;
    border: 1px solid  #e5e5e5;
    border-radius: 4px;
    position: absolute;
    left: 0;
    top: 0;
}
/*弹出框*/
.alertBox{
    display: none;
}
.alertBg {
    position: fixed;
    width: 7.5rem;
    height: 100%;
    background: #000;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);
    -moz-opacity: .3;
    opacity: 0.3;
    top: 0;
    z-index: 1000;
}
.alertInfo {
    width: 6.3rem;
    background: #fff;
    position: fixed;
    left: 50%;
    top: 50%;
    margin: -2.5rem 0 0 -3.15rem;
    z-index: 1001;
    border-radius: 0.1rem;
    overflow: hidden;
    color: #222;
}
.alertBtn{
    border-top: 1px solid #e5e5e5;
}
.alertBtn a {
    width: 50%;
    height: 0.87rem;
    display: block;
    font-size: 0.3rem;
    color: #222;
    line-height: 0.87rem;
    text-align: center;
    background: #fff;
    float: left;
}
.alertBtn .sure{
    background: #ff7e00;
    color: #fff;
}
.alertBtn .btnOne{
    width: 100%;
}
.alertInfo .info{
    font-size: 0.34rem;
    padding: 0.76rem;
    line-height: 0.46rem;
    text-align: center;
}
.alertInfo .info1{
    padding: 0.44rem 0.76rem 0.5rem;
}
.alertIcon{
    width: 1rem;
    height: 1rem;
    display: block;
    background: url(../images/alertIcon1.png);
    background-size: cover;
    margin: 0 auto 0.25rem;
}
.alertIcon1{
    background: url(../images/alertIcon2.png);
    background-size: cover;
}

/*支付确定*/
.payInfo{
    height: 2.68rem;
    padding: 0 0.3rem;
    text-align: center;
    color: #333;
    font-size: .3rem;
    line-height: .8rem;
}
.payInfo .payTit{
    padding-top: .4rem;
}
.payInfo .price>i{
    font-size:.6rem;
}
.payContent{
    padding: 0 .3rem;
    font-size: .3rem;
    color: #333;
    background: #fff;
}
.payContent .payItem{
    height: 1rem;
    line-height: 1rem;
    position: relative;
    width: 6.9rem;
}
.payContent .payItem span{
    display: block;
    float: left;
}
.payContent .payItem .left{
    width: 1.8rem;
    text-align: right;
    color: #999;
    margin-right: .15rem;
}
.payContent .payItem .right{
    width: 4.95rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
}
.payBtn{
    padding: .38rem 0 .6rem;
}
.header-wrap .closePay {
    left: 0;
}
.header-wrap .closePay i{
    width: 0.33rem;
    height: 0.33rem;
    display: block;
    margin: 0.25rem auto 0;
}
.header-wrap .shareIcon{
    right: 0;
}
.header-wrap .shareIcon i{
    width: 0.40rem;
    height: 0.36rem;
    display: block;
    margin: 0.25rem auto 0;
}

.codeimg{
    width: 1.8rem;
    float: right;
}