* { padding: 0; margin: 0; }
html, body { margin: 0px; padding: 0px; height: 100%; font-family: PingFangSC-Regular,PingFang SC,Microsoft yahei,Helvetica Neue,Helvetica,Arial,sans-serif; font-size: 14px; color: #969db3 }
.login { width: 100%; height: 100%; margin: 0px; padding: 0px; }
.login .body_left { height: 100%; position: relative; overflow: hidden; float: left; width: 40%; flex-basis: 40%; justify-content: center; background-image: linear-gradient(#3943d3,rgba(57,67,211,.85882)); }
.login .body_left .txt { z-index: 2; position: absolute; width: 100%; height: 100%; color: aliceblue; font-size: 18px; font-weight: 300; }
.login .body_left .txt p { font-size: 15px; font-weight: 300; border: 0px; color: #f7f8fd; }
.login .body_left .txt .p0 { text-align: left; height: 30px; line-height: 30px; font-size: 22px; font-weight: 800; color: #f7f8fd; padding: 20% 0px 30px 30%; }
.login .body_left .txt .p1 { text-align: left; height: 30px; line-height: 30px; font-weight: bolder; padding-left: 30%; }
.login .body_left .txt .p2 { text-align: left; height: 30px; line-height: 30px; font-weight: bolder; padding-left: 30%; }
.login .body_left .txt .p3 { text-align: left; height: 30px; line-height: 30px; font-weight: bolder; padding-left: 30%; }
.login .body_left .txt .p4 { text-align: left; height: 30px; line-height: 30px; font-weight: bolder; padding-left: 30%; }
.login .body_left .txt .p5 { text-align: center; width: 30%; height: 30px; line-height: 30px; font-weight: 800; margin: 30px 0px 0px 30%; border: 3px solid #ffffff; border-radius: 30px; }
.login .body_left .c1 { width: 801px; height: 3280px; position: absolute; left: 0px; top: 0px; z-index: 1; background: url('../Img/login_bg2.png') top left no-repeat; }
.login .body_left .c2 { width: 991px; height: 1280px; position: absolute; right: 0px; bottom: 0px; z-index: 1; background: url('../Img/login_bg1.png') bottom right no-repeat; }
.login .body_right { float: left; width: 60%; height: 100%; margin: 0px; }
.login .body_r_main { width: 350px; height: calc(100% - 80px); margin: 0px auto; }
.login .body_r_main .logo { clear: both; text-align: center; padding: 100px 0px 50px 0px; margin: 0px auto; }
.login .body_r_main .logo img { width: 90px; }
.body_r_main .layui-form-item { position: relative; }
.body_r_main .layui-form-item .beg-login-icon { position: absolute; color: #cccccc; top: 10px; left: 10px; }
.body_r_main .layui-form-item input { padding-left: 34px; }
.body_r_main .layui-form-item .verifycode { width: calc(100% - 134px); display: inline-block; float: left; }
.body_r_main .layui-form-item .verifyimage { width: 134px; display: inline-block; float: left; }
.body_r_main .layui-form-item .beg-pull-left { float: left !important; }
.body_r_main .layui-form-item .beg-pull-right { float: right !important; }
.body_r_main .layui-form-item .subbutton { width: 100%; }
.body_r_main .beg-clear { clear: both; }
.body_r_main .beg-login-remember { line-height: 38px; }

.beg-login-remember .layui-form-switch { margin-top: 0px; }
.login .body_right .body_r_footer { width: 100%; text-align: center; height: 80px; line-height: 80px; font-size: 14px; color: #969db3 }
.login .body_right .body_r_footer a { color: #969db3 !important; }
