/* ------------------------------ reg ------------------------- */
#regtop{ width: 960px; margin: 0px auto; padding: 22px 0; }
#regtop span{float: left;margin-top:0;}
#regtop span img{
	max-width:200px;
}
/*#regtop span.sbg{ background: url(/images/Login/loginbg.jpg) no-repeat bottom right; }*/
#regtop h1{font-size: 28px;line-height: 50px;color: #333;margin-left: 15px;padding-left: 15px;border-left: 1px solid #eee;float: left;margin-top: 30px;}
#regtop p{ display: block; float: right; text-align: right; font: normal 12px '宋体'; color: #3A3C3E; padding: 41px 0 0 0; }
#regtop p b{ font: bold 14px "Tahoma"; color: #ff0000; padding: 0px 3px; }
#regtop p a{ display: inline-block; background: url(/images/Public/publicbg.jpg) no-repeat -134px -28px; width: 21px; height: 21px; }
.regstep{ width: 960px; height: 34px; margin: 0px auto; background: url(/images/Login/loginbg.jpg) no-repeat 0 -51px; }
.regstep span{ width: 320px; height: 32px; text-align: center; font: bold 14px/32px '宋体'; color: #333333; float: left; padding: 2px 0 0 0; }
.regstep span.hot{ color: #fff; }
.regstep2{ background: url(/images/Login/loginbg.jpg) no-repeat 0 -86px; }
.regtitle{ width: 960px; margin: 10px auto 0; font: bold 14px/32px '宋体'; color: #68615F; border-bottom: 1px solid #DCDDDD; text-indent: 10px; }
.regtitle b{ color: #ff0000; padding: 0px 5px 0 220px; font-family: Tahoma; }
.regtable{ width: 960px; margin: 10px auto 0; }
.regtable dl{ width: 960px; float: left; }
.regtable dl dt{ width: 297px; height: 56px; text-align: right; font: normal 14px/56px '宋体'; color: #2E2B2B; display: block; float: left; padding: 4px 0 0 0; }
.regtable dl dt b{ font: normal 11px "Tahoma"; color: #ff0000; padding: 0px 10px 0 5px; }
.regtable dl dd{ width: 660px; color: #2E2B2B; display: block; float: right; vertical-align: middle; padding: 12px 0 0 0; }
.incss{ width: 290px; height: 30px; font: normal 12px/30px '宋体'; vertical-align: middle; float: left; }
.incss input{ width: 281px; height: 23px; border: 1px solid #E0E0E0; padding: 7px 0 0 5px; color: gray; font: normal 14px "Tahoma",'宋体'; background: url(/images/Login/loginbg.jpg) repeat-x 0 -139px; }
.regtable dl dd strong{ font: normal 12px/17px '宋体'; color: #AEABAA; display: block; padding: 8px 0 12px 0px; float: left; vertical-align: middle; width: 340px; }
.imgDiv{ font: normal 12px/17px '宋体'; color: #AEABAA; display: block; float: left; margin: 5px 0 0 0; }
.tips{ width: 286px; border: 1px solid #E0E0E0; z-index: 100; padding: 5px 0; float: left; margin: 0px 0 0 0; }
.tips ul li{ list-style: none; position: relative; font: normal 12px/18px "Tahoma",'宋体'; height: 18px; padding: 0px 10px; display: block; float: left; width: 265px; }
.tips ul li:hover{ background: #f1f1f1; font-weight: bold; }
.emailType{ font-weight: bold; border-bottom: 1px solid #E0E0E0; background: none; }
.radiocss{ width: 290px; font: normal 14px/18px '宋体'; vertical-align: middle; padding: 6px 0 0 0; display: block; float: left; }
.codeimg{ width: 200px; font: normal 12px/18px '宋体'; vertical-align: middle; float: left; display: inline; margin: 5px 0 0 -230px; }
.codeimg img{ vertical-align: middle; padding: 0px 10px 0 0; }
.codeimg a{ text-decoration: underline; color: blue; }
.regtable p{ width: 960px; float: left; text-align: center; padding-bottom: 20px; border-top: 1px solid #DCDDDD; }
.regtable p a{ text-decoration: underline; color: #406FA3; font: normal 12px/45px '宋体'; cursor: pointer; }
.regtable p a:hover{ text-decoration: none; color: #333; }
.regtable p button{ width: 220px; height: 40px; text-align: center; border: 0px; color: #fff; display: block; font: bold 14px '宋体'; margin: 0px auto; cursor: pointer; background: url(/images/Login/loginbg.jpg) no-repeat 0 -172px; }
.success{ width: 650px; margin: 20px auto 0; text-align: center; font: normal 14px/40px '宋体'; }
.success span{ font: bold 20px/35px 'Microsoft Yahei'; color: #3D3D3D; display: block; }
.success span b{ color: #ff0000; padding: 0px 10px; }
.success a{ text-decoration: underline; color: #033C98; }
.success a:hover{ text-decoration: none; color: #333; }
.warning{ width: 650px; height: 300px; margin: 10px auto 0; border: 1px solid #DDE8F0; position: relative; background:url(/images/Login/login_bg11.jpg) no-repeat; }
.warning-a{ height: 180px; }
.wleftbg{ width: 63px; height: 57px; position: absolute; top: 34px; left: 24px; background: url(/images/Login/loginbg.jpg) no-repeat 0 -423px; }
.wleftbg-a{ width: 65px; height: 57px; position: absolute; top: 64px; left: 27px; background: url(/images/Login/loginbg.jpg) no-repeat -69px -423px; }
.wleftbg-b{ width: 65px; height: 57px; position: absolute; top: 34px; left: 27px; background: url(/images/Login/loginbg.jpg) no-repeat -69px -423px; }
.wleftbg-c{ width: 62px; height: 57px; position: absolute; top: 34px; left: 24px; background: url(/images/Login/loginbg.jpg) no-repeat 0px -484px; }
.warning span{ width: 520px; position: absolute; top: 20px; right: 14px; font: bold 18px/24px "微软雅黑"; color: #E00000; display: block; vertical-align: middle; }
.warning span strong{ font: bold 16px "Arial"; color: #ff0000; }
.warning span a.apad{ text-decoration: none; color: #033C98; padding: 0px 0 0 66px; }
.emailinput{ width: 326px; height: 30px; position: absolute; top: 60px; left: 116px; }
.emailinput input{ width: 200px; height: 22px; font: normal 12px/22px "Arial"; padding: 0px 0 0 3px; float: left; }
.emailinput button{ width: 112px; height: 26px; border: 0px; color: #fff; background: url(/images/Login/loginbg.jpg) no-repeat 0px -546px; float: right; cursor: pointer; }
.warning span.stop{ top: 10px; }
.warning span.sbot{ top: 90px; color: #C1C2C3; }
.warning span a.apad:hover{ color: gray; }
.check{ width: 98px; height: 26px; position: absolute; top: 20px; left: 347px; }
.check a{ width: 98px; height: 22px; display: inline-block; /* margin: -4px 0 0 5px;*/ background: url(/images/Login/loginbg.jpg) no-repeat -399px -180px; }
.warningbt{ width: 150px; height: 40px; position: absolute; top:100px; left: 261px; }
.warningbt a{ width: 150px; height:40px; display: block; background: url(/images/Login/dianci.jpg) no-repeat; }
.warning p{ width: 420px; position: absolute; top: 48px; left: 115px; font: normal 12px/24px '宋体'; color: #646566; }
.warning p b{ color: #ff0000; font: bold 14px/28px '宋体'; }
.warning p a{ text-decoration: none; color: #033C98; }
.warning p a:hover{ color: gray; }
.warning .list{width: 420px; position: absolute; top:170px; left: 115px; font: normal 12px/24px '宋体'; color: #646566; }
.warning .list a{ text-decoration: none; color: #033C98; }
/* ------------------------------ login ------------------------- */
#login-main{ width: 970px; height: 438px; margin: 0px auto; position: relative; }
.login-img{ width: 613px; height: 173px; position: absolute; top: 0px; left: 0px; }
.login-leftbg{ width: 606px; height: 260px; position: absolute; top: 178px; left: 0px;background: url(/images/Login/leftbg.png) no-repeat;}
.login-leftbg h2{
	font-size: 18px;line-height: 30px;color: #f96503;font-style: italic;margin: 22px;
}
.login-leftbg dl{
	font-family: "\5b8b\4f53";
}
.login-leftbg dl dt{
	font-size: 14px;
	line-height: 30px;
	font-weight: bold;
}
.login-leftbg dl.supplierDl{
	position: absolute;
	top: 75px;
	left: 100px;
	z-index: 10;
}
.login-leftbg dl.purchaserDl{
	position: absolute;
	top: 75px;
	left: 300px;
	z-index: 10;
}
.login-leftbg dl.supplierDl dt{
	color: #00509c;
}
.login-leftbg dl.purchaserDl dt{
	color: #ff0000;
}
.login-leftbg dl dd{
	padding-left: 30px;
	font-size: 14px;
	line-height: 30px;
	margin-bottom: 5px;
	color: #333;
	background: url(/images/Login/serviceList.png) no-repeat;
}
.login-leftbg dl dd.supDd1{
	background-position: 0 5px;
}
.login-leftbg dl dd.supDd2{
	background-position: 0 -26px;
}
.login-leftbg dl dd.supDd3{
	background-position: 0 -56px;
}
.login-leftbg dl dd.supDd4{
	background-position: 0 -86px;
}
.login-leftbg dl dd.purDd1{
	background-position: 0 -124px;
}
.login-leftbg dl dd.purDd2{
	background-position: 0 -154px;
}
.login-leftbg dl dd.purDd3{
	background-position: 0 -184px;
}
.if{ width: 200px; position: absolute; top: 53px; left: 90px; z-index: 1; }
.if-a{ left: 286px; }
.if span{ width: 200px; display: block; float: left; font: bold 14px/32px '宋体'; color: #047F15; }
.if p{ width: 169px; display: block; float: left; font: normal 14px/30px '宋体'; color: #333333; padding: 0px 0 0 28px; }
.login-right{ width: 355px; height: 436px; position: absolute; top: 0px; right: 0px; border: 1px solid #D4D4D4; }
.login-righttitle{ width: 200px; position: absolute; top: 30px; left: 30px; font-size: 20px;line-height: 30px;color: #333;font-weight: bold;}
.login-right dl{ width: 273px; position: absolute; top: 77px; left: 37px; }
.login-right dl dt{ width: 70px; height: 35px; font: normal 14px/35px '宋体'; color: #494C4C; display: block; float: left; padding: 4px 0 0 0; text-align: center; }
.login-right dl dt b{ padding: 0px 0 0 13px; }
.login-right dl dd{ width: 200px; height: 40px; display: block; float: right; /*	padding: 14px 0;*/ vertical-align: middle; position: relative; }
.login-right dl dd input.log{ width: 193px; height: 17px; border: 1px solid #ADADAD; padding: 7px 0 0 5px; color: gray; font: normal 14px "Tahoma",'宋体'; position: absolute; top: 7px; background: url(/images/Login/loginbg.jpg) repeat-x 0 -139px; }
.codelog{ width: 100px; position: absolute; top: 9px; left: 60px; font: normal 12px/18px '宋体'; vertical-align: middle; }
.login-right dl dd p{ width: 193px; height: 23px; color: #8D8D8D; font: normal 12px/23px '宋体'; position: absolute; top: 0px; }
.login-right dl dd p input{ vertical-align: middle; margin: -2px 5px 0 0; }
.login-right dl dd button{ width: 83px; height: 33px; border: 0px; position: absolute; top: -10px; display: block; cursor: pointer; background: url(/images/Login/loginBtns.png) no-repeat; font-size: 14px;line-height: 30px;color: #fff;font-weight: bold;}

.login-right dl dd strong{ width: 65px; height: 23px; font: normal 12px/23px '宋体'; position: absolute; top: -5px; left: 100px; display: block; }
.login-right dl dd strong a{ text-decoration: none; color: #003E83; }
.login-right dl dd strong a:hover{ text-decoration: underline; color: #333; }
.notmember{ width: 273px; position: absolute; left: 37px; bottom: 130px; color: #494C4C; padding: 8px 0 0 0; border-top: 1px solid #D4D4D4; }
.freereg{ width: 150px; position: absolute; left: 102px; bottom: 67px; }
.freereg a{ width: 150px; height: 40px; display: block; background: url(/images/Login/loginBtns.png) no-repeat 0 -60px;font-size: 18px;line-height: 40px;color: #fff;text-align: center;font-weight: bold;text-decoration: none; }
/* ------------------------------ 弹出层 ------------------------- */
#floatBoxBg{ display: none; width: 100%; height: 100%; background: #EBEBEB; position: absolute; top: 0; left: 0; filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; }
.floatBox{ width: 700px; position: absolute; top: 50px; left: 40%; }
.floatBox .title{ height: 23px; padding: 7px 10px 0 0; background: url(/images/Login/loginbg.jpg) no-repeat 0px 0; color: #fff; width: 692px; }
.floatBox .title h4{ float: left; padding: 2px 0 0 15px; margin: 0; font-size: 14px; line-height: 16px; }
.floatBox .title span{ float: right; cursor: pointer; padding: 3px 0 0 0px; }
.floatBox .content{ padding: 20px 15px; background: #E8EFFB; border: #BDD0EA 1px solid; width: 670px; float: left; }
.login-sev{ position: relative; display: block; text-align: center; font: bold 20px/35px 'Microsoft Yahei'; color: #333; border-bottom: 1px solid #333; }
.login-read{ position: relative; display: block; text-align: center; font: normal 12px/25px '宋体'; color: #333; }
.login-supply{ position: relative; display: block; text-align: center; font: normal 14px/40px '宋体'; color: #333; }
.floatBox .content textarea{ width: 640px; height: 230px; margin: 0px 0 0 10px; font: normal 12px/25px '宋体'; color: #666; padding: 10px 0 0px 10px; }

/*-------社区注册-----------*/
.incssq{ width: 290px; height: 30px; font: normal 12px/30px '宋体'; vertical-align: middle; float: left; }
.incssq input{ width: 281px; height: 23px; border: 1px solid #E0E0E0; padding: 7px 0 0 5px; color: gray; font: normal 14px "Tahoma",'宋体'; }
.incssqq{ width: 64px; height: 30px; font: normal 12px/30px '宋体'; vertical-align: middle; float: left; }
.incssqq input{ width: 64px; height: 23px; border: 1px solid #E0E0E0; padding: 7px 0 0 5px; color: gray; font: normal 14px "Tahoma",'宋体'; }
.codeimg_a{float:left; width:50px; height:22px; margin-top:3px; padding-left:10px; margin-right:10px;}
.codeimg_b a{ display:block; float:left; height:30px; line-height:30px;}
 .member_1{ float:left; padding:6px 0; line-height:40px;}


#footer{width: 100%;background: #f3f3f3;margin-top: 30px;}
.update{width: 1190px;border-bottom: 1px solid #dfdfdf;margin: 0 auto;height: 26px;padding:20px 0 20px 0;}
.update p{width: 1190px;height: 34px;text-align: center;color: #888;}
.update p a{font: 14px/34px "\5b8b\4f53";color: #888;padding: 0 5px;}
.update p a:hover{color: #f60;text-decoration: underline;}

.QQ{width: 100%;
    margin: 10px auto 0;
    text-align: center;}
.QQ p{width:1190px; color: #888;}
.QQ p a{font: 14px/26px "\5b8b\4f53";color: #888;padding: 0 5px;}


.link{width: 1190px;margin: 0 auto;border-top: 1px solid #fff;padding-bottom: 10px;}
.link p{color: #888888;padding:10px 53px;}
.link p a{color: #888888;font-size: 12px;line-height: 24px;padding: 0 10px 0 8px;}
.link p a:hover,.link span a:hover{color: #f60;text-decoration: underline;}
.link span{width: 1190px;text-align: center;display: block;font-size: 14px;line-height: 30px;color: #555;height: 30px;}
.link span a{color: #555;padding: 0 10px;}
ul.footer_img{
	display: block;
	height: 33px;
	background: url(https://www.tao31.com/images/Index/Version/2021/copyright.png) no-repeat 0 0;
	background-size: auto 100%;
	margin: 12px auto 30px;
	width: 558px;
}
ul.footer_img li{
	float: left;
	width: 83px;
	height: 33px;
	margin-right: 10px;
}
ul.footer_img li a{
	display: block;
	height: 33px;
	width: 100%
}


.gotop{width:40px;border: 1px solid #f4f4f6;position: fixed; top: 50px;left:50% ; margin-left: -650px; background: #fff;z-index: 999999}
.gotop a span{width: 40px;height: 38px;display: block;float: left;}
.gotop a span.bg1{background: url(../images/left_bg.png) -2px -25px no-repeat;}
.gotop a span.bg2{background: url(../images/left_bg.png) -4px -265px no-repeat;}
.gotop a span.bg3{background: url(../images/left_bg.png) -5px 5px no-repeat;}
.gotop a span.bg4{background: url(../images/left_bg.png) 1px -413px no-repeat;}
.gotop a span.bg5{background: url(../images/left_bg.png) -4px -55px no-repeat;}
.gotop a span.bg6{background: url(../images/left_bg.png) 0 -85px no-repeat;}
.gotop a span.bg7{background: url(../images/left_bg.png) -4px -175px no-repeat;}
.gotop a span.bg8{background: url(../images/left_bg.png) -4px -144px no-repeat;}
.gotop a span.bg9{background: url(../images/left_bg2.png) -3px -234px no-repeat;}
.gotop a span.bg10{background: url(../images/left_bg2.png) -3px -264px no-repeat;}
.gotop a span.bg11{background: url(../images/left_bg2.png) -3px -294px no-repeat;}
.gotop a span.bg12{background: url(../images/left_bg2.png) -3px -324px no-repeat;}
.gotop a span.bg13{background: url(../images/left_bg2.png) -3px -354px no-repeat;}
.gotop a span.bg14{background: url(../images/left_bg2.png) -3px -384px no-repeat;}
.gotop a span.bg15{background: url(../images/left_bg2.png) -3px -414px no-repeat;}
.gotop a span.bg16{background: url(../images/left_bg2.png) -3px -444px no-repeat;}
.gotop a.bg17{width: 40px;}
.gotop a.bg17 span{background: url(../images/left_bg.png) -5px -474px no-repeat;width: 40px;}
.gotop a.hover span.bg17{background: url(../images/left_bg.png) -3px -474px no-repeat;display: block;}

.gotop a{border-bottom: 1px dashed #d8d8d8;width:40px;height: 37px;display: block;float: left;}
.gotop a.hover span{display: none;}
.gotop a.hover span.title{display: block; color: #ff8408;padding-top: 3px; width:24px;height: 34px;display: block;float: left;padding-left:8px;padding-right: 8px;}
.gotop a span.title{display: none;}

.nfoot-bt{ width: 500px; margin: 0 auto 25px auto;  padding: 10px 0 70px 0; text-align: center; }
.nfoot-bt a{ height: 32px; display: inline-block; text-decoration: none; color: #424345; text-align: left; font: normal 12px/14px 'å®??'; margin: 0px 2px; }
.nfoot-bt a.abt1{ width: 65px; background: url(../images/Public/publicbg1.jpg) no-repeat -1px -230px; padding: 8px 0px 0 34px; }
.nfoot-bt a.abt2{ width: 54px; background: url(../images/Public/publicbg1.jpg) no-repeat -106px -230px; padding: 8px 0px 0 34px; }
.nfoot-bt a.abt3{ width: 58px; background: url(../images/Public/publicbg1.jpg) no-repeat -1px -273px; padding: 8px 0px 0 34px; }
.nfoot-bt a.abt4{ width: 58px; background: url(../images/Public/publicbg1.jpg) no-repeat -99px -273px; padding: 8px 0px 0 34px; }
.nfoot-bt a.abt5{ width: 58px; background: url(../images/Public/publicbg1.jpg) no-repeat -1px -316px; padding: 8px 0px 0 34px; }