.mobile-status{
    display: none;
}
.pc-status{
    display: block;
}
.mobile-sile-status{
    display: none;
}
@media screen and (min-width: 240px) and (max-width: 720px){
    .mobile-status{
        display: block;
    }
    .pc-status{
        display: none;
    }
    .mobile-head{
        width: 100%;
        height: 155px;
        background-color: #3b447b;
        text-align: center;
        padding-top: 25px;
    }
    .mobile-head .logo{
        width: 300px;
        height: 47px;
        margin-left: auto;
        margin-right: auto;
        background-image: url(../images/m_logo1.png) no-repeat center;
        background-size: 100% 100%;
    }
    .mobile-head p{
        color: #fff;
        font-family: '微软雅黑';
        font-size: 30px;
        line-height: 46px;
        margin-top: 20px;
    }
    .mobile-foot{
        text-align: center;
    }
    .mobile-register{
        width:100%;
    }
    .mobile-register .mobile-register-title{
        width: 100%;
    }
    .mobile-register .mobile-icon{
        margin-right: 20px;
    }
    .mobile-login-form{
        margin-top: 10px;
    }
    .mobile-login-form .mobile-form-label{
        width: 120px;
    }
    .mobile-login-form .mobile-login-name{
        width: 180px;
        height: 38px;
        line-height: 40px;
        padding-left: 10px;
        /* margin-right: 20px; */
        border: 1px #c2c5d1 solid;
    }
    .mobile-login-register{
        float: left;
        margin-left: 5px;
        width: 150px;
        height: 33px;
        background-image: url(../images/m_login-btn.png) no-repeat center;
        background-size: 100% 100%;
        border: none;
        color: #48698b;
        font-family: '微软雅黑';
        font-size: 16px;
        line-height: 33px;
        text-align: center;
        cursor: pointer;
        outline: none;
    }
    .mobile-login-login{
        float: none;
        margin-left: 10px;
        width: 150px;
        height: 33px;
        background-color: #4b56a5;
        border: none;
        color: #e2e2e2;
        font-family: '微软雅黑';
        font-size: 16px;
        line-height: 33px;
        text-align: center;
        cursor: pointer;
        outline: none;
    }
    #xubox_layer1{
        position: absolute !important;
        top: 50% !important;
        left: 50% !important;
        z-index: 198910161 !important;
        margin-top: -230px !important;
        margin-left: -145px !important;
        width: 290px !important;
        /*height: 1080px !important;*/
    }
    #xubox_layer1 .show_box {
        overflow-y:auto;
    }
    #xubox_layer1 .xubox_main {
        height: auto;
    }
    #xubox_layer2{
        position: absolute !important;
        top: 50% !important;
        left: 50% !important;
        z-index: 198910161 !important;
        margin-top: -230px !important;
        margin-left: -145px !important;
        width: 290px !important;
        /*height: 1080px !important;*/
    }
    #xubox_layer2 .show_box {
        overflow-y:auto;
    }
    #xubox_layer2 .xubox_main {
        height: auto;
    }
    .mobile-register-button{
        margin: 0 0 18px 8px;
    }
    .mobile-apply-head{
        height: 108px;
    }
    .mobile-apply-head-main{
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    .mobile-apply-head-logo{
        position: relative;
        top: 10px;
        left: 0px;
        float: left;
        width: 250px;
        height: 50px;
        background-image: url(../images/m_logo2.png) no-repeat center;
        background-size: 100% 100%;
    }
    .mobile-apply-head-border{
        float: left;
        width: 1px;
        height: 46px;
        border-left: 1px #bfbfca solid;
        margin: 7px 0px;
    }
    .mobile-apply-head-title{
        position: relative;
        left: 7px;
        top: 38px;
        float: none;
        color: #fff;
        font-size: 14px;
        font-family: '微软雅黑';
        line-height: 0;
    }
    .mobile-apply-head-main span{
        float: left;
        color: #fff;
        font-size: 12px;
        font-family: '微软雅黑';
        line-height: 0;
        padding-left: 23px;
        padding-top: 20px;
    }
    .mobile-apply-main{
        width: 100%;
    }
    .mobile-apply-info{
        width: 100%;
    }
    .mobile-apply-info-title{
        width: 100%;
        height: 35px;
        border-bottom: 1px #d6d9e9 solid;
        background-color: #f7f8f9;
        padding-left: 0;
        color: #6a727b;
        line-height: 36px;
    }
    .mobile-apply-info-title b{
        padding-left: 20px;
    }
    .mobile-apply-info-status{
        width: 100%;
        margin: 20px 20px 0 0px;
    }
    .mobile-apply-info-status span{
        float: left;
        line-height: 30px;
        margin-right: 10px;
        margin-left: 20px;
    }
    .mobile-apply-info-status hr{
        float: left;
        width: 100%;
        border: 1px #d6d9e9 solid;
        margin-top: 10px;
    }
    .mobile-apply-info-left{
        margin-top: 10px !important;
    }
    .mobile-apply-info .mobile-info-left-list{
        width:100%;
    }
    .mobile-apply-info .mobile-info-left-list input{
        float: left;
        width: 260px;
        height: 38px;
        border: 1px #dee0e6 solid;
        margin-top: 10px;
        padding-left: 10px;
        line-height: 40px;
    }
    .mobile-apply-info .mobile-info-left-list textarea{
        width: 260px;
    }
    .mobile-apply-info .mobile-info-left-list select{
        float: left;
        width: 260px;
        height: 38px;
        border: 1px #dee0e6 solid;
        margin-top: 10px;
        padding-left: 10px;
        line-height: 40px;
    }
    .mobile-apply-info-right{
        margin-right: 0px;
        margin-left: 20px;
        width: 95%;
    }
    .mobile-apply-info-btn{
        width: 100%;
    }
    .mobile-big-div{
        width: 100%;
        height: 421px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 10px;
        border: none;
    }
    .mobile-bg-div{
        display: inline-block;
        position: relative;
        /* z-index: 1; */
        width: 100%;
        height: 420px;
    }
    .mobile-bg-div  img{
        width: 100%;
    }


    /*2018-05-31 update by ada*/
    html, body {
        overflow-x: hidden;
    }
    .mobile-apply .apply-info {
        width: 100%;
    }
    .mobile-apply .apply-info-title {
        width: 94%;
        padding-left: 6%;
    }
    .mobile-apply .apply-info p {
        width: 94%;
        padding: 3%;
    }
    .mobile-apply .btn-close {
        margin-left: 40%;
    }
    .mobile-apply-info .info-status-reason {
        width: 97%;
        padding-left: 2%;
    }

    /*  2021-06-16 详情页  */
    .mobile-apply-head-main {
        width: 94%;
        height: 100%;
        padding: 0 3%;
        overflow: hidden;
    }
    .mobile-apply-info {
        border-left: none;
        border-right: none;
    }
    .mobile-apply-info-title {
        width: 94%;
        padding: 0 3%;
    }
    .mobile-apply-info-title b{
        padding: 0;
    }
    .mobile-apply-info-left {
        width: 94%;
        margin-left: 0;
        padding: 0 3%;
    }
    .mobile-apply-info-status span {
        margin-left: 3%;
    }
    .mobile-apply-info .mobile-info-left-list input {
        width: 91%;
    }
    .mobile-apply-info .mobile-info-left-list select {
        width: 94.5%;
    }
    .mobile-apply-info-right {
        width: 94%;
        padding: 0 3%;
        margin-left: 0;
    }
    .mobile-apply-info .mobile-info-left-list textarea {
        width: 91%;
    }
    .mobile-apply-info-btn {
        width: 89%;
        padding: 0 3%;
    }
    .apply-info-btn {
        margin-left: 0;
        margin-right: 0;
    }
    .apply-sign {
        width: 45%;
        max-width: 188px;
    }
    .apply-submit {
        width: 45%;
        max-width: 118px;
    }

    /*  2021-06-16 登录页  */
    .mobile-register .mobile-register-title {
        box-sizing: border-box;
    }
    .mobile-register form {
        width: 94%;
        padding: 0 3%;
    }
    .login-btn {
        width: 100%;
    }
    .mobile-login-register {
        width: 45%;
        max-width: 150px;
        margin-left: 0;
    }
    .mobile-login-login {
        float: right;
        width: 45%;
        max-width: 150px;
        margin-left: 0;
    }
    .mobile-login-form .mobile-form-label {
        width: 35%;
    }
    .mobile-login-form .mobile-login-name {
        width: 59%;
        padding-left: 3%;
    }
    .foot p {
        width: 94%;
        padding: 0 3%;
    }
    .mobile-register-button {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    .mobile-login-form {
        margin-bottom: 1rem;
    }
    .form-p {
        display: none;
    }

    /*2021-06-21*/
    .table-score {
        width: 100%;
    }
    #info-exam-type, #info-ti-type1 {
        width: 44.5% !important;
    }
    #info-ti-type2 {
        width: 41% !important;
    }
}