锘?allbg {
    text-align: center;
    margin-top: 30px;
}

.registerpanel {
    width: 100%;
    background-color: #ffffff;
    display: none;
    padding: 30px 0px;
    margin-bottom: 100px;
}

.paneltop {
    width: 100%;
    /* height: 91px; */

    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 25px 0px;
    text-align: left;
    padding-top: 0px;
}

.panelbottom {
    width: 100%;
    background-color: #ffffff;
    padding-top: 10px;
}

.paneltop1 {
    color: #2c2e34;
    font-size: 1.5rem;
    font-weight: bold;
    padding: 0px 7%;
}

    .paneltop1 span {
        color: #0378d8;
        font-size: 18px;
        font-weight: bold;
    }

.paneltop2 {
    color: #2c2e34;
    font-size: 0.8rem;
    padding: 0px 7%;
    margin-top: 0.5rem;
}

    .paneltop2 span {
        color: #0378d8;
        font-size: 14px;
    }

.linkpanel {
    position: absolute;
    width: 100%;
    margin-top: 500px;
    color: #ffffff;
    font-size: 14px;
    text-align: center;
    min-width: 745px;
    z-index: 9999999;
}

.iconitem2 {
    display: inline-block;
}

.iconitem {
    margin-top: 53px;
}

.iconkey {
    margin-bottom: 9px;
    color: #666666;
    font-size: 14px;
}

.icondesc {
    color: #c1c1c1;
    font-size: 12px;
}

.iconleft {
    width: 32px;
}

.panelrighttitle {
    text-align: center;
    margin-top: 69px;
}

.panelrighttitle1 {
    color: #2c2e34;
    font-size: 22px;
    font-weight: bold;
}

.panelrighttitle2 {
    color: #0378d8;
    font-size: 22px;
    font-weight: bold;
    margin-left: 10px;
}

.panelrightcontent {
    margin-top: 44px;
}

.panelright {
    padding: 0px 75px;
}

.reginput {
    border: solid 1px #e3e7ed;
    padding: 11px 34px;
    font-size: 14px;
    color: #333333;
    margin-bottom: 20px;
    width: 287px;
    outline: none;
}

.reginput2 {
    display: inline-block;
    width: 190px;
    margin-left: 30px;
    text-align: left;
    border: none;
    font-size: 14px;
    outline: none;
}

.reginput3 {
    border: solid 1px #e3e7ed;
    padding: 11px 5px;
    font-size: 14px;
    color: #333333;
    margin-bottom: 20px;
    outline: none;
}

.btnreg {
    margin-top: 20px;
    background-color: #0378d8;
    color: #ffffff;
    font-size: 14px;
    padding: 10px;
}

.panelrightbottom {
    margin-top: 10px;
    text-align: center;
}

.panelrightbottom1 {
    font-size: 14px;
    color: #8d92a1;
}

.panelrightbottom2 {
    font-size: 14px;
    color: #0378d8;
}

.btnlogin {
    margin-top: 60px;
    text-align: center;
}

    .btnlogin a {
        color: #0378d8;
        font-size: 14px;
    }

.jalertpanel {
    width: 100%;
    position: fixed;
    text-align: center;
    z-index: 999999;
    top: 100px;
    display: none;
}

.jalerttext {
    margin: 0 auto;
    padding: 10px 20px;
    background-color: #ffffff;
    color: #333333;
    font-size: 14px;
    box-shadow: 0px 0px 10px 8px #eeeeee;
    max-width: 300px;
}

.dataitem1_1 {
    float: left;
    width: 48%;
}

.dataitem1_2 {
    float: right;
    width: 48%;
}

.title1 {
    color: #666666;
    font-size: 16px;
    /* font-weight: bold; */
    margin-bottom: 10px;
    width: 120px;
    line-height: 35px;
    font-weight: bold;
}

.title1_white {
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
}


