html, body {    width: 100%;}
/*Bootstrap-overlay*/

body {
 overflow-x: hidden;
 margin-top: -10px;  font-family:'微软雅黑', 'Open Sans', sans-serif; font-size:12px; color:#666;
}
a{color:#666;}
a:hover, a:focus {
 text-decoration: none; color:#28b779;
}
.dropdown-menu .divider{ margin:4px 0px;}
.dropdown-menu{ min-width:180px;}
.dropdown-menu > li > a{ padding:3px 10px; color:#666; font-size:12px;}
.dropdown-menu > li > a i{ padding-right:3px;}
.userphoto img{ width:19px; height:19px;}
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input, .label, .dropdown-menu, .btn, .well, .progress, .table-bordered, .btn-group > .btn:first-child, .btn-group > .btn:last-child, .btn-group > .btn:last-child, .btn-group > .dropdown-toggle, .alert{ border-radius:0px;}
.btn, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input{ box-shadow:none;}
.progress, .progress-success .bar, .progress .bar-success, .progress-warning .bar, .progress .bar-warning, .progress-danger .bar, .progress .bar-danger, .progress-info .bar, .progress .bar-info, .btn, .btn-primary{background-image:none;}
.accordion-heading h5{ width:70%; }
.form-horizontal .form-actions{ padding-left:20px; }
#footer{ padding:10px; text-align:center;}
hr{ border-top-color:#dadada;}
.carousel{ margin-bottom:0px;}
.fl { float:left}
.fr {float:right}
.label-important, .badge-important{ background:#f74d4d;}

/*Metro Background color class*/
.bg_lb{ background:#27a9e3;}
.bg_db{ background:#2295c9;}
.bg_lg{ background:#28b779;}
.bg_dg{ background:#28b779;}
.bg_ly{ background:#ffb848;}
.bg_dy{ background:#da9628;}
.bg_ls{ background:#2255a4;}
.bg_lo{ background:#da542e;}
.bg_lr{ background:#ff7373;}
.bg_lv{ background:#603bbc;}
.bg_lh{ background:#b6b3b3;}

body {   padding: 0;    margin-top:0px;margin: 0px;} 
/*body {background-image:url("1.jpg");   padding: 0;    margin-top:10%;} */

#logo, #loginbox { width: 23%;  /*margin-left: auto;  margin-right: auto; */  position: relative;}
#logo img {  margin: 0 auto;    display: block;}
.box {
 position: relative;
}
.box{
 height: 100%;
 width: 100%;
 overflow: hidden;
}
#loginbox {
 position: absolute;
 left: 50%;
 top: 25%; margin-left: -300px;
 width: 600px;
 height: 600px;
 z-index: 3;
}
.login-form-box-bg{
 position: relative;
 width: 100%;
 height: 100%;
 z-index: 1;
 background: url(images/aperture.png) 0 0 no-repeat;
 background-size: 600px;
 -webkit-transform: translateZ(0);
 transform: translateZ(0);
 -webkit-animation: bgplay-data-v-128f0cba 30s linear infinite;
 animation: bgplay-data-v-128f0cba 30s linear infinite
}
@-webkit-keyframes bgplay-data-v-128f0cba {
 0% {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg)
 }

 to {
  -webkit-transform: rotate(1turn);
  transform: rotate(1turn)
 }
}

@keyframes bgplay-data-v-128f0cba {
 0% {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg)
 }

 to {
  -webkit-transform: rotate(1turn);
  transform: rotate(1turn)
 }
}

/* #loginbox form{ width:100%; background:#2E363F; position:relative; top:0; left:0; } */
#loginbox form{
 position: absolute;
 width: 100%;
 height: 100%;
 z-index: 99;
 left: 0;
 top: 0;
}
.login-other{ width: 360px; margin: 0 auto; overflow: hidden; color: #748da9; font-size: 14px;}
.login-other  input[type="checkbox"]{
 display: block;
 width: 14px;
 height: 14px;
 cursor: pointer;
 -webkit-transition: all .2s ease;
 transition: all .2s ease;
 background: rgba(24,144,255,.1);
 border: 1px solid rgba(24,144,255,.4);
 border-radius: 2px;
}
#loginbox .login-button { width: 360px; margin: 0 auto; margin-top: 20px; text-align: center;
 position: relative;
 background: url(images/login-btn.png) 0 0 no-repeat;
 background-size: 100% 100%;
}
#loginbox .login-button .btn{
 cursor: pointer;
 width: 360px;
 height: 40px;
 line-height: 33px;
 font-size: 18px; letter-spacing: 5px;
 color: #fff;
 text-align: center;
 background: transparent;
  border: 0;
 box-shadow: initial;
}
#loginbox .login-button .btn{ outline: none;}

#loginbox .form-actions .pull-left { margin-top:0px;}
#loginbox form#loginform { z-index: 200; display:block;}
#loginbox form#recoverform { z-index: 100;     display:none;}
#loginbox form#recoverform .form-actions {    margin-top: 10px;}
#loginbox .main_input_box { margin:0 auto; text-align:center; font-size:13px;
 width: 360px;
 height: 40px;
 border: 1px solid #1a73e9;
}
#loginbox .main_input_box .add-on{
 color: #fff;
 width: 50px;
 display: inline-block;
 height: 40px;
 float: left;
 line-height: 35px;
 text-align: center;
}
#loginbox .main_input_box input{
  float: left; border: 0;width: calc(100% - 60px); padding: 0 5px; margin: 0; color: #fff; height: 40px; line-height: 40px; background: transparent!important; font-size: 15px;
}
#loginbox .control-group{ padding:15px 0; margin: 0 auto; width: 360px;}
.form-vertical, .form-actions {  margin-bottom: 0; background:none; border-top:0; }
#loginbox .main_input_box .yzm-code{ position: absolute; right: 0; top:0px;}
#loginbox .main_input_box .yzm-code img{ height: 40px; width: 110px;}

#loginbox .normal_text{ margin-top: 55px; padding:25px 10px;text-align:center; font-size:14px; line-height:20px;  color:#fff;}

@media (max-width:800px){
#logo { width: 60%; }
#loginbox{ width:80%}
}
@media (max-width: 480px){
#logo { width: 40%; }
#loginbox{ width:90%}
#loginbox .control-group{ padding:8px 0; margin-bottom:0px;}
}

#logos{width:971px; height:195px; position: absolute; top:20px; left: 50%; z-index: 200; margin-left: -485px;}
#copyright{width: 100%; height: 44px; line-height: 44px; text-align: center;color: #ffffff; position: absolute; left: 0; bottom: 0px; z-index: 202; /*background: #006f97;*/filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.7;}
#copyright a{color: #ffffff; text-decoration: none;}
#copyright a:hover{color:#cfcfcf;}
#copyright_in{width: 100%; height: 44px; line-height: 44px; text-align: center; position: absolute; left: 0;  z-index: 204;  background: #006f97;color: #707d91;}
#copyright_in a{color: #ffffff;}
#copyright_in a:hover{color:#cfcfcf;}


@media screen and (max-width: 1440px) and (min-width: 1366px) {
 #logos{width:700px; height:141px; position: absolute; top:20px; left: 50%; z-index: 200; margin-left: -350px;}
 h3{margin: 0px 0; line-height: 30px;}
 #loginbox .normal_text{padding:10px;}
 #loginbox .control-group{padding:10px 0;}
 #loginbox .main_input_box .add-on{top: -2.5px;}
}





/*注册页*/
.f-cb:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:".";}
.f-fl{float:left;}
.f-fr{float:right;}
.login_header{width: 100%;min-width: 1000px;background: #fff;height: 100px;}
.login_header .header_center{width: 1070px;margin: auto;}
.login_header .f-fl img{margin-top: 20px; float: left;width: 300px;}
.login_header .f-fl span{height: 40px;line-height: 40px; float: left;border-left: 1px solid #eaeaea;color: #555;font-size: 18px;display: inline-block;margin: 30px 0 0 12px;padding-left: 20px;}
.login_header .f-fr {margin-top: 40px;}
.login_header .f-fr span{height: 12px;width: 1px;background: #bfbfbf;margin: 0 16px;}
.login_header .f-fr a{font-size: 14px;color: #999;}
.reg {
 width: 940px;
 margin: 0 auto; background: #fff; padding: 50px;
 border-radius: 5px;
 box-shadow: 0 10px 25px 0 rgba(0,0,0,0.1);
}
.reg table {
 width: 100%;
 margin-top: 30px;
}
.reg table td {
 padding: 10px 0;
 font-size: 14px;
 color: #777;
}
.reg table td b {
 margin-right: 5px;
 font-weight: normal;
 color: #f00;
 font-family: "宋体";
}
.reg table td input.inp_text {
 width: 260px;
 padding-left: 5px;
 margin-left: 10px;
 height: 34px;
 line-height: 34px;
 border: 1px solid #dfdfdf;
 color: #999;
 font-size: 14px;
 font-family: "微软雅黑","宋体";
}
.reg table td input.inp_text2 {
 margin-left: 10px;
 padding: 8px;
 width: 270px;
 border: none;
}
.reg table td .inp_sub {
 font-size: 16px;
 height: 38px;
 line-height: 38px;
 padding: 9px 95px;
 *padding: 0 55px;
 font-size: 16px;
 text-align: center;
 background: #fe3a52;
 border: 0;
 border-radius: 3px;
 cursor: pointer;
 margin-top: 20px;
 color: #fff;
 font-family: "微软雅黑","宋体";
 margin-left: 10px;
}
.reg table td textarea.wby {
 border:none;
 width:260px;
 padding-left:5px;
 margin-left:10px;
 height:66px;
 line-height:22px;
 border:1px solid #dfdfdf;
 color:#999;
 font-size:14px;
 font-family:"微软雅黑","宋体";
}
.reg-tit {
 width: 1000px;
 margin:0 auto;
 text-align: center;
 font-size: 25px; padding: 50px 0; color: #444;
}


#loginbox .main_input_box input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
 font-size: 15px; color: #506c8c;
}
#loginbox .main_input_box input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
 font-size: 15px;color: #506c8c;
}
#loginbox .main_input_box input::-moz-placeholder { /* Mozilla Firefox 19+ */
 font-size: 15px;color: #506c8c;
}
#loginbox .main_input_box input:-ms-input-placeholder { /* Internet Explorer 10-11 */
 font-size: 15px;color: #506c8c;
}