/* top */

a:link { text-decoration: none; color:none;}
a:visited { text-decoration: none; } 
a:hover { text-decoration: none; } 
a:active { text-decoration: none; }
a {
    color: #000;
    text-decoration: none;
}
.nav_item{
	margin:0 10px 0 10px;
	font-size: 16px;
    /* color: #fff; */
}

.nav_item a{
    color: #141414;
}
.nav_item a:hover{
    color: #ff5751;
}

.personal {
		width:100%;
		height:38px;
		line-height:38px;
		background:#f7f7f7;
		font-size:12px;
		text-align:right;
}

.pagew{
		width:1201px;
	}

.top {
		width:1201px;
		margin:0 auto;
	}
	
#login {
		cursor:pointer;
		border-right:2px solid #636363;
		margin-right:10px;
		padding-right:10px;
	}
#login:hover {
		color:#ff5751;
    }
	
#logout {
		border-bottom:1px solid #636363;
		color:#636363;
		cursor:pointer;
	}
	
	
.personcenter{
	display:none;
	margin-right:60px;
}

.personalcenter{
	border-bottom:1px solid red;
	margin-right:7px;
	color:red;
	cursor:pointer;
}
	
.divinline {
		display:inline;
		float:left;
	}
	
.imgurl{
	width:200px;
	height:78px;
	vertical-align:middle;
	cursor:pointer;
}

.searchDiv {
		display:inline;
		
		border:2px solid #ff5751;
		height:auto;
		
		*width:540px !important;
		right:400px;
		position:absolute;
		top:35px;
}

.sty{
	line-height:25px;
}

.searchKey{
	width:350px;
	height:35px;
	*height:30px;
	*line-height:30px;
	*width:422px !important;
	border:0px;
	padding:0 5px;
}

.topSearchBtn {
		background: #ff5751;
		color: white;
		cursor: pointer;
		float: right;
		font-size: 16px;
		height: 35px;
		line-height: 35px;
		text-align: center;
		width: 118px;
	}

.telphone{
	
	width:200px;
	top:15px;
	position:absolute;
	right:-30px;
}
.telphone div{
	line-height:30px;
	height:30px;
	width:100%;
}
.telphone .tel{
	

	font-size:18px;
	font-weight:bold;
}

.callnum{
	float:right;
	font-size:20px;
	height:50px;
	line-height:50px;
	font-weight:600;
	color:#000001;
}

.callimg{
	float:right;
	height:50px;
}

.classify{
	width:100%;
	height:48px;
	background:#1C52A3;
	line-height:48px;
	text-align:center;
	font-size:16px;
	color:#fff;
	border-bottom:0px solid #000;
	}

.stymar	{
	margin:0 auto;
}

.topcat {
		height:48px;
		background:#f0f0f0;
		color:#000;
		padding:0 0px;
		margin-right:20px;
		line-height:48px;
		font-weight:700;
	}

.allclassify{
	display:inline;
	float:left;
	width:200px;
}

.classifyimg{
	width:15px;
}

#xl_home_page {
		cursor:pointer;
		xline-height:40px !important;
		xmargin-left:50px;
		*margin-top:8px;
		text-align:center;
		width:80px;
		color:#ff3d37;
	}

.groupbuying{
	margin:9px 0 0 40px;
	*margin-top:16px;
	font-size:14px;
	cursor:pointer;
	display:none;
}

#top_cart {
		cursor:pointer;
		margin-left:40px;
		xline-height:30px;
		*margin-top:8px;
		text-align:center;
		width:80px;
	}

#top_num {
		background:red;
		color:#fff;
		border-radius:25px;
		width:25px;
		height:25px;
		line-height:25px;
		text-align:center;
		margin-top:3px;
		font-size:12px;
	}
	
#top_info {
		display:none;
		color:#000;
		margin-left:15px;
		font-size:12px;
		xpadding-top:5px;
	}
	
