*{ margin: 0; padding: 0; box-sizing: border-box;}
html, body{ width: 100%; height: 100%;}
ul,li{ list-style: none;}
.login{ display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; background: url('../images/login/loagin_bg.png') center no-repeat; background-size: 100% 100%;}
.login .bg_img{ display: none;}
.login .model{ width: 986px; height: 562px; border-radius: 20px; padding-left: 467px; background: #fff url('../images/login/loagin_img.png') left center no-repeat; background-size: 457px 562px; overflow: hidden;}
.login .model .content{ width: 100%; position: relative;}
.login .model .content .icbox{ display: none; width: 100%; height: 100%; padding: 123px 65px 82px;}
.login .model .content .icbox.show{ display: block;}
.login .model .content .icbox .title{ color: #484848; font-size: 28px; font-weight: bold; line-height: 38px; text-align: center; margin-bottom: 33px;}
.login .model .content .icbox .saoid{ position: absolute; right: 15px; top: 12px; cursor: pointer; transition: all .3s;}
.login .model .content .icbox .saoid:hover{ filter: brightness(120%);}
.login .model .content .icbox .saoicon{ width: 74px; height: 75px; background: url('../images/login/loagin_ewm.png') center no-repeat; background-size: 100% 100%;}
.login .model .content .icbox .saotext{ line-height: 1.5; text-align: right; font-size: 14px; color: #0584FA; padding-top: 30px; padding-right: 20px; text-decoration:none;}
.login .model .content .wxcode{ width: 200px; height: 200px; margin: 20px auto;}
.login .model .content .gray_center{ width: 100%; text-align: center; margin: 8px 0 0; color: #999; font-size: 14px;}
.login .model .content .btn_group{ width: 100%; margin-top: 36px;}
.login .model .content .btn_group .btn{ width: 100%; height: 50px; border-radius: 25px; font-size: 17px; background-color: #0584FA; color: #fff; text-align: center; line-height: 50px; cursor: pointer; transition: all .3s;}
.login .model .content .btn_group .btn:hover{ filter: brightness(120%);}
.login .model .content .list{ }
.login .model .content .list>li{ width: 100%; border-bottom: 2px solid #eee; padding: 13px 10px 13px 38px; background: 6px center no-repeat; background-size: 28px 32px;}
.login .model .content .list .user{ background-image: url('../images/login/loagin_user.png');}
.login .model .content .list .pwd{ background-image: url('../images/login/loagin_psw.png');}
.login .model .content .list .code{ display: flex; background-image: url('../images/login/loagin_code.png');}
.login .model .content .list input{ width: 100%; line-height: 32px; font-size: 16px; color: #333; border: 0; padding: 0 10px; border-radius: 5px; background: #fff; box-shadow: none; outline: none; resize: none; -webkit-tap-highlight-color: rgba(0,0,0,0);}
.login input::placeholder{ color: #A9A9A9;}
.login input::-webkit-input-placeholder{ color: #A9A9A9;}
.login input:-moz-placeholde{ color: #A9A9A9;}
.login input::-moz-placeholder{ color: #A9A9A9;}
.login input:-ms-input-placeholder{ color: #A9A9A9;}
.login input::-ms-input-placeholder{ color: #A9A9A9;}
.login .model .content .list .code input{ flex: 1 1 0; overflow: hidden;}
.login .model .content .list .code .verifycode{ flex-shrink: 0; margin-left: 10px; height: 32px; cursor: pointer;}
.login .model .content .list .code .verifycode img{ height: 100%; width: auto;}
.login .model .content .list .code .verifycode_btn{ flex-shrink: 0; padding: 0 10px; font-size: 14px; color: #333; line-height: 32px; cursor: pointer; transition: all .3s;}
.login .model .content .list .code .verifycode_btn:hover{ filter: brightness(120%);}

@media screen and (max-width:768px){
	.login .model{ padding-left: 0; background:#FFF;}
	.login .model .verifycode_btn{ display:none;}
}