/*@font-face{font-family:'pingfang';src:url('fonts/pingfang.ttf') format('truetype');font-weight:normal;font-style:normal}*/
/* 手机页面.最大宽度 */
html,.container,.container-fluid{margin-right:auto;margin-left:auto;}
.container {padding-right:10px;padding-left:10px;}
.row {margin-right:-10px;margin-left:-10px;}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{padding-left:10px;padding-right:10px;}
.col-xs-1{padding-left:0;padding-right:0;}
/*公用全局样式*/
*{margin:0; padding:0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
/* *,*:before,*:after{box-sizing:inherit;}*/
ul li,ol li{list-style:none;vertical-align:top;}
ol, ul{margin:0;}
a{text-decoration:none;outline-style:none;color:#333;}
a:hover{text-decoration:none;}
div:after{display:block;height:0;clear:both;visibility:hidden;}
body{font-family:'Microsoft YaHei',\5b8b\4f53,Arial,sans-serif;font-size:14px;color:#333;line-height:1.428571429;-webkit-text-size-adjust:100% !important;text-size-adjust:100% !important;-moz-text-size-adjust:100% !important;}
p{margin:0;}
i,em{font-style:normal;}
img{vertical-align:middle;border:0px;}
textarea{vertical-align:bottom;outline:none;resize:none;}
input{outline:none;-webkit-appearance:none;border-radius:0;}
input,select,textarea{font-family:'Microsoft YaHei',\5b8b\4f53,Arial,sans-serif;}
select{height:30px;margin:10px 0;border:0px none;/*1px solid #ccc;*/border-radius:0;box-shadow:none;-webkit-appearance: none;background:#fff url('../images/jt.png') no-repeat right center;padding: 0 10px 0 0;}
input[type="submit"],button{border:none;}
::selection{background-color:#424f59;color:#fff;text-shadow:0 1px 0 rgba(0, 0, 0, 0.3);}
::-moz-selection{background-color:#424f59;color:#fff;text-shadow:0 1px 0 rgba(0, 0, 0, 0.3);}
.none{display:none;}.none-vh{visibility:hidden;}.block{display:block;}.iblock{display:inline-block;}.clear{clear:both;}.cp{cursor:pointer;}.b{font-weight:bold;}.auto{margin:0 auto;}
.flex{display: flex;}
.flex.around{justify-content:space-around;}
/* table功能样式 */
.table{display:table;margin-bottom:0;}.table-row{display:table-row;}.table-cell{display:table-cell;}.valign-top{vertical-align:top;}.valign-middle{vertical-align:middle;}.valign-bottom{vertical-align:bottom;}
.f-white{color:#fff !important;}.f-black{color:#000;}.f-green{color:#45b850 !important;}.f-red{color:red !important;}.f-blue{color:#00aff0 !important;}.f-grey{color:#666 !important;}.f-shallow{color:#999 !important;}.f-f5{color:#f5f5f5;}.f-yellow{color:#ff9808;}.f-e5{color:#e5e5e5;}.f-orange{color:#ff6a33;}
i.fa,.btn,.label,button{cursor:pointer;}
/* 背景 */
.bg-white{background-color:#fff;}.bg-f5{background-color:#f5f5f5;}.bg-blue{background-color:#1e9ffa;}.bg-fa{background-color:#fafafa;}.bg-black{background-color:#000;}.bg-green{background-color:#00c64d;}.bg-orange{background-color:#ff6a33;}.bg-black-o6{background-color:rgba(0,0,0,.6);}
.no-pd{padding:0 !important;}.ib{display:inline-block;}.oh{overflow:hidden;}.oxh{overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;}.ohh{overflow-x:auto;overflow-y:hidden;}
.pc-100{width:100%}.pc-95{width:95%}.pc-90{width:90%}.pc-80{width:80%}.pc-70{width:70%}.pc-65{width:65%}.pc-60{width:60%}.pc-50{width:50%}.pc-45{width:45%}.pc-40{width:40%}.pc-35{width:35%}.pc-30{width:30%}.pc-20{width:20%}.pc-15{width:15%}.pc-10{width:10%}.pc-5{width:5%;}
.pc-49{width:49%}.pc-33{width:33%}.pc-25{width:25%}.pc-24{width:24%}.pc-23{width:23%}.pc-19{width:19%}.pc-16{width:16%}
.pc-1{width:1%;}.pc-2{width:2%;}.pc-98{width:98%;}.pc-99{width:99%;}
.h100{height:100%;}.h90{height:90%;}.h80{height:80%;}.h85{height:85%;}.h75{height:75%;}.h70{height:70%;}
.tc{text-align:center;}.tl{text-align:left;}.tr{text-align:right;}
.fl{float:left;}.fr{float:right !important;}
.pr{position:relative !important;}.pa{position:absolute;}.pf{position:fixed;}
.b0{bottom:0px;}.b51{bottom:51px;}.b31{bottom:31px;}.b66{bottom:66px;}.l0{left:0px;}.t0{top:0px;}.t60{top:60px;}.t50{top:50px;}.t61{top:61px;}.t100{top:100px;}.r0{right:0px;}
.z9{z-index:9;}.z99{z-index:99;}.z101{z-index:101;}.z999{z-index:999;}
.label-tags{background:#eff6fa;color:#259;display:inline-block;padding:.4em .6em .6em;font-size:75%;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em;position:relative;cursor:pointer;margin-right:8px;}
/*布局*/
.clearfix{*zoom:1}
.clearfix:before,.clearfix:after{display:table;content:"";line-height:0}
.clearfix:after{clear:both}
.layout:after, .wrap:after, .col-sub:after, .col-extra:after {content: '\20';display: block; height: 0;clear: both;}
.layout{margin:0 auto;width:100%;clear:both;}
.layout .col-main{float:left;width:100%;min-height: 1px;display:inline;}
.layout .col-sub,.layout .col-extra{float:left;}
.layout.sub60 .col-sub{width:60px;margin-left:-100%;}
.layout.sub60 .col-main .wrap{margin-left:70px;}
.layout.sub80 .col-sub{width:80px;margin-left:-100%;}
.layout.sub80 .col-main .wrap{margin-left:90px;}
.layout.sub50 .col-sub{width:50px;margin-left:-100%;}
.layout.sub50 .col-main .wrap{margin-left:60px;}
.layout.sub40 .col-sub{width:40px;margin-left:-100%;}
.layout.sub40 .col-main .wrap{margin-left:50px;}

.layout.ex60 .col-extra{width:60px;margin-left:-60px;}
.layout.ex60 .col-main .wrap{margin-right:70px;}

.layout.s80e60 .col-extra{width:60px;margin-left:-60px;}
.layout.s80e60 .col-sub{width:80px;margin-left:-100%;}
.layout.s80e60 .col-main .wrap{margin-right:70px;margin-left:90px;}


/* 平均分布 */
.flex-box{display:-webkit-box;display:-moz-box;display:box;}
.flex-box .flex1{-webkit-box-flex:1;-moz-box-flex:1;box-flex:1;}
/* margin / padding */
.m-auto{margin:0 auto;}
.m-r-4{margin-right:4px;}.m-r-5{margin-right:5px;}.m-r-7{margin-right:7px;}.m-r-8{margin-right:8px;}.m-r-10{margin-right:10px;}.m-r-15{margin-right:15px;}.m-r-20{margin-right:20px;}.m-r-25{margin-right:25px;}.m-r-30{margin-right:30px;}.m-r-40{margin-right:40px;}.m-r-50{margin-right:50px;}
.m-l-2{margin-left:2px;}.m-l-5{margin-left:5px;}.m-l-8{margin-left:8px;}.m-l-9{margin-left:9px;}.m-l-10{margin-left:10px;}.m-l-15{margin-left:15px;}.m-l-20{margin-left:20px;}.m-l-25{margin-left:25px;}.m-l-30{margin-left:30px;}.m-l-40{margin-left:40px;}.m-l-50{margin-left:50px;}.m-l-92{margin-left:92px;}.m-l-100{margin-left:100px;}.m-l-184{margin-left:184px;}
.m-l-f-10{margin-left:-10px;}
.m-t-1{margin-top:1px;}.m-t-2{margin-top:2px;}.m-t-3{margin-top:3px;}.m-t-5{margin-top:5px;}.m-t-7{margin-top:7px;}.m-t-9{margin-top:9px;}.m-t-10{margin-top:10px;}.m-t-15{margin-top:15px;}.m-t-25{margin-top:25px;}.m-t-20{margin-top:20px;}.m-t-30{margin-top:30px !important;}.m-t-40{margin-top:40px;}.m-t-50{margin-top:50px;}.m-t-60{margin-top:60px;}.m-t-100{margin-top:100px;}
.m-b-3{margin-bottom:3px;}.m-b-5{margin-bottom:5px;}.m-b-8{margin-bottom:8px;}.m-b-10{margin-bottom:10px;}.m-b-15{margin-bottom:15px;}.m-b-20{margin-bottom:20px;}.m-b-30{margin-bottom:30px;}.m-b-40{margin-bottom:40px;}.m-b-50{margin-bottom:50px;}.m-b-60{margin-bottom:60px;}.m-b-80{margin-bottom:80px;}
.p-t-3{padding-top:3px;}.p-t-5{padding-top:5px;}.p-t-7{padding-top:7px;}.p-t-8{padding-top:8px;}.p-t-10{padding-top:10px;}.p-t-15{padding-top:15px;}.p-t-16{padding-top:16px;}.p-t-20{padding-top:20px;}.p-t-30{padding-top:30px;}.p-t-40{padding-top:40px;}.p-t-50{padding-top:50px;}.p-t-60{padding-top:60px;}
.p-b-3{padding-bottom:3px;}.p-b-5{padding-bottom:5px;}.p-b-8{padding-bottom:8px;}.p-b-7{padding-bottom:7px;}.p-b-10{padding-bottom:10px;}.p-b-13{padding-bottom:13px;}.p-b-15{padding-bottom:15px;}.p-b-20{padding-bottom:20px;}.p-b-25{padding-bottom:25px;}.p-b-30{padding-bottom:30px;}.p-b-40{padding-bottom:40px;}.p-b-50{padding-bottom:50px;}.p-b-60{padding-bottom:60px;}.p-b-70{padding-bottom:70px;}.p-b-100{padding-bottom:100px;}.p-b-120{padding-bottom:120px;}
.p-r-0{padding-right:0;}.p-r-5{padding-right:5px;}.p-r-8{padding-right:8px;}.p-r-10{padding-right:10px;}.p-r-15{padding-right:15px;}.p-r-20{padding-right:20px;}.p-r-25{padding-right:25px;}.p-r-30{padding-right:30px;}.p-r-40{padding-right:40px;}.p-r-50{padding-right:50px;}.p-r-60{padding-right:60px;}
.p-l-0{padding-left:0;}.p-l-5{padding-left:5px;}.p-l-8{padding-left:8px;}.p-l-11{padding-left:11px;}.p-l-10{padding-left:10px;}.p-l-15{padding-left:15px;}.p-l-20{padding-left:20px;}.p-l-25{padding-left:25px;}.p-l-30{padding-left:30px;}.p-l-40{padding-left:40px;}.p-l-50{padding-left:50px;}.p-l-60{padding-left:60px;}.p-l-92{padding-left:92px;}
.pd10{padding:10px;}.pd5{padding:5px;}
/* font-size */
.fs-48{font-size:48px;}.fs-36{font-size:36px;}.fs-30{font-size:30px;}.fs-24{font-size:24px;}.fs-20{font-size:20px;}.fs-18{font-size:18px;}.fs-16{font-size:16px;}.fs-15{font-size:15px;}.fs-14{font-size:14px;}.fs-13{font-size:13px;}.fs-12{font-size:12px;}
.lh-12{line-height:1.2;}.lh-15{line-height:1.5;}.lh-18{line-height:1.8;}.lh-20{line-height:2;}
/* 按钮 */
.btn-g{padding:14px 20px;}
.btn-m{padding:4px 15px;}
.btn-s{padding: 2px 8px;}
.btn-none{background:none;border:none;}
.btn-red{background-color:#ef3d3d;color:#fff;}
.btn-green{background-color:#00c64d;color:#fff;}
.btn-cred{background-color:none;color:#ef3d3d;border:1px solid #ef3d3d;}
.btn-cgreen{background-color:none;color:#00c64d;border:1px solid #00c64d;}
.btn-shallow{background-color:#f1f1f1;color:#333;}
.btn-blue{background-color:#00aff0;color:#fff;}
.btn-orange{background-color:#ff6a33;color:#fff;}
.btn-corange{background-color:none;color:#ff6a33;border:1px solid #ff6a33;}
.b-b-1{border-bottom:1px solid #d0d0d0;}.b-t-1{border-top:1px solid #d0d0d0;}
.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
/*透明度*/
.o25{opacity:.25;}.o35{opacity:.35;}.o5{opacity:.5;}.o75{opacity:.75;}.o85{opacity:.85;}
/*animate.css*/
.animated {-webkit-animation-duration: .3s;animation-duration: .3s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
@-webkit-keyframes slideInUp {from {-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);visibility: visible;}to {-webkit-transform:translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}
@keyframes slideInUp {from {-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);visibility: visible;}to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}
.slideInUp {-webkit-animation-name: slideInUp;animation-name: slideInUp;}
@-webkit-keyframes bounceIn{from, 20%, 40%, 60%, 80%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);} 0%{opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3);} 20%{-webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1);} 40%{-webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9);} 60%{opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03);} 80%{-webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97);} to{opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}}
@keyframes bounceIn{from, 20%, 40%, 60%, 80%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);} 0%{opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3);} 20%{-webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1);} 40%{-webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9);} 60%{opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03);} 80%{-webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97);} to{opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}}
.bounceIn{-webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-name: bounceIn; animation-name: bounceIn;}
@-webkit-keyframes zoomIn{from{opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3);} 50%{opacity: 1;}}
@keyframes zoomIn{from{opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3);} 50%{opacity: 1;}}
.zoomIn{-webkit-animation-name: zoomIn; animation-name: zoomIn;}
/* 圆角 */
.radius-0{border-radius:0px;}
.radius-4{border-radius:4px;}
.radius-50p{border-radius:50%;}

.input-check{height:16px;width:16px;border:1px solid #bbb;border-radius:50%;}
.input-check input[type="checkbox"],.input-check input[type="radio"]{outline: none;margin:-2px;border:0;border-radius:50%;width:18px;height:18px;position: absolute;}
.input-check input[type="checkbox"]:checked,.input-check input[type="radio"]:checked{background: url("../images/chebox_on.png") no-repeat;background-size: 18px 18px;}

.modal-alert{position:absolute;border-radius:10px;background:rgba(0,0,0,.7);color:#FFF;line-height:18px;text-align:center;}
.modal-alert-main{padding:10px 20px;}
/* 页面标题 */
.page-title-box{background:#fff;border-bottom:1px solid #d6d6d6;line-height:20px;box-shadow:0 0 10px #ccc;}
.page-title-box .text{padding-top: 10px;padding-bottom: 10px;line-height:20px;text-align:center;font-size: 16px;}
.page-title-box .back{height: 40px;width: 40px;font-size:25px;line-height: 39px;text-align:center;position:absolute;left:0;top:0;font-weight:bold;}

/* 通用input */
.input-text{border:1px solid transparent;background-color:transparent;padding:15px 10px;line-height:18px;}
.input-text::-webkit-input-placeholder{color:#999;}
/* 通用表单 */
.global-form-box .name{padding-top:15px;padding-bottom:15px;}
.global-form-box .option{border-bottom:1px solid #e8e8e8;}

.tags-round{background-color:#ef3d3d;color:#fff;display:inline-block;width:60px;height:60px;border-radius:50%;line-height:57px;text-align:center;font-size:30px;}
.tags-round.ifont{line-height:62px;}
.tags-text{background-color:#fff9f9;padding-top:10px;padding-bottom:10px;color:#999;font-size:12px;}

.upload-img-btn{border:2px dashed #a9a9a9;color:#999;padding:5px 3px;}
.upload-img-btn .camera{width:30px;/*height:30px;*/}
.upload-card-btn{background:#f0f0f0;color:#8b8b8b;display:inline-block;padding:15px 30px;text-align:center;border-radius:3px;}

.slide-up-box .title{padding-top:10px;padding-bottom:10px;border-bottom:1px solid #dddddd;font-size:16px;}
.slide-up-box .close{opacity:1;color:#696969;font-size:22px;}
.slide-up-box .content{padding-top:15px;padding-bottom:15px;}
.slide-up-box .item{padding:5px 0 5px 10px;color:#666;}

.nav-box{border-bottom:1px solid #ddd;}
.nav-box .item{text-align:center;display:block;}
.nav-box .item span{display:inline-block;padding:14px 5px 9px 5px;color:#999;position:relative;}
.nav-box .item.ac span{border-bottom:2px solid #0f5ccf;color:#3d3d3d;}
.nav-box .item span i.num{background:#ff6a33;color:#fff;font-size:12px;padding:0 3px;border-radius:15px;line-height:15px;display:inline-block;min-width:15px;text-align:center;position: absolute;top:10px;}
.nav-box .item.style2.ac span{border-bottom:none;}
.nav-box .item.style2 i{width:85%;position:absolute;bottom:0;left:50%;margin-left:-42%;height:2px;background:#0f5ccf;display:none;}
.nav-box .item.style2.ac i{display:block;}

.index-swiper-container .img{display:block;background-repeat:no-repeat;background-size:cover;width:100%;}
.index-swiper-container img{width:100%;}
.index-swiper-container .swiper-pagination-bullet {opacity: 1;background: #d9d9d9;}
.index-swiper-container .swiper-pagination-bullet-active {opacity: 1;background: #ff6a33;}

.index-swiper-container .style2{bottom:7px;}
.index-swiper-container .style2 .swiper-pagination-bullet {width:6px;height:6px;margin:0 3px;}
.index-swiper-container .style2 .swiper-pagination-bullet-active{width:12px;border-radius:6px;}

.index-rec-box{background:#1670d0 url('../images/index-rec-bg.png')}
.color-icon{display:inline-block;width:5px;height:16px;}

.index-search-box{background-color:#fff;padding:2px 10px 2px 40px;position:relative;border-radius:40px;}
.index-search-box i{color:#a8acab;font-size:20px;position:absolute;top:0;left: 2px;width:40px;height:30px;line-height:30px;text-align:center;}
.index-search-box input{height:30px;line-height:30px;width:100%;border:none;background:none;}
.index-search-box input::-webkit-input-placeholder{color:#c2c2c2;}
.index-search-box .search{background:url('../images/search-icon.png') no-repeat center;background-size: auto 22px;top: 2px;}
.index-search-box .close{background:url('../images/search-clear-icon.png') no-repeat center;background-size:auto 25px;top:1px;width:30px;height:30px;position:absolute;display:none;top:1px;right:5px;opacity:1;}
.index-search-box.style2{border:1px solid #d0d0d0;border-radius:6px;}

.index-cate-box a{color:#090909;}
.index-brand-box img{margin:0 0 0 0;}
.index-title-box .fa-angle-right{line-height:17px;}
/*.index-title-box .line{margin-top:-1px;}*/

.item-list-box .item .img img{width:100%;height: calc(100vw/2 - 12px);height: -webkit-calc(100vw/2 - 12px);height: -moz-calc(100vw/2 - 12px);}
.item-list-box.minus20 .item .img img{width:100%;height: calc(100vw/2 - 12px - 20%);height: -webkit-calc(100vw/2 - 12px - 20%);height: -moz-calc(100vw/2 - 12px - 20%);}
.item-list-box .item .sale{color:#fff;font-size:12px;background:#f9a13f;text-align:center;padding:3px 0;}
.item-list-box .item .title{color:#575757;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;font-size:14px;margin: 7px 0 2px 0;line-height:18px;height:18px;}
.item-list-box .item .tag{background:#ffefe7;color:#ff6017;font-size:12px;padding:2px 5px;border-radius:3px;}
.item-list-box .item .price-box{font-size:12px;padding: 0 0 5px 0;}
.item-list-box .item .price-box em{font-size: 16px;line-height: 22px;}
.item-list-box .item .price-box u{text-decoration:line-through;color:#999;margin-left: 4px;}
.item-list-box .item .cart-btn{text-align:right;}
.item-list-box .item .cart-btn img{margin-top:20%;width:80%;}
.item-list-box .item .words{display:inline-block;position:relative;width:24px;background:#f5333e;color:#fff;text-align:center;padding:3px 0 0 0;font-size:12px;}
.item-list-box .item .words:before{content: '';display: inline-block;border-radius: 3px;width:18px;height:18px;box-sizing: border-box;position: absolute;bottom: -5px;left: 12px;-moz-transform-origin: left top;-ms-transform-origin: left top;-webkit-transform-origin: left top;transform-origin: left top;-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg);background:#f5333e;}
.item-list-box .item .words i{position:relative;}


.item-list-box .tab{display:inline-block;position:relative;width:30px;background:#f5333e;color:#fff;text-align:center;padding:3px 0 0px 0;font-size:14px;}
.item-list-box .tab:before{content: '';display: inline-block;background:url('../images/hot-tag.png') no-repeat;background-size:100% auto;width:30px;height:15px;box-sizing: border-box;position: absolute;bottom: -15px;left:0px;}
.item-list-box .tab i{position:relative;}
.item-list-box .tab.green{background-color:#45b850;}
.item-list-box .tab.green:before{background-image:url('../images/hot-tag-green.png');}
.item-list-box .tab.blue{background-color:#0f5ccf;}
.item-list-box .tab.blue:before{background-image:url('../images/hot-tag-blue.png');}
.item-list-box .tab.blue2{background-color:#1f9ff8;}
.item-list-box .tab.blue2:before{background-image:url('../images/hot-tag-blue2.png');}
.item-list-box .tab.orange{background-color:#ff6a33;}
.item-list-box .tab.orange:before{background-image:url('../images/hot-tag-orange.png');}
.item-list-box .tab.gray{background-color:#999;}
.item-list-box .tab.gray:before{background-image:url('../images/hot-tag-gray.png');}
.item-list-box .tab.yellow{background-color:#fdad30;}
.item-list-box .tab.yellow:before{background-image:url('../images/hot-tag-yellow.png');}

.item-list-box .col-xs-6:nth-child(even) .item.style1{margin-left: -6px;margin-right: -2px;}
.item-list-box .col-xs-6:nth-child(odd) .item.style1{margin-right: -6px;margin-left: -2px;}

@media (min-width: 540px){
    .item-list-box .col-xs-6:nth-child(even) .item.style1{margin-left: -4px;margin-right: 2px;}
    .item-list-box .col-xs-6:nth-child(odd) .item.style1{margin-right: -4px;margin-left: 2px;}
}

.item-list-box .item.style2{padding-top:5px;padding-bottom:5px;}
.item-list-box .item.style2 .cart-btn img{width:30px;margin:0;}

.item-list-box .item .ziying-tag{display:block;height:14px;line-height:0;margin-right:5px;}
.item-list-box .item .ziying-tag img{height:100%;border-radius:0 !important;}
.item-list-box .item .shop-tag{display:block;height:14px;line-height:0;margin-right:5px;}
.item-list-box .item .shop-tag img{height:100%;border-radius:0 !important;}
.item-list-box .sale-come{margin-top:3px;margin-bottom:3px}

.sale-come{display:flex;justify-content: start;align-items:center;line-height:1;}
.shop-txt-tag{background:#219cf9;color:#fff;display:flex;padding:3px 3px;border-radius:2px;margin-right:5px;font-size:8px;height:14px;align-items: center;}
.shop-txt-tag.red{background:#e93b3d;}
.shop-txt-tag.orange{background:#ff6a33;}

.page-footer{background:#fff;padding-top:2px;padding-bottom:1px;border-top:1px solid #d7d7d7;}
.page-footer a{color:#959595;}
.page-footer .icon{display:block;width:26px;height:26px;background-position:center;background-size:100%;background-repeat:no-repeat;margin:0 auto;}
.page-footer .txt{display:block;text-align:center;font-size:10px;}
.page-footer .icon-1{background-image:url('../images/navbar-1.png');}
.page-footer .icon-2{background-image:url('../images/navbar-2.png');}
.page-footer .icon-3{background-image:url('../images/navbar-3.png');}
.page-footer .icon-4{background-image:url('../images/navbar-4.png');}
.page-footer .icon-5{background-image:url('../images/navbar-5.png');}
.page-footer .icon-6{background-image:url('../images/navbar-6.png');}
.page-footer .ac{color:#3d3d3d;}
.page-footer .ac .icon-1{background-image:url('../images/navbar-1-ac.png');}
.page-footer .ac .icon-2{background-image:url('../images/navbar-2-ac.png');}
.page-footer .ac .icon-3{background-image:url('../images/navbar-3-ac.png');}
.page-footer .ac .icon-4{background-image:url('../images/navbar-4-ac.png');}
.page-footer .ac .icon-5{background-image:url('../images/navbar-5-ac.png');}
.page-footer .ac .icon-6{background-image:url('../images/navbar-6-ac.png');}

@supports (bottom: env(safe-area-inset-bottom)){
    body,
    .page-footer,
	.cart-footer{
        padding-bottom: constant(safe-area-inset-bottom);
        padding-bottom: env(safe-area-inset-bottom);
    }
	.J-easy-nav-box{
		bottom: constant(env(safe-area-inset-bottom) + 42px) !important; 
		bottom: calc(env(safe-area-inset-bottom) + 42px) !important; 
	}
	.fixed-button-box{
		bottom: constant(env(safe-area-inset-bottom) + 50px) !important; 
		bottom: calc(env(safe-area-inset-bottom) + 50px) !important; 
	}
}

.cate-menu-box{background:#f7f7f7;font-size:13px;}
.cate-menu-box a{display:block;padding:17px 5px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;color:#999;line-height: 20px;text-decoration: none;}
.cate-menu-box a.ac{background:#fff;padding-left:2px;color:#575757;}
.cate-menu-box a:before{content:' ';width:3px;height:14px;background:#0f5ccf;position:absolute;top:50%;left:0;margin-top:-7px;display:none;}
.cate-menu-box a.ac:before{display:block;}

.item-content-box img{max-width:100%;}
.item-detail-box .title{font-size:16px;line-height:20px;letter-spacing:1px;}
.item-detail-box .title .hot{margin-right:10px;}
.item-detail-box .title .hot img{width: 30px;height: 30px;display: inline-block;}
.item-detail-box .title .top_title{display: inline-block;margin-top: 3px;width: 88%;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.item-detail-box .sale{color:#fff;background:#f9a13f;text-align:center;padding-top:7px;padding-bottom:7px;}
.item-detail-box .type{position:relative;font-size:13px;height:30px;background:#f9a13f;color:#fff;text-align:center;display:inline-block;line-height:30px;padding:0 5px 0 10px;}
.item-detail-box .type:after{content:' ';position:absolute;display:block;width: 21px;height: 21px;background:#f9a13f;right:-10px;top: 5px;transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);z-index:0;}
.item-detail-box .type .text{position:relative;z-index:1;}
.item-detail-box .price-box{}
.item-detail-box .price-box .price{color:#ff6a33;line-height:26px;font-weight: 500;}
.item-detail-box .price-box em{font-size: 23px;line-height: 26px;}
.item-detail-box .price-box u{text-decoration:line-through;color:#999;}
/*.item-detail-box .price-box .market,.item-detail-box .price-box .per{color:#fff;font-size:13px;width:20px;height:20px;line-height:20px;text-align:center;border-radius:3px;display:inline-block;}*/
.item-detail-box .price-box .market,.item-detail-box .price-box .per{width:18px;height:18px;display:inline-block;background-size:100%;}
.item-detail-box .price-box .market{background-image:url('../images/sale.png');}
.item-detail-box .price-box .per{background-image:url('../images/per.png');}

.item-detail-box .discount-box{display:inline-block;background:url('../images/discount-tag.png') no-repeat center 0px;width:60px;height:30px;background-size:100% auto;line-height:30px;font-size:12px;color:#fff;text-align:right;padding-right:7px;letter-spacing:initial;top:25px !important;padding-top: 2px;}
.item-detail-box .words{display:inline-block;position:relative;width:34px;background:#f5333e;color:#fff;text-align:center;padding:3px 0 0px 0;font-size:18px;}
.item-detail-box .words:before{content: '';display: inline-block;background:url('../images/hot-tag.png') no-repeat;background-size:100% auto;width:34px;height:17px;box-sizing: border-box;position: absolute;bottom: -17px;left:0px;}
.item-detail-box .words i{position:relative;}

.item-detail-box .ziying-tag{display:inline-block;margin-right:5px;height:14px;line-height:0;}
.item-detail-box .ziying-tag img{height:100%;}
.item-detail-box .shop-tag{display:inline-block;margin-right:5px;height:14px;line-height:0;}
.item-detail-box .shop-tag img{height:100%;}

.cart-footer .green,.cart-footer .yellow{height:50px;line-height:50px;text-align:center;color:#fff;font-size:16px;}
.cart-footer .green{background-color:#00c64d}
.cart-footer .yellow{background-color:#ff6a33}
.cart-footer .line{background:url('../images/cart-footer-line.png') no-repeat left center;background-size:auto 70%;}
.cart-footer .num{background:#ff6a33;color:#fff;font-size:12px;padding:0 3px;border-radius:16px;line-height:16px;display:inline-block;min-width:16px;text-align:center;}


.user-header-box .user-brief{background:#1f9ffa;color:#fff;padding-top:25px;padding-bottom:50px;position:relative;}
.user-header-box .user-brief .avatar{width:65px;height:65px;border-radius:50%;}
.user-header-box .user-brief .username{font-size:17px;margin:8px 0 5px 7px;}
.user-header-box .user-brief .level{display:inline-block;color:#626262;padding:2px 5px;border-radius:6px;}
.user-header-box .user-brief .level-btn{background:rgba(15,92,208,.2);display:inline-block;color:#fff;height:48px;line-height:48px;width:100%;font-size:13px;text-align:center;border-radius:50px 0 0 50px;margin-top:10px;}
.user-header-box .message{position:relative;}
.user-header-box .message img{height:25px}
.user-header-box .message:before{content:' ';display:block;width:8px;height:8px;background:#ff6a33;border-radius:50%;position:absolute;top:0;right:2px;}
.user-header-box .user-count{background:#fff;margin:0;padding-top:16px;padding-bottom:16px;text-align:center;box-shadow:0px 0px 5px 0px rgba(0, 0, 0, .2);border-radius:10px;margin-top:-30px;position:relative;}
.user-header-box .user-count .num{margin-bottom:5px;}
.user-header-box .user-count .txt{color:#919191;}

.user-icon-menu-box{background:#fff;}
.user-icon-menu-box .title{border-bottom:1px solid #e6e6e6;padding-top:15px;padding-bottom:15px;line-height: 18px;height: 48px;}
.user-icon-menu-box .list-box{text-align:center;}
.user-icon-menu-box .list-box .img img{width:40px;}
.user-icon-menu-box .list-box .txt{color:#626262;line-height:18px;font-size:13px;}
.user-icon-menu-box .list-box .item{padding:5px 0 10px 0;position:relative;}
.user-icon-menu-box .list-box .item .num{display:inline-block;font-size:12px;border-radius:50%;height:18px;line-height:18px;min-width:18px;text-align:center;padding:0 3px;background:#ff6a33;color:#fff;position:absolute;top:5px;left:50%;margin-left:5px;}

.user-icon-menu-box .list-box.border .item{border-left:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;}
.user-icon-menu-box .list-box.border .item:nth-child(4n+1) {border-left:none;}




.order-nav-box{text-align:center;}
.order-nav-box .item{padding-top:10px;padding-bottom:10px;}
.order-nav-box img{width:40px;height:40px;}
.order-nav-box .num{position:absolute;background:#f9a13f;color:#fff;top:10px;left:50%;margin-left:8px;padding:0 5px;border-radius:20px;}

.user-menu-box img{width:40px;height:40px;}
.user-menu-box .item{margin-top:10px;background:#fff;font-size:16px;padding-top:5px;padding-bottom:5px;border-bottom:1px solid #eee;}
.user-menu-box .item .txt{margin-top:8px;margin-left:5px;}
.user-menu-box .item i{font-size:24px;color:#999;margin-top:7px;}

.user-fans-img img{width:20px;height:20px;}

.user-schedule{background-color:#f6f6f6;background-repeat:no-repeat;background-position:right bottom;background-size:25%;padding:10px 8px;margin:0 -8px;}
.user-schedule.bg1{background-image:url('../images/schedule-1.png')}
.user-schedule.bg2{background-image:url('../images/schedule-2.png')}
.user-schedule.bg3{background-image:url('../images/schedule-3.png')}

.member-order-search{padding:5px 40px 5px 20px;background:#f4f4f4;position:relative;border-radius:40px;font-size:13px;}
.member-order-search input{width:100%;height:30px;line-height:30px;border:none;background:none;}
.member-order-search a{position:absolute;top:0;right:0;color:#aaa;line-height:40px;font-size:18px;padding:0 10px;}

.order-status-box{background-position:center;background-size:cover;min-height:100px;}
.order-status-box.status0{background-image:url('../images/order-status-0.png')}
.order-status-box.status1{background-image:url('../images/order-status-1.png')}
.order-status-box.status2{background-image:url('../images/order-status-2.png')}
.order-status-box.status3{background-image:url('../images/order-status-3.png')}

.brand-list-box a{border-left:1px solid #eee;border-top:1px solid #eee;}
.brand-list-box a:nth-child(3n+1) {border-left:1px solid #fff;}
.brand-list-box a:nth-child(1),.brand-list-box a:nth-child(2),.brand-list-box a:nth-child(3){border-top:1px solid #fff;}

.fixed-button-box{margin-bottom: 4px;}
.fixed-button-box a{display:block;background:rgba(0,0,0,.5);margin-bottom:5px;padding:5px;width:35px;height:35px;border-radius:5px;}
.fixed-button-box a img{width:100%;}

.global-pop-bg{background:rgba(0,0,0,.5);}

.input-num-box{display:inline-block;}
.input-num-box span,.input-num-box input{float:left;height:27px;line-height:25px;}
.input-num-box input{width:50px;border:1px solid #d5d5d5;text-align:center;}
.input-num-box span{width:25px;background:#f8f8f8;color:#666;font-size:20px;border-top:1px solid #d5d5d5;border-bottom:1px solid #d5d5d5;text-align:center;}
.input-num-box span.minus{border-left:1px solid #d5d5d5;border-radius:4px 0 0 4px;}
.input-num-box span.plus{border-right:1px solid #d5d5d5;border-radius:0 4px 4px 0;}
.input-num-box.min span{width:20px;height:22px;line-height:19px;font-size:12px;}
.input-num-box.min input{width:30px;height:22px;line-height:20px;font-size:12px;background:transparent;}
.input-num-box.min span.minus{border-radius:3px 0 0 3px;}
.input-num-box.min span.plus{border-radius:0 3px 3px 0;}

.cart-spec-box .title .table-cell{padding:15px 0;border-bottom:1px solid #d0d0d0;}
.cart-spec-box .item .table-cell{padding:8px 0;border-bottom:1px solid #d0d0d0;}
.cart-spec-box .item .table-cell u{text-decoration:line-through;color:#999;}

.search-btn-box .btn{padding-left:16px;padding-right:16px;line-height:18px;border-radius:30px;border-color:#dddddd;font-size:13px;color:#666;}
.search-title-box{position:relative;padding-left:20px;padding-top:10px;padding-bottom:10px;}
.search-title-box:before{content:' ';width:3px;height:14px;background:#1f9ff8;position:absolute;top:50%;left:10px;margin-top:-7px;display:block;}
.search-title-box.green:before{background:#45b850;}
.search-title-box.yellow:before{background:#fdad30;}

.member-user-box .avatar{border-radius:50%;width:50px;height:50px;}

.coupon-list-box .item{background:#fff;padding-top:10px;padding-bottom:15px;border-radius:6px;position:relative;}
.coupon-list-box .price-box{text-align:center;}
.coupon-list-box .circle{display:block;width:16px;height:16px;border-radius:50%;position:absolute;background:#f5f5f5;top:50%;margin-top:-8px;}
.coupon-list-box .circle.left{left:-9px;}
.coupon-list-box .circle.right{right:-9px;}
.coupon-list-box .img-box{text-align: center;}

.login-form-box .help-block{width:90%;margin:5px auto 0;text-align:left;}
.login-form-box .mobilecode .code-btn{text-align:center;display:inline-block;width:30% !important;float:right;color:#01c74e;border:1px solid #bbbbbb;color:#bbbbbb;height:32px;line-height:30px;border-radius:30px;background:none;}
.login-form-box .input-box{border-bottom:1px solid #efefef;width:90%;margin:0 auto;}
.login-form-box .input-box .name{display:block;width:20%;float:left;padding-top:15px;padding-left:5px}
.login-form-box .input-box input{display:block;width:80%;float:left;}
.login-form-box .mobilecode .input-box input{width:50%;}

/* 三角形 */
/*向上*/
.triangle_border_up{width:0; height:0; border-width:0 8px 10px; border-style:solid; border-color:transparent transparent #fff;margin:0 auto; position:relative;}
.triangle_border_up span{display:block; width:0; height:0; border-width:0 28px 28px; border-style:solid; border-color:transparent transparent #fc0;/*透明 透明 黄*/ position:absolute; top:0px; left:0px;}

.modal-pop-box{background-color:#fff;position:relative;border-radius:5px;min-width:220px;}
.modal-pop-box .close{position:absolute;width:30px;height:30px;text-align:center;line-height:28px;top:-15px;right:-15px;background:#fff;opacity:1;border-radius:50%;color:#aaa;font-size:16px;}
.modal-pop-box .title{border-bottom:1px solid #ddd;padding:10px 0;font-size:16px;margin:0 10px;}
.modal-pop-box .content{margin:0 10px;}
.modal-pop-box .foot{margin-top:15px;}
.modal-pop-box .foot .item{width:50%;float:left;}
.modal-pop-box .foot .item:last-child{border-radius:0 0 5px 0;}
.modal-pop-box .foot .item:nth-last-child(2){border-radius:0 0 0 5px;}

.layui-layer{box-shadow:none !important;background-color:transparent !important;}
.layui-layer-setwin .layui-layer-close2{background:url('../images/pop-close-2.png') no-repeat center !important;background-size:30px !important;}

.adds{position:absolute;width:90%;height:100%;opacity:0;right:0}
.file{width:67px;height:58px;opacity:0;position:relative;z-index:99}
.previewimg{margin-top:-58px;width:67px;height:58px;position:relative;float:left}

/* img标签高度等于宽度 */
.images-cut{width:100%;height:0;padding-bottom:100%;position:relative;}
.images-cut .element{width:100%;height:100%;position:absolute;left:0;top:0;display:flex;justify-content:center;align-items:center;}
.images-cut .element img{height:100%;width:100%;}
.images-cut.brand{width:90%;padding-bottom:42%;}

body{overflow-x: hidden;width: 100%;}
.container{overflow-x: hidden;}
.index_box_title{color:#090909;}
.index_view_more{font-size: 12px;}
.J_item{padding-left: 8px;padding-right: 8px;}
.J-input{color:#999;height: 30px;line-height: 33px;width: 100%;border: none;background: none;display: block;}
.J_detail_tag_icon{width: 30px;height: 20px;}
.J_cate_page{margin-top: -1px;}
.J_search_page .pa img{width:28px;height: 28px;}
.J_cate_page .pa img{width:24px;height: 24px;}
.J_item,.item-list-box .item{position: relative;}
.J_index_page .pa img{width:22px;height: 22px;}
.J_cate_page .item-list-box .item .title{font-size: 13px;}
.J_cate_page .row{margin-left: -12px;margin-right: -12px;}
.J_cate_page .container{padding-right: 8px;padding-left: 8px;}
.J_pay{min-width: 74px;}


/*增加css*/
.cjb_f14{font-size: 14px;}

.cjb_a_decoration{text-decoration: underline !important;}
.cjb_over_none{overflow:visible;}
.cjb_border_0{border:0px none;}
.cjb_coin_btn{background: url("../images/coin_btn.png") no-repeat center; width:54px;height: 28px;text-indent: -999px;border:0px none;background-size: 100%;margin-top:6px; padding: 0px;}
.cjb_score_btn{background: url("../images/score_coin.png") no-repeat center; width:54px;height: 28px;text-indent: -999px;border:0px none;background-size: 100%;margin-top:6px; padding: 0px;}
.cjb_xs_2{width:16.67%;}
.cjb_grey{color:grey !important;}
.cjb_absolute_checkbox{position: absolute;top:35px;right:0px;}
.cjb_lh_50p{line-height: 50px;}
.cjb_address{width:25px !important;height:25px !important;}
.cjb_order_buttom{line-height: 50px;}
.cjb_order_buttom .cjb_cancel_btn{width:49%; text-align: center; border-left:1px solid #E4E4E4; display: block;}

.J_address_wrap{line-height: 18px;}
.J_address{display: inline-block;width: 15px;height: 15px;}
.item-detail-box .title .cjb_item_1{width:30px; height:30px; background: url('../images/item_1.png') no-repeat center; background-size: 30px 30px;}
.item-detail-box .title .cjb_item_2{width:30px; height:30px; background: url('../images/item_2.png') no-repeat center; background-size: 30px 30px;}
.item-detail-box .title .cjb_item_3{width:30px; height:30px; background: url('../images/item_3.png') no-repeat center; background-size: 30px 30px;}
.item-detail-box .title .cjb_item_4{width:30px; height:30px; background: url('../images/item_4.png') no-repeat center; background-size: 30px 30px;}
.item-detail-box .title .cjb_item_5{width:30px; height:30px; background: url('../images/item_5.png') no-repeat center; background-size: 30px 30px;}
.item-detail-box .title .cjb_item_6{width:30px; height:30px; background: url('../images/item_6.png') no-repeat center; background-size: 30px 30px;}
.item-detail-box .title .cjb_item_7{width:30px; height:30px; background: url('../images/item_7.png') no-repeat center; background-size: 30px 30px;}
.item-detail-box .title .cjb_item_8{width:30px; height:30px; background: url('../images/item_8.png') no-repeat center; background-size: 30px 30px;}
/*增加结束*/

.wsh_upgrade div{line-height: 18px;text-align: right;}
.wsh_upgrade .wsh_level{margin-top: 8px;}
.wsh_upgrade .fa-angle-right{margin-top: 13px;}
.wsh_jqcg_header{margin-bottom: 10px;border-bottom: 1px solid #f4f4f4;}
.wsh_jqcg_header a{display: inline-block;padding-top: 25px;padding-bottom: 25px;}
.wsh_jqcg_header p.title{color: #999;margin-top: 5px;}
.wsh_jqcg_header p.f-orange{font-size: 16px;}
.wsh_line{border-bottom: 1px solid #dddddd;}
.wsh_jqcg_list .item{color:#313131;}
.wsh_shop_img{width: 40px;height: 40px;border-radius: 50%;}
.wsh_shop_row{line-height: 40px;}
.wsh_shop_title{margin-left: 5px;font-weight: bolder;}
.wsh_shop_row .fa{margin-top: 9px;margin-left: 3px;}
.shop-item-list-box .img img{width: 100%;height: auto;border-radius: 4px;}
.shop-item-list-box{padding-right: 8px;}
.shop-item-list-box .col-xs-4{padding-right: 0px;padding-left: 8px;margin-bottom: 8px;}
.wsh_history_cart_num{width: 18px;height: 18px;line-height: 18px;background: #ff6a33;color: white;position: absolute;right: 30px;top:4px;font-size: 12px;text-align: center;border-radius: 50%;}
.wsh_top_header{border-bottom: 1px solid #e6e6e6;display:none}
.wsh_back{left:-4px;}
.wsh_fixed_cart{right: -9px;top:-9px;}
.wsh_tip_pop_header_bg{background: #f8f8f8;border-top-right-radius: 10px;border-top-left-radius: 10px;}
.wsh_tip_pop{bottom: 40px;border-radius: 10px;}
.wsh_tip_pop .content{overflow-y: scroll;top: 50px;padding: 0 2em;bottom: 90px;}
.wsh_tip_pop .content p{line-height: 1.8em;margin-top: 0.6em;}
.wsh_tip_pop .actions{bottom: 10px;}
.wsh_tip_pop .actions .tip_pop_check{font-size: 0.8em;margin-left: 1.4em;}
.wsh_tip_pop .actions .tip_pop_text{margin-top: 1px;color: #999999;}
.wsh_tip_pop .actions .btn{width: 80%;margin: 0px auto;display: block;}
.wsh_ts_check_item{margin-top: 10px;padding-left: 0;}
.wsh_ts_check_item span{display: block;text-align: center;line-height: 2.5em;border:1px solid #dddddd;color: #999999;}
.wsh_ts_check_item.ac span{border-color: #00aff0;color: #00aff0;background: url("../images/icon_selected.png") top right no-repeat;background-size: 20px 15px;}
.wsh_ts_textarea{background: #f2f2f2;border: 1px solid #dddddd;display: block;width: 100%;border-radius: 10px;height: 7em;padding: 10px;}
.wsh_ts_record{margin: 20px auto;}
.wsh_ts_record img{display: block;margin: 0 auto;width: 40px;height: 40px;}
.wsh_ts_record span{display: block;text-align: center;margin-top: 10px;color: #999999;}
.wsh_record_result{display: block;}
.wsh_record_result audio{margin: 0px auto;display: block;width: 300px;}
.wsh_record_result a{display: block;text-align: center;}
* {
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}

input,textarea {
    -webkit-user-select:auto; /*webkit浏览器*/
}
#load{font-size:12px}

/** 头部样式 **/
#public_header>div{line-height: 18px;height:38px;color:#020202;font-weight: 600;font-size: 17px; margin: 0 7px 0 10px;}
#public_header .wsh_back{width:50px;height:18px; text-align: left;}
#public_header .wsh_back>img{position: absolute; top:0;width:18px;}

#J_menu_box{top:10px; width:50px;height:18px; text-align: right;}
#J_menu_box>img{width:23px;position: absolute; top:7px; right:0;}

.zhe{position:absolute; top:0;width:100%;height:100%; background-color: rgba(255, 255, 255, 0);display: none; z-index: 998;}
.J_dian{position: absolute; top:38px; right:10px; width:105px; z-index: 999;display: none;}
.J_dian ul{ border:1px solid #DCDCDC; border-top:0px none; border-radius: 5px; background-color:  #fff;}
.J_dian li{line-height: 50px; font-size: 16px;padding-left: 40px; border-bottom:1px solid #DCDCDC;}
.J_dian li a{display: block;}
.J_dian .refresh{background:url('../images/icon_01.jpg') no-repeat 15px 17px; background-size: 16px;}
.J_dian .share{background:url('../images/icon_02.jpg') no-repeat 15px 17px; background-size: 16px;}
.J_dian .cart{background:url('../images/icon_03.jpg') no-repeat 15px 17px; background-size: 16px;}
.J_dian .home{background:url('../images/icon_04.jpg') no-repeat 15px 16px; background-size: 16px; border-bottom:0px none;}

.zhekou_bg{background: url('../images/zhekou.png') no-repeat; background-size: 50px; width:50px; height:50px; position: absolute; top:0; right:10px; text-align: center; font-size: 20px; color:#fff;}
.zhekou_bg p{font-size: 12px;}

.flex-between{display:flex;align-items:center;justify-content:space-between;}
.flex-align-center{display:flex;align-items:center;justify-content:center;}
.flex-align-start{display:flex;align-items:center;justify-content:flex-start;}
.flex-align-end{display:flex;align-items:center;justify-content:flex-end;}

.global-layer-box{}
.global-layer-box .layui-layer-content{border-radius:10px 10px 0 0;overflow:hidden;background:#fff !important;padding: 0 13px 15px 13px;}
.global-layer-box .layui-layer-setwin{position: absolute;right: 15px;*right: 0;top: 15px;font-size: 0;line-height:initial;background:url(../images/pop-close-2.png) no-repeat center !important;background-size:30px !important;}
.global-layer-box .layui-layer-btn{padding:0 !important;display:flex;text-align:center;border-radius:0 0 10px 10px;overflow:hidden;}
.global-layer-box .layui-layer-btn a{margin:0;flex: 1;padding:0;border-radius:0;border:0;font-size:15px;line-height:20px;padding:10px 0;background:#f1f1f1;height:40px;color:#333;}
.global-layer-box .layui-layer-btn a:last-child{background:#00aff0;color:#fff;}

.brandStory .brandBox {
  padding: 10px 4%;
  background: url(../images/brand.jpg) no-repeat;
  background-size: contain;
}
.brandStory .brandBox .brandDiv {
  background-color: #fff;
  padding: 0 4%;
  margin-top: 35%;
}
.brandStory .brandBox .brandDiv img{
  max-width: 100%;
  border: 0;
}
.brandStory .brandBox .brandDiv .title {
  padding-top: 20px;
  padding-bottom: 10px;
}
.brandStory .brandBox .brandDiv .title.teRight {
  text-align: right;
}
.brandStory .brandBox .brandDiv .title h2 {
  font-size: 18px;
  color: #333;
}
.brandStory .brandBox .brandDiv .title div {
  color: #333;
  letter-spacing: 4px;
}
.brandStory .brandBox .brandDiv .title .split {
  display: inline-block;
  width: 6px;
  height: 30px;
  vertical-align: middle;
  background-color: #333;
  margin-right: 10px;
}
.brandStory .brandBox .brandDiv .title .titleBody {
  display: inline-block;
  vertical-align: middle;
}
.brandStory .brandBox .brandDiv img {
  vertical-align: middle;
}
.brandStory .brandBox .brandDiv p {
  text-indent: 2em;
  line-height: 24px;
  color: #515055;
}
.brandStory .brandBox .brandDiv .slogan {
  margin: 10px 0;
}
.brandStory .brandBox .brandDiv .slogan .en {
  font-size: 30px;
  font-weight: bold;
  color: #2d2b36;
}
.brandStory .brandBox .brandDiv .slogan .cn {
  font-size: 16px;
  color: #2d2b36;
}
.brandStory .brandBox .brandDiv .logo {
  text-align: right;
  margin-top: 30px;
}
.brandStory .brandBox .brandDiv .logo img {
  width: 40%;
}