body{ color: #6f7b91; font: 14px Microsoft Yahei,arial,Sans-serif;}
a{ color: #6f7b91;}
a:hover,a:focus{ outline: none;}
.nowrap{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
/*global*/
.wrapBg{ min-width: 1200px;}
.wrap{ margin: auto; width: 1200px;}
.wrapcommon{ margin: auto; width: 1200px;}




/*studentLog*/
.sLog{ background: url("../images/login/wrapBg1.jpg") no-repeat center;}
.sLog .wrapcommon{ position: relative; height: 950px; background: url("../images/login/bg.jpg") no-repeat;}
.sLog .wrap{ position: relative; height: 950px; background: url("../images/login/studentbg.jpg") no-repeat;}
.sLog .wrapEsrs{ position: relative;height: 950px; background: url("../images/login/bgsesrs.jpg") no-repeat;}
.tLog{ background: url("../images/login/wrapBg2.jpg") no-repeat center;}
.tLog .wrapcommon{ position: relative; height: 950px; background: url("../images/login/bg2.jpg") no-repeat;}
.tLog .wrap{ position: relative; height: 950px; background: url("../images/login/bg2.jpg") no-repeat;}
.aLog{ background-color: #f0f0f0;}
.aLog .wrapcommon{ position: relative; height: 950px; background: #f0f0f0 url("../images/login/bg3.jpg") no-repeat top;}
.aLog .wrap{ position: relative; height: 950px; background: #f0f0f0 url("../images/login/bg3.jpg") no-repeat top;}
.aLog .wrapEsrs{ position: relative; height: 950px; background: #f0f0f0 url("../images/login/bgesrs.jpg") no-repeat top;}
.logTab{ position: absolute; top: 280px; left: 50%; margin-left: -190px; padding-top: 50px; width: 380px; height: 358px; box-shadow: 0 1px 3px 0 rgba(23, 16, 25, 0.2); background-color: #fff;}
.inputCon{ position: relative; margin: 0 auto 20px; width: 318px; height: 46px; border: 1px solid #ced6dc; border-radius: 3px;}
.inputCon .icon{ width: 48px; height: 46px; background: url("../images/login/logIcon.jpg") no-repeat;}
.uName .icon{ background-position: 16px 0;}
.uName.curr .icon{ background-position: 16px -46px;}
.password .icon{ background-position: 16px -92px;}
.password.curr .icon{ background-position: 16px -138px;}
.inputCon input{ width: 270px; height: 46px; font-size: 16px; line-height: 46px; color: #333333; background: none; border: none;}
.vcodeCon{ margin: auto;  width: 320px;}
.vCode{ padding: 0 6px; width: 176px; height: 46px; font-size: 16px; line-height: 46px; border: 1px solid #ced6dc; border-radius: 3px;}
.codeImg img{ width: 60px; height: 28px;}
.codeImg a{ font-size: 14px; color: #39c7a3; line-height: 30px; text-decoration: underline;}
.tLog .codeImg a,.tLog .forget{ color: #29aad4;}
.aLog .codeImg a,.aLog .forget{ color: #4f5f6f;}
.inputCon.curr,.vCode.curr{ border: 1px solid #727f8c;}
.inputCon.curr input, .vCode.curr{ color: #727f8c;}
.login{ margin: 28px auto 22px; display: block; width: 320px; height: 48px; border-radius: 3px; background-color: #39C7A3; color: #fff; font-size: 18px; text-align: center; line-height: 48px;}
.tLog .login,.aLog .login{ background-color: #29aad4;}
.forget{ margin-left: 286px; font-size: 16px; color: #39c7a3;}
.error{ display: none; position: absolute; right: -220px; top: 1px; padding-left: 21px; width: 195px; height: 45px; line-height: 45px; font-size: 16px; color: #e34646; background: url("../images/login/error.png") no-repeat;}
.error.curr{ display: block;}
.footer{ position: absolute; bottom: 8px; left: 0; width: 100%; text-align: center; color: #fff; line-height: 22px; font-size: 12px;}
.aLog .footer{ color: #bbb;}
.footer span{ margin: 0 5px;}