#box {
		text-align:center;
		border:0;
		z-index:3;
		/* 闈濱E6娴忚鍣ㄤ娇鐢ㄥ浐瀹氬厓绱� */
		position: fixed;
		top: 30%;
		right: 0;
		/* IE6鏀逛负缁濆瀹氫綅锛屽苟閫氳繃css琛ㄨ揪寮忔牴鎹粴鍔ㄤ綅缃洿鏀箃op鐨勫�� */
		_position: absolute;
		_top: expression(eval(document.documentElement.scrollTop));
	}

.boxBtn{
	/* float:right; */
	cursor: pointer;
}

.special{
	margin:0 auto;
}


.cat_first{
		padding:0px 20px;
		cursor:pointer;
		height:38px;
		line-height:38px;
		
	}
.cat_first:not(:last-child){
		border-bottom:0px dashed #283948;
		
	}
	
.catall{
	position:absolute;
	z-index:555;
	height:480px !important;
	overflow-y:auto;
}

::-webkit-scrollbar {
    width: 3px;
    xdisplay:none;
}

/* 婊氬姩妲� */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    xborder-radius: 10px;
}

/* 婊氬姩鏉℃粦鍧� */
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: rgba(0,0,0,0.1);
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(0,0,0,0.4);
}

.secSelected{
	background:#ff5751;
	color:#fff;
}

.dtSelected{
	background:#ff5751;
	color:#fff;
}

.catParSelected{
	border-right:1px solid #E8E8E7;
	width:251px;
}

.Parcat{
	border:1px solid #E8E8E7;
	xborder:1px solid #E8E8E7;
	xborder-top:2px solid #FF5751;
	width:190px !important;
	display:inline;
	float:left;
	background:#fff;
	margin:0;
	color:#000;
}

.catname{
	display:inline;
	float:left;
}

.disnone{
	display:none;
}

.catStyle{
	display:inline;
	float:right;
}

.topcatlogo{
	width:auto;
	padding-left: 65px;
	display: block;
	font-size: 16px;
	color: #fff;
	font-weight: 700;
	background: #ff5751 url(../../../en/custom/topcatlogo.png) 24px no-repeat;
}

.top_cat_div {
		border-collapse: collapse;
		border-spacing: 0;
		width: 680px;
		margin:0 20px;
	}
	
.top_cat_div td {
		/* border-bottom: 1px dashed #283948; */
	}

.secSpace{
		white-space: nowrap;
}

.top_parent {
		font-weight:600;
		color:#000;
		padding:10px;
		cursor:pointer;
	}

.topchild{
	color:#ff5751;
	/* background:#1C52A3; */
	height:100%;
}

.topparent{
	color:#ff5751;
}

.catParcolor{
	border-right锛�2px solid black;
	width:251px;
}

.catParcolor0{
	border-right:0;
	width:250px;
}

.secWidth{
	width:90%;
}

.secpadding{
	padding: 5px;
}

.top_child {
		display:inline;
		float:left;
		padding:0 10px 5px;
		cursor:pointer;
	}
	
#topSecCat {
		border:2px solid #ff5751;
		border-top:0;
		/*border-left:0;*/
		width:745px;
		background:#fff;
		display:inline;
		float:left;
		opacity:0.95;
		color:#000;
	}
	
#reg {
		margin-right:10px;
		cursor:pointer;
	}
#reg:hover {
		color:#ff5751;
	}

.middle{
		margin:0 auto;
		height:140px;
		line-height:140px;
		position:relative;
	}
	
.homeNav div {
		display:inline;
		float:left;
	}
.homeNav img {
		vertical-align: middle;
	}
	

#HomeContentTr{
	background:#f7f7f7;
}

/* 涓婚〉涓儴鍐呭 */
.homediv{
	xbackground:#fff;
	width:1277px;
	margin:0 auto;
}

.homeHeight{
	height:300px;
}

.homenbsp{
	width:255px;
	height:100%;
	display:inline;
	float:left;
}

