body{ font-family:"微软雅黑"; min-height: 100%; font-size:14px; overflow-x: hidden; color: #353535; position: relative; max-width:750px; margin:0 auto;}
li{ list-style:none;}
ul{ padding:0; margin:0;}
a{ color:#444;text-decoration:none}
a:hover{ text-decoration:none !important; color: #272d5a;}
a:focus{ text-decoration:none !important; outline: none !important;}
button:focus,button:hover{outline: none !important;}
ul,ol{ margin:0; padding:0; }
img{ max-width:100%;}

input,button {outline:none;}
.top-img img{ width: 100%; position: absolute; height: 100%; left: 0; top: 0; }
.top-img{ position: fixed; left: 0; top: 0; right: 0; padding-top: 50%; z-index: 1000; }
.tabs-left{ position: fixed; overflow-y: auto; left: 0; bottom: 0; top: 28.3%; width: 100px; background: #f6f6f6;}
.tabs-left li a{ display: block; padding:10px 10px 10px 0; }
.tabs-left li a span{ display: block; padding-left: 8px; font-size: 14px; color: #666; line-height: 34px; border-radius: 0 34px 34px 0; }
.tabs-left li.active a{ background: #fff; }
.tabs-left li.active a span{ background: #e8b975; color: #fff; }
.shop-box{ margin-left: 100px; padding-top: 50%; }
.shop-box-tt{ font-size: 16px; color: #333; margin:20px 0; }
.js-ul li{ float: left; width: 33%; padding:0 3px; margin-bottom: 10px; }
.js-ul{ padding:0 3px; }
.js-ul-img{ position: relative; border:solid 2px #f6f6f6; border-radius: 2px; padding-top: 107%; } 
.js-ul-img img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.js-ul-p{ margin-top: 5px; overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;display: -webkit-box;-webkit-line-clamp: 2;font-size: 12px; color: #666; }
.js-ul-pr{ margin-top: 5px; overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;display: -webkit-box;-webkit-line-clamp: 2;font-size: 12px; color: #e74c3c; }
.mySwiper img{ width: 100%; position:absolute; left: 0; top: 0; height: 100%; }
.mySwiper .swiper-slide{ height: auto; position: relative; padding-top: 100%; }
.swiper-pagination{ display: inline-block; background: #acabb0; width: auto; left: auto; right: 20px; color: #fff; border-radius: 30px; padding:3px 10px; }
.number-back{ background: url(../images/number-back.png) center no-repeat; font-size: 16px; color: #fff; background-size: cover; line-height: 50px; padding:0 15px; }
.number-back span{ font-size: 24px; font-weight: bold; }
.shop-title{ padding:10px 15px; font-weight: bold; }
.xq-title{ border-top: solid 5px #f6f6f6; border-bottom: solid 1px #f6f6f6; margin-bottom: 10px; }
.xq-title span{ display: inline-block; padding:10px 0; border-bottom: solid 2px #a7700c; font-size: 16px; }
.xq-img img{ width: 100%; }
.header-banner{ position: relative; }
.go-back{ position: absolute; left: 20px; top: 20px; z-index: 10000; }