.container{width: 100%;}
.layui-container{width: 1336px;margin: 0 auto;}
/* font-class */
.layui-icon-shop-download:before{content:"\e69f"}
.layui-icon-shop-eye:before{content:"\e63a"}
.layui-icon-shop-buy:before{content:"\e601"}
.layui-icon-shop-color:before{content:"\e62a"}
.layui-icon-shop-fenlei:before{content:"\e602"}
.layui-icon-shop-dianpu:before{content:"\e7dc"}
.layui-icon-shop-more:before{content:"\e9c2"}

/* 颜色 */
.store-bg-green{background-color: #5CD47D;}
.store-bg-orange{background-color: #FF9434;}
.store-bg-blue{background-color: #5694E9;}

/* 辅助 */
.fly-html-store .layui-card-header{height: 50px; line-height: 50px;}
.fly-html-store .layui-card-body{padding: 15px;}
.store-color-bar{display: inline-block; width: 30px; height: 8px; background-color: #009688;}


/*详情页*/
.store-detail-info{position: absolute; right: 15px; top: 0; font-size: 0}
.store-detail-info .item{display: inline-block; vertical-align: middle; font-size: 14px;}

.store-self-product{position: relative; display: inline-block; vertical-align: middle; font-size: 0;}
.store-self-product span{font-size: 14px; height: 26px; line-height: 26px; padding: 0 10px; border-radius: 2px 0 0 2px; vertical-align: middle;}
.store-self-product span:last-child{border-radius: 0 2px 2px 0;}

.shop-nav.shopdata{padding-bottom: 0;}
.shopdata-intro{margin: 30px 0; background-color: #fff;}
.shopdata-intro .intro-img{position: relative; margin: 15px; margin-right: 50px;text-align: center; background-color: #fbfbfb;}
.shopdata-intro .intro-img{justify-content: center; align-items: center;height: 404px;width: 600px;overflow: hidden;}

.shopdata-intro .intro-img img{max-width: 100%;}
.shopdata-intro .intro-img:after{content:''; position: absolute; z-index: 10; left: 0; top: 0; width: 100%; height: 100%; border: 1px solid rgba(0,0,0,.05); transition: all .3s; -webkit-transition: all .3s; pointer-events: none;}
.shopdata-intro .intro-txt{padding: 10px;}
.shopdata-intro .intro-txt .title{line-height: 35px; padding: 30px 0 20px; font-size: 32px; color: #333;}
.shopdata-intro .intro-txt .title span{display: inline-block; font-size: 18px; line-height: 30px; padding: 0 10px; color: #FFF; background-color: #383e49; border-radius: 3px; vertical-align: top; margin-top: 24px; margin-right: 10px;}
.shopdata-intro .intro-txt p.desc{font-size: 16px; color: #8b8b8b; line-height: 28px; letter-spacing: 1px;}
.store-attrs{padding: 20px 0 15px;}
.store-attrs li{display: inline-block; margin-right: 30px; color: #bbb; vertical-align: middle;}
.store-attrs li i{margin-right: 12px;}
.store-attrs li span,
.store-attrs li img{margin-left: 10px;}
.store-attrs li img{width: 20px; position: relative; top: -3px;}
.store-attrs li:last-child span{display: inline-block; width: 30px; height: 8px; background-color: #009688;}
.shopdata-intro .intro-txt #introrate{margin-bottom: 45px;}
.shopdata-intro .intro-txt #shopEvent a{display: inline-block; width: 135px; margin-right: 55px; line-height: 42px; font-size: 14px; color: #FFF; text-align: center; border-radius: 2px;}
.shopdata-intro .intro-txt #shopEvent a i{font-size: 20px; margin-right: 10px; display: inline-block; vertical-align: top;}
.shopdata-intro .intro-txt .collect-price{color: #f44e2d; font-size: 26px; padding-top: 15px; padding-bottom: 20px; line-height: 22px;}
.shopdata-intro .intro-txt.collect .collect-price span{font-size: 14px;}

.store-detail-price{padding-top: 15px;}
.store-detail-price span{ font-size: 26px; color: #EF4E33;}
.store-detail-price cite{font-style: normal;}
.store-detail-active{padding: 50px 0 20px;}
.shopdata-content .layui-card-body{padding: 10px;}
.shopdata-content .detail-body img{max-width: 99%;border: 1px solid #f6f6f6; cursor: default;}


.shopdata-reply{background: #FFF; padding: 40px 30px 20px; border-top: 1px solid #f2f2f2;}
.shopdata-reply dt{color: #333; font-size: 18px; line-height: 58px; font-weight: bold;}
.shopdata-reply dd{border-bottom: 1px solid #f2f2f2; position: relative; padding-top: 38px; padding-bottom: 40px;}
.shopdata-reply dd:last-child{border-bottom: none;}
.shopdata-reply dd .reply-img{width: 58px; margin-right: 25px;}
.shopdata-reply dd .reply-img img{width: 100%;}
.shopdata-reply dd .reply-img + p{font-size: 18px; color: #555; line-height: 18px; position: absolute; top: 40px; left: 83px;}
.shopdata-reply dd .reply-img + p span{color: #cacaca; font-size: 14px; display: inline-block; vertical-align: middle; margin-left: 20px;}
.shopdata-reply dd .reply-content{color: #868686; line-height: 14px; position: absolute; top: 80px; left: 83px;}
.shopdata-reply dd .reply-content + span{color: #cacaca; font-size: 14px; position: absolute; top: 40px; right: 20px;}
.shopdata-reply dd .reply-content + span i{font-size: 14px;margin-right: 10px;}


.layui-tab-title .layui-this {
  color: #fff;
  background: #666;
}
.layui-tab-title li{font-weight: 600;}


.shopdata-content .layui-text{padding: 10px;}
.shopdata-content .layui-text img{max-width:100%;}
.shopdata-content .layui-card-header{font-weight: 600;}
.pd10{margin: 0 10px;}
.ping{width: 100%;}
.ping .li{border-bottom: 1px solid #eee;position: relative;min-height: 130px;padding: 10px;}
.ping .user{width: 100px;text-align: center;position: absolute;top:10px;left:0;}
.ping .user .pic{width: 60px;height: 60px;margin:0 auto;}
.ping .user .pic img{width: 100%;height: 100%;border: 1px solid #ddd;border-radius:50%;}
.ping .user .nichen{padding-top:5px;}
.ping .text{padding-left: 100px;}
.ping .text h3{border-bottom: 2px solid #f7f7f7;padding-bottom: 10px;font-weight: 500;}
.ping .text h3 .rmb{color:#f60;}
.ping .text h3 .pf{float: right}
.ping .text h3 .pf .span{display: inline-block;margin-right: 20px;}
.ping .text p{padding-top: 20px;}
.layui-rate {padding: 0px 5px 0px 0;margin-top: -6px;}
.layui-rate li i.layui-icon{font-size: 15px;margin-right: 0;}
.layui-btn, .layui-edge, .layui-inline, img{vertical-align: top}
.more{padding: 10px;text-align: center;background: #eee;width: 150px;margin: 0 auto;margin-top: 25px;cursor: pointer;display: none;}