﻿/*----------------------用户登录+注册--------------------*/
.linkmap{ display:none}
.main_content{margin:  40px auto;    overflow: hidden;}
.login { padding:15px 0px; width:800px; margin:0px auto}
.login .blue_box .login_left {float: left;padding-top: 40px;padding-left: 100px;width:450px;}
.login .blue_box .login_left .login_form li{padding-bottom:20px;}
.login .blue_box .login_left .login_form li label{font-size: 14px;}
.login .blue_box .login_left .login_form .logintxt_long{height: 30px;width: 252px;background:url(/Content/Areas/Common/images/login_text.jpg) no-repeat 0 0px; border:none; padding:0 5px; line-height:30px;}
.login .blue_box .login_left .login_form .forget {color: #FF0000;}
.login .blue_box .login_left .login_form .login_tanchu_button {background: url(../images/submitBt_bg.jpg) repeat 0 0;border:none;color: #FFFFFF;cursor: pointer;height: 38px;line-height: 38px;overflow: hidden;text-align: center;width: 110px;}
.login .blue_box .login_left .login_form .login_tanchu_button:hover{ background: url(../images/submitBt_bg.jpg) repeat right 0px;color: #FFFFFF;text-decoration: none;}


.login .blue_box .login_right {margin-top: 35px;border-left: 2px solid #cde4fd;line-height: 225px;height: 225px;float:left;padding-left:100px;font-size: 14px;margin-bottom: 35px;}
.login .blue_box .login_right a{ color:#5687d6}
.logon_title {font: bold 14px/30px '宋体'!important; height:30px; padding-bottom:20px;color:#5195E2;}
.register_tologon{height:30px;line-height:30px;float:right;margin-right:8px;}
.register_tologon_a{ color:#5195e2;}
/*-----------------用户注册-------------------*/
.register{ }
.article_blue_block{border: 5px solid #cde4fd;padding:10px 0px;}
.article_blue_block p{font-size: 14px;line-height: 100px;font-weight: bold;color: #FF0000;text-align: center;height: 100px;	}
.register .article_blue_block .personal_center {padding-top: 40px;padding-left: 215px;}
.personal_center.registertiptext {background: url("/Sites/Uploaded/Image/2014/4/bg_jinshi0(1).gif") no-repeat 189px 44px; color: #FF0000; font-size: 16px; font-weight: bold;font-family:'Microsoft YaHei',STXihei;}
.register .article_blue_block .personal_center .h_36{height:36px;}
.register .article_blue_block .personal_center .h_36 #GenderIdlist,.register .article_blue_block .personal_center .h_36 #MaritalStatusIdlist{float:left; margin:7px 0 0 0px;}
.register .article_blue_block .personal_center .h_36 #GenderIdlist li{float: left;width: 40px;}
.register .article_blue_block .personal_center .h_36 #GenderIdlist li label,.register .article_blue_block .personal_center .h_36 #MaritalStatusIdlist li label{padding-left:5px;}
.register .article_blue_block .personal_center .h_36 #MaritalStatusIdlist li{float: left;width: 50px;}
.register .article_blue_block .personal_center .h_36 .Wdate{cursor:pointer;}
.register .article_blue_block .personal_center .h_36 #ProvinceIddropdown{margin-right:10px;}
.register .article_blue_block .personal_center .about_us{height:135px;}
.register .article_blue_block .personal_center big {font-size: 14px;float: left;text-align: right;display: block;width: 145px;line-height: 30px;height:30px;padding-right:10px;}
.register .article_blue_block .personal_center big span{color:#FF0000;}
.register .article_blue_block .personal_center h6{float:left; color:#999999; padding-bottom:10px;}
.register .article_blue_block .personal_center .agree{float:left;}
.register .article_blue_block .personal_center .agree a{font-size:14px;}
.register .article_blue_block .personal_center .login_tx {float: left;height: 30px;width: 252px;background:url(/Content/Areas/Common/images/login_text.jpg) no-repeat 0 0px; border:none; padding:0 5px; line-height:30px;}
.register .article_blue_block .personal_center small {color: #FF0000;padding-left: 10px;}
.register .article_blue_block .personal_center select {float: left;}
.register .article_blue_block .abtn{ color:#4085d1}
.register .article_blue_block .personal_center .login_txa{float: left;height: 120px;width: 380px;border: 1px solid #c8c8c8;}
.register .article_blue_block .personal_center .login_btn {background: url(../images/submitBt_bg.jpg) repeat 0 0;border:none;color: #FFFFFF;cursor: pointer;height: 38px;line-height: 38px;overflow: hidden;text-align: center;width: 110px;}
.register .article_blue_block .personal_center .login_btn:hover{ background: url(../images/submitBt_bg.jpg) repeat right 0px;color: #FFFFFF;text-decoration: none;}
.register .article_blue_block .personal_center strong{font-size: 14px;color: #5195e2;text-align: right;display: block;width: 155px;}

/*注册条款*/
.RegistrationTerms{width:800px; margin:10px auto;}
.reg_title{font: bold 20px/40px '宋体'; height:40px;color:#5195E2;text-align:center;}
.reg_cont p{font-size:14px;text-indent:2em;line-height:2em; }

/*找回密码*/
body{ font-family:"Microsoft Yahei",Arial, Helvetica, sans-serif; font-size:12px; color:#333;}
.centent{ padding:20px 10px;}
.centent{ padding-bottom:50px;}
.centent p{ line-height:45px; padding-top:25px;}
.centent p a{ padding:0 3px}
.center{ text-align:center}
.qusetion{ padding-left:282px;font-size:19px;line-height:30px;}

.mar_top60{ margin-top:60px;}
.title1{ height:40px; line-height:40px; color:#666;font-size:20px; font-weight:normal; border-bottom:#eee solid 1px;}

.textArea1{ border:#dadada solid 1px; background:url(../images/findpassword_icon.png) 0 -356px no-repeat; line-height:30px; height:30px; padding:5px; width:360px; color:#aaa;font-size:18px; font-weight:normal;}
.textArea1:hover{ border:#fd893c solid 1px; color:#333}
.submit1{ background:url(../images/findpassword_icon.png) 0 -314px no-repeat; height:42px; line-height:42px; color:#FFF; border:none; width:149px;font-size:18px; font-weight:normal; cursor:pointer}
.submit1:hover{background:url(../images/findpassword_icon.png) 0 -272px no-repeat;}

.steps{ width:765px; margin:25px auto 0; line-height:36px}
.steps li{ float:left; width:196px; font-size:23px; color:#CCC; display:inline}
.steps li.on{ color:#333}
.steps li.this{border-bottom:#55a4e6 solid 2px;}
.steps li.icon{ background:url(../images/findpassword_icon.png) 0 -450px; no-repeat; width:34px; height:37px; overflow:hidden; margin:3px 24px 0 24px}
.steps li.pass{background:url(../images/findpassword_icon.png) 0 -413px; no-repeat;}
.steps li b{ font-size:36px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; padding-right:12px;}

.methods{ width:910px; margin:55px auto 0 auto}
.methods li{ float:left;width:25%; *width:24.9%; font-size:18px}
.methods li a{ color:#333;display:block;text-indent:50px; line-height:20px;line-height:42px;}
.methods li span{ display:block; text-indent:50px; padding-top:5px; color:#aaa}
.methods li span small{ font-size:12px; padding-left:50px; line-height:17px}
.methods li a:hover{ color:#ff6600; text-decoration:none}
.methods li.method_1 a{ background:url(../images/findpassword_icon.png) 0 0 no-repeat; }
.methods li.method_1 span{background:url(../images/findpassword_icon.png) -858px 0 no-repeat;}
.methods li.method_2 a{ background:url(../images/findpassword_icon.png) 0 -68px no-repeat;}
.methods li.method_2 span{background:url(../images/findpassword_icon.png) -858px -68px no-repeat;}
.methods li.method_3 a{ background:url(../images/findpassword_icon.png) 0 -136px no-repeat;}
.methods li.method_3 span{background:url(../images/findpassword_icon.png) -858px -136px no-repeat;}
.methods li.method_4 a{ background:url(../images/findpassword_icon.png) 0 -206px no-repeat;}
.methods li.method_4 span{background:url(../images/findpassword_icon.png) -858px -206px no-repeat;}

.centent p.ByMail,.centent p.ByMessages{ padding-left:85px; width:458px; margin:0 auto;font-size:19px;line-height:30px; }
.centent p.ByMail{ background:url(../images/findpassword_icon.png) 0 -596px no-repeat;}
.centent p.ByMessages{ background:url(../images/findpassword_icon.png) 27px -503px no-repeat}
.centent p.succeed{padding-left:70px; width:458px; margin:0 auto;font-size:19px;line-height:35px; background:url(../images/findpassword_icon.png) 0 -750px no-repeat}
.centent p b{ font-size:20px;}
.verification{ font-size:14px; width:510px; margin:60px auto 0;}
.verification_p{ width:100%;}
.verification_p label{ width:100px; display:block; text-align:right; float:left}
.verification_p .radio1{ position:relative; top:3px; _top:11px;}
.verification_p .radio1Spsan{ margin:0 30px 0 2px; position:relative; _top:10px;} 
.wrap{
	background: #F5F4F9;
}
.wrap .header{
	background: none;
}
.banner{
	display: none;
}
.site_banner{
	/* position: absolute;
	top: 0;
	left: 0;
	width: 100%;
    z-index: -1; */
}

.site_banner img{
	width: 100%;
    display: block;
}
.headerLeft .logo_c{
    display: none;
}
.headerLeft .logo_w{
    display: block;
}
.wrap_top{
    background: linear-gradient( 180deg, #33447e75 0%, rgba(20,55,173,0) 100%);
	position: absolute;
	top: 0;
	width: 100%;
}
.site_meniu_bg{
	height: 12vw;
	position: absolute;
}
.site_meniu{
	height: 12vw;
	margin-top: -6vw;
	position: relative;
	display: none;
}
.site_meniu_con{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.sid_meniu{
	width: 40%;
    height: 12vw;
	position: relative;
}

.side_menu_inside a{
	color: #fff;
	font-size: 16px;
  }
  .lv1_ul{
	overflow: hidden;
  }
.lv1_ul .lv1_li{
	width: 25%;
    float: left;
    margin-bottom: 15px;
}
.sid_meniu_bg{
	position: absolute;
    width: 40%;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.sid_meniu_bg path{
	fill: none;
    stroke: #fff;
    stroke-width: 1;
    stroke-dasharray: 1200;
    stroke-dashoffset: 1200;
    animation: move1200 3s ease forwards;
}
@keyframes move1200 {
	0% {
		stroke-dashoffset: 1200;
	}
  
	to {
		stroke-dashoffset: 0;
	}
  }
@media only screen and (max-width:768px){
	ul.personal_center.registertiptext{padding-left: 35px !important;}
	.register .article_blue_block .personal_center{ padding-left:10px;}
	.personal_center.registertiptext{ background:url("/Sites/Uploaded/Image/2014/4/bg_jinshi0(1).gif") no-repeat 10px 44px}
	.info{ width:158px;}
	}
@media only screen and (max-width:640px){
	.register .article_blue_block .personal_center big{ width:95px;}
	}
@media only screen and (max-width:580px){
	.info{ display:none;}
  .register .article_blue_block .personal_center .login_txa{ width: 66%; }
.register .article_blue_block .personal_center .h_36 #MaritalStatusIdlist{width: 120px;margin-bottom: 10px;}
.personal_center .field-validation-error,.personal_center_two .field-validation-error { width: 100%;display: block; float: left;line-height: 40px; padding-left: 110px; box-sizing: border-box;}

}
@media only screen and (max-width:450px){
	.register .article_blue_block .personal_center .login_tx { height: 28px;width: 60%;background: none; border: 1px solid #ccc;}
.register .article_blue_block .personal_center .login_txa { width: 60%;}
.register .article_blue_block .personal_center big { width: 30%;}
	} 