html, body {
	font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Microsoft YaHei","微软雅黑,","黑体", Tahoma, Arial, sans-serif;
}
body {
    background: url(../../images/teacher/login_img_02.png) center no-repeat;
    background-size: cover;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #fff inset;
}
.layui-layer-setwin .layui-layer-close2 {
    top: 0px !important;
    right: 0px !important;
    width: 20px !important;
    height: 20px !important;
    background-position: 0 !important;
}
.loginLogo {
    width: 103px;
    height: 66px;
    background: url(../../images/teacher/UClass.png) center left no-repeat;
    background-size: 69px 49px;
    float: left;
}

.main-div {
	margin-top: -280px;
    width: 348px;
    height: 500px;
    background: rgba(255, 255, 255, 0.8);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.5);
    padding: 165px 44px 0 44px;
    box-sizing: border-box;
    text-align: left;
    position: fixed;
    right: 140px;
    top: 50%;
    z-index: 1;
    overflow: inherit;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -ms-user-select: none;
}

@media screen and (max-width: 1366px) {
    .main-div {
        transform: scale(0.8);
        top: 50%;
        right: 140px;
    }
}

@media screen and (max-width: 1280px) {
    .main-div {
        transform: scale(0.75);
        top: 50%;
        right: 140px;
    }
}

@media screen and (max-width: 1000px) {
    .main-div {
        transform: scale(0.7);
        top: 50%;
        right: 140px;
    }
}


.default {
    /*height: auto;*/
}

.error{
    color: #E93434;
    font-size: 12px;
}

.error-border{
    border: solid 1px #E93434 !important;
}

.main-div .ewm-icon {
    width: 70px;
    height: 70px;
    background: url("../../images/teacher/ewm_icon.png") center no-repeat;
    background-size: 70px 70px;
    position: absolute;
    top: 0px;
    right: 0px;
    cursor: pointer;
}

.main-div .ewm-icon:hover {
    width: 70px;
    height: 70px;
    background: url("../../images/teacher/ewm_icon_h.png") center no-repeat;
    background-size: 70px 70px;
    position: absolute;
    top: 0px;
    right: 0px;
    cursor: pointer;
}

.main-div .scan-tip-text{
    background: #000000;
    color: #ffffff;
    font-size: 12px;
    height: 32px;
    line-height: 32px;
    padding-left: 12px;
    padding-right: 12px;
    position: absolute;
    top: 15px;
    right: 80px;
    border-radius: 4px;
}
.main-div .scan-tip-arrow{
    background: #000000;
    width: 10px;
    height: 10px;
    position: absolute;
    top: 26px;
    right: 76px;
    transform: rotate(45deg);
    -moz-transform: rotate(90deg);
    filter: progid:(rotation=1);
    border-radius: 2px;
}

.main-div .dn-icon,.main-div .reg-dn-icon {
    width: 70px;
    height: 70px;
    background: url("../../images/teacher/dn_icon.png") center no-repeat;
    background-size: 70px 70px;
    position: absolute;
    top: 0px;
    right: 0px;
    cursor: pointer;
}

.main-div .dn-icon:hover,.main-div .reg-dn-icon:hover {
    width: 70px;
    height: 70px;
    background: url("../../images/teacher/dn_icon_h.png") center no-repeat;
    background-size: 70px 70px;
    position: absolute;
    top: 0px;
    right: 0px;
    cursor: pointer;
}

.uclass-icon {
    width: 64px;
    height: 64px;
    background: url("../../images/teacher/uclasslogo.png") center no-repeat;
    background-size: 64px 64px;
    position: absolute;
    top: 60px;
    right: 142px;
}

.main-div .title {
    width: 100%;
    height: 21px;
    font-size: 16px;
    font-weight: bold;
    color: rgba(51, 51, 51, 1);
    line-height: 21px;
    margin-bottom: 12px;
    padding-left: 20px;
    cursor: pointer;
    background: url("../../images/ico-left-arrow.svg") left center no-repeat;
}

.main-div .title:hover {
    width: 64px;
    height: 21px;
    font-size: 16px;
    font-weight: bold;
    color: rgba(53, 194, 190, 1);
    line-height: 21px;
    padding-left: 20px;
    cursor: pointer;
    background: url("../../images/teacher/returnbtn_h.png") left center no-repeat;
}

.main-div .title2 {
    height: 21px;
    font-size: 16px;
    font-weight: bold;
    color: rgba(51, 51, 51, 1);
    line-height: 21px;
}

.main-div .tip {
    font-size: 12px;
    color: #fd5b5b;
    background: url("../../images/teacher/xt_ts_icon.svg") left center no-repeat;
    background-size: 13px;
    padding-left: 17px;
    height: 13px;
    line-height: 13px;
    margin-bottom: 17px;
}

.main-div .navbar {
    height: 30px;
    padding-left: 4px;
    box-sizing: border-box;
    margin-bottom: 28px;
}

.main-div .navbar .tab {
    height: 30px;
    line-height: 1;
    box-sizing: border-box;
    font-size: 16px;
    color: #909090;
    text-align: center;
    box-sizing: border-box;
    cursor: pointer;
}

.main-div .navbar .tab.on {
    color: #34c2bd;
    border-bottom: 4px solid #34c2bd;
}

.main-div .navbar .tab:first-child {
    min-width: 85px;
    margin-right: 22px;
}

.main-div .navbar .tab:last-child {
    width: 100px;
}

.main-div input {
    width: 260px;
    height: 36px;
    line-height: 36px;
    border: 1px solid #e1e1e1;
    box-sizing: border-box;
    font-size: 14px;
    border-radius: 4px;
}

.main-div input:hover {
    width: 260px;
    height: 36px;
    line-height: 36px;
    border: 1px solid #e1e1e1;
    box-sizing: border-box;
    font-size: 14px;
    border-radius: 4px;
    border: 1px solid #35C2BE;
}

.main-div .select-school {
    width: 280px;
    height: 42px;
    line-height: 42px;
    border: 1px solid #e1e1e1;
    box-sizing: border-box;
    font-size: 14px;
    border-radius: 4px;
}

.accountBtn {
    color: #7F91A9;
    font-size: 14px;
    height: 16px;
    padding-left: 20px;
    cursor: pointer;
    background: url("../../images/teacher/accountbtn.png") left center no-repeat;
}

