/* css reset  */
/*input:-webkit-autofill {*/
    /*-webkit-transition-delay: 99999s;*/
    /*-webkit-transition: color 99999s ease-out, background-color 99999s ease-out;*/
/*}*/
input {
    background-color:transparent;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
body { background:#fff; color:#555; font-size:14px; font-family: 微软雅黑; }
td,th,caption { font-size:14px; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal;}
a {text-decoration:none; }
img {
    border:none;

}
ol,ul,li { list-style:none; }
input, textarea, select, button { font:14px Verdana,Helvetica,Arial,sans-serif; }
table { border-collapse:collapse; }
/* css common */
.clearfix:after {content: "."; display: block; height:0; clear:both; visibility: hidden;}
.clearfix { *zoom:1; }
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.content{
    width: 100%;
    height:1000px;
    background:url(../images/login_bg2.jpg) no-repeat;
    background-size:cover;
    position:relative;
}
.bottom{
    background:url(../images/login/bg-bottom.png) no-repeat;
    background-size:cover;
    position:absolute;
    bottom:0;
    left:0;
    width:471px;
    height:198px;
}
.topBack{
    width: 100%;
    height:220px;
}
.loginBox{
    /*width: 350px;*/
    /*margin:-110px auto;*/
    text-align: center;
    position:absolute;
    top:0;
    bottom:0;
    right:0;
    left:0;
    margin:auto;
    height:470px;
}
.topBar_loginBox{
    width: 100%;
    font-size: 35px;
    color: #2E90C0;
    display: flex;
    justify-content: center;
    text-align: center;
    margin: 50px 0;
    margin-top:0px;
}
.topBar_loginBox img{
    /*-width:124px;*/
    height: 60px;
}
.topBar_adminLoginBox img{
    height:35px;
}
.topBar_loginBox>span{
    font-size:35px;
    padding-top:10px;
    letter-spacing:5px;
}
.topBar_loginBox>div{
    color:grey;
    font-size:14px;
}
.loginInfo{
    display: inline-block;
    width: 335px;
    height: 350px;
    background: url(../images/login/login-border2.png) no-repeat;
    background-size: cover;
    position: relative;
    margin-left: 8px;
}
.wx-loginInfo{
    display: inline-block;
    width: 335px;
    height: 350px;
    background: url(../images/login/login-wx.png) no-repeat;
    background-size: cover;
    position: relative;
    margin-left: 8px;
    display:none;
}
#wxQrcode{
    margin:0 auto;
    margin-top:95px;
    width:120px;
    height:120px;
    border:1px solid #fff;
}
#wxQrcode+p{
    text-align: center;
    font-size: 16px;
    color:#fff;
    margin-top:80px;
    cursor: pointer;
}
.right-icon{
    position:absolute;
    right:8px;
    top:11px;
    display:inline-block;
    width:30px;
    height:30px;
    cursor: pointer;
}
.loginInfo .title{
    position: absolute;
    left:24px;
    top:21px;
    font-size: 18px;
    font-weight:400;
    color:#0099CC;
}
input::-webkit-input-placeholder{
    color:#333;
}
input::-moz-placeholder{   /* Mozilla Firefox 19+ */
    color:#333;
}
input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
    color:#333;
}
input:-ms-input-placeholder{  /* Internet Explorer 10-11 */
    color:#333;
}
.input-content{
    position:relative;
    display:inline-block;
}
.input-content img{
    position:absolute;
    left:10px;
    top:12px;
    width:16px;
    height:16px;
}
.input-content:nth-child(2){
    margin-top: 12px;
}
.userNameInput{
    /*background:rgba(0,166,255,0.15) url(../images/login/user.png) no-repeat 10px center;*/
    /*background:#fff url(../../../images/login/icon-person.png) no-repeat 10px center;*/
    background:#fff;
    border:1px solid #2E90C0;
    height:43px;
    width: 259px;
    padding-left: 36px;
    display:inline-block;
    border-radius: 3px;
    font-size:14px;
    /*opacity: 0.6;*/
    color:#333;
}
.form-horizontal{
    width:259px;
    margin:0 auto;
    padding-top:87px;
}
.passwordInput{
    /*background:rgba(0,166,255,0.15) url(../images/login/password.png) no-repeat 10px center;*/
    /*background:#fff url(../../../images/login/icon-lock.png) no-repeat 10px center;*/
    background:#fff;
    background-size:5%;
    border:1px solid #2E90C0;
    height:43px;
    width: 259px;
    padding-left: 36px;
    display:inline-block;
    border-radius: 3px;
    font-size:14px;
    outline: none;
    /*opacity: 0.6;*/
    color:#333;
}
.adminPasswordInput{
    margin-top:12px;
}
.btnBox_login{
    width: 100%;
}
.btnBox_login input{
    width: 259px;
    height:45px;
    color: #0099CC;
    line-height: 40px;
    text-align: center;
    border:none;
    cursor: pointer;
    border-radius: 2px;
}
/*.btnBox_login .loginBtn{*/
    /*background:linear-gradient(0deg,rgba(17,112,158,1),rgba(5,42,72,1));*/
    /*border:1px solid rgba(17, 132, 183, 1);*/
    /*font-size:16px;*/
    /*margin-top:18px;*/
    /*cursor:pointer;*/
    /*width: 100%;*/
    /*height:45px;*/
    /*line-height:45px;*/
    /*display:inline-block;*/
    /*text-align:center;*/
    /*color:#0099CC;*/