.homebox{

	height:100%;
	display:inline;
	float:left;
	margin-left:0;
	margin-top:0;
}

.newstrends{
	xmargin:30px 10px 20px 0;
	padding:10px;
	height:20px;
	line-height:20px;
}

.Titlenews{
	color:#000;
	font-weight:bold;
	font-size:18px;
	display:inline;
	float:left;
	cursor:pointer;
}

.Morenews{
	display:inline;
	float:right;
	font-size:14px;
	cursor:pointer;
}

h3{
text-indent:10px;
}

.cms {
	xdisplay:inline;
	xfloat:left;
	padding:10px;
	cursor:pointer;
	
	height:30px;
	line-height:30px;
}

.cmsheight{
	height:150px;
	line-height:150px;
}

.cmsimg{
	width:150px;
	margin-bottom:10px;
	vertical-align:middle;
	max-height:138px;
}

.cutTitle {
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    float:left;
    font-size:12px;
}
	
.cmsDate{
	text-align:right;
	font-size:11px;
	float:right;
}

.hotDiv{
	xborder-bottom:4px solid #f8953c;
	color:#000;
	font-size:20px;
	padding:30px 0;
	font-weight:600;
}

.hottb {
	border-collapse: collapse;
}
.hottb td {
	border: 2px solid #f7f7f7;
	text-align:center;
	width:315px;
	cursor:pointer;
	font-size:12px;
}

.hottb td:hover img {
	-webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -transform:scale(1.1,1.1);
}

.hottb img {
	width:100px;
	vertical-align: middle;
}

.hottd div {
	display:inline;
	float:left;
	width: 130px;
	margin-left: 20px;
	margin-top:5px;
}
.hottd img {
	float:left;
	margin-left:20px;
}

.idwidth{
	width:196px;
	cursor:pointer;
}

.nameWidth{
	width:150px;
	margin:20px;
}

.hotimg{
	width:150px;
	margin-bottom:20px;
}

.idwidth1{
	width:196px;
}

.hottbmar{
	margin:20px 0;
}

.hoverColor{
	color:black;
}
	
	
/* foot */
.footDiv{
	width:100%;
	xmargin-top:30px;
	/*background:#000001;*/
	font-size:12px;
}

.footborder{
	xborder-top:1px solid #000001;
	xborder-bottom:1px solid white;
	background:#2d2d2d;
	height:150px;
	font-size:15px;
}

.foot_tb {
		margin:10px auto;
		text-align: left;
		padding-top:40px;
	}
.foot_tb td {
	width:190px;
	height:32px;
}
.foot_tb .foot_center {
	margin-left:30px;
}
.footer_link {
		color:white;
		xcursor:pointer;
	}
.footer_link:hover {
	color:#000 ;
}

.footleft{
	height:100px;
	line-height:100px;
	background:#2d2d2d;
}

.textcolor{
	color:white;
}

.kefu{
	color:white;
}

.wangzhan{
	text-decoration:none;
	color:white;
}

.wangzhan:hover{
	color:#f0f0f0;
}


/* 娉ㄥ唽 */
.regBusiness{
	margin:20px auto;
	width:908px;
}

.r_top_div {
	height: 37px;
	/* border: 2px solid #f7f7f7; */
	border-bottom: 0;
	overflow: hidden;
	clear: both;
}
.r_top_div div {
	display: inline;
	/* float: left; */
	width: 450px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	cursor: pointer;
	border-bottom: 2px solid #f7f7f7;
	font-weight: 700;
}

/*.personAccount{
	border-bottom:2px solid #fff5e6
	background:#fff5e6;
	color:#1c52a3;
}*/

.companyAccount{
	border-left: 2px solid #f7f7f7;
	border-right: 2px solid #f7f7f7
}

