﻿@charset "utf-8";

body { font-family: "Microsoft Yahei UI", "Microsoft YaHei"; color: #666; font-size: 12px;}
a{ text-decoration: none;-webkit-tap-highlight-color:transparent; background:none;}
a:focus{outline: none;}
a:hover,a:focus,a.focus,a:active{outline:none;blr:expression(this.onFocus=this.blur());}
.btn{ border-radius: 2px;}
.btn:focus,.btn:active:focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn.active.focus { outline: none; }

textarea,input{outline:medium;}
.weight{ font-weight: bold;}
.container{ padding: 0px;}
.container-w{ margin: 22px auto 0px;} 
.logo { padding:0;}



/* 20250611 */
.pull-right {
    float: right!important
}

.pull-left {
    float: left!important
}
.jumbotron .container {
    max-width: 100%;
}
@media (min-width: 768px) {
    .container {
        width:750px
    }
}

@media (min-width: 992px) {
    .container {
        width:970px
    }
}

@media (min-width: 1200px) {
    .container {
        width:1170px
    }
}

.jumbotron {
    padding: 30px 15px;
    margin-bottom: 30px;
    color: inherit;
}

.jumbotron .h1,.jumbotron h1 {
    color: inherit
}

.jumbotron p {
    margin-bottom: 15px;
    font-size: 21px;
    font-weight: 200
}

.jumbotron>hr {
    border-top-color: #d5d5d5
}

.container .jumbotron,.container-fluid .jumbotron {
    border-radius: 6px
}




/* #db2a46 */
.jumbotron {padding:44px 0px; background-image:url(../static/images/logo-2.jpg); background-position: center 0; background-repeat: no-repeat; margin: 0px auto 0px; height: 505px; background-color: #ff5050; border-radius: 0px;}
@media only screen and (max-width: 499px) {
    /*    设置了浏览器宽度不大于499px时，content显示200px的宽度样式    */
    .jumbotron { padding:0px 0px;background:none; margin: 0px auto 0px; height: 505px; border-radius: 0px;}
}

.jumbotron p{ margin-bottom: 24px; font-size: 18px;}
.login{ background: url(../static/images/login.png) no-repeat; width: 374px; height: 417px; padding: 15px 37px 0px 57px;}
@media only screen and (max-width: 499px) {
    /*    设置了浏览器宽度不大于499px时，content显示200px的宽度样式    */
    .login{padding: 15px 20px 0px 20px;width: 100%; height: 417px;background: #ffffff}
}

.login-header{padding-bottom: 15px; border-bottom: 1px solid #e4e4e4; font-size: 18px; line-height: 25px; color: #333;}
.login-header span{ float: right; font-size: 12px; color: #db2a46;}
.login-header span a{ color: #DB2A46;}

.col-input{ padding: 0px;}
.form-group{ margin-bottom: 18px;}
.text-input{ padding-left: 35px;}
.glyphicon-user ,.glyphicon-lock { font-size: 14px; color: #b5b5b5;}
.checkbox{ margin: 20px 0px 0px 0px;}
.checkbox-span{ float: right; line-height: 20px;}
.checkbox-span a{ color: #808080;}
.btn-denglu{ margin-top: 15px; background: #db2a46; color: #fff; font-size: 16px; font-weight: bold;}
@media only screen and (max-width: 499px) {
    /*    设置了浏览器宽度不大于499px时，content显示200px的宽度样式    */
    .btn-denglu{ margin-top: 15px; background: #db2a46; color: #fff; font-size: 16px; font-weight: bold;width: 100%}
}
@media only screen and (max-width: 499px) {
    /*    设置了浏览器宽度不大于499px时，content显示200px的宽度样式    */
    .navbar-header{margin-left: 20px !important;}
}
.littlepro{height: 182px;position: absolute;top: 50%; margin-top:35px; left: 50%;transform: translate(-50%,-50%)} /* width: 160px; */
.marginbottom30px{margin-bottom: 30px;}
@media only screen and (max-width: 499px) {
    /*    设置了浏览器宽度不大于499px时，content显示200px的宽度样式    */
    .marginbottom30px{ display: none !important;}
    .textcenter{text-align: center !important;}
}
.btn:focus,.btn:hover{ color: #fff;}
.qrcode{width: 280px;height: 220px; margin-top: 20px; padding: 14px 15px;  box-sizing: border-box;position: relative;clear: both; background-color:white; display:none;}  /* border: 1px solid #e6e6e6; */

.qrcode p{ font-size: 14px; font-weight: bold; color: #000;}
.qrcode span{display: block; font-size: 12px; color: #808080; font-weight: normal;}


.footer { padding: 44px; text-align: center; color: #838383;}
.footer a{ color: #525252; padding: 0px 2px;}

.navbar-bottom{ margin-bottom: 0px; min-height: 25px;}
.register-top{ margin-bottom: 0px; padding: 8px 0px; color: #656464;}
.register-top span{ padding-left:20px;}
.register-top i{ font-style: normal; font-size: 14px; color: #db2a46;}
.right-top{display: block; float: left;padding: 10px 5px 0px 0px; }
.right-top a{color: #656464; padding-left: 5px;}

.navbar-nav li a{ display: block; float: left; padding: 8px 10px 8px 10px; color: #656464;}
.navbar-span{ display: block; float: left; padding: 9px 0px;}
.dropdown-menu{ min-width: 0px; font-size: 12px;}
.dropdown-menu li a{padding: 7px 10px;}
.badge{ padding: 3px 6px; background: #db2a46; font-weight: normal;}
.navbar-bg{ height: 93px; margin-bottom: 20px; background: #fff;}
.container-register{ padding-bottom: 89px; border: 1px solid #e4e4e4; background: #fff;}
.register{ padding: 15px 23px; font-size: 18px; color: #333; background: #f5f5f5; border-bottom: 1px solid #e4e4e4;}
.denglu{ float: right; font-size: 12px; color: #929292; line-height: 30px;}
.denglu a{ padding-left: 5px; font-size: 14px; color: #db2a46;}


.p-bitian{ margin: 35px 0px 25px; text-align: center;}
.p-bitian em{ color: #DB2A46; font-size: 14px; font-weight: bold;}
.register-span{ float: left; margin-right: 20px; width: 88px; text-align: right; color: #333; line-height: 34px;}
.register-em{ float: left; margin: 11px 8px 0px 0px; color: #DB2A46;}
.register-check{ margin-left: 121px; line-height: 20px; color: #333;}
.btn-register{ margin-top: 20px; padding: 6px 23px; background: #DB2A46; color: #fff; font-size: 14px;}
.btn-yanzheng{ float: left; height: 33px; margin-left: 8px; background: #888; color: #fff; font-size: 12px;}

.help-block{ text-align:left; font-size: 12px; line-height: 19px;}

.registerok{ margin-top: 80px; text-align: center; line-height: 25px;}
.registerok-p1{ color: #333; font-size: 16px; font-weight: bold;}
.registerok-p2{ color: #808080; font-size: 12px; }
.btn-ok{ margin-top: 20px; background: #DB2A46; color: #fff; font-size: 14px; font-weight: bold;}
.btn-home{ margin-top: 20px; background: #888; color: #fff; font-size: 14px; font-weight: bold;}

/*找回密码*/
.getback{ padding:0px 347px;text-align: center; height: 45px;}
.getback a{ width: 152px; display: block; float: left; color: #333; font-size: 18px;}
.getback a:hover{ text-decoration: none; color: #DB2A46;}
.getback a.hover{ color: #DB2A46;}
.xiahua{height:9px;left:0px;right:0px; width:152px; background:url(../images/public/active.jpg) no-repeat; display:none; position:relative; top:18px; color: #DB2A46;}
.getback a:hover .xiahua{height:9px;left:0px;right:0px; width:152px; background:url(../images/public/active.jpg) no-repeat; display:block; position:relative; top:18px; color: #DB2A46;}
.getback a.hover .xiahua{height:9px;left:0px;right:0px; width:152px; background:url(../images/public/active.jpg) no-repeat; display:block; position:relative; top:18px; color: #DB2A46;}

.get-top{ padding: 0px 296px; margin: 25px auto 50px;}

.send-a{ color: #DB2A46;}
.send-a:hover{ color: #DB2A46;}


/*20160506bug*/
.msgprompt{display: inline-block; width: 345px; text-align: left; color:#a94442; float: left; margin-left:21px; line-height: 34px;}
.msgvcode{color:#a94442; float: left; margin-left:21px; line-height: 34px;}
.alert-red{ color: #A94442;}

/*20160514bug*/
#getback_tel .form-control-feedback{ left: 180px;}
#set_newpass_tel .form-control-feedback{ left: 180px; }
#set_newpass_tel .help-block{ margin-top: 6px;}

/*20160516bug*/
#getback_email .form-control-feedback{ left: 265px; margin-top: 0px;}

#getback_tel .getback-yzm .form-control-feedback{ left: 174px; margin-top: 0px;}