.inputtext {
    cursor: pointer;
}
.getcode {
    display: inline-block;
    color: #0d5feb;
    font-size: 0.7rem;
    background: #f2f6fc;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    /* margin-left: -30px; */
    /* float: right; */
    cursor: pointer;
    margin-top: 0px;
    z-index: 999;
    position: absolute;
    margin-left: 0.5rem;
    width: 75px;
    text-align: center;
    padding: 0% 0rem;
    height: 2.8rem;
    line-height: 2.8rem;
}
.inputtext input {
    border: solid 1px #e3e7ed;
    padding: 0px 5%;
    color: #333333;
    width: 90%;
    cursor: pointer;
    outline: none;
    height: 2.8rem;
}

    .inputtext select {
        border: solid 1px #e3e7ed;
        padding: 10px 10px;
        color: #333333;
        width: 100%;
        outline: none;
        cursor: pointer;
        /* 娓呴櫎榛樿鐨勭澶存牱寮?*/
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    /* 鍙充晶娣诲姞灏忕澶寸殑鑳屾櫙鍥?*/
    background:  right no-repeat;
    background-size: 12px;
    background-position-x: 205px;
}

    .inputtext textarea {
        border: solid 1px #e3e7ed;
        padding: 10px 10px;
        color: #333333;
        width: 100%;
    }

.datebg {
    background:  right no-repeat;
    background-size: 12px;
    background-position-x: 205px;
}

.datelongbg {
    background:  right no-repeat;
    background-size: 12px;
    background-position-x: 455px;
}

.sexclass {
    border: solid 1px #e3e7ed;
    padding: 8px 10px;
    color: #c1c1c1;
    width: 232px;
    font-size: 14px;
    cursor: pointer;
    text-align: center;
}

.dataitem1 {
    padding-top: 10px;
    text-align: left;
    padding: 0px 7%;
    margin-top: 3%;
}

.picupload {
    width: 92px;
    height: 92px;
    border-radius: 100%;
    text-align: center;
    vertical-align: middle;
    float: right;
    background-color: #e3f1fc;
    line-height: 105px;
    margin-top: -10px;
    cursor: pointer;
}

    .picupload img {
        width: 32px;
    }

.tips1 {
    font-size: 12px;
    color: #999999;
    width: 200px;
    position: absolute;
    right: 57px;
    margin-top: 89px;
    text-align: right;
}

body {
    margin: 0;
    padding: 0;
    background: #f2f6fc;
}

.icon5 {
    vertical-align: middle;
    margin-bottom: 2px;
}

.sexclassactive {
    border: solid 1px #0378d8;
    color: #0378d8;
}

.dataitem1_3 {
    width: 100%;

}

::-webkit-input-placeholder { /* webkit browsers */
    color: #c1c1c1;
    font-size: 14px;
}

::-moz-placeholder { /* mozilla firefox 19  */
    color: #c1c1c1;
    font-size: 14px;
}

:-ms-input-placeholder { /* internet explorer 10  */
    color: #c1c1c1;
    font-size: 14px;
}



    .longinput select {
        /* 娓呴櫎榛樿鐨勭澶存牱寮?*/
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
        /* 鍙充晶娣诲姞灏忕澶寸殑鑳屾櫙鍥?*/
        background:  right no-repeat;
        background-size: 12px;
    }

.selectbg {
    background-position-x: 455px !important;
}

.btnnext {
    background: #0d5feb;
    border-radius: 6px;
    padding: 9px 50px;
    color: #ffffff;
    font-size: 14px;
    cursor: pointer;
    border: solid 1px #0d5feb;
    margin-left: 0px;

}

.btnbottom {
    text-align: center;
    /* margin-top: 50px; */
   
    bottom: 0px;
    width: 86%;
    left: 0px;
    padding: 1.5rem 7%;
    background: #ffffff;
}

.btncancel2 {
    color: #666666;
    font-size: 14px;
    background-color: #ffffff;
    border: solid 1px #eeeeee;
    padding: 9px 38px;
    cursor: pointer;
    border-radius: 6px;
}

#btnpre {
    float: right;
    background-color: #ffffff;
    color: #666666;
    border: solid 1px #eeeeee;
    cursor: pointer;
    padding: 8px 38px;
    margin-right: 10px;
}

