@CHARSET "UTF-8";
body{background-color: #F8F8F8;}
.wst-shop-home-container .wst-shop-home-top{width: 100%; background-repeat: no-repeat;background-size: 100% 200px;color: #fff;}
.wst-shop-home-container .shop-detail{    
    background: #FFF;
    padding: 20px 30px;
    border-radius: 4px;
    overflow: hidden;}
.shop-info-head{    
    float: right;
    width: 930px;position: relative;}
.shop-info-head .shopname{font-size: 26px;
    font-weight: 500;
    color: #222;}
.shop-info-head .row {
    margin: 5px 0 12px;
}
.shop-info-head .row img{width: 18px;}
.shop-info-head .row .score {
    font-size: 14px;
    color: #666;
    line-height: 14px;
    padding-left: 6px;
}
.shop-detail .shop-info-body {
    padding: 10px 0;
    border-top: 1px solid #eee;
    position: relative;
}
.shop-detail .shop-info-body .qrcode{
    position: absolute;
    height: 120px;
    width: 120px;
    right: 0;
    top:15px;
}
.shop-detail .shop-info-body .qrcode img{ height: 100%;height: 100%;border: 1px solid #eee;}
.shop-detail .shop-info-body .item {
    font-size: 14px;
    color: #666;
    padding: 7px 0;
}
.shop-detail .shop-info-body .item span {
    line-height: 20px;
}

.wst-shop-home-container .wst-shop-home-top .wst-shop-home-name{width: 1226px;margin: 0 auto;padding: 58px 0;position: relative;height:60px;}
.wst-shop-home-name .wst-shop-home-name-left{width: 45%;float: left;position: relative;z-index: 1;padding-left:10px;}
.wst-shop-home-name .wst-shop-home-name-left>img{float: left;height: 100px;width: 100px; border-radius: 100px;top: -20px;position: relative;}
.wst-shop-home-name .wst-shop-home-name-left .shop-score{margin-left: 10px;float: left;z-index: 3;}
.wst-shop-home-name .wst-shop-home-name-left h2{font-size: 20px;}
.wst-shop-home-name .wst-shop-home-name-left>div>div>div{float: left;position: relative;}
.wst-shop-home-name .wst-shop-home-name-left>div>div>div img{width: 16px;}
.wst-shop-home-name .wst-shop-home-name-left>div>div>div>div{overflow:hidden;float: left;position: absolute;height: 100%;width: 80%;top: 0;left: 0;opacity: 0.5;}
.wst-shop-home-name .wst-shop-home-name-left>div>div>span{font-size: 18px;}

/*店铺详情*/
.wst-shop-home-name .wst-shop-home-name-left .shops-detail{color:#000;display:none;position: absolute;top: -57px;left:0;padding-top: 174px;width: 60%;z-index: 2;box-shadow: 0 0 10px 0 #ccc;}
.wst-shop-home-name .wst-shop-home-name-left .shops-detail ul{background-color: #fff;padding: 20px;}
.wst-shop-home-name .wst-shop-home-name-left .shops-detail ul li{padding: 10px 0;}


.wst-shop-home-name .wst-shop-home-name-right{width: 50%;float: right;}
.wst-shop-home-name .wst-shop-home-name-right>div{float: left;width: 25%;height: 50px;line-height: 30px;font-size: 14px;}
.wst-shop-home-name .wst-shop-home-name-right>div span{font-size: 18px;}
.wst-shop-home-favorites{position: absolute;right: 0;top: 0;width: 100px;height: 60px;opacity: 0.5;cursor: pointer;text-align: center;background-color: rgba(255,255,255,.1);}
.wst-shop-home-favorites img{width: 24px;}

.wst-shop-home-container .wst-shop-home-content{width: 1226px;margin: 0 auto;overflow: hidden;}
.wst-nav-pbox{width: 100%; background: #fff;margin: 0px auto;line-height: 50px;border-radius: 4px; overflow: hidden;}
.wst-shop-home-nav .wst-shop-home-classify{float: left;width: 35%;}
.wst-shop-home-nav .wst-shop-home-order{float: left;width: 35%;}
.wst-shop-home-nav .wst-shop-home-order ul{float: right;margin-right: 20px;}
.wst-shop-home-nav .wst-shop-home-classify ul li:hover{color: #13d1be;border-bottom: 3px solid #13d1be;}
.wst-shop-home-nav .wst-shop-home-order ul li:hover{color: #13d1be;}
.wst-shop-home-nav ul li{float: left;padding: 5px 0px;font-size: 16px;cursor: pointer;margin: 0 35px;}
.wst-shop-home-nav .wst-shop-home-order li{font-size: 14px;padding: 5px 10px;position: relative; margin: 0px 5px;}
.wst-shop-home-nav ul i{float: left;margin-top: 6px;color: #ccc;}
.wst-shop-home-nav .wst-shop-home-classify .shop-home-classify-action{color: #13d1be;border-bottom: 3px solid #13d1be;}
.wst-shop-home-nav .wst-shop-home-order .shop-home-order-action{color: #13d1be;}
.wst-shop-home-nav .wst-shop-home-order .shop-home-order-action:before{content:"";width: 0; height: 0; border: 4px solid #13d1be; border-color: #13d1be transparent transparent;right: 0;top: 50%;position: absolute;}
.wst-shop-home-nav .wst-shop-home-order .shop-home-order-action1:before{content:"";width: 0; height: 0; border: 4px solid #13d1be; border-color:transparent transparent #13d1be transparent;right: 0;top: 35%;position: absolute;}
.wst-shop-home-nav .wst-shop-home-order .shop-home-order-action:nth-child(1):before{content:"";width: 0; height: 0; border: 0; position: static;}
.wst-shop-home-nav .wst-shop-home-order .shop-home-order-action1:nth-child(1):before{content:"";width: 0; height: 0; border: 0;position: static;}

.wst-shop-home-search{width: 28%;float: right;padding-right: 10px;}
.wst-shop-home-search>div{width: 250px;position: relative;float: right;padding-top: 11px;}
.wst-shop-home-search form input{width: 250px;padding: 11px;font-size: 14px;float: right;border:1px solid #eee;border-radius: 5px;}
.wst-shop-home-search form input:focus{border:1px solid #999;}
.wst-shop-home-search form span{height: 32px;width: 40px;}
 .wst-shop-home-search span img{position: absolute;right: 5px;top: 20px;cursor: pointer;}

.wst-shop-home-list{width: 100%;margin-top: 20px;overflow: hidden;}


.wst-shop-home-list-left{width: 70%;float: left;margin: 20px 0;}
.product{display: none;}
.evaluation{display: none;}
.blum{display: none;}
.rote{display: block;}
/*商品*/
.wst-shop-home-type{margin: 0px;font-size: 16px;text-align: center;overflow: hidden; background: #fff;padding: 20px;}
.nav-active span{background-color: #13d1be;color: #fff;}
.wst-shop-home-type>div{float: left;padding: 5px 0%;font-size: 16px;cursor: pointer;text-align: center; margin: 0px 10px;background: #fff; border-radius: 16px;}
.wst-shop-home-type>div:hover span{background-color: #13d1be;color: #fff;}
.wst-shop-home-type>div span{padding: 7px 20px;border-radius: 16px;}
.wst-shop-home-list-detail{width:100%;margin: 20px auto; overflow: hidden;}
.wst-shop-home-list-detail .detail-nav{ width: 100%; margin: 0px auto 20px;overflow: hidden;}
.wst-shop-home-list-detail .detail-nav>h3{font-size: 20px;margin-bottom: 10px; font-weight: bold;}
.wst-shop-home-list-detail .detail-nav h2 span{font-size: 14px;color: #999;margin-left: 5px;}
.wst-shop-home-list-detail .detail-nav-list-bg{background: #fff;padding:0px 20px;margin: 0px auto;border-radius: 4px; overflow:hidden;}
.wst-shop-home-list-detail .detail-nav .detail-nav-list{margin: 0;border-bottom: 1px solid #eee;box-sizing: border-box;margin: 20px 0px;padding-bottom: 20px; overflow:hidden;}
.wst-shop-home-list-detail .detail-nav .detail-nav-list:last-child{border-bottom: 0px;padding-bottom: 0px;}
.wst-shop-home-list-detail .detail-nav .detail-nav-list>a img{height: 100px;float: left;width: 100px; border-radius: 8px;}
.wst-shop-home-list-detail .detail-nav .detail-nav-list-item{width:85%;float: left;position: relative;height: 50px;margin-left: 15px;padding: 5px 0 50px 0;}
.wst-shop-home-list-detail .detail-nav .detail-nav-list-item .list-item-score{padding-top: 5px;}
.wst-shop-home-list-detail .detail-nav .detail-nav-list-item>a h2{overflow: hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;color: #333;font-weight: 700;font-size: 18px;}
.wst-shop-home-list-detail .detail-nav .detail-nav-list-item>p{overflow: hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.wst-shop-home-list-detail .detail-nav .detail-nav-list-item .list-item-score>div{float: left;position: relative;}
.wst-shop-home-list-detail .detail-nav .detail-nav-list-item .list-item-score>div img{width: 16px;}
.wst-shop-home-list-detail .detail-nav .detail-nav-list-item .list-item-score>div>div{overflow:hidden;float: left;position: absolute;height: 100%;width: 80%;top: 0;left: 0;opacity: 0.5;}
.wst-shop-home-list-detail .detail-nav .detail-nav-list-item>span{position: absolute;bottom: 10px;left: 0;color: #f74c31;font-weight: 700;font-size: 18px;}
.wst-shop-home-list-detail .detail-nav .detail-nav-list-item .btn-add-cart{position: absolute;bottom: 10px;right: 0;border: none;transition: background-color .5s;background-color: #F90;color: #fff;border-radius: 100px; padding: 6px 32px;}
.wst-shop-home-list-detail .detail-nav .detail-nav-list-item .btn-spec{position: absolute;bottom: 10px;right: 0;border: none;transition: background-color .5s;background-color: #F90;color: #fff;border-radius: 100px; padding: 6px 32px;}
.wst-shop-home-list-detail .detail-nav .detail-nav-list-item .add-red-carts{position: absolute;bottom: 10px;right: 0;}
.wst-shop-home-list-detail .detail-nav .detail-nav-list-item .num{width: 48px;height: 24px;border: 1px solid #ddd;padding: 0;float: left;margin: 0;text-align: center;}
.wst-shop-home-list-detail .detail-nav .detail-nav-list-item button{cursor: pointer;border: 1px solid #ddd;float: left;padding: 0;background-color: #ddd;margin: 0;}
.wst-shop-home-list-detail .detail-nav .detail-nav-list-item .red{border-radius: 16px 0 0 16px}
.wst-shop-home-list-detail .detail-nav .detail-nav-list-item .add{border-radius: 0 16px 16px 0;}


/*二级分类*/
.two-nav{display:none;z-index:111;padding:10px 2% 10px 2%;border:1px solid #eee;width: 96%;float: left;overflow: hidden;color: #999;background-color: #fff;}
.two-nav>div{float: left;padding: 5px 1%;font-size: 14px;width: 18%;cursor: pointer;text-align: center;}
.two-nav>div span{padding: 5px 15px;border-radius: 16px;}
.two-nav>div:hover span{background-color: #13d1be;color: #fff;}
/*评价*/
.wst-evaluation-nav{width: 100%;overflow: hidden;}
.wst-evaluation-nav ul{float: left;width: 100%;background-color: #fff;border-bottom: 1px solid #eee;}
.wst-evaluation-nav ul li{float: left;border-right: 1px solid #eee;padding: 12px 20px;cursor: pointer;}
.wst-evaluation-nav ul .evaluation-action{border-top: 2px solid #13d1be;color: #13d1be;box-sizing: border-box;}
.wst-evaluation-nav ul li:hover{border-top: 2px solid #13d1be;color: #13d1be;}
.wst-evaluation-list{width: 100%;background-color: #fff;}
.wst-evaluation-list .evaluation-detail{padding: 20px; margin: 0px;overflow: hidden;}
.wst-evaluation-list .evaluation-detail .evaluation-img{width: 80px;float: left;overflow: hidden;}
.wst-evaluation-list .evaluation-detail .evaluation-img img{width: 60px;}
.wst-evaluation-list .evaluation-detail .evaluation-name{width: 735px;float: right;overflow: hidden;border-bottom: 1px solid #eee;padding-bottom: 10px;}
.wst-evaluation-list .evaluation-detail .evaluation-name h3{line-height: 40px;}
.wst-evaluation-list .evaluation-detail .evaluation-name h3 span{float: right;font-weight: 300;color: #999;}
.wst-evaluation-list .evaluation-detail .evaluation-name .evaluation-score{line-height: 40px;}
.evaluation-name .evaluation-score img{width: 20px;}
.wst-evaluation-list .evaluation-detail .evaluation-name .evaluation-score>div{float: left;margin-top: 5px;}
.wst-evaluation-list .evaluation-detail .evaluation-name .evaluation-score>span{font-size: 16px;color: #f74c31;margin-left: 10px;}
.wst-evaluation-list .evaluation-detail .evaluation-name .evaluation-score>span i{color: #999;font-style: initial}
.wst-evaluation-list .evaluation-detail .evaluation-span{margin-top: 5px;margin-bottom: 10px;}
.wst-evaluation-list .evaluation-detail .evaluation-product ul li{line-height: 40px;}
.wst-evaluation-list .evaluation-detail .evaluation-product ul li .product-name{float: left;overflow: hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;width: 50%;}
.wst-evaluation-list .evaluation-detail .evaluation-product ul li span{padding: 0 10px 0 0;}
.wst-evaluation-list .evaluation-detail .evaluation-product ul li div{float: left;}
.wst-evaluation-list .evaluation-detail .evaluation-shop-reply{padding: 10px;background-color: #f7f7f7;margin-bottom: 20px;}
.wst-evaluation-list .evaluation-detail .evaluation-name>img{height: 100px;margin-right: 10px;}


/*相册*/
.wst-blum-nav{width: 100%;overflow: hidden;}
.wst-blum-nav ul{float: left;width: 100%;border-bottom: 1px solid #eee;background-color: #fff;}
.wst-blum-nav ul li{float: left;border-right: 1px solid #eee;padding: 10px 20px;cursor: pointer;border-top:2px solid #fff}
.wst-blum-nav ul .blum-action{border-top: 2px solid #13d1be;color: #13d1be;box-sizing: border-box;}
.wst-blum-nav ul li:hover{border-top: 2px solid #13d1be;color: #13d1be;}
.wst-blum-list{padding-left:15px;}
.wst-blum-list .albumTitle{font-size: 20px;padding: 20px 0;}
.wst-blum-list .item{width: 200px;height: 200px;float: left;margin: 10px 10px 0 0;}
.wst-blum-list .item img{width: 200px;height: 200px;object-fit: cover;object-position: center;}



.wst-shop-home-list-right{width: 30%;float: right;margin-top: 20px;}
.wst-shop-home-list-right .right-position{float:right;width: 345px;margin-left: 50px;border-radius: 4px;overflow: hidden;}
.wst-shop-home-list-right .right-position h2{background-color: #fff;color: #333;font-size: 22px;padding: 5px 10px;line-height: 40px;}
.right-position span{font-size: 15px;}
.right-position span a{color: #13d1be;text-decoration: underline;}
.right-position img{height: 20px;vertical-align: middle;margin-right: 10px;}
.wst-shop-home-list-right .right-map{float:right;width: 345px;height:250px;}
.wst-shop-home-list-right .right-notice{float:right;width: 345px;margin-left: 50px;margin-top: 40px;background-color: #fff;border-radius: 4px;overflow: hidden;}
.wst-shop-home-list-right .right-notice h2{color: #333;font-size: 22px;padding: 5px 10px;line-height: 40px;border-bottom: 1px solid #eee;}
.wst-shop-home-list-right .right-notice p{padding: 10px;line-height: 26px;}
.wst-shop-home-list-right .right-notice>div h2{font-size: 18px;padding: 5px 10px 0 10px;}
.wst-shop-home-list-right .right-qcode{text-align:center;float:right;width: 345px;margin-left: 50px;margin-top: 40px;background-color: #fff;border: 1px solid #eee;}
.wst-shop-home-list-right .right-qcode h2{background-color: #13d1be;color: #fff;font-size: 18px;padding: 5px 10px;text-align: left;}
.wst-shop-home-list-right .right-qcode img{margin: 0 auto;width:280px;height:280px}

/*弹出层*/
.shop-home-msg{background-color: #fff;width: 100%;float: left;margin-top: 20px;box-sizing: border-box;}
.shop-home-msg>img{height: 200px;float: left;}
.shop-home-msg .shop-home-msg-right h1{font-size: 20px;line-height: 28px;} 
.shop-home-msg .shop-home-msg-right{    width: 50%;float: left;position: relative;height: 200px;margin-left: 5px;}
.shop-home-msg .shop-home-msg-right .spec{width: 100%;padding: 20px 10px;overflow: auto;max-height: 300px;}
.shop-home-msg .shop-home-msg-right .spec img{width: 28px;cursor: pointer;height: 28px;margin: 0 3px;box-sizing: border-box;}
.msg-cart{position: absolute;left: 0;bottom: 0;width: 100%;height: 100px;background-color: #eee;}
.msg-cart span{position: absolute;left: 50px;bottom: 20px;font-size: 20px;color: #de0202;}
.msg-cart .add-cart-spec{position: absolute;right: 50px;bottom: 20px;background-color: #13d1be;color: #fff;padding: 10px 20px;border: 1px solid #13d1be;border-radius: 5px;}
.shop-home-msg .shop-home-msg-right .spec>div{width: 100%;margin: 10px 0;overflow: hidden;}
.shop-home-msg .shop-home-msg-right .spec h2{line-height: 30px;padding: 0 10px;font-size: 14px;}
.shop-home-msg .shop-home-msg-right .spec>div>div{float: left;}
.shop-home-msg .shop-home-msg-right .spec>div>div>div{float: left;padding: 0 10px;line-height: 24px;cursor: pointer;height: 24px;border: 1px solid #ccc;margin: 0 3px;}
.shop-home-msg .shop-home-msg-right .spec>div>div .action{background-color: #13d1be;color: #fff;border-radius: 5px;border: 1px solid #13d1be;}
.msg-cart .add-red-carts{position: absolute;bottom: 20px;right: 50px;}
.msg-cart .num{width: 40px;height: 30px;border: 1px solid #ddd;padding: 0;float: left;margin: 0;text-align: center;}
.msg-cart button{width: 20px;height: 32px;border: 1px solid #ddd;float: left;padding: 0;background-color: #ddd;margin: 0;}
.msg-cart .red{border-radius: 16px 0 0 16px}
.msg-cart .add{border-radius: 0 16px 16px 0;}

/*购物车*/
.shop-home-cats{position: fixed;right: 0;bottom: 0;width: 400px;background-color: #fff;z-index: 1111;box-shadow: 0 1px 15px #ccc;border-top: 2px solid #13d1be;}
.shop-home-cats .shop-home-cats-top{padding: 10px;font-size: 16px;border-bottom: 1px solid #eee;}
.shop-home-cats .shop-home-cats-top input{border: 0;color: #13d1be;background-color: #fff;font-size: 16px;}
.shop-home-cats .shop-home-cats-content{margin: 10px 5px;overflow: hidden;}
.shop-home-cats .shop-home-cats-content .cats-product{padding: 10px;overflow: hidden;}
.shop-home-cats .shop-home-cats-content .cats-product>div{float: left;}
.shop-home-cats .shop-home-cats-content .cats-product .cats-product-title{font-size: 16px;width: 30%;overflow: hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;margin-right: 5px;}
.shop-home-cats .shop-home-cats-content .cats-product .cats-product-sku{font-size: 13px;width: 30%;overflow: hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;color:#999;}
.shop-home-cats .shop-home-cats-content .cats-product .cats-product-add button{width: 20px;height: 20px;border: 1px solid #ddd;float: left;padding: 0;background-color: #fff;margin: 0;}
.shop-home-cats .shop-home-cats-content .cats-product .cats-product-add input{width: 30px;height: 18px;border: 1px solid #ddd;padding: 0;float: left;margin: 0;text-align: center;}
.shop-home-cats .shop-home-cats-content .cats-product .cats-product-price{float: right;color: #f74c31;}
.shop-home-cats .shop-home-cats-bottom>div{width: 60%;height: 60px;background-color: #2c2c2c;float: left;color: #fff;position: relative;}
.shop-home-cats .shop-home-cats-bottom>div>span{color: #fff;background-color: #13d1be;width: 40px;height: 40px;border-radius: 20px;font-size: 14px;line-height: 40px;position: absolute;top: 10px;left: 10px;text-align: center;}
.shop-home-cats .shop-home-cats-bottom>div>div{position: absolute;top: 10px;left: 60px;font-size: 24px;color: #fff;line-height: 40px;}
.shop-home-cats .shop-home-cats-bottom>div>div>span{color: #999;font-size: 14px;}
.shop-home-cats .shop-home-cats-bottom>input{width: 40%;height: 60px;background-color: #13d1be;border: 0;float: right;}
.shop-home-cats .shop-home-cats-bottom .btn-gray{background-color: #999;color: #fff;}
.shop-home-cats .shop-home-cats-bottom .btn-green{background-color: #13d1be;color:#fff;font-size: 18px;}
.shop-home-cats .shop-home-cats-bottom .btn-rest{width: 40%;height: 60px;background-color: #999;border: 0;float: right;}