.accountBtn:hover {
    padding-left: 20px;
    font-size: 14px;
    height: 16px;
    color: #35C2BE;
    background: url("../../images/teacher/accountbtn_h.png") left center no-repeat;
}

.phoneBtn {
    color: #7F91A9;
    font-size: 14px;
    height: 16px;
    padding-left: 20px;
    cursor: pointer;
    background: url("../../images/teacher/phonebtn.png") left center no-repeat;
}

.phoneBtn:hover {
    color: #35C2BE;
    font-size: 14px;
    height: 16px;
    padding-left: 20px;
    background: url("../../images/teacher/phonebtn_h.png") left center no-repeat;
}

.main-div input::placeholder {
    color: #909090;
}

.main-div .select-school {
    margin-bottom: 20px;
    padding-left: 40px;
    background: url("../../images/teacher/xx_icon.png") left 11px center no-repeat;
    background-size: 15px 17px;
    color: #909090;
}

.main-div .account {
    margin-bottom: 20px;
    padding-left: 40px;
    background-size: 16px 13px;
    background-color: #ffffff;
}

.main-div .password {
    padding-left: 40px;
    background-size: 16px 13px;
}

.main-div button {
    width: 260px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    box-sizing: border-box;
    text-align: center;
    border-radius: 4px;
}

.main-div .errorMsg {
    color: red;
    font-size: 12px;
    display: block;
    margin-top: 20px;
    text-align: center;
    height: 14px;
}
.main-div .login {
    color: #ffffff;
    background-color: #C7C9CF;
    margin-top: 14px;
    margin-bottom: 15px;
}
.main-div .login.light {
    background-color: #34c2bd;
}

.main-div .go-forget-password {
    font-size: 14px;
    color: #909090;
    line-height: 1;
    text-align: right;
    margin-top: 16px;
    cursor: pointer;
}

.main-div .go-forget-password #register {
    float: left;
    padding-left: 1px;
}

.main-div .download {
    margin-bottom: 15px;
    text-align: center;
    color: #35C2BE;
    font-size: 14px;
    display: block;
}

.main-div .footer {
    width: 260px;
    position: absolute;
}


.main-div .footer .downBtn {
    color: #FFA222;
    font-size: 14px;
    padding-left: 20px;
    cursor: pointer;
    background: url("../../images/ico-download.svg") left center no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
}

.main-div .footer .downBtn:hover {
    color: #35C2BE;
    font-size: 14px;
    padding-left: 20px;
    background: url("../../images/ico-download-hover.svg") left center no-repeat;
}
.main-div .footer .reg-btn {
    color: #35C2BE;
    font-size: 14px;
    position: absolute;
    top: 0;
    right: 0;
}


.copyright {
    height: 59px;
    line-height: 59px;
    position: fixed;
    bottom: 0;
    width: 100%;
    text-align: center;
    color: #8d9291;
    font-size: 12px;
}

.login-panel .pwd-error{
    color: #E93434;
    font-size: 12px;
    position: absolute;
    top: 295px;
    width: 257px;
    display: none;
}

.login-panel .icon {
    width: 20px;
    height: 20px;
    display: inline-block;
    position: absolute;
    top: 10px;
    left: 5px;
    right: 0;
    bottom: 0;
}

.login-panel .icon-pwd-eye {
    background: url("../../images/ico_login_pwd_eye.svg") no-repeat;
    left: 280px;
    top: 293px;
}


/*手机号登录 start*/
/*手机号登录 end*/
.mobile-login {
    display: none;
}

.mobile-login .mobile {
    margin-bottom: 20px;
    padding-left: 40px;
    background-size: 11px 17px;
    background-color: #ffffff;
}

/*绑定手机号 start*/
.bind-phone {
    display: none;
}

.main-div.bind-phone .mobile {
    margin-bottom: 20px;
    padding-left: 38px;
    background-size: 11px 17px;
    background-color: #ffffff;
}

.main-div .phonecode {
    width: 260px;
    height: 36px;
    position: relative;
}

.main-div .code {
    background: url("../../images/ico_login_valicode.svg") left 13px center no-repeat;
    background-color: #ffffff;
    padding-left: 38px;
    width: 100%;
    padding-right: 80px;
    height: 100%;
    box-sizing: border-box;
    border: 1px solid #DDD;
    outline: none;
    border-radius: 4px;

}

.main-div .get-code {
    position: absolute;
    display: block;
    width: 110px;
    height: 20px;
    right: 2px;
    top: 8px;
    line-height: 20px;
    color: #7F91A9;
    border-left: 1px solid #D1D7E0;
    padding-left: 10px;
    cursor: pointer;
    background-color: #ffff;
    border-radius: 0px;
}

.main-div .get-code:hover {
    color: #35C2BE;
}

.main-div .next-binding {
    border: 1px solid #34c2bd;
    color: #34c2bd;
    background-color: #ffffff;
    margin-top: 20px;
}

/*绑定手机号end*/
/*忘记密码 start*/
.forget-password {
    display: none;
}

.forget-password .title {
    margin-bottom: 20px;
}

.main-div.forget-password .mobile {
    margin-bottom: 20px;
    padding-left: 38px;
    background-color: #ffffff;
}

.main-div.forget-password .next {
    color: #ffffff;
    background-color: #34c2bd;
}

.main-div.forget-password .cancel {
    border: 1px solid #34c2bd;
    color: #34c2bd;
    background-color: #ffffff;
    margin-top: 20px;
}

.main-div.forget-password .error {
    margin-top: 12px;
    margin-bottom: 20px;
}

/*忘记密码 end*/
/*扫码登录 start*/
.scan-login{
    display: none;
}
.scan-login .dn-icon {
    width: 70px;
    height: 70px;
    background: url("../../images/teacher/dn_icon.png") center no-repeat;
    background-size: 70px;
    position: absolute;
    top: 0px;
    right: 0px;
    cursor: pointer;
}

.scan-login .dn-icon:hover {
    width: 70px;
    height: 70px;
    background: url("../../images/teacher/dn_icon_h.png") center no-repeat;
    background-size: 70px;
    position: absolute;
    top: 0px;
    right: 0px;
    cursor: pointer;
}


