@charset "UTF-8";
/* CSS Document */

* {
    margin: 0;
    padding: 0;
    font-family: PingFang SC, '微软雅黑', Helvetica Neue, Helvetica, Tahoma, Arial, sans-serif;
}

*:focus {outline: none;}
html {position: relative; -webkit-text-size-adjust: none; width: 100%; height: 100%; overflow: auto; background: #f0feff;}
body {font-size: 12px; width: 100%; height: 100%; background: url("../images/background.jpg") no-repeat center / 1440px 900px;}
img {border: 0 none; max-width: 100%;}
ul, li {display: block; list-style: none;}
a {text-decoration: none; cursor: pointer;}
textarea {resize: none;}
.clearfix:after {content: ""; height: 0; line-height: 0; display: block; visibility: hidden; clear: both;}
.clearfix {zoom: 1;}
.clearbox {clear: both; font-size: 0; line-height: 0;}

.centerTable {width: 100%; height: 100%; display: table;}
.centerTable .centerTd {display: table-cell; vertical-align: middle; transform: translateY(-50px)}

.login-head {width: 940px; margin: 0 auto; font-size: 0; padding-bottom: 20px;}
.login-head img {height: 50px;}
.login {width: 940px; height: 500px; margin: 0 auto; background: #fff; border-radius: 5px; box-shadow: 0 8px 16px rgba(0, 0, 0, .1);}
.login .img {width: 500px; height: 500px; float: left; font-size: 0;}
.login .img img {width: 500px; height: 500px; border-radius: 5px 0 0 5px;}
.login .con {width: 440px; height: 500px; float: left; position: relative; box-sizing: border-box; padding: 0 60px;}
.login .con .note {width: 100%; height: auto; position: absolute; left: 0; bottom: 0; text-align: center; font-size: 12px; color: #16709F; padding: 20px; box-sizing: border-box;}
.login .con .title {font-size: 20px; font-weight: bold; color: #333; position: relative; padding-left: 16px; margin-top: 50px;}
.login .con .title:before {content: ''; display: block; width: 3px; height: 20px; position: absolute; left: 0; top: 50%; margin-top: -10px; background: #16709F; background: linear-gradient(#5DCDD3, #16709F); border-radius: 3px;}
.login .con .list {padding-top: 30px;}
.login .con .list .item {margin-bottom: 20px; position: relative;}
.login .con .list .item .icobox {width: 40px; height: 16px; text-align: center; position: absolute; left: 0; top: 50%; margin-top: -8px; z-index: 20; font-size: 0;}
.login .con .list .item .icobox img {height: 16px;}
.login .con .list .item .inpbox {width: auto; height: auto;}
.login .con .list .item .inpbox input.inp {width: 100%; height: 44px; box-sizing: border-box; background: #fff; border: 1px solid #ccc; border-radius: 3px; padding: 13px 15px 13px 40px; font-size: 14px; color: #333; line-height: 16px;}
.login .con .list .item .inpbox.inpbox2 {margin-right: 100px;}
.login .con .list .item .yzmbox {width: 90px; height: 44px; position: absolute; right: 0; top: 0; font-size: 0;}
.login .con .list .item .yzmbox a {display: block;}
.login .con .list .item .yzmbox img {width: 90px; height: 44px; border-radius: 3px;}
.login .con .button {padding-top: 10px;}
.login .con .button input.btn {display: block; width: 100%; height: 46px; line-height: 46px; border: 0 none; text-align: center; cursor: pointer; font-size: 16px; font-weight: bold; color: #fff; border-radius: 3px; background: #16709F; background: linear-gradient(to right, #16709F, #5DCDD3);}
.login .con .remember {padding-top: 20px;}
.login .con .remember label {cursor: pointer; font-size: 13px; color: #666; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; align-items: center;}
.login .con .remember label input {margin-right: 10px;}