.reg_con {
	border:2px solid #f7f7f7;
	border-top: 0;
	padding: 30px;
	background: #ffffff;
	min-height: 500px;
}
.reg_con .need {
	color: #f8953c;
}
.reg_con .inputxt, .reg_con select {
	width: 250px;
	height: 30px;
	line-height: 30px;
	border: 1px solid #888;
}
.reg_con .reg_area {
	width: 80px;
	height: 25px;
	border: 1px solid #888;
}
.reg_con .regBtn {
    background: #1C52A3 none repeat scroll 0 0;
    border-radius: 5px;
    color: white;
    cursor: pointer;
    font-size: 14px;
    text-align: center;
    width: 80px;
	border: 0;
	padding: 5px;
}

.reg_div_w {
	width: 350px;
}

.regmar{
	margin:0 auto;
}

.address{
	height:70px;
	font-size:14px;
	font-family:Microsoft YaHei;
}

.codeimg{
	cursor:pointer;
}

.argurmentColor{
	color:#408fca;
}

.agreeArgurment{
	font-weight:bold; 
	color:#1c52a3;
}

.regheight{
	height:50px;
	margin:0 auto;
	text-align:right;
}

.companyMessage{
	border-bottom:1px dotted #1c52a3;
	margin:15px;
	color:#1c52a3;
	width:500px;
	margin:0 auto;
	margin-bottom:20px;
}

.connectPerson{
	border-bottom:1px dotted #1c52a3;
	margin:15px;
	color:#1c52a3;
	width:500px;
	margin:0 auto;
	margin-bottom:20px;
}

/* 鏂伴椈鍔ㄦ�� */
.newstrendsAll{
	background:#fff;
	width:900px;
	margin:0 auto;
}

.trendsbg{
	xbackground:#f7f7f7;
	margin:20px 0;
}

.hot_title {
	background-image:url(../../img/xlshop/cmsnews.png);
	background-repeat:no-repeat;
	xheight:49px;
	color:#fff;
	line-height:40px;
}

.cmsnews_div dt {
    cursor: pointer;
	margin-bottom: 20px;
}

.dtItem:hover{
	box-shadow:1px 1px 6px #bfbfbf;
}

.dtAddCar:hover{
	background-color:#ff5751;
	color:#fff;
	transition: all 0.35s linear;
}

.dtHadAdd:hover{
	background-color:#d9d9d9;
	color:#fff;
	transition: all 0.35s linear;
}

.trendsMar{
	margin-left:15px;
}

.trendsBorder{
	border-left:8px solid #fff;
	min-height:580px;
	padding-top:20px;
}

.trendsWidth{
	width:680px;
	margin:0 auto;
}

/*鍟嗗搧鍒楄〃xl_item*/
.itembg{
	background:#fff;
	margin:0 auto;
	margin-top:10px;
	margin-bottom:10px;
	overflow:hidden;
}

.itemDiv{
	width:100%;
	xbackground:#F7F7F7;
	margin-top:2px;
	padding-top:0px;
	padding-left:0px;
}

.title {
    color: #000001;
	display:inline;
	font-weight:700;
	font-size:18px;
}

.titleList {
    color: #000001;
    display: inline;
    float: left;
    font-weight: 700;
    font-size: 18px;
}

.fontColor{
	color:#000001;
}

.changeColor{
	color:#000001;
}

.topSearch{
	height:30px;
	display:none;
}

.catTitle{
	cursor:pointer;
}

.catTitleSty{
	display:inline;
	float:left;
	margin-left:50px;
}

.catPosition{
	padding:5px;
	display:inline-block;
	/* margin-bottom:10px; */
}

.secTitle{
	margin:10px 0;
	height:30px;
	width:100%;
	padding-left:10px;
}

.containerInline{
	display:inline-block;
	xmargin-left:10px;
}

.secCat div {
	display:inline;
	float:left;
}

.parent {
	padding:3px 12px;
	margin:1px 0;
	cursor:pointer;
}

