@charset "utf-8";
/* 4eb6ff */

/*========================================
             全局样式设定
=========================================*/
html, body {margin:0; padding:0; width:100%; height:100%;}
body {overflow-x:hidden; overflow-y:auto; font-family:"microsoft yahei"; background:#fff; color:#333;}
ul,ol,li,dl,dt,dd,form,label,h1,h2,h3,h4,h5,h6,button,input[type="text"],input[type="tel"],input[type="password"],textarea,select,i {margin:0; padding:0; list-style:none; outline:none; font-family:"microsoft yahei";}
img {display:block; border:none;}
a {text-decoration:none; color:#333; cursor:pointer;}
a:hover {color:#4eb6ff;}


/*========================================
             全局公用样式
=========================================*/
.hide {display:none; position:fixed; left:-99999px;}
.show {display:block;}
.vhide {visibility:hidden;}
.vshow {visibility:visible;}
.overYscroll {overflow-y:scroll;}
.overYhidden {overflow-y:hidden;}
.tran03 {-webkit-transition:all .3s; -moz-transition:all .3s; -o-transition:all .3s; transition:all .3s;}
input[type="checkbox"].none,
input[type="radio"].none,
input[type="text"].none,
input[type="password"].none,
input[type="hidden"] {position:fixed; left:-9999px; top:50%;}
.table table {width:100%;}
.fixedTop {position:fixed; top:0;}
.fixedBottom {position:fixed; bottom:0;}
/* 清除浮动类 .clearfix */
.clearfix:before, .clearfix:after {content:""; display:table;}
.clearfix:after  {clear:both;}

.mainWidth {display:none;}
@media screen and (max-width:768px) {
	/*iphone7plus = 414px*/
	.mainWidth {display:table; width:100%; position:relative; overflow:hidden;}
}


/*==================================================
                  全站通用LOADING
==================================================*/
/*
<div class="pageLoading">
	<div class="circle1"></div><div class="circle2"></div>
    <div class="text"><span>正在努力为您加载... 请稍等</span></div>
</div>
*/
.pageLoading {position:fixed; width:100%; height:100%; left:0; top:0; background:rgba(255,255,255,.1); z-index:11; display:none;}
.pageLoading .circle1, .pageLoading .circle2 {position:absolute; left:50%; bottom:55%; border-radius:50%;}
.pageLoading .circle1 {width:2rem; height:2rem; margin-left:-1.12rem; margin-bottom:.4rem; border:3px rgba(78,182,255,1) solid; border-right-color:rgba(255,255,255,0);
animation:circle1 .9s ease infinite;
-moz-animation:circle1 .9s ease infinite;
-webkit-animation:circle1 .9s ease infinite;
-o-animation:circle1 .9s ease infinite;}
@keyframes circle1{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}
@-moz-keyframes circle1{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}
@-webkit-keyframes circle1{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}
@-o-keyframes circle2{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}
.pageLoading .circle2 {width:1.2rem; height:1.2rem; margin-left:-.64rem; margin-bottom:.88rem; border:1px rgba(78,182,255,.8) solid; border-left-color:rgba(255,255,255,0);
animation:circle2 2s linear infinite;
-moz-animation:circle2 2s linear infinite;
-webkit-animation:circle2 2s linear infinite;
-o-animation:circle2 2s linear infinite;}
@keyframes circle2{from{transform:rotate(0deg);}to{transform:rotate(-360deg);}}
@-moz-keyframes circle2{from{transform:rotate(0deg);}to{transform:rotate(-360deg);}}
@-webkit-keyframes circle2{from{transform:rotate(0deg);}to{transform:rotate(-360deg);}}
@-o-keyframes circle2{from{transform:rotate(0deg);}to{transform:rotate(-360deg);}}
.pageLoading .text {position:absolute; width:100%; top:45%; margin-top:.4rem; text-align:center; color:#fff; font-size:.5rem;}



/*==================================================
                  全站通用弹出层提示
==================================================*/
.popBlackTip {display:none;}
.popBlackTip .bg {position:fixed; width:100%; height:100%; left:0; top:0; display:table; background:rgba(255,255,255,.25); z-index:11;}
.popBlackTip .bg .cell {width:100%; height:100%; text-align:center; display:table-cell; vertical-align:middle;}
.popBlackTip .bg .cell span {background:rgba(0,0,0,.75); padding:.6rem .8rem; color:#fff; font-size:.65rem; border-radius:.25rem;}




.putRad {height:1.2rem; border-radius:.16rem; font-size:.6rem;}


/*==================================================
              未知宽度列表正方形
==================================================*/
ul.square {display:block; width:100%;}
ul.square li {float:left; width:31%; height:25vw; margin-right:.24rem; margin-bottom:.24rem; outline:1px #eee solid; position:relative;}


.btnBox {padding:1.4rem;}
.btnBox .btn {display:block; height:1.6rem; line-height:1.6rem; text-align:center; border-radius:.2rem; font-size:.6rem;}
.btnBox .btn.blue {background:#4eb6ff; color:#fff;}


/*==================================================
                    头部
==================================================*/
.header {height:2rem; background:#4eb6ff;}
.header .btnBack {position:absolute; z-index:1; width:2rem; height:2rem; top:0; left:0; background:url(/front/public/images/icon-left-white.png) center no-repeat; background-size:auto 40%;}
.header .tit {text-align:center; color:#fff; font-size:.8rem; line-height:2rem;}





/*==================================================
                  	头部搜索
==================================================*/
.headSearch {width:100%; position:relative;}
.headSearch .btns {position:absolute; height:1.6rem; right:.4rem; top:-1.8rem; z-index:1;}
.headSearch .btns .btn {float:left; width:1.6rem; height:1.6rem; background:url(/front/public/images/icon-add-search.png) left top no-repeat; background-size:auto 100%;}
.headSearch .btns .btn.add {background-position:0 0;}
.headSearch .btns .btn.seaOpen {background-position:-1.6rem 0;}
.headSearch .seaArea {position:fixed; width:100%; height:2rem; top:-2rem; background:#4eb6ff; font-size:.6rem; z-index:2;}
.headSearch .seaArea .seaForm {position:absolute; left:.4rem; top:.4rem; right:2.4rem; bottom:.4rem;}
.headSearch .seaArea .seaForm .btn {position:absolute; width:1.2rem; height:1.2rem; top:0; right:0; background:#fff url(/front/public/images/icon-search-wap.png) center no-repeat; background-size:100% auto; border-radius:.16rem; overflow:hidden; z-index:1;}
.headSearch .seaArea .seaForm input {border:0; width:100%; height:1.2rem; font-size:.575rem;}
.headSearch .seaArea .btn {position:absolute; width:2.4rem; height:2rem; right:0; top:0; text-align:center; line-height:2rem; color:#fff; font-size:.6rem;}
.headSearch .seaArea.order .seaForm input {text-indent:2.2rem;}
.headSearch .seaArea.order .seaForm .plateSelect {position:absolute; left:0; top:0; width:2.2rem;}
.headSearch .seaArea.order .seaForm .plateSelect .openPlates {position:absolute; width:100%; left:0; top:0; height:1.2rem; line-height:1.2rem; text-align:center; font-size:.575rem; background:#fff; border-radius:.16rem;}
.headSearch .seaArea.order .seaForm .plateSelect .openPlates b {font-weight:normal;}
.headSearch .seaArea.order .seaForm .plateSelect .openPlates span {font-size:0.5rem; padding-left:1px;}
.headSearch .seaArea.order .seaForm .plateSelect .plates {position:absolute; left:-5rem; top:1.2rem; width:4rem; background:rgba(0,0,0,.85); border-radius:.15rem; overflow:hidden;}
.headSearch .seaArea.order .seaForm .plateSelect .plates label {display:block; color:#fff;}
.headSearch .seaArea.order .seaForm .plateSelect .plates .c {height:1rem;}
.headSearch .seaArea.order .seaForm .plateSelect .plates .c span {float:right; width:1rem; height:1rem; line-height:1rem; text-align:center; font-size:.8rem;}
.headSearch .seaArea.order .seaForm .plateSelect .plates .p {height:1.5rem; line-height:1.5rem; font-size:.6rem; margin:0 .2rem; padding:0 .2rem; border-top:1px #444 solid;}
#seaArea:checked ~ .seaArea {top:0;}
#plateSelect:checked ~ .plates {left:0;}



/*========== 公用绝对居中弹框 ==========*/
input[type="checkbox"].none.popMid {position:fixed; top:50%; left:-9999px;}
div.popMid {display:none;}
div.popMid .bg {position:fixed; display:table; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,.4); z-index:11;}
div.popMid .bg .cell {position:relative; width:100%; height:100%; display:table-cell; vertical-align:middle;}
div.popMid .bg .cell .midBox {position:relative; display:table; margin:0 auto; font-size:.6rem; overflow:hidden;}
div.popMid .bg .cell .midBox.white {background:#fff;}
div.popMid .bg .cell .midBox.black {background:#000;}
div.popMid .bg .cell .midBox.radius {border-radius:5px;}
div.popMid .bg .cell .midBox > .popTit {height:2em; line-height:2em; font-size:1.2em; text-align:center;}
div.popMid .bg .cell .midBox > label.close {position:absolute; top:0; right:0; width:2.4em; height:2.4em; line-height:2.4em; text-align:center; cursor:pointer; z-index:3;}
div.popMid .bg .cell .midBox > label.close:before {content:"×"; font-size:1.8em;}
div.popMid .bg .cell .midBox > label.close.trans {color:#333;}
div.popMid .bg .cell .midBox > label.close.trans.white {color:#fff;}
div.popMid .bg .cell .midBox > label.close.black {color:#fff; background:rgba(0,0,0,.7);}
input[type="checkbox"].none.popMid:checked + div.popMid {display:block;}


/*----- 订单橙色警告 -----*/
.warning .warn {background:#fec635;}
.warning .red {color:#f00;}
.warning .black {color:#333;}
/*订单列表*/
.orderList ul li .warning {margin-top:.28rem;}
.orderList ul li .warning .warn {position:relative; height:1.4rem;}
.orderList ul li .warning .warn i,
.orderList ul li .warning .warn span {position:absolute; top:0; height:1.4rem; line-height:1.4rem; color:#fff; font-size:.6rem;}
.orderList ul li .warning .warn i {width:1.4rem; left:0; background:url(/front/public/images/icon-order-warning.png) center no-repeat;}
.orderList ul li .warning .warn span.t {left:1.4rem;}
.orderList ul li .warning .warn span.b {right:.4rem;}
/*订单详情*/
.warning.view {width:100%;}
.warning.view .warn {padding:.2rem .4rem; line-height:.88rem; font-size:.5rem;}
.warning.view .warn span.red {color:#f00;}
.warning.view .warn span.black {color:#333;}