@charset "utf-8";
/* CSS Document */

.buy{background:#F5F5F5;padding:20px 20px;position: fixed;top:0;bottom: 0;left: 0;right: 0;box-sizing: border-box;}

.buy_box{display: flex;justify-content: space-between;align-items: stretch;height: 100%;overflow: hidden;}

.buy_sort{width: 220px;background: #fff;height: 100%;overflow:auto;box-sizing: border-box;}
.buy_sort p{text-align:left;border-bottom: 1px solid #F5F5F5;}
.buy_sort p a{display: inline-block;padding:15px;background: #fff;width:100%;box-sizing: border-box;}
.buy_sort p b{font-size: 16px;line-height: 25px;display: flex;align-items: center;font-weight: normal;}
.buy_sort p b i{padding:0 10px 0 3px;font-size:20px;transition: padding 0.3s linear;}
.buy_sort p a:hover{background: #fefefe;}
.buy_sort p a:hover b i{padding:0 13px 0 0px;}
.buy_sort p img{width: 100%;}
.buy_sort ul{padding:15px 15px;}
.buy_sort ul li{line-height:45px;margin-bottom:8px;text-align: left;cursor:pointer;transition: all 0.3s linear;}
.buy_sort ul li span{font-size: 15px;}
.buy_sort ul li i{padding:0 8px;transition: all 0.3s linear;}
.buy_sort ul li a{display: inline-block;height: 100%;width: 100%;padding:0 15px;box-sizing: border-box;}
.buy_sort ul li.action a{color:#fff;background: #109995;}
.buy_sort ul li:hover a{color:#109995;background:#f4f4f4;}
.buy_sort ul li.action:hover a{color:#fff;background:#109995;}
.buy_sort ul li:hover i{padding:0 10px;}

.buy_pro{width:calc(100% - 720px);background: #fff;padding:20px 50px;height: 100%;overflow:auto;box-sizing: border-box;}

.buy_pro_form{margin:15px 0px;text-align: left;position: relative;box-sizing: border-box;}
.buy_pro_key{border:none;border-bottom:#CFCFCF solid 1px;line-height: 38px;font-size: 15px;width: 100%;box-sizing:border-box;padding:0 30px;outline:none;}
.buy_pro_form i{display: inline-block;position: absolute;left: 0;top:0;width:28px;height: 36px;display: flex;justify-content: center;align-items: center;}

.buy_pro_sort{width: 100%;padding:10px 0;}

.buy_pro_top{position: relative;margin-top:15px;}
.buy_pro_infor{text-align: left;width:auto ;width: 85%;}
.buy_pro_infor p b{line-height: 45px;font-size: 20px;color: #2E3231;}
.buy_pro_infor p{line-height: 30px;}

.buy_pro_ul{width: 100%;padding:30px 0;display: flex;justify-content:space-between;align-items: stretch;flex-flow: row wrap;}
.buy_pro_li{width: calc((100% - 90px)/4);margin-bottom: 30px;display: flex;flex-direction: column;}
.buy_pro_li_pic{width:100%;min-height:130px;border: 1px solid #CBCDD4;box-sizing: border-box;display: flex;justify-content: center;align-items: center;overflow: hidden;max-height:280px;}
.buy_pro_li_pic img{width: 100%;transition: transform 0.3s linear;}
.buy_pro_li .buy_pro_li_pic:hover img{transform: scale(1.1);}
.buy_pro_li_cont{flex: 1;padding:10px 22px 20px;border: 1px solid #CBCDD4;border-top:none;text-align: left;box-sizing: border-box;}
.buy_pro_li_cont p{line-height:40px;font-size: 14px;}
.buy_pro_li_cont ul li{line-height: 27px;color: #515151;font-size: 12px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: all 0.2s linear;}
.buy_pro_li_cont ul li:hover{padding-left:2px;}
.buy_pro_li_pic2{flex:auto;}
.buy_pro_li_cont2{flex: 1;padding:10px 22px;border: 1px solid #CBCDD4;border-top:none;text-align:center;box-sizing: border-box;max-height:61px;}
.buy_pro_li_cont2 p{line-height:40px;font-size: 14px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.buy_cart{width:480px;padding:30px;background: #109995;height: 100%;overflow:auto;box-sizing: border-box;}
.buy_cart_top{margin-bottom: 10px;}
.buy_cart_top p{display: flex;justify-content: flex-start;align-items: center;line-height: 35px;}
.buy_cart_top p i{margin-right:15px;font-size: 28px;color: #fff;}
.buy_cart_top p b{display: inline-block;font-size: 24px;color: #FFF;}
.buy_cart_nav{padding:10px 0 15px;}
.buy_cart_nav ul{display: flex;justify-content:space-between;align-items: center;background: #fff;padding: 10px 0;border-radius:6px;}
.buy_cart_nav ul li{line-height:30px;padding:0 12px;color:#fff;background:#269277;border-radius:2px;font-size: 14px;margin-right:8px;cursor:pointer;}
.buy_cart_nav ul li.action{background: #fff;color:#109995;}
.buy_cart_nav ul li:hover{background: #109995;color:#fff;}
.buy_cart_nav ul li:first-child:hover{background: #fff;color:#109995;}
.buy_cart_nav ul li a{color:#fff;}
.buy_cart_nav ul li:hover a{color:#fff;}

.buy_cart_info{background: #F5F5F5;border-radius:6px;display: flex;justify-content: flex-start;align-items: stretch;padding:15px 20px;}
.buy_cart_info_pic{width:100px;height:100px;border-radius: 50%;overflow: hidden;margin:10px 15px 10px 0;}
.buy_cart_info_pic img{width:100%;height: 100%;object-fit: cover;}
.buy_cart_info_info{text-align: left;}
.buy_cart_info_info p{line-height: 25px;display: flex;justify-content: flex-start;align-items: center;}
.buy_cart_info_info p b{font-weight: 500;font-size: 20px;line-height: 40px;font-weight: bold;}
.buy_cart_info_info p span{display: inline-block;font-size: 14px;color: #606262;max-width: 210px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.buy_cart_info_info p a{font-size: 14px;color: #109995;margin:0 8px;}
.buy_cart_info_info p a:hover{text-decoration:underline;}

.buy_cart_list{background: #F5F5F5;border-radius:6px;padding:25px 20px;margin:10px 0 20px;height: calc(100% - 280px);overflow: hidden;}
.buy_clist_top{width: 100%;margin-bottom:15px;}

.buy_clist_top p{display: flex;justify-content: space-between;align-items: center;}
.buy_clist_top p b{font-size: 14px;}
.buy_clist_top p a{display: inline-block;padding:0 15px;line-height: 25px;font-size: 14px;color: #767578;border: solid 1px #767578;}
.buy_clist_top p a:hover{color: #109995;border: solid 1px #109995;}
.buy_clist_top p a.inputs{position: relative;}
.buy_clist_top p a input{position: absolute;width: 100%;height: 100%;left:0;top:0;opacity: 0;}

.buy_clist_tbw{width: 100%;height:calc(100% - 90px);overflow: auto;box-shadow: inset 0 0 25px 0px #fff;}
.buy_clist_tb{display: table;width: 100%;}
.buy_clist_tb p{display: table-row;text-align: center;width:100%;}
.buy_clist_tb p:first-child{position:sticky;top:0;z-index: 2;}
.buy_clist_tb p b,.buy_clist_tb p span{display: table-cell;font-size: 12px;vertical-align: middle;min-width: 30px;}
.buy_clist_tb input[type='number']{width:40px;text-align:center;border: 1px solid #E9E9E9;line-height: 25px;}
.buy_clist_tb input[type="number"]::-webkit-outer-spin-button,.buy_clist_tb input[type="number"]::-webkit-inner-spin-button,.buy_clist_tb input[type="number"]{-webkit-appearance: none;appearance: none !important;-moz-appearance: textfield;}
.buy_clist_tb p b{background: #E9E9E9;line-height:40px;}
.buy_clist_tb p span{background: #FFF;line-height:60px;border-bottom: 1px solid #E9E9E9;}
.buy_clist_tb p span img{max-height: 55px;vertical-align: middle;}
.buy_clist_tb p span.tbname{max-width: 90px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.buy_clist_tb p span.link{line-height:60px;height:60px;display: flex;align-items: center;justify-content: center;}
.buy_clist_tb p span em{display: inline-block;font-style: normal;height:27px;width:22px;margin:auto 0px;background: #f4f4f4;cursor: pointer;font-size: 19px;display: flex;align-items: center;justify-content: center;font-weight: bold;box-sizing: border-box;}
.buy_clist_tb p span em.minusbt2{border-radius:4px 0 0 4px;border:1px solid #E9E9E9;border-right: none;}
.buy_clist_tb p span em.plusbt2{border-radius:0 4px 4px 0;border:1px solid #E9E9E9;border-left: none;}
.buy_clist_tb p span em:hover{background: #109995;color:#fff;}
.buy_clist_tb a{display: inline-block;margin:0 5px;border: 1px solid #D1D1D1;border-radius:2px;line-height: 25px;padding:0 10px;}

.buy_clist_foot{margin:15px 0 3px;}
.buy_clist_foot p{display: flex;justify-content: space-between;align-items: center;line-height: 30px;}
.buy_clist_foot p a{font-size: 14px;color: #767578;}
.buy_clist_foot p a i{padding-right:5px;}
.buy_clist_foot p a:hover{color:red;}
.buy_clist_foot p span{font-size: 14px;}
.buy_clist_foot p span i{color:#109995;font-style:normal;padding:0 5px;}
.buy_clist_foot p span em{font-size: 18px;color:#109995;font-style:normal;padding:0 5px;}

.buy_cart_bt{margin:40px 0 10px;}
.buy_cart_bt p{line-height: 45px;}
.buy_cart_bt p a{display: inline-block;padding: 0 50px;margin:0 5px;color:#fff;}
.buy_cart_bt p a.bt1{background: #197A77;}
.buy_cart_bt p a.bt2{background: #F28D61;}
.buy_cart_bt p a:hover{box-shadow: 2px 0px 7px 0px rgba(46,50,49,0.3);}

.buy_pro_list{width: 100%;padding:10px 0;}
.buy_list_top{text-align: left;line-height: 30px;}
.buy_list_top p{display: flex;justify-content: flex-start;align-items: center;}
.buy_list_top p i{padding:0 10px;}
.buy_list_top p span{color:#A8A8A8;}
.buy_list_top p b{line-height: 70px;font-size: 24px;color: #2E3231;}
.buy_list_top p em{color:orangered;font-style: normal;padding:0 2px;}

.buy_table{display: table;width: 100%;border: 1px solid #E9E9E9;}
.buy_table p{display: table-row;text-align: center;}
.buy_table p b,.buy_table p span{display: table-cell;font-size: 13px;vertical-align: middle;min-width: 30px;text-align: left;}
.buy_table p .tbcenter{text-align: center;}
.buy_table p b{background: #E9E9E9;line-height:40px;}
.buy_table p span{background: #FFF;line-height:60px;border-bottom: 1px solid #E9E9E9;padding:2px 0;}
.buy_table p span.tpname{padding:15px;line-height: 30px;text-align: left;padding:2px 10px;}
.buy_table p span img{max-height: 60px;vertical-align: middle;}
.buy_table a{color:#109995;white-space: nowrap;padding:0 2px;}

.buy_table p:hover span{background: #f9f9f9;}

input[type=checkbox]{cursor:pointer;position:relative;font-family:"FontAwesome";width:20px;height:20px;padding:0;margin:0;font-size:20px;border:none !important;outline:none !important;appearance:none;vertical-align: middle;}
input[type=checkbox]::after{position:absolute;top:0;left:0;width:20px;display:inline-block;visibility:visible;content:"\f096";box-sizing:border-box;color:#D1D1D1;}
input[type=checkbox]:checked::after{content:"\f14a";color:#109995;font-size:20px;}
input[type=checkbox]:indeterminate::after{content:"\f146";color:#109995;font-size:20px;}

.buy_list_bottom{padding:20px 0;display:flex;justify-content: space-between;align-items: center;}
.buy_list_bottom p{line-height: 40px;font-size: 14px;text-align: right;}
.buy_list_bottom p i{font-style: normal;color:red;padding:0 5px;}
.buy_list_bottom p b{font-size: 24px;padding:0 5px;}

.buy_list_bottom p a{display: inline-block;border: 1px solid #00817D;border-radius:3px;font-size: 18px;color: #00817D;line-height: 40px;padding:0 20px;margin-left:20px;}
.buy_list_bottom p a:hover{background: #00817D;color:#fff;}
.buy_list_bottom .pagination{width: auto;max-width: 80%;}


@media screen and (min-width:2000px){
    .buy_pro_li{width:calc((100% - 120px)/5);}
}
@media screen and (max-width:2000px){
    .buy_pro_li{width:calc((100% - 90px)/4);}
}
@media screen and (max-width:1680px){
    .buy_pro_li{width:calc((100% - 60px)/3);}
}
@media screen and (max-width:1480px){
    .buy_pro_li{width:calc((100% - 30px)/2);}
}
@media screen and (max-width:1240px){
    .buy_pro_li{width:100%;}
}
@media screen and (max-width:980px){
    
}
@media screen and (max-width:780px){

}
@media screen and (max-width:360px){

}