@charset "utf-8";
/* 当前位置*/
.sition{ padding: 20px 0; }
.sition a{ color: #333 !important; }
.sition a:hover{ color: #6f00af !important;}
.sition .layui-badge-rim{ border: 1px solid #fe9a9a; color: #333; font-size: 14px; height: 22px; line-height: 22px; margin-right: 8px;}
.sition .layui-badge-rim i{ margin-left: 5px; color: #f42f2f;}
.sition cite{ font-style: normal; }
.sition cite span{ padding: 0 2px; }

/***************** 列表页 *****************/
/* 列表分类*/
.list-classify{ background-color: #fff; border: 1px solid #eaeaea;}
.list-classify dl{ border-bottom: 1px solid #eaeaea; display: flex; align-items: baseline;}
.list-classify dl dt{ color: #999; display: inline-table; width: 75px; line-height: 48px; text-align: right; padding-right: 15px;}
.list-classify dl dd{ border-left: 1px solid #eee; padding: 5px 0; width: 1110px;}
.list-classify dl dd a{ display: inline-block; padding: 2px 5px; margin-left: 10px;}
.list-classify dl dd a i{ margin-left: 5px; }
/* 排序*/
.list-sort{ background-color: #fff; margin: 15px 0;} 
.list-sort dl{ display: flex; align-items: center;position: relative;}
.list-sort dl dt{ border-right: 1px solid #eaeaea; width: 75px; text-align: right; padding: 10px 15px 10px 0;}
.list-sort dl dd{ display: flex; justify-content: space-between; }
.list-sort dl dd a{ border-right: 1px solid #eaeaea; display: inline-block; padding: 0 15px;}
.list-sort dl dd#page{ position: absolute;right: 10px;}
.list-sort dl dd#page .layui-laypage{ margin: 0; }
.list-sort dl dd#page a{ margin: 0 -1px 0 0;}
/* 商品*/
.list-goods ul{ margin: 0 -1%;}
.list-goods li{ background-color: #fff; }
.list-goods.goods ul .proinfo .price{ font-size: 20px; }
.list-goods .no-content{ background-color: #fff; font-size: 14px; padding: 2% 0; text-align: center;}
/* 翻页*/
#fanye{ text-align: center; }
#fanye .layui-laypage a, .layui-laypage span{ height: 35px; line-height: 35px; font-size: 14px;}

/***************** 热销榜 *****************/
/* 排行榜*/
.hotlist .title{ color: #333; text-align: center; }
.hotlist .title h2{ font-size: 42px; margin-top: 15px;}
.hotlist .title h3 { margin: 8px 0 4px }
.hotlist .title h3 span{ background-color: #333; color: #fff; padding: 0 18px; margin: 0 8px;}
.hotlist .title h3:before, .hotlist .title h3:after{ width: 515px; border-bottom: 1px solid #333; content: ''; display: inline-block; margin-bottom: 5px;}

.hotlist-list{ background-color: #fff; margin: 20px 0;}
.hotlist-list dl{ border-bottom: 1px dashed #ddd; display: flex; align-items: center; padding: 20px 15px;}
.hotlist-list dl:last-child{ border-bottom: 0 none; }
.hotlist-list dl dt{ font-size: 40px; font-weight: bold; padding: 0 25px;}
.hotlist-list dl dd.h-left{ display: inline-flex; height: 140px;}
.hotlist-list dl dd.h-left img{ width: 140px; height: 140px; }
.hotlist-list dl dd.h-left .h-goods{ display: inline-block; padding: 0 50px 0 10px;}
.hotlist-list dl dd.h-left .h-goods .h-title{ padding: 10px 0 15px; display: inline-block;}
.hotlist-list dl dd.h-left .h-goods .h-info{ display: flex; align-items: center; justify-content: space-between; width: 360px;}
.hotlist-list dl dd.h-left .h-goods .h-info .h-i1{}
.hotlist-list dl dd.h-left .h-goods .h-info .h-i2{ font-size: 22px; font-weight: bold; }

.hotlist-list dl dd.h-right{ height: 140px;}
.hotlist-list dl dd.h-right strong{ color: #333; font-size: 16px; margin: 10px 0 5px; display: inline-block; width: 100%;}
.hotlist-list dl dd.h-right .moip li{ display: inline-block; float: left; margin: 10px 10px 0 0;}
.hotlist-list dl dd.h-right .moip li:hover{ cursor: pointer; }
.hotlist-list dl dd.h-right .moip li img{ width:50px; height:50px;max-width: 300px;}
#tooltip{ position:absolute; display:none;}

/* 分类排行*/
.floor{ padding-bottom: 20px}
.floor:last-child{ padding-bottom: 0; }
.floor .title{ color: #333; font-size: 30px; text-align: center; padding: 0 0 15px;}
.floor .layui-tab-title{ background-color: #fff; display: flex; justify-content: space-around; }
.floor .layui-tab-brief .layui-tab-title .layui-this{ color: #f42f2f;}
.floor .layui-tab-brief .layui-tab-more li.layui-this:after, .floor .layui-tab-brief .layui-tab-title .layui-this:after{ border-color: #f42f2f; }
.floor .layui-tab-content{ padding: 10px 0; margin: 0 -0.5%; }
.floor .goods ul li{ background-color: #fff; }

/* 悬浮楼层导航*/
.fixed-nav{ position: fixed; width: 100px; top: 50%; right: 2%; text-align: center; display: none;}
.fixed-nav a{ background-color: #7300ab; border-bottom: 1px solid #8d2cc5; color: #fff; cursor: pointer; display: inline-block; width: 100%; height: 35px; line-height: 35px;}
.fixed-nav a:hover{ background-color: #8517c5; }

/***************** 品牌馆 *****************/
/* 热门品牌*/
.pavilion .title{ color: #333; text-align: center; font-size: 30px; margin: 20px 0;}
.pavilion .pavilion-list{ margin-bottom: 15px;}
.pavilion .pavilion-list ul li{ background-color: #fff; display: inline-block; margin-bottom: 20px; text-align: center;float: left; width: 300px;}
.pavilion .pavilion-list ul li .p-l1{ background-color: #fff; display: inline-block; text-align: center;}
.pavilion .pavilion-list ul li .p-l2{ color: #333; display: block; font-size: 16px;}
.pavilion .pavilion-list ul li .p-l3{ padding: 5px 0 15px; }
.pavilion .pavilion-list ul li .btn-enter{ background-color: #f42f2f; padding: 0 28px; height: 28px; line-height: 28px;}
.pavilion .pavilion-list ul li .btn-enter:hover{ color: #fff !important; }
.pavilion .pavilion-list ul li.p-brand1{ height: 300px; }
.pavilion .pavilion-list ul li.p-brand1 .p-l1{ padding-top: 40px; width: 100px; height: 100px; line-height: 100px;}
.pavilion .pavilion-list ul li.p-brand1 .p-l1 img{ width: 80px; }
.pavilion .pavilion-list ul li.p-brand2{ border-right: 1px solid #eaeaea; width: 299px; height: 415px; }
.pavilion .pavilion-list ul li.p-brand2 .p-l1{ margin-top:-40px; width: 80px; height: 80px; line-height: 80px;}
.pavilion .pavilion-list ul li.p-brand2 .p-l1 img{ width: 80px; }

/***************** 品牌列表页 *****************/
.brand{ background-color: #fff; overflow: hidden;}
.brand .brand-img{ width: 550px;float: left;}
.brand dl{ display: inline-block; float: left; width: 610px; height: 220px; margin: 20px; overflow: hidden;}
.brand dl dt{ display: flex; align-items: center; margin-bottom: 15px;}
.brand dl dt .b-logo{ border: 1px solid #eaeaea; width: 60px; height: 60px; }
.brand dl dt h1{ color: #333; display: inline-block; font-size: 20px; font-weight: bold; padding: 0 15px;}
.brand dl dd{ line-height: 24px; }

/***************** 购物车 *****************/
.cart-list{ text-align: center; position: relative; margin-top: 50px;}
.cart-list .layui-form-checkbox[lay-skin=primary]{ position: absolute; left: 15px; }
.cart-list .layui-form-checked[lay-skin=primary] i{ background-color: #f42f2f; border-color: #f42f2f;}
.cart-list .layui-form-checkbox[lay-skin=primary]:hover i{ border-color: #f42f2f; }
.cart-list .w100{ width: 100px; }
.cart-list .w150{ width: 150px; }
.cart-list .w550{ width: 550px; }
.cart-list .w650{ width: 650px; }
.cart-list .align-left{ text-align: left; }
.cart-list .align-right{ text-align: right; }

.cart-list .cart-tbody .sold-out{ position: relative; }
.cart-list .cart-tbody .sold-out .cart-goods .title, .cart-list .cart-tbody .sold-out .price strong, .cart-list .cart-tbody .sold-out .allprice strong{ color: #929292; }
.cart-list .cart-tbody .sold-out .layui-badge{ position: absolute; top: 50px; }

.cart-list li{ display: inline-block; float: left;}
.cart-list .cart-thead{ background-color: #f3f3f3; border: 1px solid #e9e9e9; color: #666; display: inline-block; font-size: 12px; padding: 7px 0; width: 100%;}
.cart-list .cart-thead .cart-check{ color: #333;}
.cart-list .cart-thead .cart-check i{ margin-right: 5px; }
.cart-list .cart-tbody dl dt.cart-hint{ border-bottom: 1px dotted #e9e9e9; text-align: left; padding: 10px 15px;}
.cart-list .cart-tbody dl dt.cart-hint span{ margin-right: 5px; }
.cart-list .cart-tbody dl dt.cart-hint a{ color: blue; margin-left: 5px;}
.cart-list .cart-tbody dl dd{ border-style: solid; border-width: 0 1px 1px; border-color: #fff #ebebeb #e5e5e5 #ebebeb; padding: 10px 0;}
.cart-list .cart-tbody dl dd ul{ display: flex; align-items: center;}
.cart-list .cart-tbody dl dd ul li .layui-form-checkbox[lay-skin=primary]{ margin-top: 30px;}
.cart-list .cart-tbody dl dd .cart-goods{ display: flex; padding-left: 50px;}
.cart-list .cart-tbody dl dd .cart-goods .pic{ width: 80px; height: 80px; }
.cart-list .cart-tbody dl dd .cart-goods .title{ margin: 10px 15px; height: 40px;}
.cart-list .cart-tbody dl dd .cart-zp{ padding-left: 50px;}
.cart-list .cart-tbody dl dd .cart-zp a{ color: #999; display: inline-block; font-size: 12px; padding: 5px 0;}
.cart-list .cart-tbody dl dd .price del{ color: #999; }
.cart-list .cart-tbody dl dd .price strong{ color: #333;}

.cart-list .cart-tfooter{ background: #fff; margin-top: 20px;}
.cart-list .cart-tfooter ul{ border: 1px solid #e5e5e5; display: inline-block; font-size: 12px; width: 100%; height: 60px;}
.cart-list .cart-tfooter ul li .layui-form-checkbox[lay-skin=primary]{ margin-top: 20px;}
.cart-list .cart-tfooter ul li.btn-submit{ height: 100%; line-height: 60px;}
.cart-list .cart-tfooter ul li.btn-submit a, .cart-tfooter ul li.btn-submit:hover a{ color: #fff !important; font-size: 18px; width: 100%;}
.cart-list .cart-tfooter ul li .jiesuan-top, .cart-list .cart-tfooter ul li .jiesuan-down{ padding-right: 20px; }
.cart-list .cart-tfooter ul li .jiesuan-top { margin: 8px 0 5px 0; }
.cart-list .cart-tfooter ul li .jiesuan-top strong{ font-size: 18px; padding: 0 5px;}
.cart-list .cart-tfooter ul li .jiesuan-top strong:last-child{ padding-right: 0;}
.cart-list .cart-tfooter ul li .jiesuan-down{ color: #999;}

/* 猜你喜欢*/
.goods-like{ margin-top: 50px;}
.goods-like .title{ border-bottom: 1px solid #eaeaea; font-size: 18px; line-height: 34px; padding-bottom: 10px; margin-bottom: 10px;}
.goods-like .title .targ{ color: #bbb; font-size: 14px; padding-left: 20px;}
.goods-like ul li{ width: 19%; }

/* 暂无*/
.prompt{ color: #939393; text-align:center; margin: 80px 0;}
.prompt img{ width:64px;height:64px;}
.prompt .t1{ font-size:16px; font-weight:bold; color:#111; margin:2px 0;}
.prompt .t2{ font-size:12px;margin:2px 0;}