html { min-width: 1150px; min-height: 720px; }
html, body, center, form { width: 100%; height: 100%; }
html, form, input, button, select { margin: 0; padding: 0; }
html { position: relative; width: 100%; height: 100%; 
       background: -webkit-linear-gradient(left,#043968 0,#0564a6 100%); 
       background: -moz-linear-gradient(left,#043a69 0,#0564a6 100%); 
       background: -o-linear-gradient(left,#043a69 0,#0564a6 100%); 
       background: -ms-linear-gradient(left,#043a69 0,#0564a6 100%); 
       filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#043a69',endColorstr='#0564a6',GradientType=0); 
}
body { margin: auto; background: url(../images/login/loginbg.jpg) center center no-repeat; background-size: cover; }
.f-prz { position: relative; zoom: 1; }

/*左上logo*/
.login-logo { position: absolute; left: 3.125%; top: 4.17%; width: 535px; height: 55px; background: url(../images/login/login-logo.png) no-repeat; display: none; }
#content { margin: auto; width: 1134px; height: 542px; text-align: center; }
.login-left { display: inline-block; float: left; padding: 35px 24px; width: 680px; height: 542px; background: url(../images/login/login-from.png) no-repeat; }
.fstpt { line-height: 40px; font-size: 30px; font-weight: 700; letter-spacing: 1px; color: #ffffff; }
.divLay { display: inline-block; float: right; padding-top: 42px; width: 454px; height: 542px; background: #fff; border-top-right-radius: 12px; border-bottom-right-radius: 12px; }
.divLay-tit { height: 40px; line-height: 40px; font-size: 30px; font-weight: bold; color: #0a6fb3; }
#llThree { margin: 68px auto 0; width: 330px; }
.DlxzDiv { margin: 0 auto 45px; width: 100%; }
.DlxzDiv span { display: inline-block; width: 120px; line-height: 30px; text-align: center; color: #b2b2b2; font-size: 20px; letter-spacing: 3px; font-weight: 700; vertical-align: middle; }

.DlxzDiv .wxSpan { display: none; }
.DlxzLine { display: inline-block; width: 1px; height: 21px; background: #e1e7ee; vertical-align: middle; display: none; }
.DlxzDiv .clickClass { color: #333; }
.m-group { display: flex; position: relative; margin-bottom: 28px; width: 100%; height: 50px; border: 1px solid #dcdcdc; border-radius: 5px; }
.m-group .form-control { padding: 10px; width: 252px; width: calc(100% - 48px); height: 48px; line-height: 28px; border: 0 !important; color: #555555; font-size: 16px; letter-spacing: 1px; }
.input-group-addon { display: inline-block; float: left; vertical-align: middle; margin: 8px 12px 0 12px; }
.input-group-addon span { display: inline-block; width: 30px; height: 34px; }
.m-user { background: url(../images/login/login-icon.png) 0 0 no-repeat; }
.m-lock { background: url(../images/login/login-icon.png) -32px 0 no-repeat; }
.m-yzm { background: url(../images/login/login-icon.png) -64px 0 no-repeat; }
.btn-login, .fhAn { display: inline-block; margin-bottom: 17px; width: 100%; height: 50px; line-height: 48px; font-size: 17px; color: #fff; letter-spacing: 2px; border-radius: 5px; cursor: pointer; }
.btn-login, .xzbj-qd { background: -webkit-linear-gradient(left,#187dc3 0,#2ecedd 100%); background: -moz-linear-gradient(left,#187dc3 0,#2ecedd 100%); background: -o-linear-gradient(left,#187dc3 0,#2ecedd 100%); background: -ms-linear-gradient(left,#187dc3 0,#2ecedd 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#187dc3',endColorstr='#2ecedd',GradientType=0); box-shadow: 0 5px 16px rgba(26, 127, 196, 0.62); }

#login_bt { margin-top: 20px; }
.btn-login:hover, .xzbj-qd:hover { background: #187dc3; }
.fhAn { border: 1px solid #27b1d3; color: #27b0d3; background: #fff; box-shadow: 0 5px 16px rgba(116, 181, 225, 0.62); }
.fhAn:hover { color: #fff; background: #27b1d3; }
/*微信*/
.WxDiv { display: none; }
.ImgDiv { margin-top: 40px; width: 190px; height: 190px; margin: auto; box-shadow: 0px 0px 15px #448edd; }
.WxDiv span { color: #77797c; font-size: 14px; line-height: 80px; letter-spacing: 1px; }
#login_container iframe { width: 190px; height: 190px; }

/*底部*/
#footer { zoom: 1; width: 100%; bottom: 4%; color: #fff; letter-spacing: 1px; position: absolute; text-align: center; }
#footer ul li { font-size: 14px; }
#footer ul li#lOne { margin-top: 20px; }
.form-control::-webkit-input-placeholder { color: #d3dce7; }
.form-control:-moz-input-placeholder { color: #d3dce7; }
.form-control:-ms-input-placeholder { color: #d3dce7; }

/*选择班级*/
.select_box { display: none; margin: 68px auto 0; width: 330px; }
.xzbjDiv { margin: 0 auto 84px; padding-top: 36px; width: 100%; height: 72px; line-height: 40px; }
.xzbj-tit { display: inline-block; font-size: 16px; }
.xzbj-sel { display: inline-block; float: right; padding: 0 42px 0 15px; height: 40px; line-height: 40px; width: 250px; font-size: 14px; cursor: pointer; background: url("../images/login/xzbj-sel.png") no-repeat scroll left center transparent; }
.xzbj-btn { margin-bottom: 17px; width: 100%; height: 50px; }
.xzbj-btn span { display: inline-block; height: 50px; line-height: 48px; font-size: 17px; letter-spacing: 2px; border-radius: 5px; cursor: pointer; }
.xzbj-qd { float: left; width: 157px; color: #fff; }
.xzbj-qx { float: right; width: 147px; color: #187dc3; background: #dee3e6; }
.xzbj-qx:hover { background: #cbd3d7; }

#container { padding-top: calc((100vh - 542px) / 2); }
.ZhDiv { width: 100%; }
.input-group-addon { margin-right: 4px; }
/*新版登录（验证码） 2023-11-15 sfy 新增*/
.js_yzm_login { margin-top: 48px !important; }
.js_yzm_login .DlxzDiv { margin-bottom: 32px; }
.yzm-group { position: relative; margin-bottom: 28px; width: 100%; height: 50px; }
.yzm-img { display: inline-block; float: left; margin: 0 10px; max-width: 94px; height: 50px; border-radius: 5px; }
.u-group1 { display: inline-flex; float: left; align-items: center; width: 172px; border: 1px solid #dcdcdc; border-radius: 5px; }
.u-group1 .form-control { padding: 10px; width: calc(100% - 46px); height: 48px; line-height: 28px; border: 0 !important; color: #555555; font-size: 16px; letter-spacing: 1px; }
.u-tishi { color: #3989EC; cursor: pointer; display: inline-block; margin-top: 20px; height: 24px; line-height: 24px; font-size: 14px; user-select: none; }
.u-tishi:hover { text-decoration: underline; }

/*显示'专家通道'按钮后的样式调整 2024-01-24 sfy 新增*/
.btn-zjtd { display: inline-block; width: 100%; height: 50px; line-height: 50px; text-align: center; color: #fff; font-size: 17px; letter-spacing: 2px; cursor: pointer; border-radius: 5px; box-shadow: 0 3px 10px rgba(220,108,127,0.43); 
            background: #f7867d;
            background: -webkit-linear-gradient(left,#e7778a 0,#FCB692 100%); 
            background: -moz-linear-gradient(left,#e7778a 0,#FCB692 100%); 
            background: -o-linear-gradient(left,#e7778a 0,#FCB692 100%); 
            background: linear-gradient(to right,#e7778a 0,#FCB692 100%); 
   	        background-repeat: repeat-x; 
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#e7778a,endColorstr=#FCB692,GradientType=0);
}
.btn-zjtd:hover { color: #fff; background: #e7778a; }
/*'专家通道'不可点击 2024-01-29 sfy 新增*/
.btn-nozjtd { background: #aaa; box-shadow: none; }
.btn-nozjtd:hover { background: #aaa; cursor: no-drop; }
.js_yzm_login { margin-top: 24px !important; }
.js_yzm_login .DlxzDiv { margin-bottom: 24px; }