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

body,h1,h2,h3,h4,h5,h6,hr,p,dl,dt,dd,ul,ol,li,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0}
body,button,input,select,textarea{font:12px/1.5 Microsoft YaHei,tahoma,\5b8b\4f53}
body{background:#FFF;color:#333}
h1,h2,h3,h4,h5,h6{font-size:100%}
em,i{font-style:normal}
fieldset,img{border:0}
ul,ol,li{list-style:none}
button,input,select,textarea{font-size:100%;outline:0}
textarea{resize:none}
table{border-collapse:collapse;border-spacing:0}
a{color:#333;text-decoration:none;outline:0}
a:hover{color:#00a2ff;}.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{zoom:1}
.clear{clear:both;display:block;height:0;overflow:hidden;font-size:0}
.hide{display:none}

/*注册*/
.bg_reg{ background:#f8f8f8  !important;}
.reg_logo{ width:334px; height:65px; margin:50px auto 20px; background:url(../images/xinlian_reg_03.png) no-repeat;}
.reg_content{ width:855px;  border:1px solid #eeeeee; background:#fff; margin:0 auto;}
.reg_content .title{ width:795px; margin:0 auto; height:60px; border-bottom:1px solid #e7e7e7;  background:url(../images/xinlian_reg_07.png) 0px 8px no-repeat; line-height:60px; margin-top:20px; }
.reg_content .title h3{font-size:24px; margin-left:50px; font-weight:400; float:left; }
.reg_content .title a  { color: #00a2ff; float:right; text-decoration:underline; font-size:14px;}
.form-list { width:420px; margin:40px auto 0px;}
.form-list li{vertical-align: top;padding-bottom: 25px; *padding-bottom: 20px;position: relative;}
.form-list .mt80{ margin-top:80px;}
.form-list li p{ color:#F00; position:absolute; bottom:5px; left:0px; display:none;}
.form-list li span{ color:#7abd54; float:left; font-size:18px; margin-top:10px; margin-left:20px;} 
.form-list .input{font-size: 14px;line-height: 45px;height: 45px;display: inline-block;border: 1px solid #ddd;border-radius: 2px;color: #333; vertical-align: middle;padding: 0 10px;box-sizing: border-box;-webkit-appearance: none;-moz-appearance: none;appearance: none; width:100%; *width:94%;}
.form-list .input:focus{ border:1px solid #00a2ff;}
.form-list .input2{margin-right: 8px; width: 46.6%;vertical-align: top; font-size: 14px;line-height: 45px;height: 45px;width: 214px;display: inline-block;border: 1px solid #ddd;border-radius: 2px;color: #333;vertical-align: middle;padding: 0 10px;box-sizing: border-box;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.form-list .input2:focus{ border:1px solid #00a2ff;}
.form-list img{ float:left;}
.form-list .input3{margin-right: 8px; width: 46.6%;vertical-align: top; font-size: 14px;line-height: 45px;height: 45px;width: 284px;float:left;border: 1px solid #ddd;border-radius: 2px;color: #333;vertical-align: middle;padding: 0 10px;box-sizing: border-box;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.form-list .input3:focus{ border:1px solid #00a2ff;}
.form-list .button{background: #f4f4f4;border: 1px solid #d1d2d4; display:inline-block;margin-left: 8px;height: 45px;color: #333; width: 186px; *width: 165px;vertical-align: top; border-radius: 2px; cursor:pointer;outline: 0;}
.form-list .button:hover{ background:#e8e8e8;}
.form-list .button2{width: 100%;height: 45px;border: none;margin-bottom: 20px;font-size: 16px; background-color: #4d93cc;border: none;color: #fff;border-radius: 2px; cursor:pointer;outline: 0;}
.form-list .button2:hover{ background:#73a9d6;}
.form-list .tiaokuan{ width:420px; margin:0 auto;}
.accept-items{ margin: 4px 5px 0 0; float:left;*margin: 0;}
.form-list li a{ float: left;}
.form-list li a :hover{color:#00a2ff; text-decoration:underline;} 
.form-list li .input2{ width:56%;}
.form-list li .validate_img{float:right; width:40%; height:42px;}
.mt-30{ margin-top:-30px  !important;}
.copyright {margin-top: 45px; text-align:center;}
.copyright .tag-line {color: #999;}

/*登录*/
.bg_login{ background:url(../images/index_bg.png) repeat-x;}
.login_content{ width:432px; margin:120px auto 0px; overflow:hidden;}
.login_content .logo{}
.login_content2{ width:432px; height:487px; background:#fff; border-radius:6px; margin-top:5px; overflow:hidden; position:relative;}
.login_content2 h3{ width:383px; margin:10px auto 0px; border-bottom:2px solid #4d93cc; color:#4d93cc; font-size:22px; font-weight:normal; height:55px; line-height:55px;}
.login_content2 ul{ width:358px;  margin:0 auto; z-index:1; overflow:hidden; padding-top:40px; }
.login_content2 ul li{ padding-bottom:25px; overflow:hidden; position:relative;}
.login_content2 ul li .input{ width:296px; border:1px solid #e0e0e0; height:50px; line-height:50px; padding-left:40px; padding-right:20px; font-size:14px;}
.login_content2 ul li .input:hover{ border:1px solid #00a2ff;}
.login_content2 ul li .input2{ width:166px; border:1px solid #e0e0e0; height:50px; line-height:50px; padding-left:40px; padding-right:20px; font-size:14px; float:left;}
.login_content2 ul li .input2:hover{ border:1px solid #00a2ff;}

.login_content2 ul li img{ float:left; width:125px; height:42px; margin-top:4px; margin-left:5px;}
.login_content2 ul li .input_1{ background:url(../images/login_07.png) 5px 12px no-repeat;}
.login_content2 ul li .input_2{ background:url(../images/login_10.png) 5px 12px no-repeat;}
.login_content2 ul li .input_3{ background:url(../images/login_15.png) 5px 12px no-repeat;}
.login_content2 ul li .button{width: 100%;height: 50px;line-height: 50px;display: block;margin-bottom: 14px;text-align: center;font-size: 14px;color: #fff;cursor: pointer; background:#4d93cc; border:none }
.login_content2 ul li .button:hover{background:#73a9d6;}
.forget{ display:block;font-size:14px;  color:#00a2ff; cursor:pointer; position:absolute; right:40px; bottom:40px;}
.cop{ text-align:center; color:#accfde; font-size:14px; margin-top:120px;}
.cop a{ color:#accfde; font-size:14px; }
.login_content2 ul li p{ color:#F00; position:absolute; bottom:5px; display:none;}
.pb10{padding-bottom:25px !important;}

/*找回密码*/
.reg-nav {position: relative;width: 80%;height: 35px;font: 18px "Microsoft YaHei";list-style: none;border-bottom: 1px solid #ddd; margin:60px auto 0px;}
.reg-nav .reg-step {margin: 0 auto; color:#666;width: 670px;}
.reg-step li {position: relative;float: left;padding: 0 46px 0;line-height: 34px;margin-right: 32px;}
.icon-1, .icon-2, .icon-3, .icon-4, .icon-1-2, .icon-2-2, .icon-3-2, .icon-4-2 {position: relative;vertical-align: middle;display: inline-block;bottom: 1px;*bottom: 0;width: 16px;height: 16px;line-height: 16px;margin-right: 4px;}
.icon-1-2{background: url(../images/bz1_2.png) no-repeat;}
.icon-2-2{background: url(../images/bz2_2.png) no-repeat;}
.icon-3-2{background: url(../images/bz3_2.png) no-repeat;}
.icon-4-2{background: url(../images/bz4_2.png) no-repeat;}
.icon-1{background: url(../images/bz1.png) no-repeat;}
.icon-2{background: url(../images/bz2.png) no-repeat;}
.icon-3{background: url(../images/bz3.png) no-repeat;}
.icon-4{background: url(../images/bz4.png) no-repeat;}

/*从小到大和从大到小*/
@-webkit-keyframes a-bouncein{0%{opacity:0;-webkit-transform:scale(0.0);}50%{opacity:1;-webkit-transform:scale(1.05);}70%{-webkit-transform:scale(0.9);}100%{-webkit-transform:scale(1);}}
@-moz-keyframes a-bouncein{0%{opacity:0;-moz-transform:scale(0.0);}50%{opacity:1;-moz-transform:scale(1.05);}70%{-moz-transform:scale(0.9);}100%{-moz-transform:scale(1);}}
@-ms-keyframes a-bouncein{0%{opacity:0;-ms-transform:scale(0.0);}50%{opacity:1;-ms-transform:scale(1.05);}70%{-ms-transform:scale(0.9);}100%{-ms-transform:scale(1);}}
@keyframes a-bouncein{0%{opacity:0;transform:scale(0.0);}50%{opacity:1;transform:scale(1.05);}70%{transform:scale(0.9);}100%{transform:scale(1);}}
@-webkit-keyframes a-bounceout{0%{-webkit-transform:scale(1);}100%{opacity:0;-webkit-transform:scale(0.0);}}
@-moz-keyframes a-bounceout{0%{-moz-transform:scale(1);}100%{opacity:0;-moz-transform:scale(0.0);}}
@-ms-keyframes a-bounceout{0%{-ms-transform:scale(1);}100%{opacity:0;-ms-transform:scale(0.0);}}
@keyframes a-bounceout{0%{transform:scale(1);}100%{opacity:0;transform:scale(0.0);}}
/*自适应频幕宽度*/
@media (min-width:580px){
    .bouncein{-webkit-animation:1s ease-out backwards;-moz-animation:1s ease-out backwards;-ms-animation:1s ease-out backwards;animation:1s ease-out backwards;}
    .bounceout{-webkit-animation:1s ease-in forwards;-moz-animation:1s ease-in forwards;-ms-animation:1s ease-in forwards;animation:1s ease-in forwards;}
    .bouncein{-webkit-animation-name:a-bouncein;-moz-animation-name:a-bouncein;-ms-animation-name:a-bouncein;animation-name:a-bouncein;}
    .bounceout{-webkit-animation-name:a-bounceout;-moz-animation-name:a-bounceout;-ms-animation-name:a-bounceout;animation-name:a-bounceout;}
}
@media (max-width:480px){
	.login-page{width:auto;}
    .login-content{border-width:0;}
    .login-tit{border-width:0;}
    .login-input-yzm .login-input .txt{ width:82%;}

    .bg_login{ background: url(../images/index_bg.png);}
    .bg_login .login_content{ width:100%; margin-top:40px;}
    .bg_login .login_content2{ background:none; width:auto; margin-left:10px; margin-right:10px; }
    .bg_login .login_content2 h3{ color:#fff; border-color:#fff; text-align:center; width:100%;}
    .bg_login .login_content2 ul{ width:auto; margin-left:16px; margin-right:16px;}
    .bg_login .login_content2 .input{ background-color:#fff; width:100%;}
    .bg_login .login_content2 .input2{ background-color:#fff; width:36%;}
    .bg_login .login_content2 label { color:#fff;}
    .logo{ text-align:center;}
}
@media (max-width:880px) {
    .reg_content{border-width:0; width:auto;padding:0 10px;}
    .reg_content .title{ width:auto;}
    .reg_content .form-list{ width:auto; max-width:420px;}
}
#particles-js{ width: 100%; height: 100%; /*background-image: url('../images/timg.gif');*/ width: 100%; height: 100%;position: absolute;top: 0;left: 0;}
/*弹出窗登录页样式*/
/*.reg-step .current {color: #4d93cc;border-bottom: 2px solid #4d93cc;}
.back{ font-size:14px; margin-left:77px; text-decoration:underline; margin-top:30px;}
.login_small_window{ background:#fff;}
.login_small_window .login_content .login_content2{ height:auto; width:auto;}
.login_small_window .login_content .login_content2 h3{ width:auto;}
.login_small_window .login_content .login_content2 ul{ width:auto;}
.login_small_window .login_content .login_content2 .pb10{ margin-bottom:0; margin-top:5px;}
.login_small_window .login_content .login_content2 .button{ margin-bottom:0;}
.login_small_window .login_content .login_content2 ul li .input{ width:79%;}
.login_small_window .login_content .login_content2 ul li .input2{ width:28%;}*/