.add_car {
	background: #ff5751;
    border-radius: 2px;
    color: white;
    float: right;
    font-size: 12px;
    height: 25px;
    line-height: 25px;
    margin-right: 10px;
    text-align: center;
    width: 80px;
	cursor:pointer;
}

.had_add {
	background: none repeat scroll 0 0 #d9d9d9;
    border-radius: 3px;
    float: right;
    font-size: 12px;
    height: 25px;
    line-height: 25px;
    margin-right: 10px;
    text-align: center;
    width: 80px;
}

.hoverLight:hover {
	box-shadow:0 0 8px rgba(81, 81,81,0.8);
}

.top_tr td {
	border-bottom:2px solid #f8953c;
	height:40px;
	width: 200px;
}

.item_tr {
	cursor: pointer;
}
.item_tr td {
    border-color: #fff #fff #d9d9d9;
    border-style: solid;
    border-width: 0 0 1px;
    font-size: 12px;
    height: 30px;
    padding: 5px;
    word-break: break-all;
    word-wrap: break-word;
}


/*鍟嗗搧璇︽儏xl_detail */
.detailbg{
	background:#fff;
	margin:30px auto;
	min-height:1000px;
}

.deatailDiv{
	min-height:400px;
	overflow:hidden;
	clear:both;
}

.detaileBorder{
	border:1px solid #fff5e6;
	margin:0 100px;
	text-align:center;
	width:400px;
	height:380px;
	line-height:380px;
}

.detailImg{
	width:300px;
	max-height:380px;
	vertical-align:middle;
}

.lineWidth{
	width:350px;
}

.detailName{
	color:#000001;
	font-size:16px;
	font-weight:700;
}

.tbmar{
	margin-top:20px;
}

.lineBoder{
	border-right:0;
}

.buyNum{
	height:20px;
	width:40px;
	border:2px solid #ccc;
	border-right:0;
	text-align:center;
}

.goodIntroduce{
	border-bottom:4px solid #F7F7F7;
	color:blue;
	font-size:20px;
	padding:30px 0;
	font-weight:600;
}

.add_cart {
    border-radius: 4px;
    //border:2px solid #1C52A3;
    color: #fff;
    height: 35px;
    line-height: 35px;
	background-color: #ff5751;
    text-align: center;
	padding:0 20px;
	cursor:pointer;
	display:none;
	width:80px;
	margin-top:10px;
}

.had_add {
	background-color:#d9d9d9;
	color:#fff;
    border-radius: 4px;
    height: 35px;
    line-height: 35px;
    text-align: center;
	padding:0 20px;
	display:none;
	width:80px;
	margin-top:10px;
}

.detailtb {
	margin-top: 10px;
}
.detailtb td {
	height:60px;
	min-width:150px;
	vertical-align:center;
}
.detailtb td .long_text {
	xmargin-bottom:10px;
}
.litBtn {
	cursor: pointer;
    width: 22px;
    height: 20px;
    line-height: 20px;
    border: 2px solid #ccc;
    text-align: center;
    font-size: 20px;
    background: #ccc;
    color: #fff;
    font-weight: 700;
	*margin-top:1px;
}

.content {
	margin:0 auto;
	line-height:30px;
	padding-top:30px;
}
.content p {
	text-indent:30px;
	font-size:16px;
}

.content table {
	border: 1px solid #d9d9d9;
    border-collapse: collapse;
    text-align: center;
    width: 100%;
}
.content td {
	border: 1px solid #d9d9d9;
	background: #fff;
}

.content img {
	max-width:960px;
}
.detailtb .group {
	color: red;
	display: none;
}

/* 璐墿杞﹀垪琛▁l_shopping_cart*/
.shoppingCat{
	background:#ffffff;
	margin:20px auto;
	width:900px;
}

.shopDiv{
	padding:5px 15px;
}

.shopBorder{
	border-bottom:1px dotted #d9d9d9;
	margin:0 15px;
}

.top_tr td {
	border:0px solid #fff;
	height:40px;
	width: 130px;
}

