@charset "utf-8";
body, html {overflow: hidden}
td, th {font-size: 12px;color: #333}
a {text-decoration: none;color: #333;outline: 0}
a:hover {text-decoration: none;color: red}
ul, ol, em {list-style: none;margin: 0;padding: 0}
a {text-decoration: none}
li {list-style: none;vertical-align: middle;margin: 0;padding: 0}
img {border: 0}
body {margin: 0 auto;font-size: 12px;background: #fff;font-family: 'Microsoft Yahei', '宋体', Arial;color: #333;padding: 0;overflow: hidden;background: #fbfbfb}
.right {float: right}
.left {float: left}
.clear {clear: both;font-size: 0;height: 0;line-height: 0;margin-top: -1px}
* {margin: 0;padding: 0}
.log_dlbox {padding: 14px 36px 34px}
.logTitle {width: 100%;height: 80px;line-height: 80px;font-size: 22px;font-family: "微软雅黑";text-align: center;color: #333}
.logTitle img {position: absolute;top: -16px;right: -26px;border-radius: 3px}
.log_dlbox ul li {font-size: 14px;color: #000}
.log_dlbox ul li.yzmEl {display: none}
.log_dlbox ul li.rr {width: 22px;height: 30px;line-height: 30px;padding-bottom: 4px;padding-top: 12px;*padding-top: 5px}
.log_dlbox ul li.rr_x {width: 90px;height: 30px;line-height: 30px;vertical-align: bottom;padding-top: 5px}
.pin_label {width: 70px;height: 26px;line-height: 26px;font-size: 14px;overflow: hidden}
.pin_val {position: relative;margin-bottom: 28px;border: 1px solid #a2c1da;border-radius: 4px}
.fa {position: absolute;width: 24px;height: 26px;top: 12px;left: 26px}
.fa-user {background: url(imgs/login/fa-user.png) 0 0 no-repeat}
.fa-lock {background: url(imgs/login/fa-lock.png) 0 0 no-repeat}
.fa-asterisk {background: url(imgs/login/fa-asterisk-new.png) 0 0 no-repeat}
.pin_val input {width: 80%;height: 48px;line-height: 48px;outline: 0;border: 0;background: 0;color: #ccc;font-size: 14px;float: right}
.pin_val input#code {width: 44%;text-indent: 14px}
#imgCode {float: right;margin-top: 8px}
.log_dlbox ul li.img {width: 100px;height: 39px}
.log_dlbox ul li.log_btn {margin-top: 20px}
.log_dlbox ul li.log_btn .btn {width: 100%;height: 50px;background: #377be1;text-align: center;font-size: 20px;line-height: 46px;color: #fff;border: 0;cursor: pointer;outline: 0;box-shadow: none}
.log_con {position: fixed;left: 0;right: 0;bottom: 0;color: #fff;background: rgba(0, 0, 0, 0.5);height: 32px;line-height: 32px;text-align: center;font-size: 14px}
.log_con span {font-family: Arial, Helvetica, sans-serif}
.mt-radio, .mt-checkbox {display: inline-block;position: relative;padding-left: 30px;cursor: pointer;font-size: 16px}
.mt-radio > input, .mt-checkbox > input {position: absolute;z-index: -1;opacity: 0;filter: alpha(opacity=0)}
.mt-radio > span, .mt-checkbox > span {position: absolute;top: 1px;left: 0;height: 18px;width: 18px;border: 1px solid #d9d9d9;background: 0;border-radius: 4px}
.mt-radio.round {color: #2b59c2;font-weight: bold}
.mt-radio.round > span {border-radius: 50%}
.mt-radio > span:after, .mt-checkbox > span:after {content: '';position: absolute;display: none}
.mt-radio > input:checked ~ span:after, .mt-checkbox > input:checked ~ span:after {display: block}
.mt-checkbox > span:after {left: 6px;top: 2px;width: 5px;height: 10px;border: solid #888;border-width: 0 2px 2px 0;transform: rotate(45deg)}
.mt-radio > span:after {left: 5px;top: 5px;height: 8px;width: 8px;border-radius: 50%;background: #2b59c2}
.ltopbg {width: 100%;height: 108px;background: #fff}
.ltopbg .main {min-width: 960px;max-width: 1169px;height: 108px;margin: auto}
.ltopbg .logo {float: left;width: 379px;height: 108px;background: url(imgs/login/logo.png)}
.ltopbg .btnCon {float: right;width: 700px;height: 108px;position: relative}
.ltopbg .btnpc {float: left;width: 77px;height: 63px;background: url(imgs/login/btnpc.png) no-repeat center center;cursor: pointer}
.ltopbg .btnandroid {float: left;width: 103px;height: 63px;background: url(imgs/login/btnandroid.png) no-repeat center center;margin-left: 42px;cursor: pointer}
.ltopbg .btnahd {float: left;width: 100px;height: 63px;background: url(imgs/login/btnahd.png) no-repeat center center;margin-left: 42px;cursor: pointer}
.ltopbg .btnxc {float: left;width: 100px;height: 63px;background: url(imgs/login/btnxc.png) no-repeat center center;margin-left: 42px;cursor: pointer}
.ltopbg .btnX86 {float: left;width: 100px;height: 63px;background: url(imgs/login/btnX86.png) no-repeat center center;margin-left: 42px;cursor: pointer}
#logcontain {width: 100%;height: 540px;background: #fbfbfb url(imgs/login/logo-bg.png) no-repeat center;margin: auto}
.lmid {width: 77%;height: 540px;margin: auto;position: relative}
#logmain {background: #fff;border-radius: 6px;width: 372px;position: absolute;top: 50%;right: 0;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%)}
.code-pop {padding: 20px;border-radius: 4px;position: absolute;top: 0px;left: 0px;z-index: 9999;background: #fff;-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);box-shadow: 0 6px 12px rgba(0, 0, 0, .175);}
.code-pop .code_text {width: 200px;text-align: center;margin-bottom: 10px;font-size: 18px}
.code-pop .code_img {width: 200px;height: 200px}
.footer {width: 100%;height: 20px;line-height: 20px;text-align: center;color: #666;font-size: 14px;font-family: "微软雅黑";margin-top: 40px}

.logo_content {width: 100vw;height: 100vh;background: #fff url(imgs/login/login_bg.png?v=2024121201) no-repeat center center;background-size: cover}
.logo_content .login-body {position: fixed;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
/*.logo_content .login-con{width: 1120px;height: 459px;background: url(imgs/login/login_con.png) no-repeat top right;background-size: 947px 459px;position: relative;}*/
.logo_content .login-con {width: 1232px;height: 505px;background: url(imgs/login/login_con.png) no-repeat top right;background-size: 1042px 505px;position: relative;}
.logo_content .login-prompt {font-size: 22px; font-weight: bold; position: absolute; right: -246px; top: -58px; transform: translate(-50%, 10px); color: #ff0000; text-shadow: 2px 0px 6px rgb(255 255 255);}
.logo_content .log_dlbox {padding: 0px 42px 10px;}
.logo_content .login-body #logmain {width: auto;background: transparent;padding: 0px 34px}
.logo_content .login-body #logmain .log_dlbox .logTitle {font-size: 30px;color: #377be1;font-weight: bold;height: 90px;line-height: 90px;}
.logo_content .logo {width: 300px;height: 53px;background: url(imgs/login/logo_jyt.png) center center no-repeat;background-size: 300px 53px;}
.logo_content .pin_val {width: 300px;margin-bottom: 20px;overflow: hidden;}
.logo_content .pin_val input {height: 40px;line-height: 40px}
.logo_content .pin_val input.sms-code-input {width: 51%}
.btn-sms-code {float: right;height: 40px;display: block;padding: 0 10px;border-left: 1px solid #a2c1da;background: #F4F4F4;cursor: pointer;}
.logo_content .mt-radio, .mt-checkbox {display: block;margin: -10px 0px 0px}
.logo_content .log_dlbox ul li.log_btn {margin-top: 20px}
.logo_content .fa {top: 7px;left: 16px}
.logo_content #imgCode {margin-top: 3px;}
/*.logo_content #imgCode{margin-top: 0px}*/
.logo_content .login-text {padding-left: 190px;position: absolute;bottom: 100px;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);width: 100%;text-align: center; }
.logo_content .btnCon {height: 45px; /*margin-top: 40px;*/position: relative;display: inline-block;}
.logo_content .btnandroid {float: left;background: url(imgs/login/btnandroid_icon.png) no-repeat 10px center;}
.logo_content .btnxc {float: left;background: url(imgs/login/btnxc_icon.png) no-repeat 10px center;}
.logo_content .btnX86 {float: left;background: url(imgs/login/btnX86_icon.png) no-repeat 10px center;}
.logo_content .oldbtn {float: left;background: url(imgs/login/setting_icon.png) no-repeat 10px center;}
.logo_content .btns {height: 45px;line-height: 45px;padding: 0px 10px 0px 45px;background-color: #f5faff;color: #768ebd;margin-right: 37px;cursor: pointer}
.logo_content .btns:nth-last-child(2) {margin-right: 0px}
.logo_content .btns.active, .logo_content .btns:hover {background-color: #4782f3;color: #fff;}
.logo_content .btnandroid.active {background-image: url(imgs/login/btnandroid_active_icon.png);}
.logo_content .btnxc.active {background-image: url(imgs/login/btnxc_active_icon.png);}
.logo_content .btnX86.active {background-image: url(imgs/login/btnX86_active_icon.png);}
.logo_content .oldbtn.active {background-image: url(imgs/login/setting_active_icon.png);}
.logo_content .btnCon .code-pop {top: auto;bottom: auto;left: auto;right: auto;}
.logo_content .footer {padding-left: 190px; position: absolute;bottom: 35px;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);font-size: 18px;color: #768ebd}
@media (max-width: 1400px) {
  .logo_content .login-text {bottom: 29px}
  .logo_content .footer {bottom: 15px}
}

/*外部单位登录*/
.logo_wrapper {width: 100vw;height: 100vh;background: #fff url(imgs/login/login_oututil.png) no-repeat center center;background-size: cover}
.logo_wrapper .login-body {width: 1077px;height: 481px;background: url(imgs/login/login_oututil_con.png) no-repeat center center;background-size: 1077px 481px;position: fixed;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%)}
.logo_wrapper .login-body .login-text {position: absolute;left: 90px;top: 170px}
.logo_wrapper .login-body .login-text .logo {width: 313px;height: 54px;background: url(imgs/login/logo_oututil.png) 0 0 no-repeat;background-size: 313px 54px}
.logo_wrapper .login-body #logmain {right: 80px;width: auto;border-radius: 14px}
.logo_wrapper .login-body #logmain .log_dlbox {padding: 50px 36px;min-height: 380px}
.logo_wrapper .login-body #logmain .log_dlbox .logTitle {height: 50px;line-height: 50px;font-size: 42px;color: #3e83e9;margin-bottom: 50px}
.logo_wrapper .login-body #logmain .log_dlbox .logTitle_text {height: 46px;line-height: 46px;font-size: 16px;color: #222;text-align: center;margin-bottom: 25px}
.logo_wrapper .log_dlbox ul li {width: 335px}
.logo_wrapper .pin_val {border-radius: 54px; /*background: #f7f7f7;*/border: 1px solid #a2c1da;margin-bottom: 20px}
.logo_wrapper .pin_val input {height: 54px;line-height: 54px}
.logo_wrapper .fa-lock {background: url(imgs/login/fa-lock-outunit.png) center center no-repeat;background-size: 16px 23px}
.logo_wrapper .fa-user {background: url(imgs/login/fa-user-outunit.png) center center no-repeat;background-size: 21px 23px}
.logo_wrapper .fa-asterisk {background: url(imgs/login/fa-code-outunit.png) center center no-repeat;background-size: 22px 22px}
.logo_wrapper #imgCode {margin-top: 12px}
.logo_wrapper .pin_val .fa {width: 32px;height: 32px}
.logo_wrapper .mt-checkbox {font-size: 14px}
.logo_wrapper .log_dlbox ul li.log_btn .btn {height: 50px;border-radius: 50px;background-color: #3e83e9;font-size: 20px;-webkit-box-shadow: 0 0 32px rgba(57, 151, 227, .16);box-shadow: 0 0 32px rgba(57, 151, 227, .16)}
.logo_wrapper .footer {position: absolute;bottom: 20px;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);font-size: 18px;color: #fff}
.logo_wrapper .btnCon {float: right;width: 700px;height: 108px;margin-top: 40px;position: relative}
.logo_wrapper .btnandroid {float: left;width: 93px;height: 72px;background: url(imgs/login/btnandroid_outunit.png) no-repeat center center;margin-right: 20px;cursor: pointer}
.logo_wrapper .btnxc {float: left;width: 93px;height: 72px;background: url(imgs/login/btnxc_outunit.png) no-repeat center center;margin-right: 20px;cursor: pointer}
.logo_wrapper .btnX86 {float: left;width: 93px;height: 72px;background: url(imgs/login/btnX86_outunit.png) no-repeat center center;margin-right: 20px;cursor: pointer}
.logo_wrapper .btnCon .code-pop {top: auto;bottom: 115px}