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;font-weight:400;color:rgba(51,51,51,1);margin: 17px auto 15px}
.special{width: 100%;background:rgba(231,230,230,1);text-align: center;display: flex;font-size:30px;font-weight:bold;color:rgba(190,0,0,1);}
.special .banner{width: 100%;}
.special .special-item1{width:170px;height:80px;margin-left:  722px }
.special .special-item2{width:312px;height:81px;margin-left:  52px}
.content{width:1120px;margin: 20px auto;padding-top: 20px;display: flex}

.content .left{width: 200px;}
.content .left .left-title{height:34px;background:rgba(190,0,0,1);text-align: center}
.content .left .left-title span{display: inline-block;font-size:16px;font-weight:bold;line-height:34px;color:rgba(255,255,255,1);}
.content .left .left-select{margin-top: 10px;border:1px solid rgba(217,217,217,1);}
.left .left-select .select-span{height:36px;display: block;background:rgba(245,244,244,1);font-size:14px;font-weight:bold;padding-left: 10px;line-height:36px;color:rgba(51,51,51,1);}
.left .left-select .select-div{margin: 0 18px;}
.left-select .select-div .select-div1{height: 33px;line-height: 33px;border-bottom: 1px solid rgba(239,237,237,1);padding-left: 13px;position: relative;cursor: pointer;}
.left-select .select-div .select-div1:hover{color: rgb(190,0,0)}
.left-select .select-div .select-div1_active{color:rgb(190,0,0) }
.left-select .select-div .select-div1 img{width: 7px;height: 12px;float: right;position: absolute;top:11px;right: 0}
.left .left-select .select-button{width:48px;height:24px;text-align: center;background:rgba(241,241,241,1);border:1px solid rgba(176,175,175,1);  border-radius:2px;  margin: 15px 0 10px 75px;font-size:14px;  font-weight:400;  line-height:24px;  color:rgba(31,31,31,1);}
.content .left .left-item1{margin-top: 16px;border:1px solid rgba(217,217,217,1);}
.left .left-item1 .item1-title{
    height:36px;display: block;background:rgba(245,244,244,1);font-size:14px;font-weight:bold;padding-left: 10px;line-height:36px;color:rgba(51,51,51,1);
}
.left .left-item1 .item1-div{margin:12px 10px;font-size:12px;font-weight:400;color:rgba(51,51,51,1);}
.left .left-item1 .item1-div input{display: inline-block;color:rgba(145,145,145,1);text-align: center}
.left .left-item1 .item1-div input:first-child{width:70px;height:22px;border:1px solid rgba(217,217,217,1);line-height: 22px}
.left .left-item1 .item1-div input:nth-child(2){width:70px;height:22px;border:1px solid rgba(217,217,217,1);line-height: 22px;margin-right: 5px}
.left .left-item1 .item1-div input::-webkit-input-placeholder{color: rgb(145, 145, 145)}
.left .left-item1 .item1-div1{margin:12px 10px;font-size:12px;font-weight:400;color:rgba(51,51,51,1);}
.left .left-item1 .item1-div1 span{display: inline-block;text-align: center;font-size:14px;font-weight:400;color:rgba(31,31,31,1);cursor: pointer}
.left .left-item1 .item1-div1 span:first-child{width:48px;height:24px;line-height: 24px;margin:10px 0 15px 25px;background:rgba(241,241,241,1);border:1px solid rgba(176,175,175,1);border-radius:2px;}
.left .left-item1 .item1-div1 span:nth-child(2){width:48px;height:24px;line-height: 24px;margin:10px 0 15px 22px;background:rgba(241,241,241,1);border:1px solid rgba(176,175,175,1);border-radius:2px;}
.content .left .left-item2{margin-top: 16px;border:1px solid rgba(217,217,217,1);}
.left .left-item2 .item2-title{height:36px;display: block;background:rgba(245,244,244,1);font-size:14px;font-weight:bold;padding-left: 10px;line-height:36px;color:rgba(51,51,51,1);}
.left .left-item2 .item2-div{margin:12px 7px;font-size:12px;font-weight:400;color:rgba(51,51,51,1);}
.left .left-item2 .item2-div span{display: inline-block;color:rgba(145,145,145,1);text-align: center;font-size:12px;font-weight:400;border:1px solid rgba(217,217,217,1);padding:0 4px;margin: 5px}
.left .left-item2 .item2-div span:hover{border: 1px solid rgba(190,0,0,1);color: rgba(190,0,0,1)}
.left .left-item2 .item2-div_active{border: 1px solid rgba(190,0,0,1);color: rgba(190,0,0,1)}
.left .left-item2 .item2-div1{margin:12px 10px;font-size:12px;font-weight:400;color:rgba(51,51,51,1);}
.left .left-item2 .item2-div1 span:first-child{width:48px;height:24px;display: block;background:rgba(241,241,241,1);border:1px solid rgba(176,175,175,1);text-align: center;margin-left: 60px;font-size:14px;  font-weight:400;line-height:24px;color:rgba(31,31,31,1);border-radius:2px;}
.content .left .left-item3{margin-top: 16px;border:1px solid rgba(217,217,217,1);}
.left .left-item3 .item3-title{height: 50px;line-height: 50px;font-size:16px;font-weight: bold;text-align: center;color:rgba(51,51,51,1);}
.left .left-item3 .item3-div{width: 160px;margin: auto;margin-bottom: 30px;cursor: pointer;position: relative}
.left .left-item3 .item3-div img{width: 160px;height: 160px;}
.left .left-item3 .item3-div span{font-size:12px;font-weight:400;color:rgba(112,112,112,1);margin-top: 10px}
.left .left-item3 .item3-div span:nth-child(3){font-size:14px;font-weight:bold; color:rgba(190,0,0,1)}

