@charset "UTF-8";
/* CSS Document */

* {
    margin: 0;
    padding: 0;
    font-family: PingFang SC, '微软雅黑', Helvetica Neue, Helvetica, Tahoma, Arial, sans-serif;
}

*:focus {outline: none;}
html {position: relative; -webkit-text-size-adjust: none; width: 100%; height: 100%;}
body {font-size: 12px; width: 100%; height: 100%; background: #FFFBF4; overflow: auto; position: relative;}
img {border: 0 none; max-width: 100%;}
ul, li {display: block; list-style: none;}
a {text-decoration: none; cursor: pointer;}
textarea {resize: none;}

.clearfix:after {content: ""; height: 0; line-height: 0; display: block; visibility: hidden; clear: both;}
.clearfix {zoom: 1;}
.clearbox {clear: both;font-size: 0;line-height: 0;}



.login {width: 100%; height: auto; min-height: 100%; display: table;}
.login .center {display: table-cell; vertical-align: middle;}
.login .wrapper {width: 900px; height: auto; margin: 0 auto;}

.header {width: auto; height: auto; padding: 30px 0; position: relative;}
.header .logo {width: auto; height: auto;}
.header .logo a {display: inline-block;}
.header .logo img {height: 50px;}
.header .opera {width: auto; height: 20px; line-height: 20px; position: absolute; right: 0; top: 50%; margin-top: -10px; font-size: 14px; font-weight: 500;}
.header .opera a.btn1 {color: #ff9900;}
.header .opera a.btn2 {color: #333;}
.header .opera span {font-weight: normal; color: #ccc; padding: 0 10px;}


.footer {width: auto; height: auto; padding: 40px 0; text-align: center; font-size: 14px; color: #999999; font-family: Roboto, Arial;}


.login-wrap {width: auto; height: 500px; background: #fff; box-shadow: 0 5px 10px rgba(0, 0, 0, .1); border-radius: 20px;}
.login-img {width: 460px; height: 500px; font-size: 0; float: left;}
.login-img img {width: 460px; height: 500px; border-radius: 20px 0 0 20px;}
.login-con {width: 440px; height: 500px; float: left; box-sizing: border-box; padding: 0 60px;}
.login-title {width: auto; height: auto; position: relative; margin-top: 50px;}
.login-title .name {width: auto; height: auto; position: relative; font-size: 20px; font-weight: 500; color: #333; padding-left: 20px;}
.login-title .name:before {content: ''; display: block; width: 4px; height: 20px; background: #ff9900; border-radius: 2px; position: absolute; left: 0; top: 50%; margin-top: -10px;}
.login-title .switch {width: auto; height: 20px; line-height: 20px; position: absolute; right: 0; top: 50%; margin-top: -10px; z-index: 20;}
.login-title .switch a {display: block; width: auto; height: auto; background: url("../images/login-switch.png") no-repeat left center / 16px 16px; font-size: 14px; font-weight: 500; color: #ff9900; padding-left: 25px;}
.login-form {width: auto; height: auto; padding-top: 25px;}
.login-form .item {width: auto; height: auto; position: relative; margin-bottom: 20px;}
.login-form .item .icon {width: 16px; height: 16px; font-size: 0; position: absolute; left: 16px; top: 50%; margin-top: -8px; z-index: 20;}
.login-form .item .icon img {width: 16px; height: 16px;}
.login-form .item .inpbox {width: auto; height: auto; position: relative; font-size: 0;}
.login-form .item .inpbox .choose {display: block; width: 90px; height: 44px; background: #F5F5F5; border: 1px solid #DDDDDD; border-radius: 0 5px 5px 0; position: absolute; right: 0; top: 0; box-sizing: border-box; line-height: 42px; text-align: center; font-size: 13px; color: #666; font-weight: 500;}
.login-form .item .inpbox input.inp {display: block; width: 100%; height: 44px; line-height: 16px; font-size: 14px; color: #333; padding: 13px 15px 13px 44px; box-sizing: border-box; background: #fff; border: 1px solid #DDDDDD; box-shadow: 0 2px 4px rgba(0, 0, 0, .05); border-radius: 5px;}
.login-form .item .inpbox input.inp2 {padding-right: 105px;}
.login-form .item .inpbox input.inp3 {width: 200px;}
.login-form .item .inpbox .yzm {display: block; width: 105px; height: 44px; position: absolute; right: 0; top: 0;}
.login-form .item .inpbox .yzm img {margin:2px;cursor: pointer;}
.login-form .item .btnbox {width: auto; height: auto;}
.login-form .item .btnbox input.btn {display: block; width: 100%; height: 44px; background: #ff9900; background-image: linear-gradient(to right, #ff9900, #ff5800); border: 0 none; line-height: 44px; text-align: center; cursor: pointer; border-radius: 5px; font-size: 16px; font-weight: 500; color: #fff;}
.login-form .item .notbox {width: auto; height: 20px;}
.login-form .item .notbox .remember {width: auto; height: 20px; float: left;}
.login-form .item .notbox .remember label {display: block; height: 20px; line-height: 20px; font-size: 13px; color: #666; cursor: pointer;}
.login-form .item .notbox .remember label input {appearance: none; -webkit-appearance: none; display: block; width: 16px; height: 16px; box-sizing: border-box; border: 1px solid #CBCED1; border-radius: 4px; background: #fff; cursor: pointer; float: left; margin: 2px 8px 0 0;}
.login-form .item .notbox .remember label input:checked {background: url("../images/checked.png") #0075EC no-repeat center / 14px 14px; border-color: #0075EC;}
.login-form .item .notbox .forget {width: auto; height: 20px; line-height: 20px; float: right;}
.login-form .item .notbox .forget a {color: #0075EC; font-weight: 500; font-size: 14px;}





.login-school {width: 100%; height: 100%; box-sizing: border-box; padding-left: 120px; background: #fff;}
.login-school .city {width: 120px; height: 100%; box-sizing: border-box; padding-top: 50px; position: absolute; left: 0; top: 0; box-shadow: 1px 0 0 #eee;}
.login-school .city .head {width: 100%; height: 50px; line-height: 50px; padding: 0 20px; box-sizing: border-box; font-size: 14px; color: #333; font-weight: 500; position: absolute; left: 0; top: 0; box-shadow: 0 1px 0 #eee;}
.login-school .city .list {width: auto; height: 100%; position: relative; z-index: 20;}
.login-school .city .list ul {display: block; width: auto; height: 100%; overflow: auto;}
.login-school .city .list ul li {width: auto; height: auto;}
.login-school .city .list ul li a {display: block; width: auto; height: auto; line-height: 20px; padding: 10px 20px; font-size: 14px; color: #666; position: relative;}
.login-school .city .list ul li a.on {background: #ff9900; color: #fff;}
.login-school .city .list ul li a.on:after {content: ''; display: block; width: 7px; height: 12px; font-size: 0; line-height: 0; position: absolute; right: 10px; top: 50%; margin-top: -6px; background: url("../images/arrow.png") no-repeat center / 7px 12px; opacity: .5;}
.login-school .wrap {width: 100%; height: 100%; box-sizing: border-box; padding-bottom: 4px; position: relative;}
.login-school .foot {width: 100%; height: 66px; padding: 15px 20px; box-sizing: border-box; position: absolute; left: 0; bottom: 0; box-shadow: 0 -1px 0 #eee;}
.login-school .foot ul {width: auto; height: 36px; float: right;}
.login-school .foot ul li {width: auto; height: 36px; float: left; margin-right: 10px;}
.login-school .foot ul li a.btn {display: block; width: 80px; height: 36px; box-sizing: border-box; line-height: 34px; text-align: center; font-size: 14px; border: 1px solid #000; border-radius: 5px;}
.login-school .foot ul li a.btn1 {background: #ff9900; border-color: #ff9900; color: #ffffff;}
.login-school .foot ul li a.btn2 {background: #ffffff; border-color: #dddddd; color: #999999;}
.login-school .foot ul li:last-child {margin-right: 0;}
.login-school .main {width: 100%; height: 100%;}
.login-school .main .scroll {width: 100%; height: 100%; overflow: auto;}
.login-school .main ul {display: block; width: auto; height: auto; padding: 10px;}
.login-school .main ul li {width: 33.333%; height: auto; float: left; padding: 10px; box-sizing: border-box;}
.login-school .main ul li a {display: block; width: auto; height: 42px; background: #fff; border: 1px solid #eee; border-radius: 5px; position: relative; padding-left: 40px;}
.login-school .main ul li a .icon {width: 30px; height: 30px; font-size: 0; position: absolute; left: 10px; top: 50%; margin-top: -15px;}
.login-school .main ul li a .icon img {width: 30px; height: 30px; border-radius: 50%;}
.login-school .main ul li a .text {width: auto; height: 42px; line-height: 42px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0 10px; font-size: 14px; font-weight: 500; color: #333;}
.login-school .main ul li a.on {background: #FFFAF2; border-color: #ff9900;}


.login-tryjoin {width: 100%; height: 100%; background: #fff;}
.login-tryjoin-main {width: 66%; height: 100%; float: left; box-sizing: border-box; padding: 20px;}
.login-tryjoin-main .item {width: auto; height: auto; padding: 10px 0 10px 80px; position: relative;}
.login-tryjoin-main .item .titbox {width: auto; height: 20px; line-height: 20px; font-size: 14px; color: #666; position: absolute; left: 0; top: 50%; margin-top: -10px;}
.login-tryjoin-main .item .inpbox {width: auto; height: auto;}
.login-tryjoin-main .item .inpbox input.inp {display: block; width: 90%; height: 36px; font-size: 14px; color: #333; line-height: 16px; border: 1px solid #ddd; border-radius: 5px; box-sizing: border-box; padding: 9px 12px;}
.login-tryjoin-main .item .inpbox .btns {width: 90%; height: 36px;}
.login-tryjoin-main .item .inpbox .btns ul {width: auto; height: 36px; float: right;}
.login-tryjoin-main .item .inpbox .btns ul li {width: auto; height: 36px; float: left; margin-left: 10px;}
.login-tryjoin-main .item .inpbox .btns ul li input.btn {display: block; width: 80px; height: 36px; box-sizing: border-box; line-height: 34px; text-align: center; font-size: 14px; border: 1px solid #000; border-radius: 5px; cursor: pointer;}
.login-tryjoin-main .item .inpbox .btns ul li input.btn1 {background: #ff9900; border-color: #ff9900; color: #ffffff;}
.login-tryjoin-main .item .inpbox .btns ul li input.btn2 {background: #ffffff; border-color: #dddddd; color: #999999;}

.login-tryjoin-note {width: 34%; height: 100%; float: left; box-shadow: -1px 0 0 #eee; padding: 20px; box-sizing: border-box;}
.login-tryjoin-note .item {width: auto; height: auto; margin-bottom: 20px;}
.login-tryjoin-note .item .tit {width: auto; height: auto; font-size: 14px; color: #999999;}
.login-tryjoin-note .item .txt {width: auto; height: auto; font-size: 15px; color: #333333; line-height: 24px; font-weight: 500; font-family: Roboto, Arial; padding-top: 5px;}
.login-tryjoin-note .item .img {width: auto; height: auto; font-size: 0; padding-top: 10px;}
.login-tryjoin-note .item .img img {width: 85px; height: 85px; border: 1px solid #ddd;}



.login-result {width: 100%; height: 100%; background: #fff;}
.login-result .tr {display: table; width: 100%; height: 100%;}
.login-result .td {display: table-cell; vertical-align: middle; text-align: center;}
.login-result .icon {font-size: 0;}
.login-result .icon img {width: 40px;}
.login-result .title {width: auto; height: auto; font-size: 18px; font-weight: 500; color: #333; padding-top: 15px;}
.login-result .text {width: auto; height: auto; font-size: 13px; color: #999; padding-top: 8px;}
.login-result .close {width: auto; height: auto; padding-top: 20px;}
.login-result .close a {display: block; width: 88px; height: 34px; line-height: 34px; border: 1px solid #ccc; border-radius: 5px; color: #999999; font-weight: 500; font-size: 14px; margin: 0 auto;}




.login-forget {width: auto; height: auto; background: #fff; box-shadow: 0 5px 10px rgba(0, 0, 0, .1); border-radius: 20px;}
.login-forget .title {width: auto; height: auto; padding: 20px 0; position: relative; text-align: center; font-size: 24px; font-weight: 500; color: #333; border-bottom: 1px solid #eee;}
.login-forget .title:after {content: ''; display: block; width: 90px; height: 3px; font-size: 0; line-height: 0; background: #ff9900; border-radius: 2px; position: absolute; left: 50%; margin-left: -45px; bottom: -1px;}
.login-forget .list {width: 420px; height: auto; margin: 0 auto; padding: 40px 0;}
.login-forget .list .item {width: auto; height: auto; position: relative; padding-left: 100px; padding-bottom: 20px;}
.login-forget .list .item .titbox {width: auto; height: 44px; line-height: 44px; font-size: 14px; font-weight: 500; color: #333; position: absolute; left: 0; top: 0;}
.login-forget .list .item .inpbox {width: auto; height: 44px; position: relative;}
.login-forget .list .item .inpbox .icon {width: 16px; height: 16px; font-size: 0; position: absolute; left: 16px; top: 50%; margin-top: -8px; z-index: 20;}
.login-forget .list .item .inpbox .icon img {width: 16px; height: 16px;}
.login-forget .list .item .inpbox .choose {display: block; width: 90px; height: 44px; background: #F5F5F5; border: 1px solid #DDDDDD; border-radius: 0 5px 5px 0; position: absolute; right: 0; top: 0; box-sizing: border-box; line-height: 42px; text-align: center; font-size: 13px; color: #666; font-weight: 500;}
.login-forget .list .item .inpbox input.inp {display: block; width: 100%; height: 44px; line-height: 16px; font-size: 14px; color: #333; padding: 13px 15px 13px 44px; box-sizing: border-box; background: #fff; border: 1px solid #DDDDDD; box-shadow: 0 2px 4px rgba(0, 0, 0, .05); border-radius: 5px;}
.login-forget .list .item .inpbox select.inp {display: block; height: 44px; line-height: 16px; font-size: 14px; color: #333; padding: 5px 20px 5px 20px; box-sizing: border-box; background: #fff; border: 1px solid #DDDDDD; box-shadow: 0 2px 4px rgba(0, 0, 0, .05); border-radius: 5px;}
.login-forget .list .item .inpbox input.inp2 {padding-right: 105px;}
.login-forget .list .item .inpbox input.inp3 {width: 200px;}
.login-forget .list .item .inpbox input.inp4 {width: 180px;}
.login-forget .list .item .inpbox .yzm {display: block; width: 105px; height: 44px; position: absolute; right: 0; top: 0;}
.login-forget .list .item .inpbox .yzm img {width: 105px; height: 44px; cursor: pointer;}
.login-forget .list .item .inpbox .obtain {display: block; width: 123px; height: 42px; text-align: center; line-height: 42px; border: 1px solid #ff9900; border-radius: 5px; position: absolute; right: 0; top: 0; font-size: 13px; font-weight: 500; color: #ff9900;}
.login-forget .list .item .btnbox {width: auto; overflow: hidden;}
.login-forget .list .item .btnbox input.btn {display: block; width: 120px; height: 44px; line-height: 44px; text-align: center; border: 0 none; border-radius: 5px; cursor: pointer; float: left; margin-right: 20px; font-size: 16px; font-weight: 500;}
.login-forget .list .item .btnbox input.btn.btn1 {background: #ff9900; background-image: linear-gradient(to right, #ff9900, #ff5800); color: #fff;}
.login-forget .list .item .btnbox input.btn.btn2 {background: #eee; color: #999;}

.login-forget .list .item .inpbox .obtain:disabled{
    border: 1px solid #ccc;
    color: #ccc;
    background: #f7f7f7;
}

.login-forget .list .item a.forget {color: #0075EC; font-weight: 500; font-size: 14px;}