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

.buy{position: fixed;top:0;bottom: 0;left: 0;right: 0;}
.buy_left{height: 100%;width:calc(100% - 480px);}
.buy_top{background: #fff;width: 100%;height: 90px;margin-bottom: 10px;box-sizing:border-box;padding:0 5px 0 20px;display:flex;justify-content:space-between;align-items: center;}
.buy_top_logo{height: 50px;margin-right: 90px;}
.buy_top_logo img{height: 100%;}
.buy_top_search{flex:1;position:relative;}
.buy_search_key{width:100%;height:44px;line-height:44px;padding:0 10px;box-sizing:border-box;border:#D4DADE solid 1px;border-right:60px solid #FFAE11;}
.buy_top_search span{position: absolute;display: flex;height: 44px;width: 60px;justify-content: center;align-items: center;right: 0px;top:0px;}
.buy_search_key:focus{outline:none;border:1px solid #FFAE11;border-right:60px solid #FFAE11;}
.buy_main{height: calc(100% - 100px);width:calc(100% - 10px);}
.buy_nav{width: 290px;height: 100%;box-sizing: border-box;padding: 20px;margin-right: 10px;background: #fff;}
.buy_nav ul{padding:20px 0;}
.buy_nav ul li{line-height: 60px;text-align: left;}
.buy_nav ul li a{display:inline-block;padding:0 20px;width: 100%;box-sizing: border-box;color: #122234;}
.buy_nav ul li a:hover,.buy_nav ul li.action a{background: #FFBF41;}
.buy_list{width:calc(100% - 300px);height: 100%;background: #fff;box-sizing: border-box;padding:30px 10px;overflow: auto;}
.buy_list_top{text-align: left;line-height: 30px;padding:0 10px;}
.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_list_top_desc{color:#A8A8A8;}

.buy_list_list{display: flex;align-items:stretch;justify-content: space-between;flex-flow:row wrap;padding: 15px 0;}
.buy_list_li{flex: 1;box-sizing: border-box;padding:10px;max-width:400px;min-width:280px;margin-bottom:20px;display: flex;flex-direction: column;}
.buy_list_li>p{text-align: left;}
.buy_list_pic{height: 240px;max-width:100%;overflow:hidden;border: 1px solid #DDDDDD;}
.buy_list_pic img{height: 100%;width: 100%;object-fit:contain;transition: all 0.3s;}
.buy_list_pic:hover img{transform: scale(1.05);}
.buy_list_ul{box-sizing: border-box;padding: 20px;border: 1px solid #DDDDDD;border-top: none;flex: 1;}
.buy_list_ul ul{line-height: 40px;text-align: left;}
.buy_list_ul ul p,.buy_list_ul ul li{overflow: hidden;white-space:nowrap;text-overflow: ellipsis;}
.buy_list_ul ul p b{font-size: 18px;display: inline-block;}
.buy_list_ul ul li a{display: block;color: #606775;transition: all 0.3s;font-size: 15px;}
.buy_list_ul ul li a:hover{color:#FFBF41;padding-left:2px;}
.buy_list_list2 .buy_list_pic{border:none;}
.buy_list_list2 .buy_list_ul{border:none;}
.buy_list_list2 .buy_list_ul ul p{text-align: center;}

.buy_table{display: table;width: calc(100% - 20px);border: 1px solid #E9E9E9;border-bottom: none;margin:5px 10px;}
.buy_table p{display: table-row;text-align: center;}
.buy_table p b,.buy_table p span{display: table-cell;font-size: 14px;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 p input[type="checkbox"]{width:15px;height:15px;cursor:pointer;}
.buy_table a{color:#D29E25;white-space: nowrap;padding:0 2px;}

.buy_table p:hover span{background: #f9f9f9;}
.buy_table li{border-bottom: 1px solid #E9E9E9;padding: 10px 20px;text-align: left;line-height: 35px;}

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

.buy_list_bottom p a{display: inline-block;border: 1px solid #FFBA29;border-radius:3px;font-size: 18px;color: #FFBA29;line-height: 40px;padding:0 20px;margin-left:20px;transition: all 0.3s linear;}
.buy_list_bottom p a:hover{background: #FFBA29;color: #122234;}
.buy_list_bottom .pagination{width: auto;max-width: 80%;}




.buy_right{background: #fff;width:480px;height: 100%;}
.buy_cart{width:calc(100% - 20px);height:calc(100% - 20px);margin:10px;background: linear-gradient(225deg,#F4AB15 10%,#FCB21B 10.1%,#FCB21B 20%,#FFC243 20.1%,#FFC243 30%,#F4AB15 30.1%,#F4AB15 40%, #FFBF41 40.1%);box-sizing: border-box;padding:15px 20px;display: flex;flex-direction: column;justify-content:space-between;}
.buy_cart_title{line-height: 40px;font-size: 22px;color: #FFF;text-align: left;margin-bottom: 10px;}
.buy_cart_user{background: #fff;border-radius: 4px;display: flex;justify-content:flex-start;align-items: center;padding: 10px 0;margin-bottom: 10px;}
.buy_cart_headpic{height: 70px;width: 70px;margin:5px 10px;overflow: hidden;border-radius: 50%;background: #f3f4f5;}
.buy_cart_headpic img{height: 100%;width: 100%;object-fit: cover;}
.buy_cart_headinfo{text-align:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:30px;margin:10px 15px;}
.buy_cart_headinfo p span,.buy_cart_headinfo p b{font-size:14px;}

.buy_cart_table{flex: 1;background: #fff;border-radius: 4px;padding:20px;margin-bottom: 10px;overflow: auto;}
.buy_cart_tbw{height: calc(100% - 50px);overflow: auto;box-shadow: inset 0 0 3px 0px #f4f5f6;}
.buy_cart_tb{display: table;width: 100%;}
.buy_cart_tb p{display: table-row;}
.buy_cart_tb p:first-child{border: 1px solid #E9E9E9;}
.buy_cart_tb p b,.buy_cart_tb p span{display: table-cell;line-height: 50px;padding:0 5px;font-size: 14px;}
.buy_cart_tb p b{background: #F4F4F4;}
.buy_cart_tb p span{border-bottom: 1px solid #E9E9E9;}
.buy_cart_tb p span img{max-height:40px;vertical-align: middle;}
.buy_cart_tb p span:first-child{border-left: 1px solid #E9E9E9;}
.buy_cart_tb p span:last-child{border-right: 1px solid #E9E9E9;}
.buy_cart_tb p span.tbname{max-width:180px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.buy_cart_tb p span.link{line-height:60px;height:60px;display: flex;align-items: center;justify-content: center;}
.buy_cart_tb p span em{display: inline-block;font-style: normal;height:27px;width:24px;margin:auto 0px;background: #f4f4f4;cursor: pointer;font-size: 16px;display: flex;align-items: center;justify-content: center;font-weight: 600;box-sizing: border-box;}
.buy_cart_tb p span em.minusbt2{border-radius:4px 0 0 4px;border:1px solid #E9E9E9;border-right: none;}
.buy_cart_tb p span em.plusbt2{border-radius:0 4px 4px 0;border:1px solid #E9E9E9;border-left: none;}
.buy_cart_tb p span em:hover{background: #FFBF41;color:#fff;border-color: #FFBF41;}
.buy_cart_tb input[type='number']{width:35px;text-align:center;border: 1px solid #E9E9E9;line-height: 25px;}
.buy_cart_tb input[type="number"]::-webkit-outer-spin-button,.buy_cart_tb input[type="number"]::-webkit-inner-spin-button,.buy_cart_tb input[type="number"]{-webkit-appearance: none;appearance: none !important;-moz-appearance: textfield;}
.buy_cart_tb input[type=checkbox]{cursor:pointer;width:15px;height:15px;}

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



.buy_cart_bt{line-height: 40px;display: flex;justify-content: space-around;align-items: center;margin:30px 0;}
.buy_cart_bt a{display: inline-block;padding:0 40px;color: #122234;}
.buy_cart_bt a.buy_cart_an{background: #FECA5F;}
.buy_cart_bt a.buy_cart_rfq{background: rgba(151,90,0,0.31);}
.buy_cart_bt a:hover{opacity: 0.8;box-shadow: 0 0 10px -5px rgba(0,0,0,0.5);}