.scan-login .wechat-title{
    height: 21px;
    width: 100%;
    font-size: 16px;
    font-weight: bold;
    color: rgba(51, 51, 51, 1);
    line-height: 21px;
    text-align: center;
    position: absolute;
    top: 150px;
    left: 0;
}
.scan-login p:first-child {
    font-size: 16px;
    color: #333333;
    line-height: 1;
}

.scan-login p:last-child {
    font-size: 14px;
    color: #909090;
    text-align: center;
}

.scan-login .qrcode {
    width: 160px;
    height: 160px;
    margin: 5px auto 20px auto;
    position: relative;
}

.scan-login .qrcode .scan-ok {
    width: 160px;
    height: 160px;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.4);
    color: #fff;
    text-align: center;
    line-height: 24px;
    padding-top: 50px;
    box-sizing: border-box;
    display: none;
}

.scan-login .qrcode iframe {
    width: 100% !important;
    height: 100% !important;
    overflow: hidden;
}
.scan-login .footer{
    position: absolute;
    bottom: 30px;
    text-align: center;
}
.scan-login .sub-title{
    font-size:14px;
    color: #333333;
}
.scan-login .footer .scan-down-btn{
    color: #FFA222;
    font-size: 14px;
    padding-left: 20px;
    cursor: pointer;
    background: url("../../images/ico-download.svg") left center no-repeat;
    display: inline-block;
}

/*扫码登录 end*/
/*修改密码 start*/
.change-password {
    display: none;
}

.change-password .title {
    margin-bottom: 20px;
}

.change-password .password {
    margin-bottom: 20px;
}

.change-password .confirm {
    color: #ffffff;
    background-color: #C7C9CF;
    margin-top: 65px;
    font-size: 14px;
    color: rgba(255, 255, 255, 1);
    line-height: 19px;
}

.change-password .confirm.light {
    background-color: #35C2BE;
}

.change-password .prev {
    border: 1px solid #34c2bd;
    color: #34c2bd;
    background-color: #ffffff;
    margin-top: 20px;
}

.change-password .prev {
    border: 1px solid #34c2bd;
    color: #34c2bd;
    background-color: #ffffff;
    margin-top: 20px;
}

.change-password .reset-pwd-error{
    color: #E93434;
    font-size: 12px;
    position: absolute;
    width: 260px;
}
/*修改密码 end*/

.leftLine {
    display: inline-block;
    position: absolute;
    width: 101px;
    height: 2px;
    bottom: 20px;
    background: -webkit-linear-gradient(left, #FFF 0%, #999 100%);
    opacity: 0.42;
}

.rightLine {
    display: inline-block;
    position: absolute;
    bottom: 20px;
    width: 101px;
    right: 25px;
    height: 2px;
    background: -webkit-linear-gradient(right, #FFF 0%, #999 100%);
    opacity: 0.42;
}

/*快速注册 start*/
#mask {
    position: absolute;
    top: 0;
    filter: alpha(opacity=60);
    background-color: #777;
    z-index: 998;
    left: 0;
    opacity: 0.5;
    -moz-opacity: 0.5;
}

.register-page {
    display: none;
}

.register-page {
    position: fixed;
    background-color: #ffffff;
    width: 388px;
    height: 424px;
    box-shadow: 0 0 10px rgba(51, 51, 51, 0.5);
    border-radius: 10px;
    z-index: 999;
    /*top: calc(50% - 212px);
    left: calc(50% - 236px);*/
    bottom: 314px;
    right: 120px;
}

.register-page .register-title span {
    height: 53px;
    line-height: 53px;
    font-size: 16px;
    color: #333333;
    font-weight: bold;
    padding-left: 22px;
}

.register-page .register-conten > div{
    vertical-align: middle;
}

.register-page .register-content span {
    font-size: 14px;
}

.register-page .register-title .register-close {
    background: url("../../images/teacher/icon_close.png") no-repeat;
    background-size: 20px;
    width: 20px;
    height: 20px;
    display: inline-block;
    float: right;
    margin: 11px 20px 0 0;
    cursor: pointer;
}

.register-page .register-content {
    /*text-align: right;*/
}

.register-content .register-step {
    height: 66px;
    text-align: center;
    line-height: 100px;
}

.register-content .register-step div {
    display: inline-block;
    width: 94px;
}

.register-content .register-step span {
    background-size: 32px;
    width: 94px;
    display: inline-block;
    padding-left: 17px;
    font-size: 14px;
    font-weight: normal;
}

.register-content .register-step .step-first {
    background: url(../../images/teacher/ico_1_Selection.png) no-repeat left center;
}

.register-content .register-step .step-second {
    margin-left: 64px;
    background: url(../../images/teacher/ico_2_Unselected.png) no-repeat left center;
}

.register-content .register-step .step-second.activation {
    background: url(../../images/teacher/ico_2_Selection.png) no-repeat left center;
}

.register-content .register-step .step-second.activation span {
    color: #35C2BE;
}

.register-content .register-step .step-first span {
    color: #35C2BE;
}

.register-content .register-step .step-second span {
    color: #D9E2E9;
}

.register-page .register-content input {
    height: 32px;
    border: solid 1px #C7C9CF;
    border-radius: 4px;
    padding-left: 10px;
    color: #333333;
}

.register-page .register-content .register-must {
    margin-right: 51px;
}

.register-page .register-content .register-must:before {
    content: '*';
    color: #E93434;
}

.register-page .register-content .register-toolbar {
    text-align: center;
    width: 100%;
    position: absolute;
    top: 318px;
}


.register-page .register-content .btn {
    background-color: #35C2BE;
    color: #FFFFFF;
    width: 260px;
    height: 38px;
    font-size: 14px;
    opacity: 1;
    border-radius:4px;
}


.register-page .register-content .register-toolbar .register-next-step {
    background-color: #C7C9CF;
}

.register-page .register-content .register-toolbar .light {
    background-color: #35C2BE !important;
}

.register-page .register-content .register-first-page {
    margin-top: 43px;
}

.register-page .register-content .register-next-page {
    display: none;
    margin-top: 24px;
}

.register-page .register-content .register-success {
    display: none;
    text-align: center;
}

.register-page .register-content input::-webkit-input-placeholder {
    color: #C7C9CF;
}

.register-page .register-content input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #C7C9CF;
}

.register-page .register-content input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #C7C9CF;
}

.register-page .register-content input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #C7C9CF;
}

