/* CSS Document */

/*购物*/
.pro-shop-but{ margin: 5px -5px; padding-bottom:5px; }
.pro-shop-but span{ margin: 5px; display:inline-block; vertical-align: middle;}
.pro-shop-but span button{ min-width: 150px; padding:8px 10px; display: block; text-align:center;transition: ease all 0.4s;-webkit-transition: ease all 0.4s;-moz-transition: ease all 0.4s;-o-transition: ease all 0.4s;}
.pro-shop-but span button i{ font-size: 18px; margin-right:5px;}
.pro-shop-but span button.buy-but{ color: #F66; border: 1px solid #F66; background-color: #FFDFDF }
.pro-shop-but span button.shop-car-but{ color: #fff; border: 1px solid #F66; background-color: #F66 }
.pro-shop-but span button:hover{ color: #fff; border: 1px solid #666; background-color: #666}
.header-shop{ float: right; margin: 0 5px}
.header-shop a{color: #fff;display: block;background-color: rgba(255, 255, 255, 0.1);border-radius: 50%;width: 24px;height: 24px;line-height: 24px;text-align: center; position: relative;}
.header-shop a e{font-size: 12px;color: #fff;background-color: #F30;line-height: 16px;position: absolute;top: -5px;right: -5px;text-align: center;width: 16px;height: 16px;border-radius: 50%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.shopping-page{ padding: 25px; background-color:#fff; margin: 30px 0;}
.shopping-table-t{  background-color: #fff; margin-bottom: 10px; border-bottom: 1px solid #ececec;}
.shopping-table-t h3{ font-size: 18px; line-height: 30px; display: inline-block; padding: 4px 0; margin: 0 20px 10px 0;}
.shopping-table-t select{height: 34px;border: 1px solid #ececec;border-radius: 4px; padding: 0 5px; margin: 0 10px 10px 0;}
.shopping-table-t .shopping-list{ float: right; margin-bottom: 10px;}
.shopping-search{ display: block; margin: 5px 0; width: 100%;}
.shopping-search input{ line-height: 34px; height: 34px; border: 1px solid #ececec;padding: 0 10px; display: inline-block; vertical-align: top; border-radius:4px 0 0 4px}
.shopping-search button{ line-height: 34px; height: 34px; border: 1px solid #f1ac06; background-color: #f1ac06; padding: 0 10px; display: inline-block; vertical-align: top;cursor:pointer;transition: ease all 0.4s;
	-webkit-transition: ease all 0.4s;
	-moz-transition: ease all 0.4s;
	-o-transition: ease all 0.4s;border-radius: 0 4px 4px 0;}
.shopping-search button i{font-size: 18px; margin-right: 5px;}
.shopping-table-box button:hover{ color: #fff; background-color: #666;border: 1px solid #666;}
.shopping-table-box button:active{background-color: #F60;border: 1px solid #F60;}
.shopping-list-cart{ color: #f1ac06; font-size: 14px; line-height: 28px; padding: 4px 15px; display: inline-block;white-space: pre; cursor:pointer; border-radius: 3px; position: relative; margin-left: 10px;
	transition: ease all 0.4s;
	-webkit-transition: ease all 0.4s;
	-moz-transition: ease all 0.4s;
	-o-transition: ease all 0.4s;}
.shopping-list-cart i{ font-size: 18px; margin-right: 5px; }
input[type="submit"].shopping-list-cart{ font-size: 14px; line-height: 28px; padding: 4px 15px 4px 30px; border: 1px solid #f1ac06; display: inline-block;white-space: pre; cursor:pointer; border-radius: 3px; overflow: hidden;margin-left: 10px;
	transition: ease all 0.4s;
	-webkit-transition: ease all 0.4s;
	-moz-transition: ease all 0.4s;
	-o-transition: ease all 0.4s;}
.cart-button{ position: relative; display: inline-block; vertical-align: middle;}
.cart-button i{ color: #fff; position: absolute; top: 10px; left: 20px; z-index:1 }
.shopping-list-cart.go-to-pay{ color: #fff; background-color: #f1ac06; }
.shopping-list-cart:hover{ color: #fff; background-color: #242424; border: 1px solid #242424;}
.shopping-list-cart:active{ background-color: #f1ac06;}
.lump-sum{ line-height: 36px; display: inline-block; vertical-align: middle; margin-left: 10px; padding: 0 15px; background-color: #f9f9f9;}
.lump-sum b{
	color: #F30
}
.shopping-list-cart #sp_num{ font-size: 12px; color: #fff; background-color: #F30; line-height: 18px; position: absolute; top: -5px; right: -5px; text-align: center; width: 18px; height: 18px; border-radius: 50%; overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;}
.shopping-list #in_num{color: #f1ac06; margin: 0 5px;}
.shopping-table{ width: 100%; overflow: auto;}
.shopping-table table{font-size: 14px; width: 100%; border-collapse: collapse; text-align: center;}
.shopping-table tr{ background-color: #fff; word-break:break-all;}
.shopping-table tr:hover{ background-color: #faf9f9;}
.shopping-table tr th{ white-space: pre; background-color: #f1ac06;}
.shopping-table th, .shopping-table td{
	padding:15px 10px;
	border:1px solid #ebebeb;
	vertical-align:middle;
}
.shopping-table td.cfs{
	white-space: nowrap;
}
.shopping-table .jian, .shopping-table .jia{
	font-size: 18px;
	width: 24px;
	height: 24px;
	line-height: 24px;
	background-color: #f1ac06;
	border-radius: 50%;
	overflow: hidden;
	display: inline-block;
	vertical-align: middle;
	margin: 5px;
	cursor:pointer;
	transition: ease all 0.4s;
	-webkit-transition: ease all 0.4s;
	-moz-transition: ease all 0.4s;
	-o-transition: ease all 0.4s;
}
.shopping-table .jian:hover, .shopping-table .jia:hover{
	color: #fff;
	background-color: #666;
}
.shopping-table .jian:active, .shopping-table .jia:active{
	background-color: #f1ac06;
}
.shopping-table .lskdo{
	display: inline-block;
	vertical-align: middle;
	border: 1px solid #ececec;
	padding: 5px;
	text-align: center;
	width: 50px;
}
.shopping-table th select, .shopping-table td select{
	height: 25px;
	border: 1px solid #ececec;
	border-radius: 4px;
}
.shopping-cart{ color: #fff; font-size: 14px; line-height: 28px; padding: 4px 15px; background-color: #f1ac06;display: inline-block; position: relative; white-space: pre; border-radius: 3px;
	transition: ease all 0.4s;
	-webkit-transition: ease all 0.4s;
	-moz-transition: ease all 0.4s;
	-o-transition: ease all 0.4s;}
.shopping-cart.not{background-color: #ececec;cursor:default;}
.shopping-cart i{ font-weight: bold; font-size: 18px; margin-right: 5px; }
.shopping-cart:hover{ background-color: #242424;}
.shopping-cart:active{background-color: #F60;}
.shopping-cart.not:hover{background-color: #ececec;}
.shopping-cart e{ font-size: 12px; color: #fff; background-color: #F30; line-height: 18px; position: absolute; top: -5px; right: -5px; text-align: center; width: 18px; height: 18px; border-radius: 50%; overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;}
.shopping-page-box{ display: flex;}
.shop-page-box-l{ width: 50%;}
.shop-page-box-lh{ width:100%; margin: 0 10px 10px 0; }
.shop-page-box-r{ width: 50%; }
.shop-page-box-l select{height: 34px;border: 1px solid #ececec;border-radius: 4px; padding: 0 5px; display: inline-block;}
.shop-page-box-r .text{ font-size: 14px; line-height: 28px; margin-bottom: 20px;}
@media screen and (max-width:768px){.shopping-page-box {display: block;}.shop-page-box-l,.shop-page-box-r{ width: 100%;}}