#btnnext {
    float: right;
    cursor: pointer;
}

#step1 {
    display: block;
}

#example {
    display: none;
    z-index: 19891037;
    position: absolute;
    width: 310px;
    left: 57px;
    box-shadow: 0px 0px 10px 1px #eeeeee;
}

#tipshidden {
    display: none;
}

#changetips {
    float: right;
    color: #333333;
    font-size: 14px;
    cursor: pointer;
}

.changetipstitle {
    color: #333333;
    font-size: 14px;
    margin-left: 5px;
}

.exampletitle img {
    vertical-align: middle;
    margin-bottom: 2px;
}

.examplecontent {
    color: #999999;
    font-size: 14px;
    line-height: 25px;
    padding: 10px 0px;
    height: 85px;
    overflow: auto;
}

.jump {
    margin-top: 20px;
    text-align: right;
    position: absolute;
    right: 57px;
    cursor: pointer;
}

    .jump a {
        color: #0378d8;
        font-size: 14px;
        background-color: transparent;
        text-decoration: underline;
    }

    .jump img {
        margin-left: 5px;
    }

.example {
    color: #0378d8;
    font-size: 14px;
}

.layui-layer-tips .layui-layer-content {
    background-color: rgb(255, 255, 255) !important;
    box-shadow: 1px 1px 10px rgba(0,0,0,.2) !important;
}

#example .layui-layer-tipst {
    border-right-color: rgb(255, 255, 255) !important;
    box-shadow: 1px 1px 10px rgba(0,0,0,.2) !important;
    z-index: -1 !important;
}

#alertemptytext {
    display: none;
}

.alerttext {
    margin-top: 5px;
    color: red;
    font-size: 14px;
}

    .alerttext img {
        margin-right: 3px;
        vertical-align: middle;
        margin-bottom: 2px;
    }

.header {
    display: none;
}

.citybox {
    display: none;
}

.nav-menu {
    display: none;
}

#apppanel {
    float: right;
    font-size: 12px;
    color: #666666;
    margin-top: 18px;
}

    #apppanel i {
        font-size: 12px;
        color: #666666;
    }

.header-sub .nav {
    width: 1000px;
}

.logoselecttitle {
    font-size: 18px;
    color: #333333;
    font-weight: bold;
    margin-bottom: 20px;
}

.logopanel {
    padding: 40px 40px;
}

.logoitem {
    display: flex;
}

    .logoitem div {
        width: 25%;
        text-align: center;
        display: block;
    }

        .logoitem div img {
            width: 60px;
            padding: 0rem 0.0rem;
            cursor: pointer;
            border-radius: 100%;
            height: 60px;
        }

.logooperation {
    margin-top: 30px;
    text-align: center;
}

.logotips {
    font-size: 14px;
    color: #999999;
    text-align: center;
}

#choosepic {
    position: relative;
    width: 79px;
    height: 79px;
    border-radius: 50%;
    border: 1px solid #eee;
    overflow: hidden;
    text-align: center;
    display: inline-block;
}

    #choosepic .choosepic-logo {
        position: absolute;
        left: 0;
        top: 0;
        padding: 0;
        cursor: pointer;
        pointer-events: none;
        background: #fff;
        height: 100%;
        /*border: solid 1px #0378d8;*/
        cursor: pointer;
        /*color: #0378d8;*/
    }

    #choosepic input {
        width: 150px;
        height: 100px;
        cursor: pointer;
        /* display: none; */
        margin-top: -50px;
        margin-left: -50px;
        /* position: absolute; */
        background-color: #ffffff;
    }

    #choosepic .tips {
        display: none;
        width: 100%;
        height: 100%;
        line-height: 200px;
        text-align: center;
        color: #fff;
        background: rgba(0, 0, 0, .3);
        border-radius: 50%;
        position: absolute;
        left: 0;
        top: 0;
        cursor: pointer;
        pointer-events: none;
        font-size: 20px;
    }

    #choosepic:hover .tips {
        display: block;
    }


