/*公共*/
a{cursor: pointer;color: #333}
a:hover{text-decoration: none !important;}
.border-left{border: none !important;border-left: 1px solid #f3f3f3 !important;}
.clear{clear: both}

/* banner轮播*/
.flexslider{ margin: 0px auto; position: relative; width: 100%; height: 450px; overflow: hidden;}
.flexslider .slides li{ width: 100%; height: 100%;}
.flexslider .slides li img { width: 100%; height: 448px; display: block;}
.flex-control-nav{ width: 100%; position: absolute; bottom: 10px; text-align: center;}
.flex-control-nav li{ margin: 0 2px; display: inline-block; background-color: rgba(255,255,255,.5); border-radius: 50%;text-indent: -99em;width: 10px;height: 10px;cursor: pointer;}
.flex-control-nav li.active{ background-color: #fff;}

/* 首页标题*/
.index-title{ border-bottom: 1px solid #ccc; padding: 0 0 10px; margin-bottom: 20px; display: flex; align-items: center; position: relative;}
.index-title h2{ font-size: 22px; font-weight: 600; display: inline-block;}
.index-title span.targ{ font-size: 14px; padding-left: 20px;}
.index-title span.kont{ color: #999; }

/* 主体内容*/
.index-content .box{}
.index-content ul{ width: 100%;}
.index-content ul li{ width: 25%; float: left; text-align: center; margin-bottom: 40px;}
.index-content ul li a{ width: 250px; display: inline-block; }
.index-content ul li a:hover{box-shadow: 0 3px 11.64px 0.36px rgba(0, 0, 0, 0.18);}
.index-content ul li h3{ font-size: 16px; line-height: 22px; padding: 10px; text-align: left;}
.index-content ul li p.sub-tit{ font-size: 14px;line-height: 20px;margin: 0 10px;}
.index-content ul li .other{ padding: 0 10px 10px; display: flex; align-items: center; justify-content: space-between;}
.index-content ul li .other strong{ color: #6f00af;font-size: 20px;}
.index-content ul li .other em{ font-size: 14px; font-style: normal;}
.index-content ul li .other span{ color: #999; text-decoration: line-through; margin-left: 12px;}
.index-content ul li .other button{ background-color: #6f00af; border: 0 none; color: #fff; padding: 5px 10px; border-radius: 4px;}
.index-content ul li img{ width: 250px; height: 250px;}
.index-content ul li:hover img, .index-content .box-middle ul li img:hover { opacity: .75;}

/* 热门品牌*/
.index-brand{ display: flex; width: 100%;}
.index-brand li{display: inline-block; flex: 1; text-align: center; border: 1px solid #eaeaea; border-top: 0 none; border-right: 0 none; padding-bottom: 20px; float: left;border:0 none \9;*border:0 none;_border:0 none;}
.index-brand li:last-child{ border-right: 1px solid #eaeaea; }
.index-brand .brand-pic{ position: relative; margin-bottom: 45px;}
.index-brand img.brand-logo{ width: 80px; height: 80px; position: absolute; top: 260px; left: 50%; margin-left: -40px;}
.index-brand h3{ font-weight: bold; }

/* 最新热卖*/
.prolist li{ margin:5px 0 14px; border-bottom: 1px dotted #eaeaea;}
.prolist li img{ float: left;width: 75px;height: 75px; margin: 0 10px 0 0;}
.prolist .proinfo h3{ font-weight: normal;font-size: 12px;height: 36px;overflow: hidden;line-height: 18px;}
.prolist .proinfo .num{ padding: 5px 0 14px;margin: 5px 0 14px;}
.prolist .proinfo .num .price{ font-size: 14px; color: #6f00af;}
.prolist .proinfo .num .comment{ float: right;}
.prolist .proinfo .num .comment i{ color: #ccc; margin-right: 3px;}

/* 健康知识百科*/
.encyclopedia{ border: 1px solid #eaeaea; min-height: 252px; padding: 10px 0;}
.encyclopedia dl{ padding: 10px 1.6%; width: 30%; float: left;}
.encyclopedia dl dt{ margin-bottom: 5px;}
.encyclopedia dl dt i{ padding-left: 5px; }
.encyclopedia dl dd a{ color: #666; font-size: 12px; line-height: 22px;}
.encyclopedia dl dd em{ color: #ccc; padding: 0 8px;}

/* 友情链接*/
.blogroll .layui-tab-content a{ font-size: 12px;}


/* 当前位置*/
.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: #6f00af;}
.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: #6f00af;}
.floor .layui-tab-brief .layui-tab-more li.layui-this:after, .floor .layui-tab-brief .layui-tab-title .layui-this:after{ border-color: #6f00af; }
.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: #6f00af; 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: #6f00af; border-color: #6f00af;}
.cart-list .layui-form-checkbox[lay-skin=primary]:hover i{ border-color: #6f00af; }
.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;}


/* 当前位置*/
.sition{ padding: 20px 0; }

/* 商品与信息*/
.goods-area{ display: inline-block; width: 100%; margin-bottom: 15px;}
/* 主图预览*/
.preview{width:450px; height:565px; float:left; position: relative;}
.preview .bigImg {position: relative;float: left;width: 450px;height: 450px;overflow: hidden;}
.bigImg #midimg{width:450px; height:450px;}
.bigImg #winSelector{width:285px; height:260px;}
#winSelector{position:absolute; cursor:crosshair; filter:alpha(opacity=15); -moz-opacity:0.15; opacity:0.15; background-color:#000; border:1px solid #fff;}
#bigView { position: absolute; border: 1px solid #959595; overflow: hidden; z-index: 999;}
#bigView img { position: absolute;}
/* smallImg */
.smallImg{position:relative; height:74px; margin-top:1px; background-color:#F1F0F0; padding:6px 5px 6px 0; width:445px; overflow:hidden;float:left;}
.scrollbutton{ background-color: #959595; color: #fff; width:14px; height:74px; line-height: 74px; text-align: center; cursor:pointer; position: absolute;top: 6px;}
.scrollbutton.smallImgUp{ left: 0; }
.scrollbutton.smallImgDown{ right: 0; }

.niny{ line-height:30px; color:#999; font-size:13px; position:absolute;bottom: 0;}

#imageMenu {height:74px; width:420px; overflow:hidden; margin:0 15px; float:left;}
#imageMenu li {height:74px; width:84px; overflow:hidden; float:left; text-align:center;}
#imageMenu li img{width:74px; height:74px;cursor:pointer;}
#imageMenu li#onlickImg img, #imageMenu li:hover img{ width:68px; height:68px; border:3px solid #959595;}

/* 商品信息*/
.goods-info{ width: 500px; margin: 0 20px; float: left; position: relative; }
.goods-info .state, .goods-info .state a{ color: #999;}
.goods-info .title{ font-size: 18px; font-weight: bold; line-height: 26px; margin: 10px 0;}
.goods-info .p-info dl{ display: flex; align-items: center; margin-top: 25px;}
.goods-info .p-info dl.p-line{ border-bottom: 1px solid #e1e1e1; padding-bottom: 15px;}
.goods-info .p-info dl.p-send dt{ width: auto; }
.goods-info .p-info dl.p-send a{ color: #2a97fc; }
.goods-info .p-info dt{ width: 60px; font-size: 13px; margin-left: 10px;}
.goods-info .p-info dd{ display: flex; align-items: center;}
.goods-info .p-info dd .price{ font-size: 26px; color: #6f00af; font-family: Arial; font-weight: bold; margin: 0 15px 0 0;}
.goods-info .p-info dd .price-old{ color: #999; margin: 0 10px 0 30px; font-size: 12px;}
.goods-info .p-info dd .tag{ background-color: #F98686; margin: 0 10px 0 0;}
.goods-info .p-btn{ margin-top: 5px; position: relative; }
.goods-info .p-btn a, .goods-info .p-btn span{ width: 166px; text-align: center; padding: 0;}
.goods-info .btn-sold-out{ margin-left: 70px;}
.goods-info .btn-sold-out a, .goods-info .btn-sold-out a:hover{ font-weight: bold; margin: 0; background-color: #c2c2c2; color: #fff !important; padding: 0 80px; width: auto;}
.goods-info .p-btn .btn-buy{ border-color: #6f00af; color: #6f00af;}
.goods-info .doment{ padding: 15px 0 0 70px; font-size: 13px;}
.goods-info .spec a{ font-size: 14px;}
.goods-info .spec a.selected{ border: 1px solid #6f00af; color: #6f00af;}


/* 物流*/
.logistics{ padding-top: 10px;border-top:1px solid #e1e1e1; padding:25px 10px 0;font-size:14px; margin-top: 25px;}
.logistics .label{ width: 60px; font-size: 13px; margin-left: 10px;}
.logistics-con{ display: flex; align-items: center;}
.logistics-con .#6f00af{ color: #6f00af;}

/* 物流步骤*/
.process { display: flex;flex-wrap: nowrap;padding: 20px 10px;}
.process-wrap { display: flex;flex-direction: column;flex: 1;align-items: center;}
.process-step{ display: flex;align-items: center;width: 100%;}
.process-icon { background-color: #fb1a46; border-radius: 25px; width: 25px; height: 25px;display: flex; align-items: center; justify-content: center;}
.process-icon img{ width: 15px;height: 15px;}
.process-line { background-color: #bfbfbf;flex: 1;height: 3px;}
.process-name { font-size: 12px; padding-top: 5px;}

/* 店铺信息*/
.goods_shop{ width: 199px; border-left: 1px solid #f3f3f3; float: left; min-height: 565px; text-align: center;}
.goods_shop .pic{ display: inline-block; border: #f0f0f0 1px solid;}
.goods_shop .pic img{ max-width: 120px; }
.goods_shop h2{ font-size: 14px; font-weight: bold; margin-top: 15px; }
.goods_shop .btn{ width: 100px; height: 25px; line-height: 25px; margin-top: 10px;}
.goods_shop .num{ color: #777; font-size: 14px; margin: 10px 0 20px;}

/*.goods_shop .wx-order{ width: 150px; text-align: center; margin: 0 auto;}
.goods_shop .wx-buy{ background-color: #f76767; border-radius: 5px; color: #fff; padding: 10px 0; font-size: 15px; font-weight: bold;}
.goods_shop .wx-buy img{ width: 110px; margin-top: 6px;}*/

.goods_shop .packet{ background: url('/file_img/products/img/') no-repeat; border-radius: 5px; margin: 0 auto; width: 150px; height: 230px;}
.goods_shop .packet img{ width: 128px; margin-top: 11px; border-radius: 10px;}

/* 评价页商品信息*/
.subcate{ margin-bottom: 20px; }
.subcate .layui-btn{ margin: 20px 10px; display: block;}
.subcate .layui-btn:hover{ color: #fff !important; }

/* 其他商品*/
.goods-other{ width: 200px; border: 1px solid #eaeaea; margin-bottom: 40px;}
.goods-other h2{ font-size: 14px;line-height: 40px; padding: 0 10px;font-weight: bold;}
.goods-other ul li{ margin:5px 0 10px; border-top: 1px dotted #eaeaea;}
.goods-other ul li img{ width: 180px;height: 180px; margin: 0 0 10px 0;}
.goods-other ul .proinfo{ padding: 0 10px;}
.goods-other ul .proinfo h3{ font-weight: normal;font-size: 12px;height: 36px;overflow: hidden; line-height: 18px;}
.goods-other ul .proinfo .num{ padding: 5px 0 0;display: flex; align-items: center; justify-content: space-between;}
.goods-other ul .proinfo .num .price{ font-size: 18px; color: #6f00af;}
.goods-other ul .proinfo .num .comment i{ color: #ccc; margin-right: 3px;}

/* 营养师点评*/
.dietician{background-color: #fff; border: 1px solid #dedede; border-radius: 5px; margin-bottom: 25px; padding: 10px 5px; position: relative;}
.dietician .tit{background-color: #fff; padding: 5px 10px; font-size: 18px; position: absolute; top: -20px; left: 15px;}
.dietician .dietician-con{ display: flex; margin: 15px 0 10px;}
.dietician .dietician-left{flex: 1.2; text-align: center; margin-top: 15px;}
.dietician .dietician-left img{display: block; margin: 0 auto; width: 90px; height: 90px; border-radius: 50%;}
.dietician .dietician-left span{ font-size: 16px; margin-top: 5px; display: inline-block; font-weight: bold;}
.dietician .dietician-right{flex: 7; padding-left: 10px; color: #666; padding-right: 20px; font-size: 1.4rem;}
.dietician .dietician-right p{ font-size: 16px; line-height: 30px; margin: 0;text-indent: 32px;}

/* 商品详情*/
.goods-details{ width: 975px; }
.goods-details .layui-tab{ margin-top: 0; border-width: 1px 0 0 0; box-shadow: none;}
.goods-details .layui-tab-title li{ font-weight: bold; }
.goods-details .layui-tab-title .layui-this{ border-top: 2px solid #6f00af; color: #6f00af; }

.goods-details h2{ font-size: 18px; font-weight: bold; line-height: 34px; border-bottom: 2px solid #333; margin-bottom: 20px; margin-top: 10px;}
.goods-details .parameter{ position: relative;}
.goods-details .parameter ul{border-top: 1px solid #EDEDED; display: inline-block;}
.goods-details .parameter li{ list-style: none;float: left;min-height: 42px;line-height: 42px;width: 100%;border: 1px solid #EDEDED;border-top: none;}
.goods-details .parameter strong{ width: 100px;text-align: center;padding-right: 10px;color: #333;font-weight: bold;float: left;background-color: #f5f5f5;}
.goods-details .parameter span.p-short{ width: 500px;padding-left: 10px;float: left;display: inline-block;vertical-align: middle;background-color: #fff;}
.goods-details .parameter span.p-long{ width: 825px;padding: 0 10px;display: inline-block;vertical-align: middle;background: #fff;}
.goods-details .parameter .pic img{ width: 305px;height: 313px;border: 1px solid #EDEDED;border-top: none;padding: 15px;position: absolute;right: -2px;top: 57px;background: #fff;}
.goods-details .parameter img{max-width: 100%}

/* 新申明*/
.declare{ width: 750px; padding-top: 10px;}
.health-food{ font-size: 14px; padding: 15px 0; display: flex; align-items: center;}
.health-food img{ width: 50px; padding-right: 15px;}
/* 消费者告知书+价格说明*/
.notification{ background-color: #f6f6f6; display: inline-block; padding: 10px 30px 20px;border: 1px solid #eaeaea;font-size: 14px;color: #666;line-height: 25px; width: 690px;}
.notification .notification-tit{ color: #333; text-align: center; padding: 10px 0;}
.notification .notification-right{ float: right; padding: 10px 0 0;}
.notification .tip{ text-indent: 28px; }
.notification ul{ list-style-type: decimal; padding-left: 16px;}

/* 用户评价*/
.evaluate #page{ text-align: center;  margin: 20px 0 0;}
.evaluate .evaluate-star{ display: flex; align-items: center;padding: 20px 20px 20px 40px; border-bottom: 1px solid #eee;}
.evaluate .evaluate-star .s-left{ display: inline-block; text-align: center;}
.evaluate .evaluate-star .s-left p{font-size: 46px; line-height: 45px;}
.evaluate .evaluate-star .s-left span{ font-size: 14px; color: #999;}
.evaluate .evaluate-star .s-middle{ display: inline-block; padding: 0 20px 0 40px;}
.evaluate .evaluate-star .s-middle li{ display: flex; align-items: center; margin-bottom: 10px;}
.evaluate .evaluate-star .s-middle li .layui-progress{ width: 200px; display: inline-block; margin: 0 10px; height: 12px;}
.evaluate .evaluate-star .s-middle li .layui-progress .layui-progress-bar{ height: 12px; }
.evaluate .evaluate-star .s-right{ display: inline-block; }

.evaluate-content dl{ border-bottom: 1px solid #ddd; display: flex; padding: 10px 0;}
.evaluate-content dl dt{ padding-right: 20px;}
.evaluate-content dl dt img{ border-radius: 50%; width: 50px; height: 50px;}
.evaluate-content dl dd{ padding: 15px 0; width: 100%;}
.evaluate-content dl dd .c-1{ border-bottom: 1px dashed #eee; padding-bottom: 10px;}
.evaluate-content dl dd .c-1 span{ float: right; color: #bbb;}
.evaluate-content dl dd .c-2, .evaluate-content dl dd .c-3{ margin-top: 10px; }
.evaluate-content dl dd .c-2 span{ margin-right: 5px; }
.evaluate-content dl dd .c-3 span{ color: #000; }
.evaluate-content dl dd .moip li{ display: inline-block; float: left; margin: 10px 10px 0 0;}
.evaluate-content dl dd .moip li:hover{ cursor: pointer; }
.evaluate-content dl dd .moip li img{ width:100px; height:100px;max-width: 500px;}
#tooltip{ position:absolute; display:none;}
#tooltip img{ max-width: 300px;}

.more-model-btn{ text-align: center; margin: 25px 0;}
.more-model-btn a{ font-size: 14px; text-align: center;}
.more-model{ text-align: center; }
.more-model img{ width: 180px; }

/* 猜你喜欢*/
.goods-like{ margin-bottom: 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-list dl{ margin-bottom: 15px;}
.goods-list dl dt{ font-weight: bold; padding-bottom: 5px;}
.goods-list dl dd{ color: #999; height: 40px; line-height: 20px;}

/* 相关问答*/
.goods-list dl dd.related-ask{ display: flex; }
.goods-list dl dd.related-ask img{ width: 120px; padding-left: 10px; object-fit: cover;}

/* 查看积分用途*/
.integral-model{}
.integral-box{ display: inline-block;}
.integral-left dl{ border-right: 1px solid #e5e5e5; padding-right: 30px; margin-right: 30px; }
.integral-title{ font-size: 18px; font-weight: bold; text-align: center; padding-bottom: 20px;}
.integral-box dt{ font-size: 16px; font-weight: bold;}
.integral-box dd{ color: #666; padding-bottom: 10px;}

/* 店铺详情 */
.shop_head{
    height: 60px;
    width: 100%;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
    background-color: #f2f2f2;
    margin-bottom: 20px;
}
.shop_logo{
    width: 56px;
    height: 56px;
    display: inline-block;
    border-radius: 100%;
}
.shop_logo img{
    max-width: 56px;
    border-radius: 100%;
    border: 1px solid #fff;
}
.shop_name{
    margin:5px 10px;
    line-height: 25px;
    font-size: 14px;
    padding-right:40px;
    border-right: 1px solid #fff;
}
.shop_name .shop_name_title{
    font-size: 16px;
    font-weight: bold;
    margin-left: 5px;
}
.shop_name .shop_name_vip{
    background: #6f00af;
    border-radius: 20px;
    color: #fff;
    font-size: 10px;
    text-align: center;
}
.shop_evaluate{
    margin-left: 20px;
    margin-top: 5px;
    font-size: 14px;
}
.shop_evaluate_item{
    width: 150px;
}
.shop_evaluate_standard{
    color: #7f7f7f;
}
.shop_evaluate_num{
    margin-top: 10px;
}
.seller_shop { width: 199px; border: 1px solid #f3f3f3; min-height: 260px; text-align: center;margin-bottom: 20px}
.seller_shop .pic{ display: inline-block; border: #f0f0f0 1px solid;border-radius: 50%;margin-top: 20px}
.seller_shop .pic img{ max-width: 120px;border-radius: 50%;}
.seller_shop h2{ font-size: 14px; font-weight: bold; margin-top: 15px; }
.seller_shop .btn{ width: 100px; height: 25px; line-height: 25px; margin: 10px 0;}
.seller_shop .num{ color: #777;     font-size: 12px;margin: 10px 0 0px;text-align: left;padding: 0 15px;}


/* 帐号注册 */
.home_login{
    height: 550px;
}
.login_block .login_item {
    background: #fff;
    box-sizing: border-box;
    float: right;
    height: 450px;
    margin-top: 50px;
    padding: 40px;
    text-align: left;
    width: 400px;
}
.login_block .login_item .login_title {
    text-align: center;
    font-size: 20px;
}
.login_block .login_item .login_input {
    margin-top: 30px;
}
.login_block .login_item .login_input .input_block {
    margin: 15px auto;
    width: 320px;
}
.login_block .login_item .login_input .input_block input {
    border: 1px solid #e1e1e1;
    height: 35px;
    outline: none;
    text-indent: 6px;
    width: 100%;
    font-size: 14px;
}
.login_block .login_item .login_input .input_block input[name="role"]{
    height: 20px;
    width: 40px;
}
.login_block .login_item .login_input .input_block span{
    margin-top: -10px;
}

.login_block .login_item .login_btn {
    background: #6f00af;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    line-height: 35px;
    text-align: center;
    width: 100%;
}
.login_block .login_btn_b {
    display: flex;
    font-size: 12px;
    margin-bottom: 15px;
    margin-top: 15px;
    color: #999;
}
.login_block .login_btn_b .wst_ipt{
    margin-right: 0.5rem;
}
.login_block .imgcode{
    width: 55% !important;
    margin-bottom: 15px;
}
.login_block .imgcode:nth-child(2){
    width: 40% !important;
    height: 40px;
}

/* 供应信息 */
.list_item{
    margin-top: 20px;
    background-color: #f2f2f2;
}
.c-supply-item-title{
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    height: 2.75rem;
    padding-left: 0.91666667rem;
    padding-right: 3.375rem;
}
.c-supply-item-title .item-name {
    font-size: 15px;
    color: #222;
    line-height: 1;
}
.c-supply-item-title a:hover .item-name {
    color: #6f00af !important;
}
.c-supply-item-title .item-price {
    -webkit-box-flex: 1;
    flex: 1;
    text-align: right;
    font-size: 15px;
    line-height: 1;
    color: #6f00af;
}
.c-supply-item-con {
    display: -webkit-box;
    display: flex;
    border-top: 1px solid #e3e3e3;
    padding-top: 0.41666667rem;
    padding-bottom: 0.75rem;
    padding-left: 0.95833333rem;
}
.c-supply-item-con .item-image {
    flex-shrink: 0;
    margin-top: 0.45833333rem;
    width: 10.25rem;
    height: 6.83333333rem;
    background: url(https://static.zyctd.com/zyctd-h5-1.0.1/assets/images/9e83940%E2%80%A6.png) no-repeat 50%;
    background-size: 100%;
}
.c-supply-item-con .item-image .img-supply {
    width: 100%;
    height: 100%;
    background-color: #fff;
}
.c-supply-item-con .item-details {
    font-size: 14px;
    -webkit-box-flex: 1;
    flex: 1;
    margin-left: 1.20833333rem;
    padding-top: 0.375rem;
    overflow-x: hidden;
}
.c-supply-item-con .item-details .item-detail-text {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    line-height: 1.83333333rem;
    color: #666;
}
.c-supply-item-con .item-details .item-detail-text-plain {
    line-height: 1.83333333rem;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.c-supply-item-con .item-details .item-detail-text {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    line-height: 1.83333333rem;
    color: #666;
}
.c-supply-item-con .item-extra {
    -webkit-box-flex: 1;
    flex: 1;
    text-align: right;
    font-size: 14px;
    line-height: 1;
    padding: 40px 60px;
}
.c-supply-item-con .item-extra a{
    display: inline-block;
    color: #6f00af !important;
    border: 1px solid #6f00af;
    background: none;
    padding: 10px 20px;
}
.c-supply-item-con .item-extra a:hover{
    color: #fff !important;
    background: #6f00af;
}

/* 信息详情 */
.scbox{
    margin-top: 20px;
    border-width: 2px 1px 1px 1px;
    border-style: solid;
    border-color: #6f00af #E9E9E9 #E9E9E9 #E9E9E9;
    margin-bottom: 0px;
    padding: 20px 15px;
}
.cont01,.con01_rbox{
    overflow: hidden;
}
.bg_l {
    width: 300px;
    height: 300px;
    float: left;
}
.con01_r {
    float: left;
    margin-left: 20px;
}
.con01_r h2 {
    font-size: 36px;
    font-weight: 500;
    float: left;
}
.Integrity {
    width: 40px;
}
.con01_r1 {
    float: left;
    overflow: hidden;
}
.con01_r1 p {
    color: black;
    margin-top: 5px;
    font-size: 14px;
}
.con01_r1 p .noticket_prices {
    width: 180px;
    display: inline-table;
}
.con01_r1 p .price,.con01_r1 p .price a{
    color: #6f00af !important;
}
.tips{
    color:#6f00af;
    padding-left:20px;
    margin-bottom:10px;
    font-size:14px
}
.l2_title {
    height: 17px;
    line-height: 17px;
    font-size: 18px;
    float: left;
}
.title_g {
    float: left;
    width: 10px;
    height: 17px;
    background-color: #6f00af;
    border-radius: 3px;
}
.scbox_r {
    float: right;
    font-size: 14px;
}
.scbox_tab {
    margin-top: 20px;
    overflow: hidden;
}
.tab03{
    margin-top: 20px;
    border-collapse: collapse;
}
.tab03 tr {
    border: 1px solid #e3e3e3;
}
.tab03 thead th {
    text-align: center;
    height: 40px;
    font-size: 14px;
    color: #969696;
    font-weight: 500;
    background-color: #F9F9F9;
    font-size: 16px;
    border: 1px solid #e3e3e3;
}
.tab03 tbody tr {
    transition: all .1s linear;
}
.tab03 tbody td {
    text-align: center;
    height: 50px;
    font-family: '宋体';
    font-size: 12px;
    border: 1px solid #e3e3e3;
}

/* 信息发布 */
.bt_confirm02 {
    cursor: pointer;
    width: 112px;
    height: 40px;
    color: #ffffff;
    line-height: 41px;
    line-height: 40px\9;
    background-color: #6f00af;
    font-size: 17px;
    box-shadow: none;
    font-weight: 400;
    border: 0;
    outline: 0;
    letter-spacing: normal;
}

.msgp p{line-height: 30px;}
table  td,table th {
    font-size: inherit;
    margin: 0;
    overflow: visible;
    padding: .5em 1em;
}

/* 确认订单 */
.order-confirm h2.title {
    border-bottom: 1px solid #ddd;
    padding: 0 0 10px 5px;
    margin: 30px 0 15px;
    font-size: 16px;
    font-weight: bold;
}
.user-order .goods-info{
    width: 100%;
    float: none;
    position: unset;
}
.user-order .layui-table td.td-images {
    border-right: 0 none;
    padding: 9px 0 9px 15px;
    width: 80px;
}
.user-order .layui-table th, .user-order .layui-table td {
    text-align: center;
}
.user-order .layui-table td.td-images img {
    width: 80px;
    height: 80px;
}
.user-order .layui-table td.td-title {
    border-left: 0 none;
    width: 500px !important;
}
.user-order .layui-table .align-left{
    text-align: left !important;
}
.user-order .layui-table td.td-title a {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.user-order .layui-table td .price-old {
    color: #999;
}
.user-order .layui-table td .num {
    color: #333;
}
.order-total {
    font-size: 14px;
    padding: 20px;
}
.order-detail, .order-total {
    margin-top: 20px;
    border: 1px solid #eee;
}
.order-total ul.total-num {
    padding-left: 10px;
}
.order-total ul {
    display: inline-block;
    float: right;
}
.align-right {
    text-align: right !important;
}
.order-total ul li {
    line-height: 24px;
    padding: 2px 0;
}

/*收银台*/
.pay {
    margin-top: 20px;
    font-size: 14px;
    background-color: #f2f2f2;
}
.pay-hint {
    color: #666;
    display: inline-block;
    padding: 30px 0 0;
    width: 100%;
}
.pay-hint .pull-left {
    float: left;
}
.pay-hint .layui-icon {
    color: #6f00af;
    font-size: 60px;
    padding: 0 25px 0 40px;
}
.pay-hint .pull-left {
    float: left;
}
.pay-hint .fcor {
    color: #474747;
    font-size: 24px;
    font-weight: bold;
    padding-bottom: 15px;
}
.pay-hint .money {
    padding: 0 40px 0 25px;
}
.pay-hint .money strong {
    color: #6f00af;
    font-size: 25px;
}
.pay-content {
    padding: 30px 0;
}
.pay-content .title {
    border-bottom: 1px solid #e0e0e0;
    font-size: 18px;
    margin: 0 40px;
    padding-bottom: 25px;
}
.pay-content .title span {
    font-size: 14px;
    color: #666;
}
.pay-content .title i {
    font-style: normal;
    color: #6f00af;
}
.pay-content .way {
    margin: 40px 40px 0;
    text-align: center;
}

/*个人中心*/
.profile-sidebar-portlet {
    padding: 20px 0 0 0 !important;
    background: #f2f2f2 !important;
    height: 150px;
    width: 32%;
    text-align: center;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    border-right: 1px solid #fff;
}
.profile-userpic img {
    float: none;
    margin: 0 auto;
    width: 60px;
    height: 60px;
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    border-radius: 50% !important;
}
.profile-usertitle {
    text-align: center;
    margin-top: 10px;
}
.profile-usertitle-name {
    color: #5a7391;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 7px;
}
.profile-sidebar-m {
    background: #f2f2f2 !important;
    border-right: 1px solid #fff;
    width: 38%;
    height: 150px;
    padding: 20px 0 0 30px;
}
.user-body-title {
    margin: 3px 0 10px;
}
.home-colon {
    padding: 0 2px;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    letter-spacing: 0.02em;
    font-weight: 300;
}
.user-body-main {
    height: 60px;
}
.user-balance-wrap {
    display: inline-block;
    vertical-align: top;
}
.user-balance, .user-renew {
    font-size: 20px;
    color: #f78a0d;
    line-height: 24px;
    margin-bottom: 2px;
    font-weight: bold;
}
.user-balance-small {
    font-size: 16px;
}
.user-small {
    font-size: 12px;
    margin-left: 0px;
    color: #999;
}
.user-bottom {
    margin-top: 7px;
}
.btn.green:not(.btn-outline) {
    color: #FFF !important;
    background-color: #32c5d2;
    border-color: #32c5d2;
}
.profile-sidebar-r {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    background: #f2f2f2 !important;
    width: 30%;
    padding: 20px 0 0 30px;
    height: 150px;
}

.portlet.light {
    margin: 20px 0;
    padding: 12px 20px 15px;
    background-color: #f2f2f2;
}
.portlet.light>.portlet-title {
    padding: 0;
    min-height: 48px;
}
.portlet>.portlet-title {
    border-bottom: 1px solid #fff;
    padding: 0;
    margin-bottom: 10px;
}
.portlet>.portlet-title>.caption {
    float: left;
    display: inline-block;
    font-size: 18px;
    line-height: 18px;
    padding: 10px 0;
}

/*申请入驻 start*/
.settle_box{
    padding: 50px;
    border: 1px solid #ddd;
    margin-top: 10px;
}
.settle_box dl {
    display: table;
    margin-bottom: 20px;
}
.settle_box dl dt span{
    color: red;
}
.settle_box dl dt {
    width: 140px;
    text-align: right;
    font-size: 14px;
}
.settle_box dl dt, .settle_box dl dd {
    display: table-cell;
    vertical-align: middle;
}
.settle_box .input_text {
    height: 35px;
    line-height: 35px;
    padding: 6px;
    border: 1px solid #ddd;
    width: 200px;
}
.settle_box .input_select {
    height: 35px;
    line-height: 35px;
    padding: 6px;
    border: 1px solid #ddd;
    max-width: 180px;
}
.settle_box .input_submit{
    width: 140px;
    border: none;
    background: #6f00af;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    line-height: 35px;
    text-align: center;
}
.settle_box dt.imgcode{
    float: left;
    margin-top: 10px;
}
.settle_box img.imgcode{
    width: 90px;
    height: 35px;
    margin-left: 10px;
}
.settle_box .settle_logo{
    width: 300px;
}
.settle_box .settle_logo .webuploader-element-invisible{
   display: none;
}
.pic_process{
    display: none;
}
.settle_box .settle_logo .webuploader-pick{
    width: 80px;
    height: 35px;
    line-height: 35px;
    margin-left: 10px;
    border: none;
    background: #6f00af;
    color: #fff;
    text-align: center;
}
.settle_box .settle_paper{
    width: 800px;
}
.settle_box .settle_paper .webuploader-container {
    position: relative;
}
.settle_box .settle_paper .webuploader-element-invisible{
    display: none;
}
.settle_box .pic_list li {
    float: left;
    text-align: center;
}
/*申请入驻 end*/