@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;}
.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;}
}

._FS_ {font-size:.7rem;}
.section {background:#fff;}
.section > * {width:94%; margin:0 auto;}

/*--- 显示数量 ---*/
._num_ {position:absolute; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
._num_ {height:1.2em; border-radius:.6em; line-height:1.1em; background:#f33; padding:0 .35em;}
._num_ > * {font-family:Arial; font-style:normal; font-weight:bold; color:#fff; font-size:.8em;}



/*==================================================
                  全站通用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;}
.header .plateMenu {display:table; margin:0 auto; height:100%; background:none;}
.header .plateMenu > .cell {display:table-cell; vertical-align:middle;}
.header .plateMenu > .cell > * {float:left; height:1.8em; line-height:1.8em; border:1px #fff solid; padding:0 1em;}
.header .plateMenu > .cell > *:first-child {border-top-left-radius:.2em; border-bottom-left-radius:.2em;}
.header .plateMenu > .cell > *:last-child {border-top-right-radius:.2em; border-bottom-right-radius:.2em;}
.header .plateMenu > .cell > span {background:#fff; color:#4eb6ff;}
.header .plateMenu > .cell > a {color:#fff;}

.headerFilter {background:#f7f7f7; display:-webkit-box; display:box;}
.headerFilter > * {-moz-box-flex:1.0; -webkit-box-flex:1.0; box-flex:1.0; padding:.3em 0;}
.headerFilter > * > select {display:table; margin:0 auto; font-size:.8em; height:2.2em; border:1px #ddd solid; background:#fff; border-radius:.2em;}
.headerFilter > * > select {max-width:96%;}

.headerFixed {height:5em;}
.headerFixed > .fixedContain {position:fixed; width:100%; left:0; top:0; z-index:9;}


/*==================================================
                  	头部搜索
==================================================*/
.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; text-indent:.3rem;}
.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);}

div.popMid2 {display:none;}
div.popMid2 .bg {position:fixed; display:table; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,.4); z-index:11;}
div.popMid2 .bg .cell {position:relative; width:100%; height:100%; display:table-cell; vertical-align:middle;}
div.popMid2 .bg .cell .midBox {position:relative; display:table; margin:0 auto; font-size:.6rem; overflow:hidden;}
div.popMid2 .bg .cell .midBox.white {background:#fff;}
div.popMid2 .bg .cell .midBox.black {background:#000;}
div.popMid2 .bg .cell .midBox.radius {border-radius:5px;}
div.popMid2 .bg .cell .midBox > .popTit {height:2em; line-height:2em; font-size:1.2em; text-align:center;}
div.popMid2 .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.popMid2 .bg .cell .midBox > label.close:before {content:"×"; font-size:1.8em;}
div.popMid2 .bg .cell .midBox > label.close.trans {color:#333;}
div.popMid2 .bg .cell .midBox > label.close.trans.white {color:#fff;}
div.popMid2 .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;}






.plateMenu {background:#fff;}
.plateMenu > ul {display:-webkit-box; display:box; overflow-x:scroll; -webkit-overflow-scrolling:touch;}
.plateMenu > ul::-webkit-scrollbar {display:none;}
.plateMenu > ul > li > label > ._num_ {top:28%; right:0; margin-right:-.7em;}
/*--- company orderList plateMenu ---*/
.plateMenu.company.order > ul > li {padding:0 .8em;}
.plateMenu.company.order > ul > li > label {display:table; height:2.5em; line-height:2.5em; position:relative;}
.plateMenu.company.order > ul > li > label span {font-size:1em;}
.plateMenu.company.order > ul > li > label input[type="radio"]:checked + span {color:#4eb6ff;}
/*--- website orderList plateMenu ---*/
.plateMenu.website.order > ul > li {-moz-box-flex:1.0; -webkit-box-flex:1.0; box-flex:1.0;}
.plateMenu.website.order > ul > li > a {display:block; text-align:center; height:2.5em; line-height:2.5em; font-size:1em;}
.plateMenu.website.order > ul > li > a.active {background:#4eb6ff; color:#fff;}
/*--- website resList plateMenu ---*/
.plateMenu.website.res > ul > li > a {display:table; height:2.5em; line-height:2.5em; font-size:1em; padding:0 .9em;}
.plateMenu.website.res > ul > li > a.active {color:#4eb6ff;}


/*--- 拖拽菜单 ---*/
.DRAGMENU {background:#fff;}
.DRAGMENU > ul {display:-webkit-box; display:box; overflow-x:scroll; -webkit-overflow-scrolling:touch;}
.DRAGMENU > ul::-webkit-scrollbar {display:none;}
.DRAGMENU > ul > li {padding:0 .5em;}
.DRAGMENU > ul > li > label {display:table; height:2.5em; line-height:2.5em; position:relative;}
.DRAGMENU > ul > li > label > ._num_ {top:30%; right:0; margin-right:-.7em;}
.DRAGMENU > ul > li > label span {font-size:.9em;}
.DRAGMENU > ul > li > label input[type="radio"]:checked + span {color:#4eb6ff;}





.sBtn {display:table; font-size:.9em; height:1.8em; line-height:1.8em; padding:0 .7em; border-radius:.2em;}
.sBtn.red {background:#f66; color:#fff;}
.sBtn.blue {background:#4eb6ff; color:#fff;}

.mt {margin-top:.5em;}



.resFooter {height:3em;}
.resFooter .fixedContain {position:fixed; z-index:2; width:100%; height:3em; left:0; bottom:0; background:#fff; box-shadow:0 0 .5em #ccc; overflow:hidden;}
.resFooter .fixedContain {display:-webkit-box; display:box;}
.resFooter .fixedContain > * {-moz-box-flex:1.0; -webkit-box-flex:1.0; box-flex:1.0; height:100%;}
.resFooter .fixedContain > * > .tab {display:table; height:100%; margin:0 auto;}
.resFooter .fixedContain > * > .tab > .cell {display:table-cell; vertical-align:middle;}
.resFooter .fixedContain > *.btn {min-width:4em;}
.resFooter .fixedContain > *.btn > * {display:block; width:100%; height:100%; line-height:3em; color:#fff; text-align:center;}
.resFooter .fixedContain > *.btn > *.active,
.resFooter .fixedContain > *.btn > *.red {background:#f33;}
.resFooter .fixedContain > *.btn > *.blue {background:#4eb6ff;}
.resFooter .fixedContain > *.btn > *.disabled {background:#999;}
.resFooter .fixedContain > *.price {border-left:1px #eee solid;}
.resFooter .fixedContain > *.price .total > span {color:#f33;}
.resFooter .fixedContain > * .cart {display:table; height:1.5em; padding-left:1.8em; background:url(/wap/commons/images/icon-cart.png) left center no-repeat; background-size:auto 100%;}
.resFooter .fixedContain > * .item {display:table; height:1.5em; padding-left:1.8em; background:url(/wap/commons/images/icon-item.png) left center no-repeat; background-size:100% auto;}
.resFooter .fixedContain > * .cart ._num_,
.resFooter .fixedContain > * .item ._num_ {-webkit-transform:translateY(-60%); transform:translateY(-60%);}

/* 百度商桥 */
/* #newBridge .nb-icon-wrap {top:72% !important;}
#newBridge .nb-invite-wrap-base {display: none !important;} */