html { height: 100%; background-color: #F2F6FC ;font-family:"Microsoft YaHei";}
body.signin {background: url(../img/login-bg-main.jpg) no-repeat center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; color: rgba(255, 255, 255, .95); background-color: #F2F6FC }
.signintop {width: 400px; z-index: 3;position: fixed;top: 50%; left: 50%;margin-left:-200px;margin-top:-210px; }
.signintop .txt { font-size:24px; font-weight:700; color:#FFF;}
.signinpanel {position: fixed;width: 400px; top: 50%; left: 50%;margin-left:-200px;margin-top:-160px; z-index: 2; background-color: #fff;border-radius: 6px;}
.signinpanel .col-sm-5{ width:100%;}
.signinpanelbg { width: 400px; height: auto; margin: 20px 80px; }
.login-tab { color: #000; font-size: 16px; }
.login-tab:hover .F_black { color: #006ee6; }
.signinpanel .logopanel { float: none; width: auto; padding: 0; background: 0 }
.signinpanel .signin-info ul { list-style: none; padding: 0; margin: 20px 0 }
.signinpanel .form-control { display: block; margin-top: 15px }
.signinpanel .uname { background: #fff url(../img/user.png) no-repeat 95% center; color: #333 }
.signinpanel .pword { background: #fff url(../img/locked.png) no-repeat 95% center; color: #333 }
.signinpanel .code { background: #fff no-repeat 95% center; color: #333; margin: 0 0 15px 0 }
.signinpanel .btn { margin-top: 15px }
.signinpanel form { background: rgba(255, 255, 255, .2); border: 1px solid rgba(255, 255, 255, .3); /*-moz-box-shadow: 0 3px 0 rgba(12, 12, 12, .03);*/
    /*-webkit-box-shadow: 0 3px 0 rgba(12, 12, 12, .03);*/
    /*box-shadow: 0 3px 0 rgba(12, 12, 12, .03);*/
-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 30px }
.login-bottom-content {position:fixed; bottom:0px;width: 100%; height:130px; background-color: #F2F6FC; margin: 0 auto; padding-top:20px; text-align: center; color: rgba(74, 74, 74, 1); }
.login-bottom-content a{ color:#333;}
.bottom-content-left { vertical-align: top; text-align: left; }
.bottom-content-right { width: 200px; vertical-align: top; text-align: left; float: right; }
.bottom-content-title { color: #000; font-size: 18px; text-align: left; margin-bottom: 8px; margin-top:10px; }
.product-item { width: 188px; vertical-align: middle; cursor: pointer; text-align: center; padding: 10px 0; border-radius: 8px; margin-right: 10px; -webkit-transition: .3s; transition: .3s; }
.inline-block { display: inline-block; }
.product-item-content { vertical-align: middle; margin-right: 10px; margin-left:10px; }
.product-item-content p{ text-align:center;}
.product-logo { width: 41px; height: 41px; }
.title { font-weight: bold; font-size: 16px; }
.desc { color: #50575D; font-size: 12px;margin-top: 2px; }
.bottom-content-phone { padding-top: 8px; font-size: 28px; color: #000; }
#beian-b { position: fixed; bottom: 0; height: 40px; width: 100%;}
 @media screen and (max-width: 768px) {
.signinpanel, .signuppanel { margin: 0 auto; width: 420px !important; padding: 20px }
.signinpanel form { margin-top: 20px }
.signup-footer, .signuppanel .form-control { margin-bottom: 10px }
.signup-footer .pull-left, .signup-footer .pull-right { float: none !important; text-align: center }
.signinpanel .signin-info ul { display: none }
}
 @media screen and (max-width: 320px) {
.signinpanel, .signuppanel { margin: 0 20px; width: auto }
}
.checkbox-custom { position: relative; padding: 0 15px 0 25px; margin-bottom: 7px; display: inline-block; color: #1a2226; }
.checkbox-custom input[type="checkbox"] { opacity: 0; position: absolute; cursor: pointer; z-index: 2; margin: -6px 0 0 0; top: 50%; left: 3px }
.checkbox-custom label:before { content: ''; position: absolute; top: 50%; left: 0; margin-top: -9px; width: 18px; height: 17px; display: inline-block; border-radius: 2px; border: 1px solid #bbb; background: #fff }
.checkbox-custom input[type="checkbox"]:checked + label:after { position: absolute; display: inline-block; font-family: 'Glyphicons Halflings'; content: "\e013"; top: 42%; left: 3px; margin-top: -5px; font-size: 11px; line-height: 1; width: 16px; height: 16px; color: #333 }
.checkbox-custom label { cursor: pointer; line-height: 1.2; font-weight: normal; margin-bottom: 0; text-align: left }
.form-control, .form-control:focus, .has-error .form-control:focus, .has-success .form-control:focus, .has-warning .form-control:focus, .navbar-collapse, .navbar-form, .navbar-form-custom .form-control:focus, .navbar-form-custom .form-control:hover, .open .btn.dropdown-toggle, .panel, .popover, .progress, .progress-bar { box-shadow: none }
.form-control { border-radius: 1px !important; padding: 6px 12px !important; height: 34px !important }
.form-control:focus { border-color: #000 !important }