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

.container-wrap {
	width: 1200px;
	margin: 0 auto;
}

.head-box .container-wrap .bot .search-box {
	width: 930px;
}

.head-box .container-wrap .bot .search-box .word-txt input {
	width: 670px;
}

.path-con {
	padding: 10px 0;
}

.path-nav li {
	float: left;
	display: inline;
	line-height: 20px;
	padding: 10px 0;
}

.path-nav li.active {
	font-size: 14px;
	color: #999;
}

.path-nav li span {
	padding: 0 5px;
	font-size: 14px;
}

.path-nav a {
	font-size: 14px;
	color: #017fff;
}

.path-nav a:hover {
	color: #df1f26;
}

.allcategory-con .left {
	width: 870px;
	float: left;
	display: inline;
}

.allcategory-con .right {
	width: 310px;
	float: right;
}

.category-list {
	margin-left: -20px;
}

.category-list .item {
	float: left;
	display: inline;
	width: 425px;
	margin-left: 20px;
	background: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin-bottom: 20px;
	padding-bottom: 20px;
}

.category-list .item .content {
	height: 125px;
	overflow: hidden;
}

.category-list .item .cur-content {
	height: auto;
}

.category-list .item .title {
	font-size: 14px;
	font-weight: 700;
	color: #444;
	line-height: 20px;
	margin-bottom: 10px;
}