.register-page .register-content .inp {
    position: absolute;
    height: 36px;
    width: 226px;
    left: 64px;
    right: 10px;
    bottom: 0;
}
.register-page .register-content .account-div {
    top: 148px;
}

.register-page .register-content .inp input {
    width: 100% !important;
    padding-left: 30px !important;
}

.register-page .register-content .code-div {
    top: 204px;
}

.register-page .register-content .code-div:after {
    position: absolute;
    content: '';
    height: 17px;
    width: 1px;
    background-color: #C0C0C0;
    top: 10px;
    right: 50px;
}

.register-page .register-content .name-div {
    top: 110px;
}


.register-page .register-content .gender-div {
    top: 166px;
    width: 260px;
}


.register-page .register-content .mechanism-div {
    top: 222px;
}

.register-page .register-content .pwd-div {
    top: 278px;
}

.register-page .register-content .send-verCode {
    position: absolute;
    top: 0;
    bottom: 0;
    right: -25px;
    color: #999999;
    font-weight: normal;
    line-height: 36px;
    font-size: 13px;
}

.register-page .register-content .verification-code {
    border: solid 1px #C7C9CF;
    border-radius: 4px;
}


.register-page .register-content .icon {
    width: 20px;
    height: 20px;
    display: inline-block;
    position: absolute;
    top: 10px;
    left: 5px;
    right: 0;
    bottom: 0;
}

.register-page .register-content .icon-phone {
    background: url("../../images/ico_login_phone.svg") no-repeat;
}


.register-page .register-content .icon-valicode {
    background: url("../../images/ico_login_valicode.svg") no-repeat;
}

.register-page .register-content .icon-name {
    background: url("../../images/ico_login_name.svg") no-repeat;
}

.register-page .register-content .icon-mechanism {
    background: url("../../images/ico_login_school.svg") no-repeat;
}

.register-page .register-content .icon-pwd {
    background: url("../../images/ico_login_pwd.svg") no-repeat;
}

.register-page .register-content .icon-pwd-eye {
    background: url("../../images/ico_login_pwd_eye.svg") no-repeat;
    left: 240px;
    top: 15px;
}

.register-page .register-content .send-verCode.num {
    color: #35C2BE;
}

.register-page .register-content .send-verCode.on {
    color: #333333;
}

.register-page .register-content button {
    border-radius: 4px;
    vertical-align: middle;
}

.register-page .register-content .gender button {
    width: 129px;
    height: 34px;
    border: solid 1px #C7C9CF;
    background-color: #FFFFFF;
    color: #676F81;
}

.register-page .register-content .gender button.on {
    border-color: #35C2BE;
    background-color: #DAF5F4;
    color: #35C2BE;
}

.register-page .register-content .gender .male {
    border-radius: 4px 0 0 4px;
}

.register-page .register-content .gender .female {
    border-left: 0;
    border-radius: 0 4px 4px 0;
}

.register-page .register-content input.normal {
    /*width: 295px;*/
}

.register-page .register-content .mechanism {
    margin-right: 63px;
}

.register-page .register-content .register-next-page .register-toolbar {
    margin-top: 38px;
}

.register-page .register-content .register-toolbar .register-previous-step {
    background: #FFFFFF;
    border: 1px solid #C7C9CF;
    color: #9399A1;
    margin-right: 4px;
}

.register-page .register-content .register-toolbar .register-submit {
    background-color: #C7C9CF;
}

.register-page .register-content .register-toolbar .register-submit.light {
    background: #35C2BE;
    color: #FFFFFF;
}

.register-page .register-content .register-success .success-img {
    background: url(../../images/teacher/ico_wancheng.png) no-repeat center;
    background-size: 13px;
    height: 13px;
    width: 13px;
    display: inline-block;
}

.register-page .register-content .register-success .success-tip {
    margin-top: 20px;
    margin-bottom: 20px;
}

.register-page .register-content .register-success .success-msg {
    margin-top: 3px;
    display: inline-block;
}

.register-page .register-content .register-success .account-info {
    text-align: center;
    margin-top: 8px;
}

.register-page .register-content .register-success .account-info .name {
    display: block;
    height: 27px;
}

.register-page .register-content .register-success .account-info .name .num {
    padding-left: 15px;
    color: #50525B;
    font-weight: 400;
}

.register-page .register-content .register-success .account-info .password {
    margin-left: 96px;
}

.register-page .register-content .register-success .register-toolbar {
    text-align: center;
    width: 100%;
    position: absolute;
    top: 348px;
}

.register-page .register-content .register-success .register-toolbar .go-login {
    margin-top: 10px;
    background-color: #35C2BE;
    color: #FFFFFF;
}

.register-page .register-content .register-success .qrcode {
    margin-top: 0px;
    width: 100%;
    text-align: center;
}
.register-page .register-content .register-success .qrcode .img {
    width: 146px;
    height: 146px;
    box-shadow:0px 0px 6px rgba(0,0,0,0.16);
    opacity:1;
    padding: 7px;
    display: inline-block;
}
.register-page .register-content .register-success .qrcode .img img {
    width: 146px;
    height: 146px;
}
.register-page .register-content .register-success .qrcode .text {
    margin-top: 15px;
    font-size:14px;
    font-weight:bold;
    line-height:19px;
    color:rgba(51,51,51,1);
}

.register-page .register-content .register-success .qrcode .sub-text {
    margin-top: 5px;
    font-size:12px;
    font-weight:400;
    line-height:16px;
    color:rgba(112,112,112,1);
}
.register-page .register-content .register-success .qrcode .sub-text span {
    color: #34c2bd
}

.register-page .register-content .suggest-mechanism {
    background: #ffffff;
    z-index: 9999;
    position: absolute;
    width: 260px;
    border: solid 1px #dddddd;
    border-radius: 2px;
    display: none;
    max-height: 200px;
    overflow-y: auto;
}

.register-page .register-content .suggest-mechanism ul li{
    line-height: 20px;
    padding: 7px 20px;
    border-bottom: solid 1px #dddddd;
    font-size: 14px;
    color: #7F91A9;
}

.register-page .register-content .register-bind-success {
    display: none;
}