.submit_car {
	background: #1C52A3;
	border-radius: 5px;
    color: white;
    cursor: pointer;
    font-size: 22px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    width: 100px;
}

/*鎻愪氦璁㈠崟xl_submit_order*/
.contory{
	width:900px;
	margin:20px auto;
}

.title_color {
	color:black;
	font-size:16px;
}

.titleStyle{
	font-size:18px;
	margin:10px;
}

.titleDiv{
	border-bottom:1px dotted #d9d9d9;
}

.sec_div {
	margin-top:15px;
	margin-left:88px;
}

.fukuan{
	border:2px solid #e2393c;color:#e2393c;
}

.payType{
	vertical-align:bottom;
}

.payInfo{
	margin-left:110px;
	margin-top:20px;
}

.receiver{
	height:80px;
}

.receiveInfo{
	height:45px;
	padding-left:5px;
}

.deliver{
	border-bottom:5px solid #1C52A3;
	margin-bottom:2px;
	margin-top:15px;
}

.item_table td {
    border-color: #fff #fff #fff;
    border-style: solid;
    border-width: 0 0 2px;
    font-size: 14px;
    height: 20px;
    padding: 10px 15px;
    word-break: break-all;
    word-wrap: break-word;
	background: #ffffff ;
}

#imglist li{
	width:63px;
	height:63px;
	margin:1px;
}

#imglist img{
	width:63px;
	height:63px;
	margin:1px;
}

.deliverSty{
	text-align:center;
	border-collapse:collapse;
	border-spacing:0;
	margin:0 auto;
}

.delivertr{
	margin: 20px auto;
}

.count{
	height:30px;
	text-align:right;
}

.money{
	color:#e2393c;
}

.allMoney{
	border-bottom:5px solid #1C52A3;
	margin-top:2px;
}

.invoice{
	border:2px solid #e2393c;
	color:#e2393c;
}

.nowinvoice{
	display:none;
	margin-top:15px;
}

.zCompany{
	width:350px;
}

.department{
	letter-spacing:5.6px;
}

.zTaxNumber{
	width:350px;
}

.zServiceAddress{
	width:350px;
}

.zContactTel{
	width:350px;
}

.zDepositBank{
	width:350px;
}

.zAccount{
	width:350px;
}

.cContactPerson{
	width:350px;
}

.cContactTel{
	width:350px;
}

.cContactAddress{
	width:350px;
}

.amountDue{
	background:#fff5e6;
	height:50px;
	line-height:50px;
	margin-top:20px;
	text-align:right
}

.amountSpan{
	color:#e2393c;
	font-size:22px;
}

.consignee{
	border-bottom:1px dotted #d9d9d9;
	margin:0 10px;
	display:none;
}

.typescolor{
	color:red;
	margin-right:4px
}

.addressRedio{
	border:2px solid #e2393c;
	color:#e2393c;
}

.btncolor {
	background: #1C52A3;
    border: 0 none;
    border-radius: 5px;
    color: white;
    cursor: pointer;
	font-size: 14px;
}

.dupload {
	width: 350px;
	min-height: 420px;
	_height: 420px;
	text-align: center;
	display:inline;
	float: left
}

.dupload .images dt {
	position: relative;
	margin: 10px 10px 0;
	width: 330px;
	height: 330px;
	overflow: hidden
}

.dupload .images a {
	width: 100%;
	height: 100%;
	display: inline-block
}

.dupload .images img {
	width: 100%;
	height: 100%
}

.dupload .images ul {
	padding: 10px 0 10px 10px;
	position: relative;
	overflow: hidden;
	margin: auto 0
}

.dupload .images li {
	float: left;
	list-style-type: none;
	margin: 0 7px 0 0;
	width: 60px;
	height: 60px;
	overflow: hidden
}

.dupload .images li:first-child {
	margin-right: 8px
}

.dupload .images li:last-child {
	margin-left: 1px
}