body{font-family: 'Meiryo UI';font-size: 12px;}
.cursor{cursor: pointer}

.product-search{width: 1120px;margin: auto;}
.title{font-weight:400;color:rgba(51,51,51,1);margin-top: 17px}
.content{display: flex;width: 100%;margin-top: 15px}
/*左侧部分*/
.content_left{width: 200px;float: left;margin-bottom: 100px;}
.content_left .left_item1{background:rgba(245,244,244,1);padding: 10px;font-size: 14px;}
.content_left .left_item1 .item_box{margin: 5px 0}
.content_left .left_item1 .left_item1_title{font-size: 15px;color: #333333;font-weight: bold;}
.content_left .left_item1 .left_item1_title img{width: 15px;height: 15px;vertical-align: middle;margin-left: 20px;}
.content_left .left_item1 .item_box_title{background: #ffffff;margin-top: 10px;color: #333333;height: 40px;line-height: 40px;cursor: pointer}
.content_left .left_item1 .item_box_title .item_icon{width: 22px;height: 22px;margin: 9px 5px 0 5px;}
.content_left .left_item1 .item_box_title .arrow_r{width: 7px; height:11px;margin: 15px 7px }
.content_left .left_item1 .item_box_title .arrow_b{width: 11px; height:7px;margin: 16px 7px }
.content_left .left_item1 .item_box_title .item_lb{width: 120px;box-sizing: border-box;overflow:hidden;font-weight: bold;text-overflow: ellipsis;white-space: nowrap;display: block;}
.content_left .left_item1 .item_box_desc{background: #ffffff;padding: 0 10px 10px 10px;display: none}
.content_left .left_item1 .item_box_desc .item_row{padding: 5px 0;cursor: pointer;height: 25px;display: block;}
.content_left .left_item1 .item_box_desc .item_row span{display: block;float: left}
.content_left .left_item1 .item_box_desc .item_row:hover{color:rgba(190,0,0,1)}
.content_left .left_item1 .item_box_desc .item_row span:first-child{max-width: 160px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-right: 5px;font-size: 14px;}
.content_left .left_item2{margin-top: 25px}
.content_left .left_item2 .left_item2_pic{width: 200px;height: 120px;margin-top: 24px;}
.content_left .left_item2 .left_item2_pic img{width: 200px;height: 120px}

.content_left .left_item3{margin-top: 20px;border:1px solid rgba(217,217,217,1);}
.content_left .left_item3 .left_item3_title{margin-top: 20px;font-size:16px;text-align: center;font-weight:bold;color:rgba(51,51,51,1);}
.content_left .left_item3 .left_item3_shop{margin-top: 20px;}
.content_left .left_item3 .left_shop_name{width: 165px;height: 270px;margin: 0 0 0 15px;position: relative}
.content_left .left_item3 .left_shop_name img{width: 160px;}
.content_left .left_item3 .left_shop_name div:nth-child(2){height: 35px;font-size:12px;margin-top: 20px;font-weight:400;color:rgba(51,51,51,1)}
.content_left .left_item3 .left_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-top: 10px}

/*右边部分*/
.content-right{width: 900px;margin-left: 20px}
.content-right .right-item1{height: 81px;}
.content-right .right-item1 img{}
.content-right .right-title{font-size:18px;margin-top: 15px;font-weight:400;line-height:23px;color:rgba(51,51,51,1);}
.content-right .right-search{height: 36px;background:rgba(245,244,244,1);margin-top: 15px;display: flex}
.content-right .right-search .right-search-div1{width: 230px;font-size:14px;font-weight:400;line-height:36px;margin-left: 25px;color:rgba(51,51,51,1);}
.content-right .right-search .right-search-input{width: 135px;height: 23px;vertical-align: middle;color:rgba(190,0,0,1);padding-left: 5px}
.content-right .right-shop{margin-top: 20px}
.content-right .right-shop .right-shop-name{width: 165px;height: 330px;float: left;margin: 0 0 0 15px;position: relative}
.content-right .right-shop .right-shop-name .img1{width: 160px;height: 160px}
.content-right .right-shop .right-shop-name .img2{width: 35px;position: absolute;right: 5px;}
.content-right .right-shop .right-shop-name span:nth-child(3){font-size:12px;margin-top: 20px;font-weight:400;color:rgba(51,51,51,1);height: 35px;margin-bottom: 2px;}
.content-right .right-shop .right-shop-name span:nth-child(4){font-size:18px;font-weight:400;line-height:23px;color:rgba(190,0,0,1);;display: inline-block;margin-top: 10px}
.content-right .right-shop .right-shop-name span:nth-child(6){padding: 2px 10px;display: inline-block;background:rgba(190,0,0,1);
    margin-top: 10px;border-radius:90px;font-size:12px;text-align: center;color:rgba(255,255,255,1);float: right;
    vertical-align: text-bottom;}
.jifen_red {padding: 2px 10px;display: inline-block;background:rgba(190,0,0,1);
    margin-top: 10px;border-radius:90px;font-size:12px;text-align: center;color:rgba(255,255,255,1);float: right;
    vertical-align: text-bottom;
}
.content-right .right-shop .right-shop-button{width: 160px;height: 32px;background:rgba(255,255,255,1);border:1px solid rgba(145,145,145,1);font-size:14px;text-align: center;margin-top: 15px;font-weight:400;line-height:30px;color:rgba(31,31,31,1);display: block;}

.no-product{text-align: center; margin-top: 60px;font-size: 30px}
/*下半部分*/
.foot{width: 100%;margin-top: 35px;}
.foot-title{width: 1120px;margin: auto;}
.foot-title img{width: 1120px;}
.foot-item1{width: 1150px;margin:40px auto 0}
.foot-item1 .item1-title{font-size:16px;font-weight:bold;line-height:20px;color:rgba(31,31,31,1);}
.foot-item1 .item1-shop .item1-shop-img{width: calc(100%/3);float: left;margin-top: 30px}
.foot-item1 .item1-shop .item1-shop-img img{width: 350px;height: 210px;}
.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: 2px}
.foot-item2{width: 1150px;margin:30px auto 0}
.foot-item2 .item2-title{font-size:18px;font-weight:bold;line-height:20px;color:rgba(51,51,51,1);}
.foot-item2 .item2-shop{margin-top: 20px}
.foot-item2 .item2-shop-name{width: 165px;height: 280px;float: left;margin-right: 26px;position: relative}
.foot-item2 .item2-shop-name img{width: 160px;height: 160px}
.foot-item2 .item2-shop-name span:nth-child(2){font-size:12px;margin-top: 20px;font-weight:400;
    color:rgba(51,51,51,1);;height: 35px}
.foot-item2 .item2-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-top: 10px}
.item2-shop-border{width: 1120px;height:2px;background:rgba(112,112,112,1);}
.foot-item3{width: 1150px;margin:30px auto 50px}
.foot-item3 .item3-title{font-size:18px;font-weight:bold;line-height:20px;color:rgba(51,51,51,1);}
.foot-item3 .item3-shop .item3-shop-img{width: 165px;float: left;margin: 30px 26px 0 0;position: relative}
.foot-item3 .item3-shop .item3-shop-img img{width: 160px;height: 160px;}