.register-page .register-content .scan-ok {
    width: 160px;
    height: 160px;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.4);
    color: #fff;
    text-align: center;
    line-height: 24px;
    padding-top: 50px;
    box-sizing: border-box;
    display: none;
}
.register-page .register-content .pwd-error{
    color: #E93434;
    font-size: 12px;
    position: absolute;
    top: 330px;
    width: 260px;
    text-align: center;
    display: none;
}

.register-page .register-content .register-auth-page {
    display: none;
}
.register-page .register-content .register-auth-page .register-auth-title{
    color: #333333;
    position: absolute;
    top: 110px;
    width: 260px;
    left: 64px;
    line-height: 21px;
}
.register-page .register-content .register-auth-page .register-auth-title span{
    font-size: 16px !important;
}
.register-page .register-content .register-auth-page .input-staffnumber-text{
    color: #333333;
    font-size: 14px;
    position: absolute;
    top: 205px;
    width: 260px;
    left: 64px;
}
.register-page .register-content .register-auth-page .staffnumber-div{
    color: #333333;
    font-size: 12px;
    position: absolute;
    top: 240px;
    width: 226px;
    left: 64px;
}
.register-page .register-content .register-auth-page .btn-skip {
    background-color: #FFFFFF;
    border: 1px solid #35C2BE;
    color: #35C2BE;
    width: 120px;
    height: 40px;
    font-size: 14px;
    opacity: 1;
    border-radius:4px;
}
.register-page .register-content .register-auth-page .btn-auth {
    background-color: #C7C9CF;
    color: #FFFFFF;
    width: 120px;
    height: 40px;
    font-size: 14px;
    opacity: 1;
    border-radius:4px;
    margin-left: 20px;
}

.register-page .register-content .icon-auth {
    background: url("../../images/ico_login_auth.svg") no-repeat;
}

/*快速注册 end*/
/*扫码注册 start*/

.scan-reg-box {
    display: none;
}

.scan-reg-box {
    /*width: 388px;*/
    /*height: 424px;*/
}

.scan-reg-box .register-title {
    line-height: 21px;
    height: 21px;
    font-size: 16px;
    color: #333333;
    text-align: center;
    font-weight:400;
    position: absolute;
    top: 139px;
    left: 0;
    right: 0;
    bottom: 0;
}

.scan-reg-box .register-conten > div{
    vertical-align: middle;
}

.scan-reg-box .scan-reg-con span {
    font-size: 14px;
}

.scan-reg-box .register-title .register-close {
    background: url("../../images/teacher/icon_close.png") no-repeat;
    background-size: 20px;
    width: 20px;
    height: 20px;
    display: inline-block;
    float: right;
    margin: 11px 20px 0 0;
    cursor: pointer;
}

.scan-reg-box .register-step {
    height: 66px;
    text-align: center;
    line-height: 100px;
}

.scan-reg-box .register-step div {
    display: inline-block;
    width: 94px;
}

.scan-reg-box .register-step span {
    background-size: 32px;
    width: 94px;
    display: inline-block;
    padding-left: 17px;
    font-size: 14px;
    font-weight: normal;
}

.scan-reg-box .register-step .step-first {
    background: url(../../images/teacher/ico_1_Selection.png) no-repeat left center;
}

.scan-reg-box .register-step .step-second {
    margin-left: 64px;
    background: url(../../images/teacher/ico_2_Unselected.png) no-repeat left center;
}

.scan-reg-box .register-step .step-second.activation {
    background: url(../../images/teacher/ico_2_Selection.png) no-repeat left center;
}

.scan-reg-box .register-step .step-second.activation span {
    color: #35C2BE;
}

.scan-reg-box .register-step .step-first span {
    color: #35C2BE;
}

.scan-reg-box .register-step .step-second span {
    color: #D9E2E9;
}

.scan-reg-box .scan-reg-con input {
    height: 36px;
    border: solid 1px #C7C9CF;
    border-radius: 4px;
    padding-left: 10px;
    color: #333333;
}

.scan-reg-box .scan-reg-con .register-must {
    margin-right: 51px;
}

.scan-reg-box .scan-reg-con .register-must:before {
    content: '*';
    color: #E93434;
}

.scan-reg-box .scan-reg-con .register-toolbar {
    text-align: center;
    position: absolute;
    top: 395px;
}


.scan-reg-box .scan-reg-con .btn {
    background-color: #35C2BE;
    color: #FFFFFF;
    width: 260px;
    height: 38px;
    font-size: 14px;
    opacity: 1;
    border-radius:4px;
}


.scan-reg-box .scan-reg-con .register-toolbar .scan-reg-next-step{
    background-color: #C7C9CF;
}

.scan-reg-box .scan-reg-con .register-toolbar .light {
    background-color: #35C2BE !important;
}

.scan-reg-box .scan-reg-con .register-first-page {
    margin-top: 43px;
}

.scan-reg-box .scan-reg-con .register-next-page {
    display: none;
    margin-top: 24px;
}

.scan-reg-box .scan-reg-con .register-auth-page {
    display: none;
}

.scan-reg-box .scan-reg-con .register-success {
    display: none;
    text-align: center;
}

.scan-reg-box .scan-reg-con input::-webkit-input-placeholder {
    color: #C7C9CF;
}

.scan-reg-box .scan-reg-con input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #C7C9CF;
}

.scan-reg-box .scan-reg-con input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #C7C9CF;
}

.scan-reg-box .scan-reg-con input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #C7C9CF;
}

.scan-reg-box .scan-reg-con .inp {
    position: absolute;
    height: 36px;
    width: 260px;
    left: 45px;
    right: 45px;
    bottom: 0;
}
.scan-reg-box .scan-reg-con .account-div {
    top: 234px;
}

.scan-reg-box .scan-reg-con .inp input {
    width: 100% !important;
    padding-left: 30px !important;
}

.scan-reg-box .scan-reg-con .code-div {
    top: 281px;
}

.scan-reg-box .scan-reg-con .code-div:after {
    position: absolute;
    content: '';
    height: 17px;
    width: 1px;
    background-color: #C0C0C0;
    top: 10px;
    right: 75px;
}

.scan-reg-box .scan-reg-con .name-div {
    top: 181px;
}


.scan-reg-box .scan-reg-con .gender-div {
    top: 227px;
    width: 260px;
}


.scan-reg-box .scan-reg-con .mechanism-div {
    top: 273px;
}