.content .right{width: 922px;margin-left: 22px}
.content .right-search{
    width: 100%;box-sizing: border-box;justify-content: flex-start;align-items: center;background: rgba(245,244,244,1);
    margin-bottom: 20px;
}
.right-search-item1{
    width: max-content;box-sizing: border-box;margin-left: 25px;justify-content: flex-start;align-items: center;
}
.right-search-item1-span{
    width: max-content;box-sizing: border-box;line-height: 36px;font-size: 14px;color: #333333;font-weight: 400
}
.right-search-item1 .form-group{
    display: block;float: none!important;height: 24px;width: max-content;
}
.right-search-item1-price{
    width: 70px;box-sizing: border-box;border-radius: 4px;display: block;
    font-size: 12px;text-align: center;
    color: rgba(145,145,145,1);
    height: 24px;line-height: 22px;
    border: 1px solid rgba(217,217,217,1);
}
.right-search-item1-select{
    width: 120px;box-sizing: border-box;border-radius: 4px;display: block;
    font-size: 12px;text-align: center;
    color: rgba(145,145,145,1);
    height: 24px;line-height: 22px;
    border: 1px solid rgba(217,217,217,1);
}
.right-search-item1-submit{
    width: 60px;height: 24px;box-sizing: border-box;
    line-height: 22px;color: #333333;
    background: #ffffff;
    border: 1px solid rgba(217,217,217,1);
    border-radius: 4px;text-align: center;cursor: pointer;
}


.content .right .right-shop{width:180px;float: left;height:285px;background:rgba(255,255,255,1);border:1px solid rgba(217,217,217,1);margin-bottom: 40px}
.right .right-shop .shop-img{width: 152px;height: 151px;border:1px dashed rgba(217,217,217,1);margin: 15px;position: relative}
.right .right-shop .shop-img img{width: 150px;height: 150px}
.right .right-shop .shop-text{width:150px;height:24px;position: absolute;bottom:-3px;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;}

.right .right-shop .shop-title{width: 150px;;margin-left:15px;}
.right .right-shop .shop-title span:first-child{font-size:12px;height:33px;font-weight:400; overflow: hidden;text-overflow: ellipsis;color:rgba(51,51,51,1);}
.right .right-shop .shop-title span:nth-child(2){font-size:14px;margin-top: 5px;display: inline-block;font-weight:bold;color:rgba(190,0,0,1);}
.right .right-shop .shop-title span:nth-child(3){font-size:10px;display: inline-block;font-weight:400;color:rgba(145,145,145,1);margin-top: 8px;;float: right;text-decoration: line-through}
.right .right-shop .shop-title span:nth-child(4){display: block;margin-top: 10px;height:4px;background:rgba(231,230,230,1);border-radius:5px;}
.right .right-shop .shop-title span:nth-child(5){font-size:12px;margin-top: 6px;display: block;font-weight:400;line-height:16px;color:rgba(31,31,31,1);}
.shop-span{width:121px;float: left;height:4px!important;background:rgba(190,0,0,1);border-radius:5px;}
.right .right-page{float: right;font-size:12px;margin-top: 60px;font-weight:400;line-height:16px;color:rgba(51,51,51,1);clear: both;}
.right .right-page img{width: 16px;margin: 0 10px}

