body{background-color: #fff; font-family: Helvetica, sans-serif;}
.box{width: 1200px; margin: auto;}


.text-red{color: #FF0036}
.text-white{color: #FFFFFF}
.bold{font-weight: bold;}
.fl{float: left;}
.fr{float: right;}
.clearfix{clear: both;}

.anim{transition: all .2s;}
.pointer{cursor: pointer;}
.padding{padding: 20px}
.padding-sm{padding: 10px;}
.padding-xs{padding: 5px;}
.padding-left{padding-left: 20px}
.padding-left-sm{padding-left: 10px}
.padding-left-xs{padding-left: 5px}
.padding-right{padding-right: 20px;}
.padding-right-sm{padding-right: 10px;}
.padding-right-xs{padding-right: 5px;}
.padding-tb{padding: 20px 0}
.padding-tb-sm{padding: 10px 0;}
.padding-tb-xs{padding: 5px 0;}
.padding-lr{padding:0 20px;}
.padding-lr-sm{padding:0 10px;}
.padding-lr-xs{padding:0 5px;}

.margin-top{margin-top: 20px}
.margin-top-sm{margin-top: 10px}
.margin-top-xs{margin-top: 5px}
.margin-top-30{margin-top: 30px}
.margin-top-40{margin-top: 40px}
.margin-top-50{margin-top: 50px}
.margin-top-60{margin-top: 60px}
.margin-top-100{margin-top: 100px}
.margin-tb-sm{margin:10px 0}
.margin-lr-sm{margin:0 10px}
.margin-right{margin-right:20px;}
.margin-right-sm{margin-right:10px;}
.margin-right-xs{margin-right:5px;}
.margin-bottom{margin-bottom: 20px}
.margin-bottom-sm{margin-bottom: 10px}
.margin-bottom-xs{margin-bottom:5px}

.text-gray{color: #666}
.text-red{color: #FF0036}
.text-white{color: #FFFFFF}
.text-blue{color: #1171de}
.text-green{color: #13afb9}
.text-sm{font-size: 12px}
.text-lg{font-size: 18px}
.text-xlg{font-size: 22px}
.text-xxl{font-size: 30px}
.text-xxxl{font-size: 44px}


.bg-white{background-color: #fff}
.bg-yellow{background-color: #d4a320}
.bg-red{background-color: #FF0036}
.bg-blue{background-color: #1171de}
.bg-green{background-color: #13afb9}
.bg-white{background-color: #fff}
.bg-gray{background-color: #f8f8f8}
.bg-black{background-color: #000000;}
.bg-jin{background-color: #ddd3cb;}
.text-center{text-align: center;}
.text-right{text-align: right;}
.radius{border-radius: 5px}
.text-col-center{justify-content:center;display: flex;flex-direction: column;}
.my-btn{background: #000;} 

/* 分页 */
.pagination{display:block;padding:20px 0;text-align:center;overflow:hidden;clear:both; background: #fff}
.pagination li{display:inline-block;border:1px #dbdbdb solid;font-size:16px;height:34px;line-height:34px;min-width:34px;}
.pagination li a,.pagination li span{display:block;width:100%;height:100%}
.pagination li.active{background:#FF0036;color:#fff;border-color:#FF0036}
.pagination li.disabled{background:#f1f1f1;color:#FF0036}
.pinyin{font-size:20px;background-color:#fff;padding-left:10px}
/* end */



/*footer*/
.footIcon{clear: both; overflow:hidden; padding: 10px; border-right:1px #dbdbdb solid;}
.footIcon img{display: block; float: left;}
.footMenu{clear: both; overflow: hidden; padding-top: 40px; }
.footMenu li{ width: 15%; box-sizing: border-box; padding-left: 10px; float:right;}
.footMenu li .hd{font-weight: bold; margin-bottom:5px; font-size: 16px}
.footMenu li .bd a{display: block; color: #666; line-height: 35px;}
.footMenu li .qrcode .img{float: left; width: 100px; margin-right: 10px}
.footMenu li .qrcode .info h4{font-weight: bold; margin-bottom: 10px; margin-top: 10px}

/* 客服 */
.toolbar-item{background:url(../image/toolbar.png) no-repeat}
.toolbar{position:fixed;right:0;bottom:50px;z-index:10000}
.toolbar-item{position:relative;display:block;margin-top:1px;width:52px;height:52px;-moz-transition:background-position .5s;transition:background-position .5s;-ms-transition:background-position .5s;-o-moz-transition:background-position .5s;-webkit-moz-transition:background-position .5s}
.toolbar-item:hover .toolbar-layer{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);filter:alpha(opacity=100);-ms-transform:scale(1)}
.toolbar-item-cart{background-position:0 -798px}
.toolbar-item-cart:hover{background-position:0 -860px}
.toolbar-item-cart em{position:absolute; display:block; line-height:14px; font-size:12px; top:2px; right:10px; background: #fff;border-radius:7px; display: block; height: 14px; min-width: 14px; color:#FF0036; text-align: center; font-style: normal;}
.toolbar-item-weixin{background-position:0 -426px}
.toolbar-item-weixin:hover{background-position:0 -488px}
.toolbar-item-weixin .toolbar-layer{height:212px;background-position:0 -200px}

.toolbar-item-app{background-position:0 -550px}
.toolbar-item-app:hover{background-position:0 -612px}
.toolbar-item-app .toolbar-layer{height:44px;background-position:0 0px}

.toolbar-item-top{background-position:0 -674px}
.toolbar-item-top:hover{background-position:0 -736px}
.toolbar-layer{position:absolute;right:52px;bottom:-10px;width:172px;opacity:0;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;-webkit-transform:scale(.01);-moz-transform:scale(.01);-o-transform:scale(.01);transform:scale(.01);-webkit-transform-origin:95% 95%;-moz-transform-origin:95% 95%;-o-transform-origin:95% 95%;transform-origin:95% 95%;filter:alpha(opacity=0);-ms-transform-origin:95% 95%;-ms-transform:scale(.01);-ms-transition:all .5s}
.toolbar-layer img{width: 90%; display: block; margin: auto;}

.goods li .priceBox .marketPrice{float: right; padding-top: 2px; padding-left: 10px}
.goods li .priceBox .marketPrice b{font-weight: normal; text-decoration:line-through;}
.baseInfo .price span.marketPrice{font-size: 14px; margin-left: 10px; font-weight: normal; color: #999}
.baseInfo .price span.marketPrice b{font-weight: normal; text-decoration:line-through;}


html .layui-layer-error{border-radius: 5px; overflow: hidden;}
.layui-layer-error .layui-layer-content{border:none; background-color:#fef0f0; color:#f56c6c; padding:10px 16px; border-radius: 5px; font-size: 16px}
html .layui-layer-success{border-radius: 5px; overflow: hidden;}
.layui-layer-success .layui-layer-content{border:none; background-color: #f0f9eb; color: #67c23a; padding:10px 16px; border-radius: 5px; font-size: 16px}


.empty{text-align: center; padding: 100px 0}
.empty img{display: block; margin: auto;}
.link{width:175px; float:right;}
.link a{float:left; width:26px; margin-right:3px;}