.scan-reg-box .scan-reg-con .phone-div {
    top: 320px;
}
.scan-reg-box .scan-reg-con .pwd-div {
    top: 366px;
}

.scan-reg-box .scan-reg-con .send-vercode {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 5px;
    color: #999999;
    font-weight: normal;
    line-height: 36px;
    font-size: 13px;
}

.scan-reg-box .scan-reg-con .verification-code {
    border: solid 1px #C7C9CF;
    border-radius: 4px;
}


.scan-reg-box .scan-reg-con .icon {
    width: 20px;
    height: 20px;
    display: inline-block;
    position: absolute;
    top: 10px;
    left: 5px;
    right: 0;
    bottom: 0;
}

.scan-reg-box .scan-reg-con .icon-phone {
    background: url("../../images/ico_login_phone.svg") no-repeat;
}


.scan-reg-box .scan-reg-con .icon-valicode {
    background: url("../../images/ico_login_valicode.svg") no-repeat;
}

.scan-reg-box .scan-reg-con .icon-name {
    background: url("../../images/ico_login_name.svg") no-repeat;
}

.scan-reg-box .scan-reg-con .icon-mechanism {
    background: url("../../images/ico_login_school.svg") no-repeat;
}

.scan-reg-box .scan-reg-con .icon-pwd {
    background: url("../../images/ico_login_pwd.svg") no-repeat;
}

.scan-reg-box .scan-reg-con .icon-pwd-eye {
    background: url("../../images/ico_login_pwd_eye.svg") no-repeat;
    left: 240px;
    top: 15px;
}

.scan-reg-box .scan-reg-con .icon-inp-clear {
    left: 240px;
    display: none;
    background: url("../../images/ico-clear.svg") no-repeat;
}


.scan-reg-box .scan-reg-con .send-vercode.num {
    color: #35C2BE;
}

.scan-reg-box .scan-reg-con .send-vercode.on {
    color: #333333;
}

.scan-reg-box .scan-reg-con button {
    border-radius: 4px;
    vertical-align: middle;
}

.scan-reg-box .scan-reg-con .gender button {
    width: 129px;
    height: 34px;
    border: solid 1px #C7C9CF;
    background-color: #FFFFFF;
    color: #676F81;
}

.scan-reg-box .scan-reg-con .gender button.on {
    border-color: #35C2BE;
    background-color: #DAF5F4;
    color: #35C2BE;
}

.scan-reg-box .scan-reg-con .gender .male {
    border-radius: 4px 0 0 4px;
}

.scan-reg-box .scan-reg-con .gender .female {
    border-left: 0;
    border-radius: 0 4px 4px 0;
}

.scan-reg-box .scan-reg-con .register-next-page .register-toolbar {
    margin-top: 44px;
}

.scan-reg-box .scan-reg-con .register-toolbar .register-previous-step {
    background: #FFFFFF;
    border: 1px solid #C7C9CF;
    color: #9399A1;
    margin-right: 4px;
}

.scan-reg-box .scan-reg-con .register-toolbar .register-submit {
    background-color: #C7C9CF;
}

.scan-reg-box .scan-reg-con .register-toolbar .register-submit.light {
    background: #35C2BE;
    color: #FFFFFF;
}

.scan-reg-box .scan-reg-con .register-success .success-img {
    background: url(../../images/teacher/ico_wancheng.png) no-repeat center;
    background-size: 13px;
    height: 13px;
    width: 13px;
    display: inline-block;
}

.scan-reg-box .scan-reg-con .register-success .success-tip {
    margin-top: 20px;
}

.scan-reg-box .scan-reg-con .register-success .success-msg {
    margin-top: 3px;
    display: inline-block;
}

.scan-reg-box .scan-reg-con .register-success .account-info {
    text-align: center;
    margin-top: 8px;
}

.scan-reg-box .scan-reg-con .register-success .account-info .name {
    display: block;
    height: 27px;
}

.scan-reg-box .scan-reg-con .register-success .account-info .name .num {
    padding-left: 15px;
    color: #50525B;
    font-weight: 400;
}

.scan-reg-box .scan-reg-con .register-success .account-info .password {
    margin-left: 96px;
}

.scan-reg-box .scan-reg-con .register-success .register-toolbar {
    text-align: center;
    width: 100%;
    position: absolute;
    top: 348px;
}

.scan-reg-box .scan-reg-con .register-success .register-toolbar .go-login {
    margin-top: 10px;
    background-color: #35C2BE;
    color: #FFFFFF;
}

.scan-reg-box .scan-reg-con .register-success .qrcode {
    margin-top: 35px;
    width: 100%;
    text-align: center;
}
.scan-reg-box .scan-reg-con .register-success .qrcode .img {
    width: 146px;
    height: 146px;
    box-shadow:0px 0px 6px rgba(0,0,0,0.16);
    opacity:1;
    padding: 7px;
    display: inline-block;
}
.scan-reg-box .scan-reg-con .register-success .qrcode .img img {
    width: 146px;
    height: 146px;
}
.scan-reg-box .scan-reg-con .register-success .qrcode .text {
    margin-top: 15px;
    font-size:14px;
    font-weight:bold;
    line-height:19px;
    color:rgba(51,51,51,1);
}
.scan-reg-box .scan-reg-con .suggest-mechanism {
    background: #ffffff;
    z-index: 9999;
    position: absolute;
    width: 260px;
    border: solid 1px #dddddd;
    border-radius: 2px;
    display: none;
    max-height: 180px;
    overflow-y: auto;
}

.scan-reg-box .scan-reg-con .suggest-mechanism ul li{
    line-height: 20px;
    padding: 7px 20px;
    border-bottom: solid 1px #dddddd;
    font-size: 14px;
    color: #7F91A9;
}
.scan-reg-box .scan-reg-con .pwd-error{
    color: #E93434;
    font-size: 12px;
    position: absolute;
    top: 411px;
    width: 260px;
}

.scan-reg-box .scan-reg-con .register-auth-page .register-auth-title{
    color: #333333;
    font-size: 12px;
    position: absolute;
    top: 153px;
    width: 260px;
    left: 44px;
    line-height: 21px;
}
.scan-reg-box .scan-reg-con .register-auth-page .input-staffnumber-text{
    color: #333333;
    font-size: 12px;
    position: absolute;
    top: 248px;
    width: 260px;
    left: 44px;
}
.scan-reg-box .scan-reg-con .register-auth-page .staffnumber-div{
    color: #333333;
    font-size: 12px;
    position: absolute;
    top: 283px;
    width: 260px;
    left: 44px;
}