.category-list .item .title span {
	color: #999999;
	padding-left: 10px;
	height: 20px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.category-list .item .content li {
	float: left;
	display: inline;
	line-height: 25px;
	width: 212px;
	padding-right: 5px;
	height: 25px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.category-list .item .view-more a {
	font-size: 14px;
	color: #1686cc;
	line-height: 20px;
	font-family: Arial, Helvetica, sans-serif;
}

.category-list .item .view-more a:hover {
	color: #df1f26;
}

.category-list .item .view-more a span {
	margin-right: 5px;
}

.buyerstool {
	border: 1px solid #ddd;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin-bottom: 20px;
}

.buyerstool .title {
	height: 40px;
	border-bottom: 1px solid #ddd;
	font-size: 16px;
	font-weight: bold;
	color: #444;
	padding: 0 10px;
	line-height: 40px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin-bottom: 10px;
}

.buyerstool .content {
	padding: 0 10px;
	padding-bottom: 15px;
}

.buyerstool .content .item .name {
	height: 25px;
	font-size: 12px;
	font-weight: bold;
	color: #0066cc;
	line-height: 25px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.buyerstool .content .item .dec {
	line-height: 22px;
	color: #666;
}

.services-con {
	border: 1px solid #ddd;
	background: #fff;
}

.services-con .title {
	height: 40px;
	border-bottom: 1px solid #ddd;
	font-size: 16px;
	font-weight: bold;
	color: #444;
	padding: 0 10px;
	line-height: 40px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin-bottom: 10px;
}

.services-con .content {
	padding: 0 10px;
	padding-bottom: 10px;
}

.premium .content {
	border-bottom: 1px solid #dadada;
}

.services-con .content .item .name {
	height: 25px;
	font-size: 12px;
	font-weight: bold;
	color: #0066cc;
	line-height: 25px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.services-con .content .item .dec {
	line-height: 22px;
	color: #666;
}

.buyers .content {
	padding-top: 10px;
}

.buyers .content p {
	line-height: 25px;
	height: 25px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.buyers .content p span {
	font-size: 12px;
	font-weight: bold;
	color: #0066cc;
}

.customer-service .container-wrap .item {
	width: 220px;
	padding-right: 20px;
}

.footer-guide .container-wrap .item {
	margin-right: 85px;
}

.customer-service .container-wrap .item ul li {
	width: 160px;
}

.cateloglist-con {
	margin-bottom: 60px;
}

.container-left {
	width: 270px;
}

.container-right {
	width: 900px;
}

.catelog-nav {
	width: 270px;
	border: 1px solid #ddd;
	margin-bottom: 30px;
}

.catelog-nav .title {
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	font-weight: bold;
	color: #444;
	padding: 0 5px;
	overflow: hidden;
	text-align: left;
	white-space: nowrap;
	text-overflow: ellipsis;
	border-bottom: 1px solid #ddd;
	margin-bottom: 10px;
	padding-left: 20px;
}

.catelog-nav .content ul li {
	line-height: 25px;
	height: 25px;
	padding-left: 20px;
	padding-right: 5px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.catelog-nav .content {
	padding-bottom: 10px;
}

.catelog-nav .content ul li a {
	color: #666;
}

.catelog-nav .content ul li a:hover {
	color: #df1f26;
}

.catelog-related {
	width: 270px;
	border: 1px solid #ddd;
}

.catelog-related .title {
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	font-weight: bold;
	color: #444;
	padding: 0 5px;
	overflow: hidden;
	text-align: left;
	white-space: nowrap;
	text-overflow: ellipsis;
	border-bottom: 1px solid #ddd;
	margin-bottom: 10px;
	padding-left: 20px;
}

.catelog-related .content .head a {
	display: block;
	padding-left: 20px;
	padding-right: 5px;
	line-height: 25px;
	height: 25px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-weight: bold;
}

.catelog-related .content .active {
	color: red;
	font-weight: bold;
}

.catelog-related .content .item {
	margin-bottom: 5px;
}

.catelog-related .content ul {
	padding-left: 10px;
}

.catelog-related .content ul li {
	line-height: 25px;
	height: 25px;
	padding-left: 20px;
	padding-right: 5px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.catelog-related .content {
	padding-bottom: 10px;
}

.catelog-related .content ul li a {
	color: #666;
}

.catelog-related .content ul li a:hover {
	color: #df1f26;
}

.refine-box {
	border: 1px solid #ddd;
}

.refine-box .title {
	line-height: 40px;
	height: 40px;
	padding-left: 18px;
	font-size: 14px;
	font-weight: bold;
	border-bottom: 1px solid #ddd;
}

.refine-box .title .span-1 {
	color: #444;
	margin-right: 5px;
}

.refine-box .title .span-2 {
	color: #999;
}

.refine-box .refine-word {
	line-height: 40px;
	height: 40px;
	border-bottom: 1px solid #ddd;
}

.refine-box .refine-word .left {
	float: left;
	padding-left: 18px;
	color: #666;
	margin-right: 10px;
}

.refine-box .refine-word .right {
	position: relative;
	overflow: hidden;
}

.refine-box .refine-word .right a {
	margin-right: 10px;
	color: #1686cc;
}

.refine-box .refine-word .right a:hover {
	color: #df1f26;
}

.refine-region {
	line-height: 40px;
	border-bottom: 1px solid #ddd;
}

.refine-region .rec-title {
	width: 140px;
	float: left;
	display: inline;
	padding-left: 18px;
	color: #666;
}

.refine-region .top-region-wrapper {
	position: relative;
	overflow: hidden;
	padding-right: 60px;
}

.refine-region .region-btn {
	line-height: 20px;
	position: absolute;
	top: 10px;
	right: 10px;
}

.region-word ul li {
	width: 20%;
	float: left;
	display: inline;
}

.region-word ul li a {
	color: #1686cc;
}

.region-word ul li a:hover {
	color: #df1f26;
}

.min-order {
	padding: 5px 18px;
	line-height: 25px;
	color: #666;
}

.min-order .minorder input {
	height: 30px;
	border: 1px solid #ddd;
}

.min-order input#sendorder {
	height: 30px;
	font-size: 14px;
	border: none;
	padding: 0 10px;
	background: #df1f26;
	color: #fff;
	line-height: 25px;
	cursor: pointer;
	outline: none;
}

.list-switch a {
	margin-left: 5px;
}

.nothing {
	padding: 15px 0;
	font-size: 16px;
	text-align: center;
	color: #df1f26;
	font-weight: 700;
	padding-top: 30px;
}

.list-box .item .pic {
	float: left;
	width: 177px;
	height: 177px;
	border: 1px solid #ddd;
	margin-right: 20px;
}

.list-box .item .pic a {
	display: table-cell;
	width: 175px;
	height: 175px;
	text-align: center;
	vertical-align: middle;
	padding: 10px;
}

.list-box .item .pic a img {
	max-width: 155px;
	max-height: 155px;
}

.list-box .item {
	padding: 35px 0;
	border-bottom: 1px solid #ddd;
}

.list-box .item .right {
	position: relative;
	overflow: hidden;
	padding-top: 10px;
}

.list-box .item .right .name {
	margin-bottom: 10px;
}

.list-box .item .right .name a {
	font-size: 16px;
	font-weight: bold;
	color: #444;
	height: 25px;
	line-height: 25px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: block;
	padding-right: 10px;
}

.list-box .item .right .name a:hover {
	color: #df1f26;
}

.list-box .item .right  .cons,.list-box .item .right  .loc {
	line-height: 20px;
	color: #666;
}

.list-box .item .right  .cons img {
	margin-left: 10px;
}

.list-box .item .right .price-cont {
	margin-bottom: 5px;
	padding: 10px 0;
}

.list-box .item .right .price {
	font-size: 14px;
	color: #999;
	font-weight: bold;
	line-height: 25px;
	margin-right: 15px;
}

.refine-box .list-box .item .right .minum {
	font-size: 14px;
	color: #999;
	font-weight: bold;
	line-height: 25px;
}

.list-box .item .right .price-cont span {
	font-size: 16px;
	color: #333;
}

.list-box .item .right .minum {
	font-size: 14px;
	color: #999;
	font-weight: bold;
	line-height: 25px;
}

.list-box .item .right .contact a {
	display: inline-block;
	height: 34px;
	background: #df1f26;
	font-size: 14px;
	line-height: 34px;
	font-weight: bold;
	color: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 0 16px;
	cursor: pointer;
}

.list-box .item .right .contact a:hover {
	background: #b80c12;
	text-decoration: none;
}

.pagelist {
	padding-top: 30px;
}

.pagelist .page-box ul {
	margin-right: 25px;
}

.pagelist .page-box li {
	float: left;
	display: inline;
	margin-right: 6px;
}

.pagelist .page-box li a,.pagelist .page-box li b {
	display: block;
	height: 27px;
	border: 1px solid #ddd;
	line-height: 25px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-align: center;
	padding: 0 10px;
}

.pagelist .page-box li b {
	border: none;
	color: #df1f26;
	font-weight: bold;
}

.pagelist .page-box li a:hover {
	border: 1px solid #b80c12;
	background: #df1f26;
	color: #fff;
	text-decoration: none;
}

.page-go span {
	line-height: 27px;
	color: #666;
	margin-right: 15px;
}

.page-go .page-input input.num {
	height: 27px;
	border: 1px solid #ddd;
	border-right: none;
	outline: none;
	padding-left: 5px;
}

.page-go .page-input input.page-btn {
	border: none;
	background: #df1f26;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	padding: 0 10px;
	height: 27px;
}

.viewlist .item {
	width: 242px;
	margin-left: 87px;
	display: inline;
	margin-top: 45px;
}

.viewlist {
	margin-left: -87px;
}

.viewlist .item .pic {
	border: 1px solid #ddd;
	margin-bottom: 8px;
}

.viewlist {
	margin-left: -87px;
}

.viewlist .item .pic a {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	width: 240px;
	height: 240px;
	padding: 10px;
}

.viewlist .item .pic a img {
	max-height: 220px;
	max-width: 230px;
}

.viewlist .item .name {
	line-height: 20px;
	height: 40px;
	overflow: hidden;
	margin-bottom: 5px;
}

.viewlist .item .name a {
	font-size: 14px;
	font-weight: bold;
	color: #444;
}

.viewlist .item .name a:hover {
	color: #df1f26;
}

.viewlist .item .cons {
	position: relative;
	line-height: 20px;
	height: 20px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding-right: 25px;
	color: #666;
	margin-bottom: 5px;
}

.viewlist .item .price-cont {
	height: 40px;
	overflow: hidden
};}

.viewlist .item .cons img {
	position: absolute;
	top: 0;
	right: 0;
}

.viewlist .item .loc {
	line-height: 20px;
	color: #666;
}

.viewlist .item .price-cont .price {
	font-size: 14px;
	color: #666;
	font-weight: bold;
	line-height: 20px;
	display: none;
}

.viewlist .item .minum {
	font-size: 12px;
	color: #999;
	line-height: 20px;
}

.viewlist .item .minum span {
	font-weight: bold;
	font-size: 14px;
	color: #666;
}

.viewlist .item .right .contact {
	margin-top: 15px;
}

.viewlist .item .right .contact a {
	display: inline-block;
	height: 34px;
	background: #df1f26;
	font-size: 14px;
	line-height: 34px;
	font-weight: bold;
	color: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 0 16px;
	cursor: pointer;
}

.viewlist .item .right .contact a:hover {
	background: #b80c12;
	text-decoration: none;
}

.viewlist {
	margin-bottom: 30px;
}

.container-con {
	margin-bottom: 50px;
}

.prodel-left {
	width: 875px;
}

.prodel-right {
	width: 295px;
}

.wrap-topleft .box {
	width: 332px;
}

.leftwrap-top {
	margin-bottom: 40px;
}

.tb-pic a {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	height: 330px;
	width: 330px;
}

.tb-pic a img {
	vertical-align: middle;
}

.tb-pic a {
	*display: block;
	*font-family: Arial;
	*line-height: 1;
}

.tb-thumb {
	margin: 15px 0 0;
	margin-right: -10px;
}

.tb-thumb li {
	background: none repeat scroll 0 0 transparent;
	float: left;
	margin: 0 10px 0 0;
	padding: 1px;
}

.tb-booth img {
	max-height: 330px;
	max-width: 330px;
}

.tb-s40, .tb-s40 a {
	height: 73px;
	width: 73px;
	overflow: hidden;
}

.tb-s40 a img {
	max-height: 73px;
	max-width: 73px;
}

.tb-booth {
	border: 1px solid #ddd;
	position: relative;
	z-index: 1;
	width: 332px;
	height: 332px;
}

.tb-thumb .tb-selected {
	background: none repeat scroll 0 0 #df1f26;
	padding: 2px;
	position: relative;
}

.tb-thumb .tb-selected div {
	background-color: #FFFFFF;
	border: medium none;
}

.tb-thumb li div {
	border: 1px solid #CDCDCD;
}

div.zoomDiv {
	z-index: 999;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 200px;
	height: 200px;
	background: #ffffff;
	border: 1px solid #CCCCCC;
	display: none;
	text-align: center;
	overflow: hidden;
}

div.zoomMask {
	position: absolute;
	background: url(../../../images/home/mask.png) repeat scroll 0 0 transparent;
	cursor: move;
	z-index: 1;
}

.tb-thumb li .arrow-up {
	width: 0;
	height: 0;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid #df1f26;
	position: absolute;
	top: -8px;
	left: 50%;
	margin-left: -8px;
	display: none;
}

.tb-thumb .tb-selected .arrow-up {
	display: block;
}

.wrap-topleft {
	width: 332px;
	margin-right: 35px;
	float: left;
}

.wrap-topright {
	position: relative;
	overflow: hidden;
}

.wrap-topright .name {
	font-size: 18px;
	font-weight: bold;
	color: #333;
	line-height: 25px;
	padding: 10px 0;
	margin-bottom: 5px;
}
.wrap-topright .detailoption-box {
	/*background: #f4f3f3;*/
	padding: 10px 0;
	padding-left: 15px;
	margin-bottom: 10px;
}

.detailoption-box .option-item .left {
	float: left;
	width: 120px;
	margin-right: 10px;
	color: #666;
	line-height: 26px;
}

.detailoption-box .option-item {
	line-height: 26px;
	padding: 5px 0;
}

.detailoption-box .option-item .right {
	position: relative;
	overflow: hidden;
}

.detailoption-box .option-item .right span {
	font-weight: bold;
	color: #df1f26;
	font-size: 14px;
}

.detailoption-box .option-item .right span.unit {
	font-size: 12px;
	color: #666;
	font-weight: normal;
	padding-left: 10px;
}

.detailoption-box .option-item input.emailone {
	border: 1px solid #ddd;
	height: 26px;
	width: 200px;
	padding-left: 5px;
}

.detailoption-box .option-item input.pronum {
	border: 1px solid #ddd;
	height: 26px;
	width: 85px;
	margin-right: 5px;
}

.detailoption-box .option-item .select-unit {
	border: 1px solid #ddd;
	height: 26px;
	width: auto;
	color: #666;
	width: 200px;
}

.wrap-topright .msg textarea {
	border: 1px solid #ddd;
	height: 85px;
	padding: 5px;
	width: 100%;
	margin-bottom: 10px;
}

.wrap-topright .contact-company a {
	display: inline-block;
	height: 36px;
	padding: 0 20px;
	line-height: 36px;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.wrap-topright .contact-company  a.addcart-list {
	color: #333;
	font-size: 14px;
	font-weight: normal;
}

.wrap-topright .contact-company  a.addcart-list .icon-cart {
	position: relative;
	top: 5px;
	display: inline-block;
	margin-right: 9px;
	height: 24px;
	width: 24px;
	background-image: url(../../../images/home/deal-sprites.png);
	background-position: -180px -40px;
}

.wrap-topright .contact-company  a.addcart-list:hover {
	color: #df1f26;
	text-decoration: none;
}

.wrap-topright .contact-company .contact-supplier {
	background: #333;
	margin-right: 15px;
}

.wrap-topright .contact-company .contact-supplier:hover {
	background: #444;
	text-decoration: none;
}

.wrap-topright .contact-company .add-order {
	background: #df1f26;
}

.wrap-topright .contact-company .add-order:hover {
	background: #b80c12;
	text-decoration: none;
}

.ptab-nav {
	height: 40px;
	border: 1px solid #ddd;
	background: #f7f7f7;
	margin-bottom: 20px;
}

.ptab-nav li {
	float: left;
	display: inline;
	line-height: 40px;
	text-align: center;
	font-size: 14px;
	padding: 0 15px;
	font-weight: bold;
	color: #666;
	border-right: 1px solid #ddd;
	cursor: pointer;
}

.ptab-nav ul li.active {
	background: #fff;
	border-top: 2px solid #df1f26;
	margin-top: -1px;
}

.quick-dbox, .packing-box, .pro-description {
	border-bottom: 1px solid #ddd;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.pro-description .content img {
	max-width: 100%;
	margin: 10px 0;
}

.quick-dbox .title, .packing-box .title, .pro-description .title {
	color: #333;
	font-size: 14px;
	font-weight: 700;
	margin: 0 0 8px;
	overflow: hidden;
}

.quick-dbox .pro-option {
	width: 33.3%;
	float: left;
	display: inline;
	font-size: 12px;
}

.quick-dbox .pro-option .left {
	width: 160px;
	line-height: 25px;
	margin-right: 5px;
	text-align: left;
	float: left;
	color: #999;
}

.quick-dbox .pro-option .right {
	position: relative;
	overflow: hidden;
	line-height: 25px;
	color: #333;
}

.supplier-contact {
	padding-top: 30px;
}

.supplier-contact .sup-t-1 {
	font-size: 16px;
	line-height: 30px;
	color: #017fff;
	margin-bottom: 5px;
}

.supplier-contact .sup-t-2 {
	font-size: 12px;
	color: #999;
	line-height: 20px;
	margin-bottom: 10px;
}

.supplier-contact .sup-t-2 a {
	color: #017fff;
	padding: 0 5px;
}

.sup-box {
	border: 1px solid #ddd;
	padding: 20px;
}

.sup-box .title {
	font-size: 14px;
	font-weight: bold;
	color: #666;
}

.sup-box .content .sup-box-l {
	width: 600px;
	float: left;
	margin-right: 20px;
}

.sup-box-r {
	border: 1px solid #ddd;
	padding: 15px;
	-webkit-box-shadow: 3px 3px 4px rgba(0,0,0,.13);
	-moz-box-shadow: 3px 3px 4px rgba(0,0,0,.13);
	box-shadow: 3px 3px 4px rgba(0,0,0,.13);
	float: left;
	position: relative;
	margin-top: 48px;
	width: 200px;
}

.sup-box-r .arrow {
	width: 12px;
	height: 12px;
	border: 1px solid #ddd;
	position: absolute;
	background: #fff;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	left: -6px;
	top: 10px;
	border-right: none;
	border-top: none;
}

.sup-box .content .sup-box-l .sup-item {
	padding: 6px 0;
}

.sup-btn {
	padding-left: 190px;
	margin-top: 15px;
}

.sup-btn input {
	height: 36px;
	line-height: 36px;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	background: #df1f26;
	border: none;
	padding: 0 36px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.sup-box .content .sup-box-l .sup-item .left {
	width: 175px;
	line-height: 30px;
	float: left;
	text-align: right;
	font-size: 12px;
	font-weight: bold;
	color: #666;
	margin-right: 15px;
}

.sup-box .content .sup-box-l .sup-item .right {
	position: relative;
	overflow: hidden;
}

.sup-box .content .sup-box-l .sup-item .mail-man {
	line-height: 30px;
}

.sup-box .content .sup-box-l .sup-item .right input, .sup-box .content .sup-box-l .sup-item .right select {
	height: 30px;
	border: 1px solid #ddd;
	float: left;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	width: 250px;
}

.sup-box .content .sup-box-l .sup-item .right input {
	padding: 0 10px;
	width: 250px;
	margin-right: 10px;
	height: 28px;
}

.sup-box .content .sup-box-l .sup-item .right input.textfield-num {
	width: 100px;
	height: 24px;
}

.sup-box .content .sup-box-l .sup-item .right .quantity-wrap {
	padding: 0;
	margin-bottom: 5px;
}

.sup-box .content .sup-box-l .sup-item .right textarea {
	border: 1px solid #ddd;
	width: 100%;
	padding: 5px;
	line-height: 20px;
	height: 80px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	resize: none;
}

.sup-box .content .sup-box-l .sup-item .alert-tips {
	color: #999;
}

.sup-box .content .sup-box-l .sup-item .alert-tips input {
	height: 12px;
	width: 12px;
	float: left;
	margin-top: 4px;
	margin-right: 5px;
}

.dcompany-file .c-dec {
	font-size: 12px;
	line-height: 20px;
	margin-bottom: 15px;
	color: #666;
}

.dcompany-file .c-dec a {
	color: #017fff;
}

.dcompany-file .c-more, .dcompany-file .c-more a {
	color: #017fff;
	line-height: 20px;
}

.dcompany-file .c-more {
	margin-bottom: 10px;
}

.dcompany-file .c-more span {
	padding: 0 10px;
}

.dcompany-file .item-part {
	border-top: 1px solid #ddd;
	padding-top: 20px;
	padding-bottom: 20px;
}

.dcompany-file .item-part .title {
	color: #333;
	font-size: 14px;
	font-weight: 700;
	margin: 0 0 8px;
	overflow: hidden;
}

.dcompany-file .item-part .item .left {
	width: 170px;
	float: left;
	margin-right: 10px;
	line-height: 25px;
	color: #999;
}

.dcompany-file .item-part .item .right {
	position: relative;
	overflow: hidden;
	color: #333;
	line-height: 25px;
}

.prodel-share {
	padding-top: 20px;
	margin-bottom: 20px;
}

.prodel-share a {
	float: right;
	margin-left: 5px;
}

.prodel-right .d-companyinfo {
	border: 1px solid #ddd;
	margin-bottom: 20px;
}

.d-companyinfo .companyinfo {
	padding: 25px;
	padding-bottom: 0;
	margin-bottom: 15px;
}

.prodel-right .d-companyinfo .title {
	margin-bottom: 10px;
}

.prodel-right .d-companyinfo .title a {
	line-height: 25px;
	font-size: 14px;
	color: #017fff;
	font-weight: bold;
	display: block;
}

.prodel-right .d-companyinfo .loc {
	margin-bottom: 15px;
}

.prodel-right .d-companyinfo .loc p {
	margin-bottom: 0;
	line-height: 20px;
	color: #999;
}

.prodel-right .d-companyinfo .xper {
	margin-bottom: 15px;
}

.prodel-right .d-companyinfo .xper p {
	color: #666;
	margin-bottom: 0;
	line-height: 20px;
}

.prodel-right .d-companyinfo .xper p span {
	color: #999;
}

.d-c-btn .box {
	display: inline;
}

.d-c-btn .box a {
	display: inline-block;
	height: 30px;
	background: #fce6bf;
	color: #333;
	line-height: 30px;
	padding: 0 15px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.d-companyinfo .d-bot {
	line-height: 49px;
	border-top: 1px solid #ddd;
	text-align: center;
}

.d-companyinfo .d-bot .box {
	display: inline-block;
	color: #666;
}

.d-companyinfo .d-bot .box img {
	margin-right: 5px;
}

.rmay-like {
	border: 1px solid #ddd;
}

.rmay-like .title {
	line-height: 45px;
	font-size: 16px;
	color: #333;
	border-bottom: 1px solid #ddd;
	padding-left: 15px;
}

.rmay-like .item {
	padding: 20px;
}

.rmay-like .pic {
	width: 100px;
	height: 100px;
	float: left;
	margin-right: 10px;
}

.rmay-like .pic a {
	display: table-cell;
	height: 100px;
	width: 100px;
	text-align: center;
	vertical-align: middle;
}

.rmay-like .pic a  img {
	max-height: 100px;
	max-width: 100px;
}

.rmay-like .right {
	position: relative;
	overflow: hidden;
}

.rmay-like .right .name {
	height: 40px;
	overflow: hidden;
	margin-bottom: 5px;
}

.rmay-like .right .name a {
	line-height: 20px;
	color: #666;
}

.rmay-like .right .name a:hover {
	color: #df1f26;
}

.rmay-like .right .price,.rmay-like .right .unit {
	line-height: 20px;
	color: #999;
}


/*弹窗*/        
.mask-white {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 999;
	opacity: 0.7;
	display: none;
 /*background-color: rgb(238, 238, 238);*/
	background-color: rgb(0, 0, 0);
}

.layouts-box {
	display: none;
	position: fixed;
	_position: absolute;
	-moz-box-shadow: 2px 5px 8px rgba(0,0,0,.25);
	-webkit-box-shadow: 2px 5px 8px rgba(0,0,0,.25);
	box-shadow: 2px 5px 8px rgba(0,0,0,.25);
	z-index: 9999;
	background: #fff;
	border: 1px solid #ddd;
	left: 50%;
	top: 50%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.layout-content .layout {
	display: none;
}

.layouts-box .login-form {
	border: none;
}

.layouts-box .layout-head {
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	background: #f1f1f1;
	border-bottom: 1px solid #ddd;
	padding: 0 30px;
	margin-bottom: 20px;
}

.layouts-box .layout-close {
	position: absolute;
	top: 5px;
	right: 10px;
	cursor: pointer;
	color: #333;
	font-size: 16px;
}

.layouts-box .layout-nav ul li {
	float: left;
	display: inline-block;
	font-size: 18px;
	color: #333;
	font-weight: bold;
	line-height: 34px;
	margin-right: 10px;
	padding: 0 15px;
	border: 1px solid #fff;
	border-bottom: none;
	margin-bottom: -1px;
	cursor: pointer;
}

.layouts-box .layout-nav ul li.active {
	border: 1px solid #ddd;
	border-bottom: none;
	background: #fff;
	font-size: 20px;
	color: #ffcc00;
}

.layouts-box .layout-nav {
	border-bottom: 1px solid #ddd;
	padding: 0 30px;
}

.layouts-box .login-form {
	width: 400px;
}

.layouts-box .register-name .half-item {
	width: 50%;
}

.layouts-box .register-name .half-item .itembox-item {
	width: 165px;
}

.whosale {
	display: block;
	width: 100%;
	height: 75px;
}

.whosale li {
	display: block;
	height: 75px;
	float: left;
	background: #fff7f1;
}

.whosale li.current {
	background: #ffefe1;
}

.ncs-meta .price span {
	line-height: 14px;
	color: #FFF;
	background-color: #e14713;
	vertical-align: middle;
	height: 14px;
	padding: 1px 3px;
	margin-right: 8px;
}

.whosale .qty {
	background: none;
	display: block;
	padding: 15px 10px 0px 15px;
	color: #666;
	font-size: 12px;
}

.whosale .price {
	background: none;
	display: block;
	padding: 5px 10px 10px 10px;
	color: #000;
	font-size: 15px;
	font-weight: bold;
	line-height: 30px;
}

.whosale .price tt {
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

.whosale li.current .price {
	color: #E14713;
}

.error-box {
	text-align: center;
	padding: 60px 0;
}

.error-box .error-txt {
	font-size: 20px;
	line-height: 30px;
}

.error-box .error-txt a {
	padding-left: 5px;
	color: #df1f26;
}


/*Cart*/
h3.address-header {
	font-size: 18px;
	font-weight: 700;
	margin-top: 30px;
	color: #444;
	margin-bottom: 1em;
}

.address-header a {
	font-size: 14px;
	font-weight: 400;
	margin-left: 15px;
	color: #017fff;
}

.address-header a:hover {
	color: #df1f26;
}

.box-address .address {
	position: relative;
	display: inline-block;
	padding: 5px;
	margin: 0 0 15px 15px;
	width: 385px;
	overflow: hidden;
	list-style: none;
	cursor: pointer;
	vertical-align: top;
	background: url(../../../images/home/address-bg-grey.png);
}

.box-address .address.active {
	background: url(../../../images/home/address-bg-active.png);
}

.box-address .address-content {
	padding: 15px 15px 15px 30px;
	background: #fff;
	word-break: break-all;
}

.ui-radio {
	display: inline-block;
}

.ui-radio-system {
	width: auto;
	height: auto;
	margin: 0 3px 3px 0;
	line-height: normal;
	border: none;
	background-color: transparent;
	cursor: pointer;
}

input[type=checkbox], input[type=radio] {
	box-sizing: border-box;
	padding: 0;
}

.box-address .address-content .ui-radio {
	position: absolute;
	top: 20px;
	left: 15px;
}

.box-address .address.active .icon-address-check {
	position: absolute;
	top: 0;
	left: 0;
	width: 34px;
	height: 34px;
	background: url(../../../images/home/icon-address-confirm.png);
}

.box-address .address .label-default, .box-address .address .set-default {
	display: none;
	position: absolute;
	top: 10px;
	right: 15px;
}

.box-address .address.default .label-default {
	display: block;
	color: #017fff;
	text-decoration: none;
	background: none;
}

.box-address .address .label-default, .box-address .address .set-default {
	display: none;
	position: absolute;
	top: 10px;
	right: 15px;
}

.box-address .address.default .set-default {
	display: none;
}

.box-address .address-detail .contact-name {
	font-size: 16px;
	font-weight: 700;
	line-height: 1.2;
	margin-bottom: 5px;
}

.box-address .address-detail dd {
	margin: 0;
	line-height: 1.5;
}

.box-address .address-detail dd {
	margin: 0;
	line-height: 1.5;
}

.box-address .address-content .action {
	margin-top: 10px;
}

.box-address .address-content .action a {
	color: #017fff;
}

.box-address .address-content .action a:hover {
	color: #df1f26;
}

dl.address-detail {
	margin-bottom: 0;
}

.box-address .address-content .action .delete {
	margin-left: 10px;
}

.box-address .show-more {
	border-top: solid 1px #ccc;
	text-align: center;
	color: #666;
	margin-top: 15px;
}

.box-address .show-more .toggle {
	display: inline-block;
	padding: 3px 15px;
	margin-top: -1px;
	border: solid 1px #ccc;
	border-top: none;
	background: #fff;
	color: #666;
	cursor: pointer;
}

.box-address .show-more .toggle {
	display: inline-block;
	padding: 3px 15px;
	margin-top: -1px;
	border: solid 1px #ccc;
	border-top: none;
	background: #fff;
	color: #666;
	cursor: pointer;
}

.box-address .show-more .arrow {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 3px;
	border: solid 4px transparent;
}

.box-address .show-more .arrow-down {
	border-top-color: #666;
	margin-bottom: -2px;
}

.box-address .show-more .arrow-up {
	border-bottom-color: #666;
	margin-bottom: 2px;
}

ul.address-list-wrapper {
	margin-left: -15px;
}

.box-address .address:hover .set-default {
	display: block;
}

.box-address .address.default .set-default {
	display: none;
}

.order-wrapper {
	margin-bottom: 80px;
}

h3.detail-title {
	font-size: 18px;
	font-weight: 700;
	margin-top: 30px;
	color: #444;
	margin-bottom: 1em;
}

h3.detail-title .count {
	color: #666;
	font-size: 12px;
	font-weight: 400;
}

.m-products {
	margin: 20px 0 0;
}

.m-products .pheader {
	height: 40px;
	margin-bottom: 6px;
	line-height: 40px;
	border: 1px solid #ddd;
	color: #666;
	text-align: center;
	font-size: 12px;
	background: #f5f7fa;
}

.col-pro {
	width: 310px;
}

.col-qua {
	width: 130px;
}

.col-pri {
	width: 270px;
}

.col-mot {
	width: 100px;
}

.col-amo {
	width: 130px;
}

.col-shi {
	width: 168px;
}

.col-edi {
	width: 90px;
}

.m-products .pbody {
	border: 1px solid #ddd;
}

.j-companys .cheader {
	position: relative;
	height: 40px;
	padding-left: 20px;
	line-height: 40px;
	background: #f5f7fa;
	float: left;
	width: 100%;
}

.col-pri .singprice {
	text-align: center;
	padding: 30px 0;
}

.m-products .cheader  label {
	margin-top: 2px;
	margin-right: 5px;
	margin-bottom: 0;
}

.m-products .cheader a {
	color: #017fff;
}

.m-products .cheader a:hover {
	color: #df1f26;
}

.m-products .cheader a img {
	margin-left: 10px;
}

.j-orders .probox {
	padding: 20px 0 10px 0;
}

.j-orders .probox .check-box {
	line-height: 60px;
	padding-left: 20px;
}

.j-orders .probox .pic {
	width: 62px;
	height: 62px;
	border: 1px solid #ddd;
	margin-right: 10px;
	margin-left: 20px;
}

.j-orders .probox .pic a {
	display: table-cell;
	width: 60px;
	height: 60px;
	text-align: center;
	vertical-align: middle;
}

.j-orders .probox .pic a img {
	max-width: 60px;
	max-height: 60px;
}

.j-orders .probox .detail {
	position: relative;
	overflow: hidden;
}

.j-orders .probox .detail .name {
	max-height: 32px;
	line-height: 16px;
	padding-right: 10px;
}

.quantity-wrap {
	text-align: center;
	padding: 30px 0;
}

.quantity-wrap .ui-stepinput .ui-stepinput-button {
	display: inline-block;
	height: 24px;
	width: 24px;
	border: 1px solid #d6d6d6;
	vertical-align: middle;
	background: url(../../../images/home/sprites.png) no-repeat 0 -20px;
	background-color: #fff;
	float: left;
}

.quantity-wrap .ui-stepinput .ui-stepinput-button-minus {
	background-position: 7px -29px;
}

.quantity-wrap .ui-stepinput .textfield-num {
	width: 60px;
	border: 1px solid #ddd;
	height: 24px;
	text-align: center;
	float: left;
	margin: 0 5px;
}

.quantity-wrap .ui-stepinput .ui-stepinput-button-plus {
	background-position: -43px -33px;
}

.quantity-wrap .ui-stepinput .ui-stepinput-button-minus {
	background-position: 7px -29px;
}

.quantity-wrap .ui-stepinput .ui-stepinput-button-minus:hover {
	background-position: 7px -49px;
	border-color: #ff751a;
}

.quantity-wrap .ui-stepinput .ui-stepinput-button.disabled {
	background-color: #FAFAFA;
}

.quantity-wrap .ui-stepinput .ui-stepinput-button-minus.disabled {
	background-position: 7px -10px;
}

.quantity-wrap .ui-stepinput .ui-stepinput-button.disabled:hover {
	background-color: #FAFAFA;
	border-color: #d6d6d6;
	cursor: default;
}

.quantity-wrap .ui-stepinput .ui-stepinput-button-plus:hover {
	background-position: -43px -53px;
	border-color: #ff751a;
}

.quantity-wrap .ui-stepinput span.unit {
	line-height: 24px;
	padding-left: 5px;
}

.ladders-cell {
	text-align: center;
	padding: 15px;
	color: #666;
}

.ladders-cell .ladder {
	display: inline-block;
}

.ladders-cell .ladder .range {
	float: left;
	line-height: 20px;
	padding-right: 10px;
	display: inline-block;
	width: 100px;
	text-align: right;
}

.ladders-cell .ladder .ladder-price {
	float: left;
}

.promot-cell {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	height: 112px;
	color: #666;
	width: 100px;
}

.amo-cell .totallable {
	line-height: 20px;
	color: #999;
}

.amo-cell .totallable span.total {
	font-weight: 700;
	color: #333;
	padding-right: 5px;
}

.amo-cell .totalprice {
	font-size: 14px;
	color: #333;
	font-weight: bold;
	line-height: 25px;
}

.amo-cell {
	height: 112px;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	width: 130px;
}

.shi-cell {
	padding: 10px;
	height: 112px;
	overflow: hidden;
}

.shi-cell p {
	line-height: 20px;
	color: #999;
}

.edi-cell {
	height: 112px;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	width: 90px;
}

.edi-cell a {
	color: #017fff;
}

.edi-cell a:hover {
	color: #df1f26;
}

.m-products .cfooter {
	padding: 20px;
	line-height: 20px;
}

.m-products .cfooter  .remark-header {
	font-size: 14px;
	font-weight: bold;
	color: #333;
	line-height: 25px;
	margin-bottom: 5px;
}

.m-products .cfooter  .remark-body  .ui-textfield {
	height: 75px;
	border: 1px solid #ddd;
	padding: 8px;
	width: 680px;
}

.m-products .cfooter .remark-wrap {
	width: 700px;
}

.total-wrap .subtotal {
	text-align: center;
	margin-bottom: 10px;
}

.total-wrap .subtotal .lable {
	font-size: 12px;
	color: #666;
}

.total-wrap .subtotal .amount {
	font-size: 14px;
	font-weight: bold;
	color: #333;
}

.total-wrap .subtotal .lable-shipping {
	margin-left: 30px;
}

.total-wrap .totalamount {
	text-align: right;
	line-height: 25px;
	font-size: 12px;
	color: #666;
}

.total-wrap .totalamount .amount {
	font-weight: bold;
	font-size: 18px;
	color: #df1f26;
	padding-left: 10px;
}

.total-wrap {
	padding-top: 25px;
	padding-right: 15px;
}

.total-wrap em {
	font-style: normal;
}

.payment-box {
	padding-top: 25px;
}

.payment-box  em {
	font-style: normal;
}

.payment-box .alltotal {
	text-align: right;
	font-size: 14px;
	font-weight: bold;
	color: #666;
}

.payment-box .alltotal span.amount-value {
	font-size: 24px;
	font-weight: bold;
	color: #df1f26;
	padding-left: 5px;
}

.payment-box .payment-btn a {
	display: inline-block;
	height: 36px;
	padding: 0 15px;
	line-height: 36px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-size: 16px;
	font-weight: bold;
}

.payment-box .payment-btn a.back-shopping {
	background: #df1f26;
	color: #fff;
 /*margin-right:15px;*/
}

.payment-box .payment-btn a.back-shopping:hover {
	text-decoration: none;
	background: #b80c12;
}

.payment-box .payment-btn {
	text-align: right;
	padding-top: 20px;
}

.payment-box .payment-btn a.place-order {
	background: #666;
	color: #fff;
}

.payment-box .payment-btn a.place-order:hover {
	text-decoration: none;
	background: #333;
}

.j-orders {
	border-bottom: 1px solid #ddd;
	float: left;
}

.j-companys {
	margin-bottom: 10px;
}

.ui-step-box {
	padding-top: 25px;
}

.ui-step-box .step-box {
	height: 80px;
	background: url(../../../images/home/line.png) no-repeat center center;
}

.ui-step-box .step-box .step-num {
	width: 32px;
	height: 32px;
	background: url(../../../images/home/step.png) no-repeat center center;
	color: #fff;
	text-align: center;
	line-height: 32px;
	font-size: 16px;
	display: inline-block;
}

.ui-step-box .step-box .step-num.active {
	background: url(../../../images/home/step-active.png) no-repeat center center;
}

.ui-step-box .step-box .step-item {
	width: 400px;
	text-align: center;
	padding-top: 22px;
}

.ui-step-box .step-box .txt {
	color: #666;
	line-height: 20px;
	padding-top: 5px;
}

.confirm-box .confirm-body {
	padding: 50px;
}

.confirm-box .confirm-body .confirm-content {
	padding: 35px 60px;
	border: 1px solid #ddd;
}

.confirm-box .confirm-body .confirm-content .confirm-tip {
	padding-left: 50px;
	background: url(../../../images/home/yes-tip.png) no-repeat left top;
	margin-bottom: 20px;
}

.confirm-tip h3 {
	font-size: 22px;
	color: #666;
	font-weight: bold;
	line-height: 35px;
	margin-bottom: 5px;
}

.confirm-tip p {
	font-size: 14px;
	color: #666;
	line-height: 20px;
	margin-bottom: 20px;
}

.confirm-tip .tip-txt {
	font-size: 16px;
}

.confirm-list .item {
	padding: 20px 0;
	border-top: 1px dashed #ddd;
}

.confirm-list .item .pic {
	width: 82px;
	height: 82px;
	margin-right: 25px;
	border: 1px solid #ddd;
}

.confirm-list .item .pic a {
	display: table-cell;
	width: 80px;
	height: 80px;
	text-align: center;
	vertical-align: middle;
}

.confirm-list .item .pic a img {
	max-height: 80px;
	max-width: 80px;
}

.confirm-list .item .name {
	height: 82px;
	line-height: 30px;
	font-size: 14px;
	margin-right: 30px;
	max-width: 700px;
}

.confirm-list .item .name a {
	display: table-cell;
	vertical-align: middle;
	height: 82px;
	padding-right: 10px;
}

.confirm-list .item .num {
	line-height: 82px;
	font-size: 14px;
}

.confirm-btn {
	padding-top: 20px;
	padding-left: 50px;
}

.confirm-btn a {
	display: inline-block;
	height: 36px;
	padding: 0 15px;
	line-height: 36px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-size: 16px;
	font-weight: bold;
}

.confirm-btn a.btn-red {
	background: #df1f26;
	color: #fff;
	margin-right: 15px;
}

.confirm-btn a.btn-red:hover {
	text-decoration: none;
	background: #b80c12;
}

.confirm-btn a.btn-gray {
	background: #666;
	color: #fff;
}

.confirm-btn a.btn-gray:hover {
	text-decoration: none;
	background: #333;
}

.footers-box {
	border-top: 1px solid #ddd;
	background: #f7f7f7;
}

.footers-box .powerby {
	line-height: 60px;
	color: #666;
	font-size: 14px;
	text-align: center;
}

a.add-fav {
	display: inline-block;
	float: right;
	width: 20px;
	height: 20px;
	background: url(../../../images/home/fav.png) no-repeat;
	margin-right: 3px;
	margin-top: 3px;
}

a.solid {
	background: url(../../../images/home/fav-active.png) no-repeat !important;
}

.cartempty-box {
	padding-top: 70px;
}

.cartempty-box .title {
	font-size: 24px;
	font-weight: bold;
	color: #333;
	line-height: 40px;
}

.cartempty-box .cartempty {
	padding-left: 100px;
	background: url(../../../images/home/car.png) no-repeat left top;
}

.cartempty-box .content {
	padding-left: 200px;
	padding-top: 60px;
	padding-bottom: 100px;
}

.cartempty-box .cartempty h3 {
	margin: 0;
	font-size: 24px;
	color: #333;
	line-height: 40px;
	font-weight: bold;
	margin-bottom: 5px;
}

.cartempty-box .cartempty p {
	font-size: 16px;
	color: #666;
	line-height: 20px;
	margin: 0;
}

.cartempty-box .cartempty p a {
	color: #017fff;
}

.cartempty-box .cartempty p a:hover {
	color: #df1f26;
}


/*增加新地址*/
.adress-mask {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 999;
	opacity: 0.7;
	background-color: rgba(0,0,0,.5);
	display: none;
}

.adress-layout {
	border: 1px solid #ddd;
	-moz-box-shadow: 2px 5px 8px rgba(0,0,0,.25);
	-webkit-box-shadow: 2px 5px 8px rgba(0,0,0,.25);
	box-shadow: 2px 5px 8px rgba(0,0,0,.25);
	background: #fff;
	position: fixed;
	_position: absolute;
	overflow: hidden;
	z-index: 1001;
	left: 50%;
	margin-left: -380px;
	display: none;
	top: 50%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.adress-layout .adress-close {
	color: #333;
	position: absolute;
	top: 5px;
	right: 10px;
	font-size: 16px;
	cursor: pointer;
}

.adress-layout .adress-close:hover {
	color: #df1f26;
}

.adress-layout .title {
	height: 27px;
	padding-top: 10px;
	margin-bottom: 0;
	text-indent: 15px;
	font: 700 16px/26px Roboto,Arial,sans-serif;
	color: #333;
}

.adress-layout .content {
	padding: 20px 15px 30px 15px;
	width: 760px;
}

.adress-layout .content .item {
	padding: 0 30px;
	margin-bottom: 15px;
}

.adress-layout .content .item .ui-form-label {
	display: block;
	float: left;
	padding-right: 10px;
	margin-bottom: 0;
	width: 200px;
	height: 30px;
	font-weight: bold;
	line-height: 30px;
	text-align: right;
}

.adress-layout .content .item .ui-form-control {
	position: relative;
	overflow: hidden;
}

.adress-layout .content .item .ui-form-control input {
	height: 30px;
	border: 1px solid #ddd;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	padding-left: 10px;
	width: 320px;
}

.adress-layout .content .item .ui-form-control p {
	color: #999;
	padding-top: 5px;
}

.adress-layout .content .item .ui-form-control select.j-country {
	width: 200px;
	border: 1px solid #ddd;
	height: 30px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.adress-layout .content .item-action a {
	display: inline-block;
	height: 30px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	line-height: 30px;
	font-size: 14px;
	padding: 0 15px;
}

.adress-layout .content .item-action .action-red {
	display: inline-block;
	height: 30px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	line-height: 30px;
	font-size: 14px;
	padding: 0 15px;
	border: 0px;
}

.adress-layout .content .item-action {
	padding-left: 200px;
	padding-top: 20px;
}

.adress-layout .content .item-action a.action-red {
	background: #df1f26;
	color: #fff;
	margin-right: 15px;
}

.adress-layout .content .item-action a.action-red:hover {
	background: #b80c12;
	text-decoration: none;
}

.adress-layout .content .item-action .action-red {
	background: #df1f26;
	color: #fff;
	margin-right: 15px;
}

.adress-layout .content .item-action .action-red:hover {
	background: #b80c12;
	text-decoration: none;
}

.adress-layout .content .item-action a.action-gray {
	background: #666;
	color: #fff;
}

.adress-layout .content .item-action a.action-gray:hover {
	background: #333;
	text-decoration: none;
}



/*HelpCenter*/
.helplist-box {
	margin-bottom: 40px;
}

.help-left {
	width: 270px;
	margin-right: 30px;
}

.help-right {
	width: 900px;
}

.helpnav {
	border: 1px solid #ddd;
}

.helpnav .title {
	height: 40px;
	line-height: 40px;
	padding-left: 20px;
	font-size: 14px;
	font-weight: bold;
	color: #444;
	border-bottom: 1px solid #ddd;
}

.helpnav .content {
	padding: 15px 0;
}

.helpnav .content>ul>li {
	padding-left: 20px;
}

.helpnav .content>ul>li>a {
	display: block;
	line-height: 25px;
	font-weight: bold;
	color: #666;
}

.helpnav .content>ul>li>a:hover {
	color: #df1f26;
}

.helpnav .content>ul>li>a i {
	margin-right: 5px;
}

.helpnav ul.helpnav-sub {
	display: none;
}

.helpnav ul.helpnav-sub li a {
	line-height: 25px;
	padding-left: 15px;
	color: #b3b3b3;
}

.helpnav ul.helpnav-sub li a:hover {
	color: #df1f26;
}

.helpkey-nav {
	border: 1px solid #ddd;
	margin-bottom: 20px;
}

.helpkey-nav .title {
	height: 40px;
	line-height: 40px;
	padding-left: 20px;
	font-size: 14px;
	font-weight: bold;
	color: #444;
	border-bottom: 1px solid #ddd;
}

.helpkey-nav .content a {
	padding-left: 20px;
	line-height: 25px;
	color: #017fff;
}

.helpkey-nav .content a:hover {
	color: #df1f26;
}

.helpkey-nav .content {
	padding: 10px 0;
}

.helpcontent .content .item {
	border-bottom: 1px solid #ddd;
	margin-bottom: 25px;
	padding-bottom: 20px;
}

.helpcontent .content .item .name a {
	display: block;
	padding-left: 20px;
	background: url(../../../images/home/cicle.png) no-repeat left 12px;
	font-size: 16px;
	font-weight: bold;
	color: #444;
	line-height: 30px;
}

.helpcontent .content .item .name a:hover {
	color: #df1f26;
}

.helpcontent .content .item .dec {
	line-height: 20px;
	color: #949494;
	padding-left: 20px;
}

.helpcontent .content .item .dec a {
	color: #df1f26;
	font-weight: bold;
}

.pages-box {
	padding-top: 20px;
}

.pages-box a,.pages-box b {
	display: inline-block;
	border: 1px solid #ddd;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	padding: 5px 10px;
	margin-right: 5px;
}

.pages-box b {
	border: none;
	color: #df1f26;
	font-weight: bold;
}

.pages-box a:hover {
	border: 1px solid #df1f26;
	background: #df1f26;
	text-decoration: none;
	color: #fff;
}

.help-d-content {
	border: 1px solid #ddd;
}

.help-d-content .title-head {
	height: 40px;
	line-height: 40px;
	padding-left: 20px;
	font-size: 14px;
	font-weight: bold;
	color: #444;
	border-bottom: 1px solid #ddd;
}

.helpdetail .title {
	font-size: 16px;
	color: #444;
	font-weight: bold;
	line-height: 40px;
	text-align: center;
	padding: 0 10px;
	margin: 30px 0;
}

.helpdetail .content {
	line-height: 20px;
	color: #949494;
	padding: 0 20px;
}

.detail-page {
	padding: 10px 20px;
	padding-bottom: 20px;
}

.detail-page a {
	padding-left: 5px;
	color: #017fff;
}

.detail-page a:hover {
	color: #df1f26;
}


/*quotation*/
.quotation-wrap {
	margin-bottom: 50px;
}

.bgcolor {
	background: #f6f6f6;
}

.quotation-box {
	width: 870px;
	margin: 0 auto;
}

.rfq-steptop {
	position: relative;
	height: 130px;
	background: url(/public/images/home/rfq-step-bg.png) repeat-x left center;
}

.rfq-steptop .item {
	width: 25%;
	float: left;
	padding-top: 100px;
	background-position: 82px 40px;
	background-repeat: no-repeat;
	text-align: center;
}

.rfq-steptop .step1 {
	background-image: url(/public/images/home/rfq-step1.png);
}

.rfq-steptop .step2 {
	background-image: url(/public/images/home/rfq-step2.png);
}

.rfq-steptop .step3 {
	background-image: url(/public/images/home/rfq-step3.png);
}

.rfq-steptop .step4 {
	background-image: url(/public/images/home/rfq-step4.png);
}

.rfq-stepcontent {
	border: 1px solid #ddd;
	background: #fff;
	padding: 20px;
}

.rfq-stepcontent .title {
	font-size: 16px;
	font-weight: normal;
	margin-bottom: 15px;
}

.rfq-stepcontent {
	margin-top: 20px;
}

.rfq-form .rfq-item {
	padding: 10px 0;
}

.rfq-form .rfq-left {
	width: 170px;
	text-align: right;
	margin-right: 15px;
	float: left;
	line-height: 32px;
	font-size: 14px;
	color: #9d9d9d;
}

.rfq-form .rfq-right {
	position: relative;
	overflow: hidden;
}

.rfq-form .rfq-item .rfq-right input,.rfq-form .rfq-item .rfq-right select,.rfq-form .rfq-item .rfq-right textarea {
	height: 30px;
	border: 1px solid #ddd;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.rfq-form .rfq-item .rfq-left span {
	color: #f00;
	font-weight: bold;
}

.rfq-form .rfq-item .rfq-right textarea {
	height: 120px;
	resize: none;
	padding: 10px;
	color: #666;
}

.attachfile {
	border: 1px solid #ddd;
	border-top: none;
	line-height: 25px;
	margin-top: -5px;
}

.attach-add {
	padding-left: 10px;
	color: #9d9d9d;
	cursor: pointer;
}

.attach-add i {
	margin-right: 5px;
}

.rfqtrade-add {
	line-height: 32px;
	font-size: 14px;
	color: #9d9d9d;
	cursor: pointer;
}

.rfqtrade-add i {
	color: #999;
	font-size: 18px;
}

.rfq-form .rfq-item .rfq-right input.subrfq-btn {
	height: 50px;
	line-height: 50px;
	background: #df1f26;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	padding: 0 60px;
	border: none;
	cursor: pointer;
}

.rfq-form .rfq-item .rfq-right input.subrfq-btn:hover {
	background: #b80c12;
}

.morerfq-box {
	display: none;
}

.morelink {
	padding-left: 30px;
}


/*search_supplier*/
.supplier-item{ border: 1px solid #dae2ed; margin-bottom:20px;}
.supplier-item:hover{ -webkit-box-shadow: 0 0 3px 2px rgba(0,0,0,.13); -moz-box-shadow: 0 0 3px 2px rgba(0,0,0,.13); box-shadow: 0 0 3px 2px rgba(0,0,0,.13);}
.supplier-item .supplier-head{ font-size:18px; line-height:25px; padding:10px 20px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; border-bottom:1px solid #dae2ed; margin-bottom:15px;}
.supplier-item .supplier-left{ float:left; margin-right:20px; width:365px; min-height: 150px;}
.supplier-item .supplier-right{ position:relative; overflow:hidden;}
.supplier-item .supplier-left .ui-item{ width:100px; margin-left:15px; display:inline-block;}
.supplier-item .supplier-left .ui-item .pic{ border:1px solid #dae2ed; width:100px; height:100px; margin-bottom:10px;}
.supplier-item .supplier-left .ui-item .pic:hover{ border:1px solid #df1f26;}
.supplier-item .supplier-left .ui-item .pic a{ display:table-cell; width:98px; height:98px; text-align:center; vertical-align:middle;}
.supplier-item .supplier-left .ui-item .pic a img{ max-height:98px; max-width:98px;}
.supplier-item .supplier-left .ui-item .name{ line-height:20px; height:40px; overflow:hidden; padding:0 5px; text-align:center;}
.supplier-attrs .attrs-item .attr-left{ line-height:20px; width:100px; color:#999; margin-right:10px; float:left;}
.supplier-attrs .attrs-item{ margin-bottom:5px;}
.supplier-attrs .attrs-item .attr-right{ line-height:20px; position:relative; overflow:hidden;}
.supplier-attrs .attrs-item .attr-right>span{ margin-right:5px; color:#017fff;}
.attr-contact{ padding-left:110px; margin:15px 0;}
.attr-contact a{ display:inline-block; line-height:30px; padding:0 20px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; font-size:14px; color:#fff; background:#df1f26;}
.attr-contact a:hover{ background:#b80c12; text-decoration:none;}
/*search_supplier*/


/*oversea*/
.body-bg{ background: #F4F4F4;}
.oversea-content{ margin-bottom: 65px;}
.oversea-body .pagelist{ padding-top: 0;}
.oversea-banner img{ max-width: 100%;}
.oversea-content .oversea-title { background: url(../../../images/home/sline-bg.png) repeat-x center center; text-align: center; margin-top: 45px; margin-bottom: 40px;}
.oversea-content .oversea-title h3 { padding: 0 20px; background: #f4f4f4; font-size: 26px; display: inline-block; margin: 0; text-transform: uppercase; } 
.oversea-box .oversea-item{ padding: 12px; border: 1px solid #e2e2e2; background: #fff; margin-bottom: 25px;}
.oversea-item .item-right{ width: 890px; float: right; height: 240px; position: relative;}
.oversea-item .item-left{ position: relative; width: 284px; float: left; text-align: center; height: 240px; background: #f7f7f7;}
.oversea-item .item-left .flag-pic{ padding-top: 40px; padding-bottom: 30px; border-bottom: 1px dashed #333; width: 180px; display: inline-block; margin-bottom: 10px;}
.oversea-item .item-left .flag-pic img{ max-width: 180px;}
.oversea-item .item-left .base-name{  padding:0 5px; font-size: 16px; color: #444; line-height: 30px; height: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.oversea-item .item-right .item-mask{ height: 35px; position: absolute; width: 100%; background: rgba(0,0,0,0.35); bottom: 0;}
.oversea-item .item-right .item-mask .location{ width:750px; background: url(../../../images/home/location.png) no-repeat 20px center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-left: 40px; line-height: 35px; color: #fff; font-size: 14px;  }
.oversea-item .item-right .item-mask .viewmore a{  width:140px; height: 35px; background: #df1f26; display: block; line-height: 35px; color: #fff; font-size: 16px; padding: 0 25px}
.oversea-item .item-right .item-mask .viewmore a:hover{ text-decoration: none; background: #b80c12; }
.oversea-item .item-right .item-banner img{ width:890px; height:240px;}

.oversea-photobox{ margin-bottom: 60px;}
.oversea-photobox .base-title{ font-size: 24px; color: #333; line-height: 40px; padding: 0 5px; text-align: center; padding-top: 40px; margin-bottom: 10px;}
.oversea-photobox .basephoto-box{ position: relative;}
.oversea-photobox .basephoto-box .arrow-btn{ display: inline-block; width: 28px; height: 51px; position: absolute; top: 50%;}
.oversea-photobox .basephoto-box a{ display: block; width: 28px; height: 51px; }
.oversea-photobox .basephoto-box .left-arrow{ left: -60px;}
.oversea-photobox .basephoto-box .right-arrow{ right: -60px;}
.oversea-photobox .basephoto-box .left-arrow a{ background: url(../../../images/home/left-arrow.png) no-repeat center center; }
.oversea-photobox .basephoto-box .left-arrow a:hover{ background: url(../../../images/home/left-arrow-hover.png) no-repeat center center; }
.oversea-photobox .basephoto-box .right-arrow a{ background: url(../../../images/home/right-arrow.png) no-repeat center center; }
.oversea-photobox .basephoto-box .right-arrow a:hover{ background: url(../../../images/home/right-arrow-hover.png) no-repeat center center; }
.oversea-photobox .basephoto-box .boxlayout{ width: 1080px; margin: 0 auto;}
.oversea-photobox .basephoto-box .pic{ text-align: center; margin-bottom: 20px; position: relative;}
.oversea-photobox .basephoto-box .pic img{ max-width: 100%;}
.basephoto-list{ overflow: hidden;}
.basephoto-list .basephoto-layout{ position: relative;}
.basephoto-list .basephoto-layout li{ float: left; cursor: pointer; margin-right: 18px; width: 165px;  display: table;}
.basephoto-list .basephoto-layout li a{ display: table-cell; width: 165px; height: 100px; border: 1px solid #ddd; text-align: center; vertical-align: middle;}
.basephoto-list .basephoto-layout li.active a,.basephoto-list .basephoto-layout li a:hover{ border: 1px solid #df1f26;}
.basephoto-list .basephoto-layout li img{ max-width: 163px; max-height: 98px;}
.basephoto-dec{ font-size:14px; color:#333; line-height:25px; margin-top:30px;}
.basephoto-page{ margin-top:30px; font-size:14px; color:#666;}
.basephoto-page span{ padding-right:5px;}
.basephoto-page .page-item{ padding:5px 0; line-height:25px;}
.basephoto-page a{ color:#666; display:inline!important;}
.basephoto-page a:hover{ color:#df1f26;}
/*oversea*/


.wrap-topright .style-horizontal {
  background: #fffaeb none repeat scroll 0 0;
  display: none;
  margin-bottom: 10px;
  overflow: hidden;
}
.wrap-topright .style-horizontal.item-num-1,.wrap-topright .style-horizontal.item-num-2 {
  display: block !important;
}.wrap-topright .style-horizontal table {
  table-layout: fixed;
  width: 100%;
  word-break: break-all;
      border-collapse: collapse;
    border-spacing: 0;
}.wrap-topright .style-horizontal th {
  color: #888;
  width: 120px;
}.wrap-topright .style-horizontal .row-1 th, .wrap-topright .style-horizontal .row-1 .price-item {
  padding: 10px 10px 3px;
}.hl-red {
  color: #e64545;
}.wrap-topright .style-horizontal .price-item {
  box-sizing: border-box;
  display: inline-block;
  float: left;
  position: relative;
}.wrap-topright .style-horizontal .row-1 th, .wrap-topright .style-horizontal .row-1 .price-item {
  padding: 10px 10px 3px;
}.wrap-topright .style-horizontal .row-2 th, .wrap-topright .style-horizontal .row-2 .price-item {
  padding: 2px 10px 10px;
}.wrap-topright .style-horizontal.item-num-1 .price-item {
  width: 100%;
}.wrap-topright .style-horizontal .price-item::before {
  border-left: 1px solid #f2eddf;
  content: "";
  display: block;
  height: 100px;
  left: 0;
  position: absolute;
  top: -20px;
  width: 0;
}.wrap-topright .style-horizontal.item-num-2 .price-item {
  width: 50%;
}.wrap-topright .style-horizontal caption, th {
    text-align: left;
}
.wrap-topright .style-vertical.item-num-1, .wrap-topright .style-vertical.item-num-2 {
  display: none !important;
}
.wrap-topright .style-horizontal table,.wrap-topright .style-horizontal table tr,.wrap-topright .style-horizontal table th,.wrap-topright .style-horizontal table td{border:none !important;}