.page-login{background-color:#fff;color:rgba(37,38,94,.87);display:flex;height:100vh;overflow:auto}.page-login .layout-item{flex:1 0 0;height:100%}.page-login .layout-item .a,.page-login .layout-item a{color:#0556f3!important;cursor:pointer}.page-login .layout-item .a:hover,.page-login .layout-item a:hover{-webkit-text-decoration:underline;text-decoration:underline}.page-login .layout-item.left{background-color:#25265e;display:flex;justify-content:flex-end}.page-login .layout-item.left .content-wrap{color:#fff;margin-right:100px;max-width:450px;padding:15vh 20px 0}.page-login .layout-item.left .content-wrap h2{font-size:24px;font-weight:700;line-height:36px;margin-bottom:40px}.page-login .layout-item.left .content-wrap ul li{display:flex;margin-bottom:1.5rem}.page-login .layout-item.left .content-wrap ul li .icon{align-items:center;border-radius:56px;display:flex;flex:56px 0 0;height:56px;justify-content:center;margin-right:20px;width:56px}.page-login .layout-item.left .content-wrap ul li .icon .bx{font-size:400}.page-login .layout-item.left .content-wrap ul li .bx{font-size:30px}.page-login .layout-item.left .content-wrap ul li h3{font-size:20px;font-weight:500;line-height:30px;margin-bottom:6px}.page-login .layout-item.left .content-wrap ul li p{color:hsla(0,0%,100%,.87);font-size:14px}.page-login .layout-item.right{display:flex;justify-content:flex-start}.page-login .layout-item.right .content-wrap{margin-left:100px;max-width:380px;padding-top:150px;width:100%}.page-login .layout-item.right .content-wrap .hint{align-items:flex-end;display:flex;justify-content:space-between;padding-bottom:30px;position:relative}.page-login .layout-item.right .content-wrap .hint .left{display:flex;font-size:22px;font-weight:600;line-height:30px}.page-login .layout-item.right .content-wrap .hint .left .back{cursor:pointer;font-size:14px;font-weight:400;margin-top:2px;padding-right:10px}.page-login .layout-item.right .content-wrap .hint .right{color:rgba(37,38,94,.67);font-weight:500}.page-login .layout-item.right .content-wrap .form-item{margin-bottom:20px;position:relative}.page-login .layout-item.right .content-wrap .form-item label{color:rgba(37,38,94,.87);display:block;line-height:24px;margin-bottom:5px}.page-login .layout-item.right .content-wrap .form-item .phone{position:relative}.page-login .layout-item.right .content-wrap .form-item .phone .area-list{height:44px;line-height:44px;padding-left:10px;position:absolute}.page-login .layout-item.right .content-wrap .form-item .phone .area-list .selected{cursor:pointer;font-weight:700}.page-login .layout-item.right .content-wrap .form-item input{background-clip:padding-box;background-color:#fff;border:1px solid #ced4da;border-radius:.25rem;color:#495057;display:block;font-size:1rem;line-height:1.5;padding:.75rem 1rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:100%}.page-login .layout-item.right .content-wrap .form-item input:focus{background-color:#fff;border-color:#7ba7fc;box-shadow:none;color:#495057;outline:0}.page-login .layout-item.right .content-wrap .form-item button{background:#0556f3;border:0;border-radius:3px;color:#fff;cursor:pointer;display:inline-block;font-size:16px;font-weight:500;font-weight:700;letter-spacing:8px;padding:12px 16px;text-align:center;transition:all .2s ease-in-out;width:100%}.page-login .layout-item.right .content-wrap .form-item button:hover{background-color:#0444c1}.page-login .layout-item.right .content-wrap .form-item .prefix-btn{bottom:9px;color:#0556f3;cursor:pointer;font-size:14px;letter-spacing:1px;padding:6px 5px;position:absolute;right:8px;width:auto}.page-login .layout-item.right .content-wrap .form-item .prefix-btn[disabled]{color:rgba(37,38,94,.87)}.page-login .layout-item.right .content-wrap .form-item .prefix-btn:hover{-webkit-text-decoration:underline;text-decoration:underline}.page-login .layout-item.right .reg .form-item{margin-bottom:10px;position:relative}.page-login .layout-item.right .reg .group{display:flex}.page-login .layout-item.right .reg .group .avatar{cursor:pointer;flex:50px 0 0;height:50px;margin-right:16px;width:50px}@media(min-width:0)and (max-width:768px){.page-login{display:block}.page-login .layout-item{height:auto}.page-login .layout-item .content-wrap{margin:0 auto;margin-right:0!important;max-width:100%!important;padding-top:70px!important;width:100vw}.page-login .layout-item .content-wrap h2{margin-bottom:20px!important;text-align:center}.page-login .layout-item.right .content-wrap{margin:0;padding:50px;padding-top:40px!important}}