.scan-reg-box .scan-reg-con .register-auth-page .btn-skip {
    background-color: #FFFFFF;
    border: 1px solid #35C2BE;
    color: #35C2BE;
    width: 120px;
    height: 40px;
    font-size: 14px;
    opacity: 1;
    border-radius:4px;
}

.scan-reg-box .scan-reg-con .register-auth-page .btn-auth {
    background-color: #C7C9CF;
    color: #FFFFFF;
    width: 120px;
    height: 40px;
    font-size: 14px;
    opacity: 1;
    border-radius:4px;
    margin-left: 20px;
}

.scan-reg-box .scan-reg-con .icon-auth {
    background: url("../../images/ico_login_auth.svg") no-repeat;
}

/*扫码注册 end*/
/*认证 start*/
.login-auth-page{
    display: none;
}
.login-auth-page .register-auth-title{
    color: #333333;
    font-size: 12px;
    position: absolute;
    top: 153px;
    width: 260px;
    left: 44px;
    line-height: 21px;
}
.login-auth-page .input-staffnumber-text{
    color: #333333;
    font-size: 12px;
    position: absolute;
    top: 248px;
    width: 260px;
    left: 44px;
}
.login-auth-page .staffnumber-div{
    color: #333333;
    font-size: 12px;
    position: absolute;
    top: 283px;
    width: 260px;
    left: 44px;
}
.login-auth-page .btn-skip {
    background-color: #FFFFFF;
    border: 1px solid #35C2BE;
    color: #35C2BE;
    width: 120px;
    height: 40px;
    font-size: 14px;
    opacity: 1;
    border-radius:4px;
}
.login-auth-page .btn-auth {
    background-color: #C7C9CF;
    color: #FFFFFF;
    width: 120px;
    height: 40px;
    font-size: 14px;
    opacity: 1;
    border-radius:4px;
    margin-left: 20px;
}
.login-auth-page .icon-auth {
    background: url("../../images/ico_login_auth.svg") no-repeat;
}
/*认证 end*/
/*登录绑定微信 start*/
.bind-wechat{
    display: none;
}
.bind-wechat .bind-wechat-title{
    height: 21px;
    width: 100%;
    font-size: 16px;
    font-weight: bold;
    color: rgba(51, 51, 51, 1);
    line-height: 21px;
    text-align: center;
    position: absolute;
    top: 130px;
    left: 0;
}

.bind-wechat .login-success .qrcode {
    width: 100%;
    text-align: center;
    position: absolute;
    top: 180px;
    left: 0;
}
.bind-wechat .login-success .qrcode .img {
    width: 146px;
    height: 146px;
    box-shadow:0px 0px 6px rgba(0,0,0,0.16);
    opacity:1;
    padding: 7px;
    display: inline-block;
}
.bind-wechat .login-success .qrcode .img img {
    width: 146px;
    height: 146px;
}
.bind-wechat .login-success .qrcode .text,.bind-wechat .login-success .qrcode .register-bind-success {
    margin-top: 27px;
    font-size:14px;
    font-weight:bold;
    line-height:19px;
    color:rgba(51,51,51,1);
}

.bind-wechat .login-success .register-toolbar {
    text-align: center;
    width: 100%;
    position: absolute;
    top: 418px;
    left: 0;
}
.bind-wechat .login-success .register-toolbar .go-login {
    background-color: #35C2BE;
    color: #FFFFFF;
}

.bind-wechat .login-success .login-wait-bind,.bind-wechat .login-success .register-bind-success{
    text-align: center;
    font-size:14px;
    font-weight:bold;
    line-height:19px;
    color:rgba(51,51,51,1);
    position: absolute;
    top: 350px;
    width: 270px;
}
.bind-wechat .login-success .register-bind-success{
    display: none;
}
.bind-wechat .login-success .sub-text {
    margin-top: 5px;
    font-size:12px;
    font-weight:400;
    line-height:16px;
    color:rgba(112,112,112,1);
}
.bind-wechat .login-success .sub-text span {
    color: #34c2bd
}

.bind-wechat .login-success .scan-ok {
    width: 150px;
    height: 150px;
    position: absolute;
    left: 100px;
    background-color: rgba(0, 0, 0, 0.4);
    color: #fff;
    text-align: center;
    line-height: 24px;
    padding-top: 60px;
    box-sizing: border-box;
    display: none;
}

/*登录绑定微信 end*/
.ui-dialog-footer button:focus {
    outline: 0;
    outline-offset: 0px;
}

.ui-dialog-footer button.ui-dialog-autofocus {
    color: #ffffff;
    background-color: #34c2bd;
    border-color: #34c2bd;
}

.ui-dialog-footer button.ui-dialog-autofocus:hover,
.ui-dialog-footer button.ui-dialog-autofocus:focus,
.ui-dialog-footer button.ui-dialog-autofocus:active {
    color: #ffffff;
    background-color: #34c2bd;
    border-color: #34c2bd;
}



.icontip {
    display: inline-block;
    height: 30px;
    width: 30px;
    position: absolute;
    background: url('../../images/ico_login_phone.svg') no-repeat;
    background-position: left 12px top 12px;
    z-index: 1;
}

.phoneicontip {
    display: inline-block;
    height: 30px;
    width: 30px;
    position: absolute;
    background: url('../../images/ico_login_phone.svg') no-repeat;
    background-position: left 12px top 10px;
}

.icontip-password{
    display: inline-block;
    height: 30px;
    width: 30px;
    position: absolute;
    background: url('../../images/ico_login_pwd.svg') no-repeat;
    background-position: left 12px top 12px;
    z-index: 1;
}
.footer-right-div{
    float: right;
    height: 59px;
    line-height: 59px;
    margin-right: 150px;
    display: inline;
}
.go-register-cloud-span{
    width:98px;
    height:34px;
    line-height: 34px;
    background:#FFFFFF;
    border:1px solid #03BBB6;
    opacity:1;
    font-size:14px;
    color: #03BBB6;
    display: inline-block;
    vertical-align: middle;
    border-radius: 2px;
    cursor: pointer;
}