.btncancel {
    display: inline-block;
    border: solid 1px #eeeeee;
    cursor: pointer;
    color: #999999;
    font-size: 16px;
    padding: 8px 45px;
    margin: 0px 5px;
}

.btnsave {
    display: inline-block;
    border: solid 1px #0378d8;
    cursor: pointer;
    color: #ffffff;
    font-size: 16px;
    background-color: #0378d8;
    padding: 8px 45px;
    margin: 0px 5px;
}

.logobtnpanel {
    margin-top: 40px;
}

.logoicon {
    width: 32px;
}

.logoborderactive {
    border: solid 3px #0378d8;
}

.cutpicbox {
    border-radius: 15px !important;
}

.header-sub .nav .logo {
    position: unset !important;
}

#picuploadimg {
    width: 92px;
    display: none;
    height: 92px;
    border-radius: 100%;
    background-size: 100%;
}

.footer {
    display: none;
}

.ptmoneypanelbtn {
    background-color: #0378d8;
    color: #ffffff;
    border-radius: 5px;
    padding: 8px 25px;
    font-size: 14px;
    cursor: pointer;
    text-align: center;
}


.parttimejob {
    display: none;
}

#ptmoneypanel {
    display: none;
}

.item_input_div {
    padding: 15px 20px;
}

.height1 {
    height: 10px;
}

#tip {
    top: 288px !important;
}

.suggestloading {
    display: none;
}

#copytips {
    float: right;
    color: #333333;
    font-size: 14px;
    cursor: pointer;
}

.examplecontenthidden {
    display: none;
}

#tipshiddencode {
    display: none;
}

.icon1 {
    margin-left: 10px;
    font-size: 16px;
    vertical-align: middle;
}

.tonowbtn {
    position: absolute;
    left: 10px;
    top: 10px;
    height: 26px;
    line-height: 26px;
    margin: 0 0 0 -1px;
    padding: 0 10px !important;
    border: 1px solid #c9c9c9;
    background-color: #fff;
    white-space: nowrap;
    vertical-align: top;
    border-radius: 2px;
}

.btngray {
    background-color: #ffffff !important;
    border: 1px solid #e6e6e6 !important;
    color: #c9c9c9 !important;
}

select {
}

.city-select-content {
    overflow: auto !important;
}

input::-webkit-input-placeholder { /* webkit browsers */
    font-size: 12px;
}


input:-moz-placeholder { /* mozilla firefox 4 to 18 */
    font-size: 12px;
}


input::-moz-placeholder { /* mozilla firefox 19  */
    font-size: 12px;
}


input:-ms-input-placeholder { /* internet explorer 10  */
    font-size: 12px;
}

#professorlist {
    top: unset !important;
    margin-top: -150px;
}

.wordnum {
    float: right;
    color: #aaaaaa;
    font-size: 12px;
    text-align: right;
    width: 50%;
}

.panel_left {
    width: 275px;
    height: 460px;
    background:  no-repeat center top;
    padding: 120px 50px;
}

.panel_right {
    width: 905px;
    background: #ffffff;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    padding: 10px 20px;
}

.panel1 {
    width: 1280px;
    margin: auto;
    display: flex;
}

.word2 {
    margin-top: 10px;
}

    .word2 img {
        margin-right: 10px;
        vertical-align: bottom;
    }

.span1 {
    margin-right: 10px;
    font-size: 22px;
    font-weight: 300;
    color: #ffffff;
}

.span2 {
    font-size: 22px;
    font-weight: 600;
    color: #ffde00;
}

.word3 {
    margin-top: 50px;
}

.item1 {
    font-size: 16px;
    font-weight: 400;
    color: #ffffff;
    margin-top: 20px;
}

    .item1 img {
        margin-right: 10px;
        vertical-align: middle;
    }

.icon3 {
    float: right;
    margin-top: -20px;
    margin-right: 10px;
}
.diybtn{
    display:none;
}
.functionbtn {
    display: none;
}
.newtopbar{
    display:none;
}
.disable {
    color: #999999 !important;
}