@charset "UTF-8";


        body {
            background: none;
        }

        .module {
            position: fixed;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            background: rgba(0, 0, 0, 0.5);
            display: none;
            z-index: 20;
        }

        .module .dialog {
            width: 328px;
            height: 148px;
            position: absolute;
            left: 50%;
            top: 50%;
            margin-left: -119px;
            margin-top: -64px;
            border-radius: 5px;
            background: #fff;
        }

        .module .dialog span {
            display: inline-block;
            margin-top: 15px;
            width: 100%;
            height: 36px;
            line-height: 36px;
            text-align: center;
            font-size: 18px;
            color: #00a7f4;
        }

        .module .dialog .user_choose {
            width: 100%;
            height: 41px;
            margin-top: 24px;
        }

        .module .dialog .user_choose button {
            display: inline-block;
            width: 105px;
            height: 41px;
            line-height: 41px;
            text-align: center;
            color: #fff;
            border-radius: 5px;
            -moz-user-select: none;
            border: none;
            font-size: 16px;
        }

        .module .dialog .user_choose .again {
            background: #00a7f4;
            margin: 0 30px 0 45px;
        }

        .module .dialog .user_choose .find {
            background: #f0bd0e;
        }

        .main{
            width: 100%;
            overflow-x: hidden;
        }
        .main .container{
            width: 100%;
            position: relative;
        }

        #main_index {
            height: 880px;
            overflow: hidden;
            position: relative;
            background: url(../img/login_bg.png);
            background-size: cover;
            background-repeat: no-repeat;
        }

        .kexie_banner{
        }
        .kexie_banner .kexie_banner_0{
            min-width: 1920px;
            height: 120px;
            background: url(../img/banner0.png) no-repeat center top;
            -webkit-background-size: 1920px auto;
            background-size: 1920px auto;
            cursor: pointer;
        }
        .kexie_banner .kexie_banner_1{
            min-width: 1921px;
            height: 76px;
            background: url(../img/banner1.png) no-repeat center top;
            -webkit-background-size: 1920px auto;
            background-size: 1920px auto;
            cursor: pointer;
        }
        .kexie_banner .kexie_banner_2{
            display: none;
            min-width: 1921px;
            height: 720px;
            background: url(../img/banner.jpg) no-repeat center top;
            -webkit-background-size: 1920px auto;
            background-size: 1920px auto;
            position: relative;
        }
        .kexie_banner .kexie_banner_2 .kexie_banner_btn {
            cursor: pointer;
            position: absolute;
            top: 609px;
            left: 50%;
            transform: translateX(-50%);
            width: 260px;
            height: 50px;
            background: url(../img/banner_btn.png) no-repeat 100% 100%;
        }
        .kexie_content{
            background: #fff;
        }
        .kexie_content .container{
            width: 1920px;
            margin: 0 auto;
        }
        .kexie_content .container .content0{
            width: 1920px;
            height: 910px;
            background: url(../img/chinese.png) no-repeat center top;
        }
        .kexie_content .container .content1{
            width: 1920px;
            height: 910px;
            background: url(../img/math.png) no-repeat center top;
        }
        .kexie_content .container .content2{
            width: 1920px;
            height: 910px;
            background: url(../img/english.png) no-repeat center top;
        }
        .kexie_content .container .content3{
            width: 1920px;
            height: 910px;
            background: url(../img/fun.png) no-repeat center top;
        }
        .kexie_content .container .btn{
            display: none;
            width: 1920px;
            height: 299px;
            background: url(../img/btn.png) no-repeat center top;
        }
        /* #dialog_float{
            position: absolute;
            z-index: 1000;
            top: 0;
            left: 0;
            width: 360px;
            height: 400px;
            background: url(/site_media/images/index/kexie/sq/dialog.png) no-repeat 100% 100%;
            cursor: pointer;
        } */
        /* 注册成功跳转页面 */
        .hd_success{
            min-width: 1920px;
            height: 940px;
            background: url(../img/banner_hd.png) no-repeat center top;
            -webkit-background-size: 1920px auto;
            background-size: 1920px auto;
            cursor: pointer;
            position: relative;
        }
        .hd_success .btn{
            width: 331px;
            height: 64px;
            line-height: 64px;
            border-radius: 32px;
            color: #fff;
            font-size: 24px;
            text-align: center;
            position: absolute;
            top: 332px;
            left: 50%;
            background: #67cc14;
            -webkit-transform: translateX(-50%);
            -moz-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            -o-transform: translateX(-50%);
            transform: translateX(-50%);
            cursor: pointer;
      }
        .hd_success .btn:hover{
            background: #79d42a;
        }
        #header .server_link .activeLi{
            /*border-bottom: 2px solid #00a7f4;*/
            position: relative;
        }
        #header .server_link .kexie{
            margin-right: 34px;
        }
        #header .server_link .kexie a{
            position: relative;
        }
        #header .server_link .kexie a span{
            font-size: 12px;
            position: absolute;
            width: 34px;
            height: 20px;
            top: -10px;
            right: -34px;
            border-radius: 5px;
            background: #ff4800;
            color: #fff;
            text-align: center;
            line-height: 20px;
        }
        #header .server_link .activeLi i{
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 64px;
            height: 2px;
            background: #00a7f4;
        }

        #main_index #register {
            display: none;
            width: 490px;
            height: 308px;
            background: #fff;
            padding: 45px 40px;
            position: absolute;
            left: 50%;
            top: 50%;
            margin-left: -286px;
            margin-top: -199px;
        }

        #main_index #register .header {
            width: 100%;
            height: 38px;
            line-height: 38px;
            text-align: center;
            color: #00a7f4;
            font-size: 24px;
            margin-bottom: 38px;
        }

        #main_index #register .header span {
            display: inline-block;
            font-size: 18px;
            position: absolute;
            left: 40px;
            top: 45px;
            width: 11px;
            height: 38px;
            line-height: 38px;
            background: url("/site_media/images/login/new/back.png") center no-repeat;
            cursor: pointer;
        }

        #main_index #register .sure_info {
            width: 490px;
            height: 100px;
            position: absolute;
        }

        #main_index #register .sure_info div {
            width: 232px;
            height: 38px;
            border: 1px solid #ced7dc;
            float: left;
        }

        #main_index #register .sure_info div span {
            display: inline-block;
            width: 80px;
            height: 38px;
            line-height: 38px;
            color: #333333;
            text-align: right;
            font-size: 16px;
        }

        #main_index #register .sure_info div input {
            border: none;
            width: 147px;
            height: 38px;
            line-height: 38px;
            font-size: 16px;
        }

        #main_index #register .sure_info div:nth-of-type(2n+1) {
            margin-right: 22px;
        }

        #main_index #register .sure_info div:nth-of-type(1),
        #main_index #register .sure_info div:nth-of-type(2) {
            margin-bottom: 18px;
        }

        #main_index #register .sure_info div:nth-of-type(1) select,
        #main_index #register .sure_info div:nth-of-type(2) select {
            border: none;
            width: 147px;
            height: 38px;
            line-height: 38px;
            font-size: 16px;
            appearance:none;
            -moz-appearance:none;
            -webkit-appearance:none;
            -ms-appearance:none;
            background: url("/site_media/images/login/toBot.png") right 0 no-repeat;
        }

        #main_index #register #registerCode {
            width: 160px;
            height: 40px;
            background: #f0bd0e;
            text-align: center;
            line-height: 40px;
            color: white;
            border: none;
            margin-left: 20px;
            border-radius: 5px;
            cursor: pointer;
        }

        #main_index #register .re_submit {
            width: 270px;
            height: 40px;
            border-radius: 5px;
            line-height: 40px;
            color: #fff;
            position: absolute;
            left: 50%;
            bottom: 50px;
            margin-left: -135px;
            background: #00a7f4;
        }

        #main_index #register .re_submit button {
            width: 100%;
            height: 100%;
            font-size: 16px;
            color: #fff;
            border-radius: 5px;
            border: none;
            background: #D4D4D4;
        }

        #main_index #register .something_wrong {
            display: none;
            width: 296px;
            height: 36px;
            line-height: 36px;
            text-align: center;
            color: red;
            font-size: 16px;
            border: 2px solid #f0bd0e;
            position: absolute;
            left: 50%;
            top: 50%;
            margin-left: -148px;
            margin-top: -18px;
            background: #fff;
        }

        #main_index #forget_password {
            display: none;
            width: 492px;
            height: 357px;
            background: #fff;
            padding: 45px 40px;
            position: absolute;
            left: 50%;
            top: 50%;
            margin-left: -286px;
            margin-top: -199px;
        }

        #main_index #forget_password .header {
            width: 100%;
            height: 38px;
            line-height: 38px;
            text-align: center;
            color: #00a7f4;
            font-size: 24px;
        }

        #main_index #forget_password .header span {
            display: inline-block;
            font-size: 18px;
            position: absolute;
            left: 40px;
            top: 45px;
            width: 11px;
            height: 38px;
            line-height: 38px;
            cursor: pointer;
            background: url("/site_media/images/login/new/back.png") center no-repeat;
        }

        #main_index #forget_password .sure_info {
            width: 490px;
            height: 180px;
            margin-top: 45px;
            position: relative;
        }

        #main_index #forget_password .sure_info div {
            width: 490px;
            height: 38px;
            border: 1px solid #ced7dc;
        }

        #main_index #forget_password .sure_info div span {
            display: inline-block;
            width: 80px;
            height: 38px;
            line-height: 38px;
            color: #333333;
            text-align: right;
            font-size: 16px;
        }

        #main_index #forget_password .sure_info div input {
            width: 400px;
            border: none;
            height: 38px;
            line-height: 38px;
            font-size: 16px;
        }

        #main_index #forget_password .sure_info div select {
            width: 406px;
            border: none;
            height: 38px;
            line-height: 38px;
            font-size: 16px;
            background: url("/site_media/images/login/toBot.png") right 0 no-repeat;
        }

        #main_index #forget_password .sure_info .forget_phone {
            width: 308px;
            margin-bottom: 20px;
        }

        #main_index #forget_password .sure_info .re_phone {
            width: 210px;
        }

        #main_index #forget_password .sure_info .getCode {
            height: 40px;
            width: 160px;
            position: absolute;
            right: 0px;
            top: 60px;
            border: none;
        }

        #main_index #forget_password .sure_info .getCode button {
            display: inline-block;
            border: none;
            width: 100%;
            height: 100%;
            font-size: 14px;
            background: #f0bd0e;
            text-align: center;
            line-height: 40px;
            color: #fff;
            border-radius: 5px;
        }

        #main_index #forget_password .forget_info {
            width: 100%;
            height: 24px;
            line-height: 24px;
            text-align: center;
            font-size: 14px;
            color: #00a7f4;
        }

        #main_index #forget_password .forget_info em {
            font-style: normal;
            color: #f0bd0e;
        }

        #main_index #forget_password .forget_submit {
            width: 270px;
            height: 40px;
            border-radius: 5px;
            line-height: 40px;
            color: #fff;
            position: absolute;
            left: 50%;
            bottom: 50px;
            margin-left: -135px;
            background: #00a7f4;
        }

        #main_index #forget_password .forget_submit button {
            width: 100%;
            height: 100%;
            background: #00a7f4;
            font-size: 16px;
            color: #fff;
            border-radius: 5px;
            border: none;
            text-align: center;
        }

        #main_index #forget_password .forget_wrong {
            display: none;
            width: 296px;
            height: 36px;
            line-height: 36px;
            text-align: center;
            color: red;
            font-size: 16px;
            border: 2px solid #f0bd0e;
            position: absolute;
            left: 50%;
            top: 50%;
            margin-left: -148px;
            margin-top: -18px;
            background: #fff;
        }

        #main_index #pass {
            width: 492px;
            height: 308px;
            background: #fff;
            padding: 45px 40px;
            position: absolute;
            left: 50%;
            top: 50%;
            margin-left: -286px;
            margin-top: -199px;
        }

        #main_index #pass .title_top,
        #main_index #pass .title_bottom {
            width: 100%;
            height: 34px;
            line-height: 34px;
            font-size: 24px;
            text-align: center;
            color: #00a7f4;
        }

        #main_index #pass .pass_userInfo {
            width: 488px;
            height: 38px;
            line-height: 38px;
            text-indent: 24px;
            border-radius: 5px;
            border: 1px solid #ced7dc;
        }

        #main_index #pass .pass_userInfo span {
            display: inline-block;
            height: 38px;
            line-height: 38px;
            color: #333333;
            font-size: 16px;
        }

        #main_index #pass .pass_userInfo input {
            height: 38px;
            width: 360px;
            line-height: 38px;
            color: #333333;
            font-size: 16px;
            border: none;
        }

        #main_index #pass .pass_account {
            margin: 25px 0 20px 0;
        }

        #main_index #pass .go_index {
            width: 270px;
            height: 40px;
            border-radius: 5px;
            line-height: 40px;
            color: #fff;
            position: absolute;
            left: 50%;
            bottom: 50px;
            margin-left: -135px;
            background: #00a7f4;
        }

        #main_index #pass .go_index button {
            width: 100%;
            height: 100%;
            background: #00a7f4;
            font-size: 16px;
            color: #fff;
            border-radius: 5px;
            border: none;
            text-align: center;
        }

        #header {
            min-width: 1620px;
            height: 80px;
            padding: 0 40px;
            font-size: 0;
            position: relative;
            background: #fff;
        }

        #header h1 {
            float: left;
        }

        #header h1 a {
            display: block;
            vertical-align: top;
            background: url(../img/logo.png) 0 0 no-repeat;
            height: 40px;
            width: 302px;
            margin-top: 22px;
        }

        #header .server_link li {
            float: left;
            width: 64px;
            height: 78px;
            text-align: center;
            line-height: 78px;
            color: #333333;
            font-size: 16px;
            margin: 0 12px;
        }

        #header .server_link li a {
            text-decoration: none;
            color: #333333;
        }

        #header .server_link .index {
            border-bottom: 2px solid #00a7f4;
        }

        #header .move_phone {
            width: 176px;
            height: 29px;
            position: absolute;
            right: 40px;
            top: 29px;
            background: url("/site_media/images/login/new/areaPhone.png") 0 0 no-repeat;
        }

        #header .chooseProvince {
            float: left;
            width: 140px;
            height: 78px;
            line-height: 78px;
            font-size: 16px;
            color: #00a0e9;
            text-align: center;
        }

        #header .chooseProvince span {
            position: relative;
            font-size: 12px;
            width: 68px;
            height: 18px;
            line-height: 18px;
            color: #999999;
            border: 1px solid #dddddd;
            border-radius: 2px;
            cursor: pointer;
            text-align: center;
            margin-left: 8px;
        }

        #header .chooseProvince span .province {
            padding-left: 6px;
            padding-top: 3px;
            width: 106px;
            height: 60px;
            position: absolute;
            bottom: -67px;
            left: 50%;
            margin-left: -56px;
            z-index: 25;
            background: url("/site_media/images/login/new/react.png") 0 0 no-repeat;
            display: none;
        }

        #header .chooseProvince span .province ul li {
            float: left;
            font-size: 14px;
            padding: 10px 10px 8px;
            cursor: pointer;
        }

        #header .chooseProvince span .province ul li.active {
            color: #00a0e9;
        }

        #header .chooseProvince span .province ul li:nth-of-type(3),
        #header .chooseProvince span .province ul li:nth-of-type(4) {
            padding-top: 0;
            padding-bottom: 0;
        }

        input::-webkit-input-placeholder,
        textarea::-webkit-input-placeholder {
            color: #bbb;
            font-size: 18px;
        }

        input:-moz-placeholder,
        textarea:-moz-placeholder {
            color: #bbb;
            font-size: 18px;
        }

        input::-moz-placeholder,
        textarea::-moz-placeholder {
            color: #bbb;
            font-size: 18px;
        }

        input:-ms-input-placeholder,
        textarea:-ms-input-placeholder {
            color: #bbb;
            font-size: 18px;
        }

        select {
            -webkit-appearance: none;
        }