.password-error{
    width: 149px;
    height: 36px;
    background: #FFFFFF;
    border: 1px solid #C7C9CF;
    box-shadow: 0px 0px 4px rgba(0,0,0,0.2);
    line-height: 36px;
    font-size: 12px !important;
    color: #E93434;
    position: absolute;
    right: 4px;
    left: 266px;
    top: 0;
    text-align: left;
    padding-left: 8px;
}

.password-level-div{
    display: inline-block;
}
.password-level-span{
    width:40px;
    height:16px;
    background:#DDDDDD;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    line-height: 16px;
    color: #FFFFFF;
}
.password-level-desc{
    color: #6E7B97;
    display: block;
    vertical-align: top;
    font-size:12px !important;
}

.password-level{
    width:144px;
    background:#FFFFFF;
    border:1px solid #C7C9CF;
    box-shadow:0px 0px 4px rgba(0,0,0,0.2);
    display: inline-block;
    line-height: 20px;
    font-size:12px;
    position: absolute;
    left: 542px;
    top: 0;
    text-align: left;
    padding: 8px;
}

.password-level-span-low{
    background:#FF4001 !important;
}

.password-level-span-middle{
    background: #FF7F00 !important;
}
.password-level-span-high{
    background: #5BB85D !important;
}

.forget-password-error,.forget-password-low,.forget-password-middle,.forget-password-high{
    left: 266px !important;
}
.register-password-error,.register-password-low,.register-password-middle,.register-password-high{
    left: 266px !important;
}
.scan-reg-password-error,.scan-reg-password-low,.scan-reg-password-middle,.scan-reg-password-high{
    left: 266px !important;
}
.register-first-error{
    position: absolute;
    width: 260px;
    height: 36px;
    top: 264px;
    left: 64px;
}

.scan-reg-first-error{
    position: absolute;
    width: 260px;
    height: 36px;
    top: 334px;
    left: 45px;
}

.register-next-error{
    width: 260px;
    position: absolute;
    top: 328px;
    left: 64px;
}
.scan-reg-auth-error{
    position: absolute;
    top: 340px;
}
.register-auth-error{
    position: absolute;
    left: 64px;
    top: 290px;
}
.global-tip{
    width: 380px;
    height: auto;
    line-height: 50px;
    position: absolute;
    top: 60px;
    right: calc(50% - 190px);
    z-index: 2;
}
.global-tip .tip{
    width: 380px;
    height: 50px;
    line-height: 50px;
    opacity: 1;
    background: #f5f7fa;
    border: 1px solid #DFE6ED;
    box-sizing: border-box;
    border-radius: 4px;
    text-align: left;
    margin-bottom: 10px;
}
.broswer-tip-div{
    display: none;
    width: 400px !important;
}
.global-tip .tip .icon-close{
    width: 14px;
    height: 14px;
    float: right;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../../images/teacher/icon_close_brower_tip.png);
    background-size: 14px;
    display: inline-block;
    cursor: pointer;
    margin-right: 12px;
    margin-top: 18px;
}
.global-tip .tip .icon-warn{
    width: 14px;
    height: 14px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../../images/teacher/icon_pwd_warn.svg);
    background-size: 14px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 16px;
}
.global-tip .tip .tip-info-span{
    color: #606366;
    font-size: 14px;
    font-weight: 400;
    margin-left: 16px;
    display: inline-block;
    vertical-align: middle;
}
.broswer-tip-div .tip-info-span{
    height: 100%;
    line-height: 20px;
    width: 309px;
}

.register-setpwd-page {
    display: none;
}
.register-setpwd-page .phone-div{
    top: 180px !important;
}
.register-setpwd-page .pwd-div{
    top: 236px !important;
}
.register-setpwd-page .register-toolbar{
    top: 325px !important;
}
.register-setpwd-page .pwd-error{
    top: 285px !important;
}

.icontip-school {
    display: inline-block;
    height: 30px;
    width: 30px;
    position: absolute;
    background: url('../../images/teacher/xx_icon.png') no-repeat;
    background-position: left 12px top 12px;
    z-index: 1;
}
.inline-top{
	display: inline-block;
	vertical-align: top;
}
.select-box{
	margin-bottom: 20px;
	width: 260px;
    height: 100%;
    font-size: 14px;
    color: #7F91A9;
    display: inline-block;
    position: relative;
    background-color: white;
    border-radius: 4px;
}
.select-box .select-name{
	width: 219px;
    font-size: 14px;
    color: #909090;
    background-repeat: no-repeat;
    background-position: right 10px center;
    text-align: left;
    border-radius: 3px;
    cursor: pointer;
    font-weight: normal;
    background-image: url(../../images/icon_toggle_show_b.png);
    display: inline-block;
    border: 1px solid rgba(199,201,207,1);
    border-radius: 4px;
    height: 36px;
    line-height: 36px;
    padding-left: 40px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.select-box .select-name.close{
	background-image: url(../../images/icon_toggle_show_b_close.png);
}
.select-box .option-items{
	float: right;
	z-index: 20;
	width: 100%;
	max-height: 250px;
	overflow-y: auto;
	position: absolute;
}
.select-box .option{
    height: 36px;
    line-height: 36px;
    text-align: center;
    background: #FFFFFF;
    font-size: 14px;
    color: #909090;
    font-weight: normal;
    position: relative;
    cursor: pointer;
    width: 50px;
	z-index: 30;
	border-top: 1px solid #E1E1E5;
}
.select-box .option{
	width: 100%;
	overflow: hidden;
   	white-space: nowrap;
   	text-overflow: ellipsis;
}
.select-box .option:hover{
	color: #35C2BE;
}
.schTip {
position:absolute;
left: -290px;
top: 117px;
width:280px;
height:75px;
background:#272C21;
border-radius:4px; /* 圆角 */
margin:30px auto 0;
color:#FFFFFF;
font-size:14px;
display: none;
}

.schTip .bubble {
position:absolute;
top:28px;
right:-16px; /* 圆角的位置需要细心调试哦 */
width:0;
height:0;
font-size:0;
border:solid 8px;
border-color:transparent transparent transparent #272C21;
}

.schTip ul{
	margin-left: 38px;
	margin-top: 8px;
}

.schTip ul li{
	list-style-type: disc;
	line-height: 30px;
}

.schTip .yfont{
	color: #F5C64E;
}