body{min-width: 1024px;width: 100%;}

.student-input-con{height: 53px;margin-top: 10px; line-height: 53px;font-size: 16px; border-bottom: 1px solid #ebedf0;color:#708498 ;}
.manager-input-con{height: 58px;margin-bottom: 20px;line-height: 58px;font-size: 16px; border-bottom: 1px solid #ebedf0;color:#708498 ;}

/* 头部信息 */
.head{text-align: center;margin: 60px 0 210px 0;width: 100%;}
.head h2{display: inline-block;font-size: 30px;vertical-align: middle;}

/* 主体内容 */
.main{height: 380px;
    background: linear-gradient(to right, #3a97ff 0%,#59a7fe 100%);
    background: #3a97ff;/*old browser*/
    background: -moz-linear-gradient(left,#3a97ff 0%,#59a7fe 100%);/*FF3.6+*/
    background: -webkit-linear-gradient(left,#3a97ff 0%,#59a7fe 100%);/*Chrom10+,Safari5.1+*/
    background: -webkit-gradient(linear,left top, right top,color-stop( 0%,#3a97ff ),color-stop( 100%, #59a7fe));/*Chrom10+,Safari4+*/
    background: -o-linear-gradient(left,#3a97ff 0%,#59a7fe 100%);/*Opera 11.10+*/
    background: -ms-linear-gradient(left,#3a97ff 0%,#59a7fe 100%);/*IE10+*/
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#3a97ff, endColorstr=#59a7fe);/*IE<9>*/
}
.main-inner{width: 1024px;margin: auto;position: relative;}
.main-inner .inner-img{position: absolute;top: -64px;left: 0;}


    /* 学生端登录框 */
.student-main-inner{width: 1110px;}
.main-inner .student-con{height: 565px;padding:30px 35px; background-color: #fff;box-shadow: 0px 0px 30px 0px rgba(94, 133, 255, 0.29);border-radius: 10px;position: absolute;top: -121px;right: 0;}
.main-inner .con-head p{ color:#2879ff;font-size: 28px;text-align: center;}
.main-inner .con-head .logInManager{margin-bottom: 38px;}
.main-inner .con-head .logInStudent{margin-bottom: 20px;}
.main-inner .student-con .countdown{width: 445px;height: 86px;margin-bottom: 5px;padding: 20px 12px; background-color: #ecfbff;border-radius: 6px;}
.main-inner .student-con .countdown .countdown-head{font-size: 14px;color: #2879ff;}
#conuntdown-inner{width: 100%;height: 60px;margin-top:10px ;text-align: center;}
.main-inner .student-con .account-password input{height: 53px;width: 350px; border: none;}
.main-inner .student-con .account-password .account{margin-bottom: 20px;}

    /* 管理端登录框 */
.main-inner .manager-con{width: 380px;height: 421px; padding: 35px; background-color: #fff;box-shadow: 0px 0px 30px 0px rgba(94, 133, 255, 0.29);border-radius: 10px;position: absolute;top: -81px;right: 0;}
.main-inner .manager-con .account-password input{height: 58px;width: 330px; border: none}
.main-inner .port{font-size: 16px; color: #708498;margin-top: 32px;}
.main-inner .port{ position: relative;}
.main-inner .port .radio{position: relative;display: inline-block;font-weight: 400;color: #708498;padding-left: 25px;margin-right: 25px; cursor: pointer;}
.main-inner .port .radio input{ position: absolute;left: -9999px;}
.main-inner .port .radio i{display: block;position: absolute;top: 3px;left: 0;width: 15px;height: 15px;outline: 0;border: 1px solid #e4e4e4;background: #ffffff; border-radius: 50%;transition: border-color .3s;-webkit-transition: border-color .3s;}
.main-inner .port .radio input+i:after {position: absolute;content: '';top: 3px;left: 3px;width: 9px;height: 9px;border-radius: 50%;background-color: #2879ff;opacity: 0;transition: opacity .1s;-webkit-transition: opacity .1s;}
.main-inner .port .radio input:checked+i:after { opacity: 1;}
.main-inner .port input:checked+i+span {color: #2879ff;}


.main-inner .account-password input::-webkit-input-placeholder{color:#708498 !important;font-size:16px;}/*Webkit browsers*/ 
.main-inner .account-password input:-moz-placeholder{color:#708498 !important;font-size:16px;}/*Mozilla Firefox 4 to 8*/
.main-inner .account-password input::-moz-placeholder{color:#708498 !important;font-size:16px;}/*Mozilla Firefox 19+*/
.main-inner .account-password input:-ms-input-placeholder{color:#708498 !important;font-size:16px;}/*Internet Explorer 10+*/


/* 登录-重置按键 */
.main-inner .logInManagerBtn{margin-top: 50px;}
.main-inner .logInStudentBtn{margin-top: 35px;text-align: center;}
.main-inner .logInManagerBtn button{width: 175px;height: 50px;border-radius: 10px;font-size: 18px;cursor:pointer}
.main-inner .logInStudentBtn button{width: 175px;height: 50px;border-radius: 10px;font-size: 18px;cursor:pointer}
.main-inner .logIn-btn{background-color: #2879ff;color: #fff;border: none;margin-right: 25px;}
.main-inner .reset-btn{background-color: #d9f7ff;color: #2879ff; border: solid 1px #c6f3ff;}
.main-inner .verifyManager{font-size: 16px;color: #ff6666;text-align: center;margin-top: 31px;display: none;}
.main-inner .verifyStudent{font-size: 16px;color: #ff6666;text-align: center;margin-top: 10px;display: none;}

.foot{text-align: center;margin: 190px 0 20px 0;}



/* 弹框 */
.login-bullent-con{display: none; position: fixed;top: 50%;left: 50%; transform: translate(-50%,-73%); width: 490px;height: 320px;text-align: center; box-shadow: 0px 0px 22px 0px #d2d9fd;border-radius: 4px;}
.login-bullent-con .bullent-head{height: 30px;background-color: #53a4fe;border-radius: 4px 4px 0 0;}
.login-bullent-con .bullent-main{height: 290px; background-color: #f6fafa;border-radius: 0 0 4px 4px;}
.login-bullent-con .bullent-main .main-head{overflow: hidden;margin-bottom: 30px;}
.login-bullent-con .bullent-main .main-head p{font-size: 16px; font-weight: 700;line-height: 22px;}
.login-bullent-con .bullent-main .main-head p:first-of-type{margin-top: 10px;}
.login-bullent-con .bullent-main .main-content{line-height: 26px;text-align: left;padding-left: 145px;}
.login-bullent-con .main-foot{margin-top: 35px;}
.login-bullent-con .main-foot button{width: 100px;height: 30px;border-radius: 4px;cursor: pointer;}
.login-bullent-con .main-foot button:first-of-type{margin-right: 47px; background-color: #2879ff;color: white;border: none;}
.login-bullent-con .main-foot button:last-of-type{background-color: #d9f7ff;color:  #2879ff;border: solid 1px #c6f3ff;}