body{ height: 100%; } .signin{ width: 100%; position: relative; height: 100%; } .head,.foot{ background: #fff; width: 100%; height: 10%; box-sizing: border-box; } .foot{ text-align: center; } .headCon,.mainCon,.footCon{ width: 1200px; margin: 0 auto; } .headCon{ box-sizing: border-box; height: 100%; } .wrap{ height: 500px; background: #030819; width: 100%; height: 80%; } .footCon ul li{ float: left; text-align: center; color: #243747; padding: 0 5px; } .footCon ul li a{ display: block; color: #243747; } .Copy{ color: #243747; text-align: center; } .center{ display: inline-block; height: 100%; vertical-align: middle; } .mainCon,.mainCon_left,.mainCon_right,.img_box{ height: 100%; } .mainCon_right{ text-align: center; } .tab_box{ background: #fff; height: 346px; display: inline-block; width: 375px; vertical-align: middle; } .tab_box ul li { width: 50%; float: left; width: 50%; float: left; padding: 20px 0; text-align: center; color: #243747; font-size: 16px; } .tab_box ul{ border-bottom: 1px solid #cdcdcd; } .tab_content div p { width: 300px; margin: 0 auto; height: 36px; border: 1px solid #ebebed; border-radius: 5px; margin-bottom: 25px; line-height: 36px; padding-left: 10px; text-align: initial; } .tab_content div p input { width: 200px; border: 0; font-size: 14px; outline: none; color: #323232; } .login_icon { display: inline-block; width: 25px; height: 19px; vertical-align: sub; margin-right: 15px; border-right: 1px solid #cdcdcd; } .tab_content .login_go { text-align: center; padding: 0!important; font-size: 16px!important; letter-spacing: 16px; color: #fff; background: #1e90ff; height: 49px!important; line-height: 49px!important; cursor: pointer; } .login_icon_user { background: url(../img/user-icon.png) no-repeat; } .login_icon_hua { background: url(../img/fj-icon.png) no-repeat; } .login_icon_lock { background: url(../img/psw-icon.png) no-repeat; } .error { width: 16px; height: 16px; background: url(../img/xx-error.png) no-repeat; display: none; border: 0; } .errorShow { display: inline-block; } .active{ position: relative; } .active:after{ display: block; content: ""; position: absolute; height: 2px; width: 45%; background: #1e90ff; margin: 0 auto; bottom: -1px; right: 0; left: 0; top: auto; } .tab_content>div{ padding-top: 24px; } .tab_content{ border: 1px solid transparent } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { font-family: '华文仿宋'; color: #999999; } input:-moz-placeholder, textarea:-moz-placeholder { font-family: '华文仿宋'; color: #999999; } input::-moz-placeholder, textarea::-moz-placeholder { font-family: '华文仿宋'; color: #999999; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { font-family: '华文仿宋'; color: #999999; }