.middle{width:1120px;margin: 60px auto;}
.middle .middle-item1{width:1120px;background:rgba(231,230,230,1);text-align: center}
.middle .middle-item1 img{width:1120px;}
.middle .middle-item1 span{font-size:16px;font-weight:400;line-height:120px;color:rgba(51,51,51,1);display: inline-block}
.middle .middle-item2{width:1120px;height:160px;margin-top: 42px;background:rgba(231,230,230,1);text-align: center}
.middle .middle-item2 span:first-child{font-size:16px;display: block;font-weight:400;line-height:80px;color:rgba(51,51,51,1);}
.middle .middle-item2 span:nth-child(2){font-size:24px;display: block;font-weight:bold;line-height:30px;color:rgba(51,51,51,1);}

.foot{width: 1200px;margin: 35px auto; }
.foot-item1{width: 1120px;margin:40px auto}
.foot-item1 .item1-title{font-size:16px;font-weight:400;line-height:20px;color:rgba(31,31,31,1);}
.foot-item1 .item1-shop .item1-shop-img{width: calc(100%/5);float: left;margin-top: 30px}
.foot-item1 .item1-shop .item1-shop-img img{width: 200px;height: 120px;cursor: pointer;}
.item1-shop-border{width: 1120px;height:2px;background:rgba(112,112,112,1);margin-top: 40px}
.item1-shop-border2{width: 1120px;height:1px;background:rgba(112,112,112,1);margin-top: 3px}
.foot-item2{width: 1200px;margin:40px 0 0 40px}
.foot-item2 .item2-title{font-size:16px;font-weight:400;line-height:20px;color:rgba(51,51,51,1);}
.foot-item2 .item2-shop{margin-top: 20px}
.foot-item2 .item2-shop-name{width: 165px;height: 300px;float: left;margin-right: 26px;position: relative}
.foot-item2 .item2-shop-name img{width: 160px}
.foot-item2 .item2-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-item2 .item2-shop-name span:nth-child(3){font-size:14px;margin-top: 10px;display: block;font-weight:bold;color:rgba(190,0,0,1);}
.item2-shop-border{width: 1120px;height:2px;background:rgba(112,112,112,1);}
.foot-item3{width: 1200px;margin:40px 0 0 40px}
.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{width: 160px;height:160px;float: left;margin: 30px 32px 0 0;position: relative}
.foot-item3 .item3-shop .item3-shop-img img{width: 160px;height: 160px;}

.hidden_input{display: none}
.form-group{margin-bottom: 0;float: left;}
.middle-item2 img{width: 100%;cursor: pointer}
/*分页*/
.activity_time_page{clear: both;float: right;position: relative}
.activity_time_page .product_count{  margin-right: 20px; float: left; line-height: 61px;}
.activity_time_page .page-item{float: left;margin-right: 90px;}
.activity_time_page .prev span{ background: url("img/item3.png") no-repeat center;width: 16px;
    height: 16px;  background-size: 15px;  margin-right: 15px;}
.activity_time_page .prev a{ background: url("img/item1.png") no-repeat center;width: 16px;
    height: 16px;  background-size: 15px;  margin-right: 15px;}
.pagination > li > a, .pagination > li > span{padding: 0 5px;border: none;margin: 0 2px;}
.activity_time_page .next span{ background: url("img/item4.png") no-repeat center;width: 16px;
    height: 16px;  background-size: 15px; margin-left: 15px;}
.activity_time_page .next a{ background: url("img/item2.png") no-repeat center;width: 16px;
    height: 16px; background-size: 15px; margin-left: 15px;}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{
    background-color:rgba(190,0,0,1);border-color: rgba(190,0,0,1);
}
.pagination > li > a, .pagination > li > span{color: #333333;}
.page-div{position: absolute;
    right: 0;
    top: 16px;margin-left: 20px;}
.page-input{width: 36px;height: 24px;border:1px solid rgba(145,145,145,1);float: right;text-align: center}
.page-button{border: 0;background:rgba(255,255,255,1);color:rgba(190,0,0,1);float: right;line-height: 24px;margin-left: 10px}
.red{color:rgba(190,0,0,1)!important;}

.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 !important;
}
.hidden_text1{
    text-decoration:line-through;
    color: #707070;
    font-size: 12px;
    font-weight: 400;
    float: right;
    margin: -15px 5px !important;
}
.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;}

.goods_expire{
    opacity: 0.7;
    background: rgba(217,217,217,1)!important;
}