/*}*/
.btnBox_login .loginBtn{
    background:linear-gradient(0deg,rgba(233,141,26,1) 0%,rgba(249,182,88,1) 100%);
    border:1px solid rgba(233, 142, 27, 1);
    border-radius:3px;
    font-size:16px;
    margin-top:1px;
    cursor:pointer;
    width: 100%;
    height:45px;
    line-height:45px;
    display:inline-block;
    text-align:center;
    color:#fff;
    letter-spacing:10px;
}
.btnBox_login .loginBtn:hover{
    background:linear-gradient(0deg,rgba(217,124,8,1) 0%,rgba(255,178,69,1) 100%);
}
/*.loginBtn{*/
/*background:linear-gradient(0deg,rgba(17,112,158,1),rgba(5,42,72,1));*/
/*border:1px solid rgba(17, 132, 183, 1);*/
/*font-size:16px;*/
/*margin-top:18px;*/
/*cursor:pointer;*/
/*width: 100%;*/
/*height:45px;*/
/*line-height:45px;*/
/*display:inline-block;*/
/*text-align:center;*/
/*color:#0099CC;*/
/*}*/
.loginBtn{
    background:linear-gradient(0deg,rgba(233,141,26,1) 0%,rgba(249,182,88,1) 100%);
    border:1px solid rgba(233, 142, 27, 1);
    border-radius:3px;
    font-size:16px;
    margin-top:1px;
    cursor:pointer;
    width: 100%;
    height:45px;
    line-height:45px;
    display:inline-block;
    text-align:center;
    color:#fff;
    letter-spacing:10px;
}
.loginBtn:hover{
    background:linear-gradient(0deg,rgba(217,124,8,1) 0%,rgba(255,178,69,1) 100%);
}
.tip-msg {
    font-family: "宋体";
    width: 300px;
    height:fit-content;
    color: #fff;
    text-align:center;
    line-height:23px;
    position: absolute;
    right:-304px;
    top:0;
    bottom:0;
    margin:auto;
    font-size:18px;
    padding:15px;
    padding-left:25px;
    box-sizing: border-box;
    display:none;
}
.tip-msg:before{
    opacity: 0.8;
    content:'';
    width: 300px;
    height:100%;
    top:0;
    background: url("../images/msg.png") no-repeat center;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    display:inline-block;
    position: absolute;
    left:0;
    margin:auto 0;
}
.pop-content{
    /* position:absolute;
    left:50%;
    top:50%;
    margin-left:-100px;
    margin-top:-100px;
    z-index:999;
    -background:rgba(78,88,159,0.3);*/
    padding:15px;
}

.pop-content p{
    text-align:center;
    font-size:20px;
    font-weight:600
}

body .myskin {
    filter: alpha(opacity:80);
    opacity: 0.8;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0); /*前景无阴影*/
    background-color: #0B61A4;
}
.loginInfo .passCode{
    width:168px;
    height:40px;
    line-height:40px;
    border:none;
    box-sizing: border-box;
    outline:none;
    background:#fff url(../images/login/icon-code.png) no-repeat 10px center;
    background-size:8%;
    border-radius:3px;
    box-sizing: border-box;
    padding-left:36px;
    color:#333;
    margin-top:15px;

}
.loginInfo canvas{
    border: 1px solid #ccc;
    cursor: pointer;
    display:inline-block;
    width:74px;
    height:40px;
    margin-left:10px;
    margin-top:15px;
    vertical-align: top;
    box-sizing: border-box;
    background:#fff;
}