.alterName_warp { position: absolute; z-index: 99; top: 0; left: 0; width: 100%; background: #000; filter: alpha(opacity=50); opacity: 0.5; height: 100%;display: none;}
/*修改姓名弹窗样式*/
#alterName{width: 400px;height: 300px;position: absolute;left: 50%;top: 50%;margin-top: -150px;margin-left: -200px;background: #fff;z-index:100;display: none; }
#alterName h3{
    font-size: 18px;
    line-height: 40px;
    text-indent: 40px;
    border-bottom: #dcdcdc solid 1px;
    margin-top: 10px;
    position: relative;
}
#alterName h3 a{
    position: absolute;
    right: 20px;
    /*top: 20px;*/
    font-size: 18px;
    color: #555;
}
#alterName p{
    line-height: 60px;
}
.updatepsw{
    margin-top: 30px;
}
.updatepsw p {
    margin-bottom: 20px;
    font-size: 14px;
}


/* line 146, ../../scss/page/account/public.scss */

.updatepsw .field {
    position: relative;
    display: inline-block;
    width: 88px;
    text-align: right;
    margin-left: 20px;
}


/* line 152, ../../scss/page/account/public.scss */

.updatepsw .text {
    width: 172px;
    padding: 5px;
    border: 1px solid #999;
}

.updatepsw  span{display: block;line-height: 40px;text-align: center;}
/* line 157, ../../scss/page/account/public.scss */

.updatepsw .self-btn {
    cursor: pointer;
}


/* line 160, ../../scss/page/account/public.scss */

.updatepsw .submit-btn {
    margin: 0 auto;
    display: block;
}