.textoverflow{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.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;
    display: run-in;
}
a:hover{
    color:rgba(190,0,0,1);
}
/*!*分页效果*!*/
.page{justify-content: flex-end; margin-top: 20px;position: relative }
.page .pagination{ float: right;  margin-right: 30px;  }
.page .pagination .first{ display: none;}
.page .pagination .prev a{background-image:url("img/item1.png")!important;width: 18px;
    height: 17px;color: #fff;font-size: 0;
    background-size: 18px 17px;}
.page .pagination .last{ display: none}
.page-item{margin-right: 60px}
.page .pagination li{  display: inline-block;;border: 0!important;width: 20px}
.page .pagination li a{ color:#000;padding: 0 9px;  border: 0 !important}
.page .pagination li span{  padding: 3px 9px;  border: 0!important;width: 18px;
    height: 17px;font-size: 0;
    background-size: 18px 17px;}
.pagination .next span{background-image:url("img/item4.png")!important;margin-left: 10px}
.pagination .prev span{background-image:url("img/left.png")!important;}
.page .pagination .next a{  padding: 3px 9px;border: 0!important;background-image:url("img/right.png")!important;width: 18px;
    height: 17px;font-size: 0;margin-left: 10px;
    background-size: 18px 17px; }
.page .pagination .active a{  background: #fff;border: 0 !important;color: rgba(190,0,0,1);  }
.pageCount{  margin: 20px 0;letter-spacing: 1px;text-align: center;height: 24px;line-height: 24px;  }

.page-div{position: absolute;
    right: 0;
    top: 16px;}
.page-input{width: 36px;height: 24px;border:1px solid rgba(145,145,145,1);float: right;padding-left: 5px}
.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;
}
.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;}
