body, div, label, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, p, blockquote, th, td {
  border: 0 none; margin: 0; outline: 0 none; padding: 0; 
}
body{font-family:Arial,"宋体", Helvetica, sans-serif; font-size:12px; line-height:150%; color:#58585c; }
.body2 {  background: #00A7D7;}
.body3 {  background:#d51818;}
.body4 {  background:#FFF4CB;}
img{ border:none 0}

a:link, a:visited{ text-decoration:none; color:#55565b}
a:hover { text-decoration:none; text-decoration:underline}
.clear{ clear:both}

.font_c{ text-align:center}
.font_r{ text-align:right}

.login_panel{ width:544px; height:309px; background:url(../images/login_panel_bg.png); position:relative; margin:0 auto; margin-top:153px;}
.txtBox{ width:258px; height:28px; background:url(../images/login_part.png) left -75px; overflow:hidden; }
.txtBox:hover{background:url(../images/login_part.png) left -41px;}
.txtBox input{ border:0px; background:none; color:#58585c; line-height:25px; height:25px; width:230px; padding:0 10px }

.loginBtn{ display:inline-block; border:none 0px; _display:block; _display:inline;  margin-left:10px; float:right; width:71px; height:32px; background:url(../images/login_part.png) left 0px; cursor:pointer}
.loginBtn:hover{background:url(../images/login_part.png) -83px 0px;}

.imgbd{ border:4px solid #f1b645}

.f_l{ float:left;}
.f_r{ float:right; }

.ms_01{ background:url(../images/login_part.png) 0px -109px; width:89px; height:30px; position:absolute; top:108px; right:0px; padding-left:5px; color:#FFF; line-height:25px; padding-left:15px; overflow:hidden}
.ms_02{background:url(../images/login_part.png) 0px -109px; width:89px; height:30px; position:absolute; top:162px; right:0px; padding-left:5px; color:#FFF; line-height:25px; padding-left:15px; overflow:hidden}


.mg_both20{ margin:0 20px}

.txt_01{ color:#333; width:250px; height:22px; border:1px solid #d0d0d0; line-height:18px; padding:3px 5px 2px 5px;}
.txt_01:focus{ border:1px solid #f6c544}

.txt_02{ color:#333; height:22px; border:1px solid #b8b8b8; line-height:18px; padding:3px 5px 2px 4px;}
.txt_02:focus{ border:1px solid #f6c544}

.txt_03{ color:#333; height:22px; border:1px solid #b8b8b8; line-height:18px; padding:3px 5px 2px 4px;width:80px;}
.txt_03:focus{ border:1px solid #f6c544}

.domain_name{ color:#9a8041; font-size:14px; margin-bottom:10px; line-height:18px;}
.domain_name input{height:20px; background:#f8e6ae; line-height:18px; width:100px; border:1px solid #e7d17d; color:#776029; padding:0px 5px 2px 5px}
.domain_name input:focus{border:1px solid #f6c544; background:#f7e8b9}

.topBar { height:60px; width:100%; position:fixed; background-color:#f6f6f6; box-shadow:0 3px 5px rgba(0, 0, 0, 0.5); -moz-box-shadow:0 3px 5px rgba(0, 0, 0, 0.5); -webkit-box-shadow:0 3px 5px rgba(0, 0, 0, 0.5); z-index:9999; top:0;}
.topBox{ width:900px; margin:0 auto; height:34px;}
.logo{ float:left;margin:10px 0 0 15px;}
.l_pic{ float:left; margin-left:4px;}
.buyAd {display:block; line-height: 250px; width:100%;}

.bodyBox{ width:900px; background:#e6e6e6; margin:0 auto;    margin-top: 120px;border-radius: 5px;overflow: hidden;box-shadow:0 3px 5px rgba(0, 0, 0, 0.5); -moz-box-shadow:0 3px 5px rgba(0, 0, 0, 0.5); -webkit-box-shadow:0 3px 5px rgba(0, 0, 0, 0.5); }
.bodyBox span.tp{ display:block; height:7px; background:url(../images/login_part02.gif) left -98px no-repeat; overflow:hidden}
.bodyBox span.tp span{ display:block; height:7px; background:url(../images/login_part02.gif) right -105px no-repeat}
.bodyBox span.bt{ display:block; height:7px; background:url(../images/login_part02.gif) left -112px no-repeat; overflow:hidden}
.bodyBox span.bt span{ display:block; height:7px; background:url(../images/login_part02.gif) right -119px no-repeat}

.ct_01{ margin:20px 15px 30px 15px;}

.left_col{ float:left}
.right_col{ float:right; position:relative}

.tips{ text-align:center; color:#d61717; height:20px;}
.loginBox{ clear:both; overflow:hidden}
.loginBox p{ margin-bottom:10px;}
.loginBox span{ display:inline-block; margin:0 15px 0 5px; vertical-align:middle}
.loginBox span.s1{ width:30px; height:31px; background:url(../images/login_part01.png) -62px -46px no-repeat;}
.loginBox span.s2{ width:30px; height:31px;  background:url(../images/login_part01.png) -94px -46px no-repeat;}
.loginBox span.s3{ width:30px; height:31px;}
.loginBox .v_code { margin:0 0 9px 6px; }

.panel_01_t{ height:13px; width:366px; background:url(../images/login_part01.png) left -158px; line-height:0; overflow:hidden;}
.panel_01_c{width:366px; background:url(../images/login_box01_c.png) left -158px; overflow:hidden}
.panel_01_b{ height:13px; width:366px;  background:url(../images/login_part01.png) left -175px;}
.panel_011 { background-color: #FFF4CB;width:370px;overflow:hidden;padding:20px;}
.panel_02{ width:486px; background:#FFF; float:left}
.panel_02 span.tp{ display:block; height:7px; background:url(../images/login_part02.gif) left -68px no-repeat; overflow:hidden}
.panel_02 span.tp span{ display:block; height:7px; background:url(../images/login_part02.gif) right -75px no-repeat}

.panel_02 span.bt{ display:block; height:7px; background:url(../images/login_part02.gif) left -82px no-repeat; overflow:hidden}
.panel_02 span.bt span{ display:block; height:7px; background:url(../images/login_part02.gif) right -89px no-repeat}

.panel_03{width:172px; background:#fccc31; float:left; margin-bottom:20px; float:right}
.panel_03 span.tp{ display:block; height:7px; background:url(../images/login_part02.gif) left -32px no-repeat; overflow:hidden}
.panel_03 span.tp span{ display:block; height:7px; background:url(../images/login_part02.gif) right -39px no-repeat}
.panel_03 span.bt{ display:block; height:7px; background:url(../images/login_part02.gif) left -46px no-repeat; overflow:hidden}
.panel_03 span.bt span{ display:block; height:7px; background:url(../images/login_part02.gif) right -53px no-repeat}

.panel_04{width:172px; background:#d9d9d9; float:left;}
.panel_04 span.tp{ display:block; height:7px; background:url(../images/login_part02.gif) left 0px no-repeat; overflow:hidden}
.panel_04 span.tp span{ display:block; height:7px; background:url(../images/login_part02.gif) right -7px no-repeat}
.panel_04 span.bt{ display:block; height:7px; background:url(../images/login_part02.gif) left -14px no-repeat; overflow:hidden}
.panel_04 span.bt span{ display:block; height:7px; background:url(../images/login_part02.gif) right -21px no-repeat}



.foot{ width:900px; margin:0 auto; color:#666666; text-align:right; margin-top:10px;}
.foot span{ float:right; margin-right:45px; margin-top:-40px;}
.foot a{ margin-right:15px; color:#666666;}
.about { text-align:right; margin-top:10px; }
.about a{ margin-right:15px; color:#666666;}
.list_01{ width:485px; float:left; margin:10px 0 0 10px;}
.list_01 h3{ color:#6f4575; margin-right:15px; font-size:24px; margin-bottom:20px; padding-bottom:15px; border-bottom:1px solid #d6d6d6}
.list_01 h3 span{}
.list_01 ul{ list-style:none; margin-top:10px;}
.list_01 li{ margin-bottom:10px; color:#312533; font-size:14px; overflow:hidden}
.list_01 li span.list_01_sp01{ float:left}
.list_01 li h4{ float:right; font-size:14px; color:#4d4631; font-weight:bold; width:415px;}
.list_01 li p{  float:right; width:415px; font-size:12px; color:#666666}


.list_02{ margin:0 20px; overflow:hidden; margin-bottom:20px;}
.list_02 h4{ color:#4b4139; font-weight:normal; font-size:14px}
.list_02 ul{ list-style:none; margin-top:5px;}
.list_02 ul li{ width:356px; float:left; color:#885530; margin-bottom:3px}
.list_02 ul li a{color:#885530;}
.list_02 ul li a:hover{ color:#83240d}
.list_02 ul li b{ float:left; margin-top:4px; margin-right:10px; display:inline-block; width:7px; height:7px; background:url(../images/login_part01.png) left -99px;}

.list_03{ overflow:hidden; margin:15px 0 15px 0}
.list_03 ul{ list-style:none}
.list_03 ul li{ float:left; width:30px; text-align:center; margin-bottom:10px;}
.list_03 ul li.li_m{ margin-left:20px;}
.list_03 ul li a{}
.list_03 ul li a:hover{}

.list_04{ margin:10px 0 0 20px; padding-bottom:10px; color:#999; border-bottom:1px dashed #999; margin-bottom:20px;}
.list_04 ul{ list-style:none}
.list_04 ul p{ margin-bottom:10px;} 
.list_04 ul li{ }
.list_04 ul li b{ float:left; margin-top:4px; margin-right:10px; display:inline-block; width:7px; height:7px; background:url(../images/login_part01.png) left -99px;}


.sealBox{ color:#000; line-height:180%; overflow:hidden}
.sealBox p{ font-size:14px; float:left; margin:0 0 0 15px}
.sealBox p a.seal_faq{ display:inline-block; width:12px; height:12px; background:url(../images/login_part01.png) -130px -49px;}
.sealBox p a{ color:#53792a}

.seal_ico{ display:inline-block; width:73px; height:66px;background:url(../images/login_part01.png) -146px -37px;}
.seal_ico b{ display:inline-block; width:54px; height:53px; background:url(../images/login_part01.png) left -36px; margin:10px 0 0 10px}

.seal_bg{ display:inline-block; width:73px; height:66px;}

.btnBox{ margin:0 13px 0 0; margin-bottom:10px; overflow:hidden; text-align:right; clear:both}
.btnBox span.spanL{ margin-left:50px; float:left}
.btnBox span.spanL a{ color:#666; text-decoration:underline}
.register{ color:#c28741; text-align:right; margin:0 13px 0 0}
.register a{ color:#c46f0b; font-size:14px; text-decoration:underline}
.register a:hover{ color:#a04508}

.tit1{ margin:0 20px 25px 20px; color:#312533; overflow:hidden}
.tit1 h3{ font-size:24px; color:#53792a; margin:20px 0 10px 0;}
.tit1 b{ display:inline-block; width:54px; height:53px; background:url(../images/login_part01.png) left -36px; float:left; margin:20px 10px 0 0}

.tit2{ font-size:14px; font-weight:normal; color:#000; margin:10px 0 10px 0;}



.Btn_01{ color:#545454; display:inline-block; height:24px; line-height:24px; background:url(../images/login_part01.png) -245px -87px; border:0 none; font-size:12px; margin-left:10px;} 
.Btn_01:hover { text-decoration:none}
.Btn_01 span{background:url(../images/login_part01.png) right -112px; padding:0px 10px 0 0; display:inline-block; height:25px;  color:#545454; margin-left:12px;}
.Btn_01:hover span{ color:#000; cursor:pointer}
.Btn_01 span.sp1{ color:#999}
.Btn_01:hover span.sp1{ color:#999}

.Btn_02{ color:#FFF; display:inline-block; height:24px; line-height:24px; background:url(../images/login_part01.png) -245px 0px; border:0 none; font-size:12px; margin-left:10px;} 
.Btn_02:hover { text-decoration:none}
.Btn_02 span{background:url(../images/login_part01.png) right -24px; padding:0px 10px 0 0; display:inline-block; height:25px;  color:#FFF; margin-left:12px;}
.Btn_02:hover span{ color:#FFF; cursor:pointer}



.blue{ color:#3f5e91}
.f_999{ color:#999}

.line01{ border-bottom:1px solid #d7d7d7; margin:20px 0}


.colorBox01{ width:50px; height:20px; border:1px solid #afafaf; display:inline-block; vertical-align:middle}
.colorBox02{ width:30px; height:20px; display:inline-block; vertical-align:middle}
.white{background:#FFF}

.red1{background:#991f1f}
.red2{background:#b33636}
.red3{background:#e67373}

.yellow1{background:#b36212}
.yellow2{background:#cc7a29}
.yellow3{background:#ffb366}

.green1{background:#49801a}
.green2{background:#60992e}
.green3{background:#8bcc52}

.black1{background:#1a1a1a}
.black2{background:#333}
.black3{background:#b3b3b3}

.blue1{background:#1f5699}
.blue2{background:#366eb3}
.blue3{background:#8ab3e6}
.blue4{background:#1a7a80}
.blue5{background:#2e9299}
.blue6{background:#66c5cc}

.Purple1{background:#991f72}
.Purple2{background:#b3368b}
.Purple3{background:#e68ac9}


/*.dutzaon_layer{z-index: 1; opacity: 0.3; filter:alpha(opacity=30);  background:url(../images/dutzaon_pic.png) center center no-repeat #eea11f; height:190px; width:360px; position:absolute; left:2px; top:0px; }*/
.dutzaon_layer{z-index: 1;  background:url(../images/dutzaon_layer.png) left top no-repeat; height:200px; width:360px; position:absolute; left:2px; top:0px; }

.last_b{ border:none 0;}


.item_list{ overflow:hidden; padding-bottom:10px; margin:10px 20px 20px  20px;}
.item_list b{ float:right}
.item_list h4{ float:left; color:#53792a; font-size:16px; font-weight:bold}
.item_list ul{ float:left; list-style:none; margin-top:10px;}
.item_list ul li{ width:430px; margin-bottom:15px;}
.item_list ul li b{float:left; margin-top:4px; margin-right:10px; margin-bottom:10px; display:inline-block; width:7px; height:7px; background:url(../images/login_part01.png) left -99px;} 

.bd_bottom{border-bottom:1px solid #d7d7d7;}

a.startBtn{ cursor:pointer; font-size:14px; font-weight:bold; line-height:30px; width:114px; height:30px; text-align:center; background:url(../images/login_part01.png) right -54px; display:block; color:#FFF; margin:0 auto}
a.startBtn:hover{ text-decoration:underline}

.faqBox1{ margin:0 15px}
.faqBox1 h3{ font-size:14px; font-weight:bold; margin:5px 0 5px 0;}
.faqBox1 p{}

.tab1{ background:#FFF}
.tab1 tr td{ padding:5px; vertical-align:top}
.tab1 tr td.tab_td1{ color:#3f5e91; font-size:14px}
.tab1 tr td.tab_td2{ padding-top:30px}
.tab1 tr td span.tab1_sp1{ color:#ca4a22}


/*忘記密碼*/
.boxTop { width:900px; margin:50px auto 15px;}
.content01 { width:900px; margin:0 auto;}
.formRow {height:100%;clear:both;overflow:hidden;margin-bottom:10px;}
.formLable {width:180px;text-align:right;line-height:30px;font-size:14px;float:left;}
.formField {text-align:left;float:left;overflow:hidden;}
.formClew {text-align:left;float:left;margin-left:15px;line-height:30px; font-size:12px; color:#E47911;}
.style01 {font-size:12px;color:#999;padding:0 0 0 180px;}
.title { border-bottom: 1px dashed #DDDDDD; margin-bottom:50px;}
.title a{font-size:16px; color:#E47911; font-weight:bold; text-decoration:none; padding-bottom:6px; display:block;}
.type01 {float:left; width:245px;height:30px;line-height:30px;border:1px solid #b8b8b8;}
.b {color:#CC0000;font-family:Verdana;margin:0 5px;}


/*2015-04-15 process*/
.resetPw { border-bottom:1px dashed #ccc; width:90%; margin:20px auto;}
.resetPw h1 { font-size:14px; font-weight:normal; color:#555;}
.process { background:#fff; border-radius: 5px; min-height: 267px; width:100%;}
.process .mg_both20 { width:450px; margin:30px auto 50px;}
.txtTit { width:100px; text-align:right;}
.loginBtnbox { text-align:center; }
.submitBtn {  background:#e9a510; color:#fff; font-weight:bold; font-size:14px; border:none; padding: 8px 40px;}

/*重新优化的登录*/
.head-box{
	width: 100%;
	height: 80px;
	overflow: hidden;
	background: #ffffff;
}

.head-con{
	width: 1100px;
	margin: 0 auto;
}

.head-con > a{
	float: left;
	margin-top: 20px;
}

.head-con > div{
	float: right;
}

.head-con > div > h5{
	float: left;
	line-height: 80px;
	font-weight: normal;
	font-size: 13px;
}

.head-con > div > a{
	display: inline-block;
	padding: 0 10px;
	height: 25px;
	background: #f7f8fa;
	border: 1px solid #e3e3e3;
	line-height: 25px;
	float: left;
	margin-top: 25px;
	margin-left: 10px;
	border-radius: 3px;
	color: #333333;
}

.head-con > div > a:hover{
	text-decoration: none;
	background: #d6d6d6;
}



.login-box{
	width: 100%;
	padding: 7.1% 0;
	background: #37b0bc;
	overflow: hidden;
}

.login-box .login-con{
	width: 1100px;
	min-height: 520px;
	background: #f8f8f8;
	margin: 0 auto;
	border-radius:5px;
	overflow: hidden;
	-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.5);
	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.5);
}

.login-con .login-le{
	width: 645px;
	height: 520px;
	float: left;
}

.login-le h4{
	line-height: 50px;
	font-size: 20px;
	color: #333333;
	font-family: "微软雅黑";
	font-weight: normal;
	border-bottom: 1px solid #e3e3e3;
	padding-left: 25px;
}

.login-le a{
	float: left;
	margin: 40px 0 0 43px;
}


.login-con .login-ri{
	position: relative;
	width: 390px;
	height: 430px;
	float: right;
	margin-top: 50px;
	margin-right: 30px;
	background:#FFFFFF;
	-moz-box-shadow:0px 2px 7px #e8e8e8; 
	-webkit-box-shadow:0px 2px 7px #e8e8e8;
	box-shadow:0px 2px 7px #e8e8e8;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.login-ri .login-switch{
	position: absolute;
	top: 10px;
	right: 10px;
	width: 50px;
	height: 50px;
}

.login-ri .login-switch a{
	display: block;
	width: 50px;
	height: 50px;
}

.login-ri .login-switch a:first-of-type{
	background: url(../images/switch-bg.png) no-repeat;
}

.login-ri .login-switch a:last-of-type{
	background: url(../images/switch-bg.png) no-repeat;
	background-position-y: -54px;
}

.login-ri .login-inf h3{
	font-weight: normal;
	color: #333333;
	padding-left: 20px;
	font-size: 18px;
	font-family: "微软雅黑";
	line-height: 55px;
}

.login-1 > div{
	width: 160px;
	height: 160px;
	border: 5px solid #e7e7e7;
	margin: 70px auto;
}

.login-1 > h5{
	width: 155px;
	height: 27px;
	font-weight: normal;
	margin: 0 auto;
	font-size: 14px;
	font-family: "微软雅黑";
	color: #666666;
	padding-left: 35px;
	line-height: 27px;
	background: url(../images/sweep-icon.jpg) no-repeat;
}

.login-1 > h5 > span{
	color: #3bb3c2;
}

.login-2 > ul > li{
	width: 360px;
	height: 50px;
	overflow: hidden;
	margin: 0 auto;
	border-bottom: 1px solid #e3e3e3;
	
}

.login-2 > ul > li > i{
	display: block;
	float: left;
	width: 18px;
	height: 18px;
	margin: 17px 10px 0;
}

.login-2 > ul > li > i.icon-1{
	background: url(../images/login-icon.png) no-repeat;
}

.login-2 > ul > li > i.icon-2{
	background: url(../images/login-icon.png) no-repeat;
	background-position-y: -24px;
}

.login-2 > ul > li > i.icon-3{
	background: url(../images/login-icon.png) no-repeat;
	background-position-y: -49px;
}

.login-2 > ul > li > i.icon-4{
	background: url(../images/login-icon.png) no-repeat;
	background-position-y: -76px;
}


.login-2 > ul > li > input{
	width: 300px;
	height: 33px;
	float: left;
	margin-top: 10px;
	box-sizing: border-box;
	padding: 0 10px;
	outline: none;
	border: none;
}

.login-2 > ul > li.special input{
	width: 215px;
}

.login-2 > ul > li > span{
	line-height: 50px;
	float: left;
	margin-left: 10px;
	font-size: 15px;
}

.login-2 > ul > li> img{
	float: left;
	margin: 12px 0 0 5px;
}

.login-2 > label{
	display: block;
	margin: 15px 0 15px 60px;
	cursor: pointer;
}

.login-2 > label > input{
	vertical-align: -2px;
}

.login-2 > button{
	display: block;
	clear: both;
	width: 350px;
	height: 40px;
	background: #3bb3c2;
	margin: 0 auto 15px;
	font-size: 15px;
	color: #FFFFFF;
	border: none;
	cursor: pointer;
	outline: none;
	border-radius: 5px;
}

.login-2 > button:hover{
	background: #36c2d3;
}

.login-2 > a{
	float: right;
	margin-right: 40px;
}

.login-2 > .prompt-text{
	width: 360px;
	box-sizing: border-box;
	padding: 5px 10px;
	background: #feeeeb;
	border: 1px solid #f15532;
	margin: 10px auto 0;
}

.login-2 > .prompt-text > h5{
	font-weight: normal;
	font-family: "微软雅黑";
	color: #f15532;
	font-size: 13px;
}


.footer-box{
	width: 100%;
	height: 100px;
	overflow: hidden;

}

.footer-box .footer-con{
		text-align: center;
		line-height: 100px;
}

.footer-con a{
	display: inline-block;
	height: 15px;
	line-height: 15px;
	color: #666666;
}

.footer-con a:first-of-type{
	border-right:1px solid #333333;
	padding-right: 15px;
	margin-right: 15px;
}

.footer-con a:hover{
	color: #47b7c6;
}


.footer-con h5{
	display: inline-block;
	font-weight: normal;
	margin-left: 15px;
	color: #666666;
}





























