body{font-family: 'Meiryo UI';font-size: 12px;}
.cursor{cursor: pointer}
.ellipsis_2{
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    white-space: normal !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.product-search{width: 100%;margin: auto;}
.title{width: 1200px;margin:17px auto;font-weight:400;color:rgba(51,51,51,1);}
.special{width: 100%;}
.special img{width: 100%;}
.list{width: 100%;height: 44px;box-shadow:0 2px 4px rgba(0,0,0,0.1);}
.list .nth-button{display: inline-block;border:1px solid rgba(217,217,217,1);border-radius:15px;padding:4px 16px;margin: 10px 16px 10px 0;color:rgba(17,17,17,1);cursor: pointer;}
.list .active{background:rgba(190,0,0,1);color:rgba(255,255,255,1)}
.content{width: 1200px;margin:20px auto;display: flex; }
.content-right{width: 1200px;}
.content-right .right-shop{margin: 50px 0;padding: 0 25px;}
.content-right .right-shop .right-title{width: 500px;color:rgba(31,31,31,1);text-align: center;margin:0 auto 46px}
.content-right .right-shop .right-title img{width: 15px;height: 38px}
.content-right .right-shop .right-title span{font-size:28px;margin: 36px;vertical-align: middle}
.content-right .right-shop .right-shop-name{width: 210px;height: 280px;margin: 15px 10px;float: left;border:1px solid rgba(217,217,217,1);box-shadow:0 3px 6px rgba(0,0,0,0.05);}
.content-right .right-shop .right-shop-name img{width: 160px;margin: 25px 25px 14px 25px}
.content-right .right-shop .right-shop-name span:nth-child(2){width: 160px;height: 34px;font-size:12px;margin:0 25px ;font-weight:400;color:rgba(112,112,112,1);line-height: 16px;}
.content-right .right-shop .right-shop-name span:nth-child(3){font-size:14px;font-weight:bold;line-height:23px;color:rgba(190,0,0,1);;display: inline-block;margin:0 25px}
.content-right .right-shop .right-shop-name span:nth-child(4){font-size: 10px;
    display: inline-block;
    font-weight: 400;
    color: rgba(145,145,145,1);
    margin:3px 25px 0 0;
    float: right;
    text-decoration: line-through;}

.item-shop-border{width: 1120px;text-align: center;margin: auto;}
.item-shop-border img{width: 1120px;}

/*下半部分*/
.foot{width: 1200px;margin: 35px auto 0;}
.foot-item2{width: 1200px;margin: auto}
.foot-item2 .item2-title{font-size:18px;font-weight:bold;line-height:20px;color:rgba(51,51,51,1);margin-left: 35px;}
.foot-item2 .item2-shop{margin-top: 20px;padding: 0 25px;}
.foot-item2 .item2-shop .shop-title{margin:20px auto 30px;width: 500px;text-align: center;font-size:18px;color:rgba(31,31,31,1);}
.foot-item2 .item2-shop-name{width: 210px;height: 280px;float: left;margin:0 10px;border:1px solid rgba(203,200,200,1);}
.foot-item2 .item2-shop-name img{width: 160px;margin: 25px 25px 0 25px}
.foot-item2 .item2-shop-name span:nth-child(3){width: 160px;height: 35px;margin:15px auto 0;font-size:12px;color:rgba(51,51,51,1)}
.foot-item2 .item2-shop-name span:nth-child(4){font-size:14px;color:rgba(190,0,0,1);margin:10px 25px;font-weight:bold;}
.item2-shop-border{width: 1150px;height:2px;margin: 70px auto 0;background:rgba(112,112,112,1)}
.item2-shop-border2{width: 1150px;height:1px;margin: 3px auto 0;background:rgba(112,112,112,1)}


.foot-item3{width: 1200px;margin:40px 0 40px 25px;}
.foot-item3 .item3-title{font-size:16px;font-weight:400;line-height:20px;color:rgba(51,51,51,1);}
.foot-item3 .item3-shop .item3-shop-img{float: left;margin: 30px 5px 0 0;position: relative}
.foot-item3 .item3-shop .item3-shop-img img{width: 160px;height: 160px;margin-right: 30px}

.foot-item4{width: 1200px;margin:35px auto}
.foot-item4 .item4-title{font-size:16px;font-weight:400;line-height:20px;color:rgba(51,51,51,1);margin-left: 35px;}
.foot-item4 .item4-shop{margin-top: 20px;overflow: hidden;padding: 0 10px;}
.foot-item4 .item4-shop .item4-shop-img{width: calc(100%/3);float: left;margin-top: 30px;text-align: center;cursor: pointer;}
.foot-item4 .item4-shop .item4-shop-img img{width: 350px;height: 210px;}
.item4-shop-border{width: 1140px;height:2px;margin: 10px auto 0;background:rgba(112,112,112,1);}
.item4-shop-border1{width: 1140px;height:1px;margin: 3px auto 0;background:rgba(112,112,112,1);}

.foot-item5{width: 1250px;margin:40px auto}
.foot-item5 .item5-title{font-size:16px;font-weight:400;line-height:20px;color:rgba(51,51,51,1);margin-left: 30px;}
.foot-item5 .item5-shop{margin-top: 20px;overflow: hidden;padding: 0 30px;}
.foot-item5 .item5-shop-name{width: 165px;height: 300px;float: left;margin-right: 30px;position: relative}
.foot-item5 .item5-shop-name img{width: 160px;height: 160px}
.foot-item5 .item5-shop-name span:nth-child(2){font-size:12px;height: 35px;margin-top: 20px;font-weight:400;color:rgba(51,51,51,1);overflow: hidden;text-overflow: ellipsis}
.foot-item5 .item5-shop-name span:nth-child(3){font-size:14px;margin-top: 10px;display: inline-block;font-weight:bold;color:rgba(190,0,0,1);}
.item5-shop-border{width: 1140px;height:2px;background:rgba(112,112,112,1);margin-left: 25px;}
.item5-shop-border2{width: 1140px;height:1px;background:rgba(112,112,112,1);margin:3px 0 0 25px;}


.ranking{position: absolute}
.ranking .num{position: absolute;top: 3px;left: 8px;font-size: 15px;color: #ffffff;
    font-weight: bold;}
.triangle{width: 0;height: 0;border-left: 0 solid transparent; border-right: 47px solid transparent;  }
.triangle0{border-top: 47px solid #EBC71B;}
.triangle1{ border-top: 47px solid #AAB5BC; }
.triangle2{ border-top: 47px solid #C29C55; }
.triangle3{ border-top: 47px solid #CBC8C8; }
.triangle4{ border-top: 47px solid #CBC8C8; }

.fixed{position: fixed;top: 0;background: #FFFFff;z-index: 99;}
.hidden_much{width: 50px;
    height: 50px;
    position: absolute;
    top: 0;
    left: 0;}
.hidden_text{
    text-decoration:line-through;
    color: #707070;
    font-size: 12px;
    font-weight: 400;
    float: right;
    margin: 15px 5px;
}
.recommend_hidden_much{
    width: 50px!important;
    height: 50px!important;
    position: absolute;
    top:0;
    left: 0;
}
.shop-text{width:160px;height:24px;position: absolute;top:136px;font-size:12px;font-weight:400;
    text-align: center;line-height:24px;color:rgba(255,255,255,1);background:rgba(190,0,0,1);
    opacity:0.81;}
#top{width: 50px;height: 50px;display: block;background: url("img/top.png") no-repeat center;background-size: 50px 50px;
    position: fixed; bottom: 70px;right: 70px;z-index: 100; }