*,*:before,*:after{background-repeat:no-repeat; background-position:0 center; background-size:100% auto;}
html,body{height:100%;}
html{font-size:calc(100vw/720*100);}
body{background:rgba(238,238,238,1); color:#515252; font-size:.26rem;}
/*overflow:hidden*/
a{color:#333;}

::-webkit-input-placeholder{
	color:#999;
}
html.on,
html.on body{overflow:hidden;}
input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0px 1000px white inset !important;
}
#app{max-width:720px; margin:0 auto;}
/*--------------------function--------------------*/
.f-cb:after{content:''; display:table; clear:both;}
.f-tal{text-align:left;}.f-tac{text-align:center;}.f-tar{text-align:right;}
.f-fl{float:left;}.f-fr{float:right;}
/*--------------------unit--------------------*/
.u-tit{line-height:1; margin:.4rem 0 0 .3rem; padding-left:1em; border-left:#02cad6 .06rem solid; font-size:.3rem; color:#35445E;}
/*.u-port{width: 26%;float: left;height: .6rem; background: #fff;text-align: center;line-height: .6rem;font-size: .22rem;border:none;}*/
.u-port{
    /*border:1px solid #e3e3e3;    */
    border-radius:3px;
    color:#616263;
    overflow: hidden; 
    height: .6rem;    
    width: 26%;
    position: relative;
    display: block;
    float:left;
}
.u-port select{       
    height: 100%;
    padding-left: 0.2rem;
    background-color: #fff;
    border: 0;
    outline: none;
    width: 100%;
    -webkit-appearance: none;
    font-size: .22rem;
    line-height: .6rem;
    text-align: center;
}
.u-port:after{
    content:"▼";    
    padding: 12px 1px;
    position: absolute; right: 10px; top: 0;    
    z-index: 1;
    text-align: center;
    width: 10%;
    height: 100%;      
    pointer-events: none;
    box-sizing: border-box; 
    top: -0.13rem;
    color: rgba(255,145,0,1);
}
.sanjiao_down{
    display:inlind-block;
    width:0;
    height:0;
    overflow:hidden;
    font-size: 0;     /*是因为, 虽然宽高度为0, 但在IE6下会具有默认的 */
    line-height: 0;  /* 字体大小和行高, 导致盒子呈现被撑开的长矩形 */
    border-width:6px;
    vertical-align: middle;
    margin-left: 5px;
    border-style:solid dashed dashed dashed;/*IE6下, 设置余下三条边的border-style为dashed,即可达到透明的效果*/
    border-color:rgba(255,145,0,1) transparent transparent transparent;
}
.noPrice label{display:block;width: 2.1rem;text-align:right;font-size: .28rem;font-weight:bold;float:left;padding-top: 3px;    margin-right: 10px;}
.noPrice input{border:1px solid #ccc;height: 30px;}
.noPriceBtn{width: 2.6rem;
    height: .7rem;
    background: rgba(255,145,0,1);
    border: none;
    border-radius: 4px;
    text-align: center;
    color: #fff;
    font-size: .26rem;
    margin: 28px auto;
    display: block;}
.u-ipt{width:74%;float:right; height:.6rem; padding:0 1em; background:#fff; border:none; border-radius:4px 0 0 4px; text-align:left; font-size:.2rem;}
.u-iptCar{width:100%;float:right; height:.6rem; padding:0 1em; background:#fff; border:none; border-radius:4px 0 0 4px; text-align:left; font-size:.2rem;}
.u-ipt2{width:100%; height:.8rem; padding:0 1em 0 2.5em; background-color:#fff; border:#E0E0E0 1px solid; border-radius:4px; text-align:left; font-size:.28rem;}
.u-btn{width:1.7rem; height:.6rem; background:rgba(255,145,0,1); border:none; border-radius:4px; text-align:center; color:#fff; font-size:.24rem;}
.u-btn:before{content:''; display:inline-block; vertical-align:middle; width:.24rem; height:.24rem; margin-top:-.05rem; margin-right:.1rem; background-image:url(../img/chaxun_icon@2x.png);}
.u-btn2{-webkit-appearance: none; width:100%; height:.8rem; background:rgba(255,145,0,1); border:none; border-radius:4px; text-align:center; color:#fff; font-size:.34rem;}
.u-btn-small{width:1.3rem; height:.5rem;}
.u-btn-default{background: #fff;border: 1px solid #dcdfe6;color: #606266}
.u-btn-primary{border-radius:4px; background:rgba(255,145,0,1);color:#fff;}
.u-btn-default:before,.u-btn-primary:before{
   content: '';
   display: none;
}
.u-more{display:inline-block; vertical-align:middle; min-width:4em; line-height:.4rem; margin-top:.1rem; padding:0 1em; border:1px solid #02cad6; border-radius:.0rem; font-size:.2rem; color:#02cad6;}
.u-del{position:absolute; display:none; right:0; top:0; bottom:0; width:3em; background-image:url(../img/guanbi@2x.png); background-size:.26rem; background-position:1.5em center;}
.u-back{width:2.5em; display:none; background-image:url(../img/fanhui@2x.png); background-size:.12rem; background-position:.5em center;}
[disabled]{background:#ccc;}
/*--------------------list--------------------*/
.list-news{line-height:2;}
.list-news li{display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;  font-size:.22rem;}
.list-img>li:last-child{border-bottom:none;}
.list-img a{display:-webkit-box;display:-ms-flexbox;display:flex; padding:.2rem .3rem .3rem; border-bottom:rgba(238,238,238,1) 1px solid;}
.list-img .side{width:2.6rem; margin-right:.1rem;}
.list-img .main{-webkit-box-flex:1;-ms-flex:1;flex:1; min-width:0; margin-top:.1rem;}
.list-img img,
.list-img2 img{width:100%;}
.list-img2 li{margin:.2rem 0;}
.list-img2 a{display:block; padding:.3rem; background:#fff;}
.list-img2 .title{margin:.1rem 0;}
.list-img2 .des{display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; font-size:.22rem; color:#666;}
.list-pagination{line-height:.6rem; margin-bottom:.2rem; text-align:center;}
.list-pagination a{display:inline-block; vertical-align:middle; min-width:2em; -webkit-box-sizing:border-box; box-sizing:border-box; padding:0 1em; background:#fff; border:#dee2e6 1px solid; border-radius:4px;}
.list-pagination a.active{background:rgba(255,145,0,1); color:#fff;}
/*--------------------list--------------------*/
.mod-lazy{position:fixed; top:0; right:0; bottom:0; left:0; z-index:99; background:rgba(0,0,0,.6); display:none;}
.mod-lazy .content{position:absolute; top:50%; left:.2rem; right:.2rem; -webkit-transform:translateY(-50%); transform:translateY(-50%); background:#fff; border-radius:.15rem;}
.mod-lazy header{position:relative; line-height:.8rem; padding:0 .2rem; border-bottom:#eee 1px solid; font-size:.28rem;}
.mod-lazy header a{position:absolute; top:0; right:.2rem; padding-left:1em; font-size:.5rem;}
.mod-lazy section{max-height:5rem; padding:0 .2rem .2rem; overflow:auto; -webkit-overflow-scrolling: touch; font-size:.22rem;}
.mod-lazy section h3{margin-top:.2rem;}
.mod-lazy section h3 span{font-weight:normal; color:#f00;}
.mod-lazy section p{margin-top:.1rem;}
.mod-lazy section table{width:100%; table-layout:auto; margin-top:.2rem;}
.mod-lazy section thead{font-weight:bold;}
.mod-lazy section td{padding:5px 0;}
.mod-lazy section td:first-child{width:5em;}

/*--------------------toast--------------------*/
#toast{position:fixed; z-index:9999; display:none; left:50%; top:1.2rem; -webkit-transform:translateX(-50%); transform:translateX(-50%); line-height:.7rem; padding:0 1em; background:rgba(0,0,0,.8);
border-radius:4px; text-align:center; color:#fff;}
/*--------------------header--------------------*/
#hd{position:fixed; z-index:999; left:0; right:0; top:0; height:.96rem; padding:0 .2rem; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-align:center; -ms-flex-align:center; align-items:center; background:#02cad6;}
#hd h1{width:1.56rem;}
#hd h1 a{display:block;}
#hd a{color:#fff;}
#hd nav .active,
#hd .list-menu .active{color:#fff;}
#hd nav{display:-webkit-box;display:-ms-flexbox;display:flex; line-height:.96rem;}
#hd nav a{position:relative; padding:0 .5em;}
#hd nav a:before{content:''; position:absolute; top:50%; left:0; -webkit-transform:translateY(-50%); transform:translateY(-50%); height:1em; border-left:#fff 1px solid;}
#hd nav a:first-child:before{border-left:none;}
#hd menu{position:relative; width:.3rem; height:100%; padding:0 .5em}
#hd menu span{position:absolute; left:.5em; width:.3rem; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); height:.04rem; background: #fff;}
#hd menu span:before,
#hd menu span:after{content:''; position:absolute; top:0; right:0; bottom:0; left:0; background:#fff; -webkit-transition:.3s; transition:.3s;}
#hd menu span:before{-webkit-transform:translateY(-250%);transform:translateY(-250%);}
#hd menu span:after{-webkit-transform:translateY(250%);transform:translateY(250%);}
#hd menu.active span{background:transparent;}
#hd menu.active span:before{-webkit-transform:translateY(0) rotate(45deg);transform:translateY(0) rotate(45deg);}
#hd menu.active span:after{-webkit-transform:translateY(0) rotate(-45deg);transform:translateY(0) rotate(-45deg);}
.list-menu{position:absolute; top:.96rem; right:0; left:0; height:calc(100vh - .96rem); line-height:.6rem; display:none; background:transparent;}
.list-menu .active{color:rgba(255,145,0,1);}
.list-menu .menu-content{max-height:100%; overflow:auto; background:rgba(34,56,63,.9);}
.list-menu dl{border-bottom:rgba(255,255,255,.1) 1px solid;}
.list-menu .children{padding-bottom:.5em;}
.list-menu .children dt a{background-image:url(../img/zhankai@2x.png); background-size:.26rem .12rem; background-position:right 2em center;}
.list-menu .children.on dt a{background-image:url(../img/shouqi@2x.png);}
.list-menu dl a{ display:block; padding:.5em 2em;}
.list-menu dd{display:none;}
.list-menu dd a{padding:0 3em;}
.list-menu .last{line-height: .5rem; padding: .1rem .2rem .1rem 0; text-align: right; font-size: .24rem;}
.list-menu .last a{display: inline-block; vertical-align: top; min-width: 6em; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 1em; background: rgb(2,202,214); border-radius: .25rem; text-align: center; color: #fff; text-align:center;}
#order-center,#logout{display:none;}
/*--------------------section--------------------*/
#bd{position:relative; min-height:100%; padding-top:.96rem; -webkit-box-sizing:border-box; box-sizing:border-box;}
/*--------------------footer--------------------*/
#ft{color:#fff; font-size:.24rem;}
#ft a{color:#fff;}
#ft .row1{padding:.3rem; background:rgba(34,56,63,1);}
#ft .row1 h2{font-size:.28rem;}
#ft .row1 ul{line-height:2; margin:.2rem 0;}
#ft .row1 .code{display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-pack:center; -ms-flex-pack:center; font-size:.2rem;justify-content: space-around;}
#ft .row1 .code dl{width:1.6rem; margin-right:.0rem;}
#ft .row1 .code dt{margin-top:.1rem;}
#ft .row2{text-align: center;line-height:.3rem; background:rgba(34,56,63,1); font-size:.14rem;}
@media screen and (min-width:720px){
  html{font-size:100px;}
}