/*
* @Author:   lsz
* @Date:     2020-09-02 12:35:17
* @function: 上海市医师协会换届选举登记系统-登录页样式
*/

*{padding: 0; margin: 0;}
html,body{width: 100%; height: 100%;}
ul,li{list-style: none;}
.wriap{ width: 100%; height: 100%; background:url(../images/Election/loginBox_bg.jpg) center center no-repeat; background-size: cover;}
.wrip_bg{width: 100%; height: 100%;position: relative;}
.loginBox{ width: 842px; height: 429px; background: #fff;border-radius: 10px; position: absolute; top: 50%; left: 50%; margin: -214px 0 0 -421px;}
.loginTop{padding:30px 30px 0 30px; text-align: center; overflow: hidden; width: 100%; box-sizing: border-box;}
.loginTop >img{float: left; margin-right: 40px; }
.loginTop>span{float: left; font-size: 24px;position: relative; top:25px;}
.loginContent{ padding:0 30px; background: url(../images/Election/login_bg.png) 380px 40px no-repeat;}
.loginContent ul{ padding-top: 30px;}
.loginContent  ul li{ position: relative; padding-top: 15px;    margin: 2px 0 0 0;}
.loginContent ul li label{position: absolute; height: 40px; line-height: 40px; width: 50px;}
.loginContent ul li label img{ width: auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.loginContent ul li input{height: 40px; padding:0 0 0 50px; box-sizing: border-box; width: 300px; line-height: 40px; border: 1px solid #eee; border-radius: 5px;}
.loginContent ul li .tuCode{ position: absolute;cursor: pointer; z-index: 300; top: 20px; left: 215px; width: 80px; background:#a0a0a0; height: 30px;}
.loginContent ul li.loginBtn input{ outline: none; background: #f6935d; color: #fff; font-size: 18px;padding:0; cursor: pointer;}
.loginContent ul li.loginBtn input:hover{ background: #d36428;}

.loginContent ul li .error{position: absolute; color: #fc2a13; width: 100%; left: 0; top: 55px; font-size: 12px;}