@charset "utf-8";
body{background: url(../images/loginBG.png)no-repeat; background-size:cover; }
.loginBox{width:1200px; position: absolute; top: 50%; left: 50%; -webkit-transform: (-50%,-50%); -moz-transform: (-50%,-50%); transform: translate(-50%,-50%);}
.titleImg{display: block;float: left; margin-top: 30px;}
.slideTxtBox{ width: 380px; margin: 0 auto; min-height: 385px; overflow: hidden; box-sizing: border-box; padding:20px 30px; background: rgba(255,255,255,.3); }
.slideTxtBox .hd{line-height: 50px; }
.slideTxtBox .hd ul{}
.slideTxtBox .hd ul li{ display: inline-block; font-size: 16px; color: #FFFFFF; width: 160px; text-align: center; cursor: pointer;border-bottom: #fff solid 2px; }
.slideTxtBox .hd ul li.on{border-bottom: #2c7be5 solid 2px; font-weight: bold; }
form{margin: 30px auto;}
.formBox{z-index: 1;}
.formBox li{width: 320px; height: 42px; margin-bottom: 20px;position: relative;}
.formBox li img{display: block; width: 93px; height: 40px; position: absolute; right: 0; top: 0; border: #d2ddec solid 1px;}
.formBox li.on{background-color: red;}
.formBox li a{display: block; width: 93px; height: 40px; line-height: 40px; background-color: #fff; position: absolute; right: 0; top: 0; border: #2C7BE5 solid 1px; text-align: center; color: #2C7BE5;}
.formText{border: #d2ddec solid 1px; box-sizing: border-box; line-height: 40px; background-color: #fff;}
.formText.on{border-color: #2C7BE5;}
.formText.w01{width: 320px;}
.formText.w02{width: 215px;}
.formBox i{color: #95aac9; float: left; font-size: 20px; margin: auto 8px;}
.formInput{border: 0; height: 40px; float: left; background-color: transparent; color: #95AAC9;}
.loginBtn{background-color: #108ee9; color: #fff; font-size: 16px; border: 0; width: 320px; height: 45px;}