/* 灰色按钮 */
.greyColer {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    cursor: default !important;
}

.view {
    transition: all 0.1s linear;
    -webkit-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
}

    .view:hover, .view:active {
        -webkit-transform: scale(1.05,1.05);
        -moz-transform: scale(1.05,1.05);
        -o-transform: scale(1.05,1.05);
        -ms-transform: scale(1.05,1.05);
        transform: scale(1.05,1.05);
    }

.ap-login a::before {
    display: none;
}

.apHeader .ap-headtop {
    max-width: 1400px;
}

.apHeadBox {
    max-width: 1400px;
    position: relative;
    display: flex;
    align-items: center;
    height: auto;
    padding: 22px;
}

    .apHeadBox .ap-avatar {
        width: 127px;
        height: 127px;
        top: 0;
        left: auto;
        background: none;
        border: none;
        position: relative;
    }

        .apHeadBox .ap-avatar::before {
            position: absolute;
            content: '';
            display: block;
            width: 110%;
            height: 110%;
            z-index: -1;
            top: -5%;
            left: -5%;
            border-radius: 55%;
            background-color: rgba(255, 255, 255, 0.3);
        }

    .apHeadBox .ap-text-name {
        position: relative;
        right: auto;
        bottom: auto;
        color: #fff;
        text-align: left;
        left: auto;
        padding-left: 30px;
    }

    .apHeadBox .ap-text_p {
        font-size: 17px;
        line-height: 30px;
    }

    .apHeadBox .ap-text_p1 {
        font-size: 19px;
        line-height: 20px;
    }

.ap_titDiv {
    display: flex;
    justify-content: space-between;
    padding-bottom: 20px;
    width: 100%;
    flex-wrap: wrap;
    position: relative;
}

.ap_title {
    position: relative;
    color: #374a61;
    font-size: 24px;
    padding: 10px 0;
}

    .ap_title span {
        color: #0082ff;
        text-transform: uppercase;
        font-size: 22px;
    }

    .ap_title::before {
        content: '';
        display: block;
        position: absolute;
        width: 100px;
        height: 6px;
        top: 48px;
        border-radius: 3px;
        background-color: #ffbe00;
    }

a.readingF {
    padding: 10px;
    color: #fff;
    background-color: #fc6b5e;
    border-radius: 8px;
    padding: 8px 8px 5px 65px;
    position: relative;
    cursor: pointer;
    text-align: left;
    top: -10px;
    z-index: 2;
}

    a.readingF:hover {
        color: #fff;
    }

.readingF::before {
    content: '';
    display: block;
    position: absolute;
    width: 50px;
    height: 50px;
    left: 8px;
    top: 3px;
    background: url(../images/intoX_1.png) no-repeat;
}

.readingF h1 {
    font-size: 20px;
}

.readingF span {
    font-size: 16px;
}

.apBlockUspa {
    max-width: 1200px;
    padding: 0 10px;
    width: 100%;
    margin: auto;
}

.apUnit {
    padding-bottom: 10px;
}

.apUnit .apUnitMain {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -6px;
}

.apUnit .apUnit_div div.apUnitN {
    border: 1px solid #eaeeef;
}

.apUnit .apUnit_div ul {
    display: flex;
    border-top: none;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding: 0;
    margin: 0 -5px;
}

.apUnit .apUnit_div li {
    width: 100%;
    padding: 10px 5px;
    transition: all 0.1s linear;
    -webkit-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
}

.apUnit .apUnit_div li:hover {
    -webkit-transform: scale(1.03,1.03);
    -moz-transform: scale(1.03,1.03);
    -o-transform: scale(1.03,1.03);
    -ms-transform: scale(1.03,1.03);
    transform: scale(1.03,1.03);
}

.apUnit .apUnit_div {
    padding: 0 6px;
    margin-bottom: 15px;
}
.apUnit .apUnit_div li.greyColer{
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
}
.apUnit .apUnit_div li.greyColer .apUnit_tit .apUnit_tit h1,
.apUnit .apUnit_div li.greyColer .apUnit_tit span{
    color: rgba(0,0,0,.7);
}
.apUnit .apUnit_div li.greyColer .apUnit_tit span:nth-child(2){
    color: rgba(0,0,0,.5);
}

.apUnit .apUnit_div li.greyColer .apUnit_img{
    opacity: 0.6;
}
.APdemo .apUnit .apUnit_div li.greyColer .apUnit_img{
    opacity: 1;
}
.TrialDiv .apUnit_img{
    position: relative;
    overflow: hidden;
}
.TrialDiv .apUnit_img b{
    position: absolute;
    z-index: 1;
    width: 80px;
    height: 22px;
    line-height: 22px;
    background-color: #ff4d4d;
    color: #fff;
    text-align: center;
    transform: rotate(-45deg);
    font-weight: normal;
    right: -25px;
    bottom: 4px;
    font-size: 15px;
}

.apUnit_tit {
    padding: 8px 5px 0 5px;
    min-height: 70px;
}
.apUnit_tit b{
    font-weight: normal;
}
.apUnit_tit_KS{
    padding-top: 15px;
}
    .apUnit_tit span {
        width: 100%;
        display: block;
        text-align: center;
        font-size: 17px;
        color: #000;
    }

        .apUnit_tit span:nth-child(2) {
            color: #ff7d56;
            line-height: 18px;
            font-size: 16px;
            font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
            letter-spacing: 0;
        }

    .apUnit_tit h1 {
        height: 25px;
        display: flex;

        align-items: center;
        color: #1382fd;
        font-size: 18px;
        justify-content: center;
    }

.apUnit .apUnit_div header {
    background-color: #dbf3ff;
    text-align: center;
    color: #34358e;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    padding: 12px 10px 8px 10px;
}

    .apUnit .apUnit_div header h1 {
        font-size: 20px;
        padding-bottom: 3px;
    }

    .apUnit .apUnit_div header h2 {
        font-size: 18px;
        padding-top: 3px;
    }

    .apUnit .apUnit_div header span {
        font-size: 16px;
    }

.apUnit_div ul a {
    display: block;
}

.apUnit .apUnit_div .apUnit_img {
    width: 100%;
    height: 150px;
    background-size:auto 100% !important;
    border-radius: 10px;
}
.apUnit .apUnit_div:nth-child(1) .apUnit_img,
.apUnit .apUnit_div:nth-child(7) .apUnit_img,
.apUnit .apUnit_div:nth-child(8) .apUnit_img,
.apUnit .apUnit_div:nth-child(9) .apUnit_img {
    background-size: 100% auto !important;
}

.apUnit .apUnit_div:nth-child(1) {
    width: 24%;
}

    .apUnit .apUnit_div:nth-child(1) .apUnit_img {
        background: url(../images/img1.jpg) no-repeat center;
    }

.apUnit .apUnit_div:nth-child(2) {
    width: 38%;
}

    .apUnit .apUnit_div:nth-child(2) li:nth-child(1) .apUnit_img {
        background: url(/Contents/images/UnitImg/Uimg19.png) no-repeat center;
    }

    .apUnit .apUnit_div:nth-child(2) li:nth-child(2) .apUnit_img {
        background: url(/Contents/images/UnitImg/Uimg20.png) no-repeat center;
    }

.apUnit .apUnit_div:nth-child(3) {
    width: 38%;
}

    .apUnit .apUnit_div:nth-child(3) li:nth-child(1) .apUnit_img {
        background: url(/Contents/images/UnitImg/Uimg21.png) no-repeat center;
    }

    .apUnit .apUnit_div:nth-child(3) li:nth-child(2) .apUnit_img {
        background: url(/Contents/images/UnitImg/Uimg22.png) no-repeat center;
    }

.apUnit .apUnit_div:nth-child(4) {
    width: 38%;
}

    .apUnit .apUnit_div:nth-child(4) li:nth-child(1) .apUnit_img {
        background: url(/Contents/images/UnitImg/Uimg23.png) no-repeat center;
    }

    .apUnit .apUnit_div:nth-child(4) li:nth-child(2) .apUnit_img {
        background: url(/Contents/images/UnitImg/Uimg24.png) no-repeat center;
    }

.apUnit .apUnit_div:nth-child(5) {
    width: 62%;
}

    .apUnit .apUnit_div:nth-child(5) li:nth-child(1) .apUnit_img {
        background: url(/Contents/images/UnitImg/Uimg25.png) no-repeat center;
    }

    .apUnit .apUnit_div:nth-child(5) li:nth-child(2) .apUnit_img {
        background: url(../images/img4.jpg) no-repeat center;
    }

    .apUnit .apUnit_div:nth-child(5) li:nth-child(3) .apUnit_img {
        background: url(/Contents/images/UnitImg/Uimg27.png) no-repeat center;
    }

.apUnit .apUnit_div:nth-child(6) {
    width: 38%;
}

    .apUnit .apUnit_div:nth-child(6) li:nth-child(1) .apUnit_img {
        background: url(../images/img12.png) no-repeat center;
    }

    .apUnit .apUnit_div:nth-child(6) li:nth-child(2) .apUnit_img {
        background: url(../images/img13.png) no-repeat center;
    }

.apUnit .apUnit_div:nth-child(7) {
    width: 17%;
}

    .apUnit .apUnit_div:nth-child(7) li:nth-child(1) .apUnit_img {
        background: url(/Contents/images/UnitImg/Uimg28.png) no-repeat center;
        background-size: auto 100% !important;
        background-position: center right;
    }

.apUnit .apUnit_div:nth-child(8) {
    width: 17%;
}

    .apUnit .apUnit_div:nth-child(8) li:nth-child(1) .apUnit_img {
        background: url(/Contents/images/UnitImg/Uimg29.png) no-repeat center;
        background-size: auto 100% !important;
    }


.apUnit .apUnit_div:nth-child(9) {
    width: 28%;
}

    .apUnit .apUnit_div:nth-child(9) li:nth-child(1) .apUnit_img {
        background: url(../images/midtest.jpg) no-repeat center;
        background-size: auto 100% !important;
    }

.apUnit .apUnit_div:nth-child(9) li:nth-child(2) .apUnit_img {
    background: url(../images/endtest.jpg) no-repeat center;
    background-size: auto 100% !important;
}





.apBlockLearner {
    background: none;
    background-image: linear-gradient(#f7fafc, rgba(255,255,255,0));
    box-shadow: none;
    padding-top: 0;
}


.ap_ICT ul {
    border-radius: 10px;
    z-index: 1;
    position: relative;
    min-height: 250px;
    margin: 0 -12px;
    display: flex;
    flex-wrap: wrap;
}

    .ap_ICT ul li {
        width: 25%;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0 12px;
    }

        .ap_ICT ul li a {
            display: flex;
            position: relative;
            flex-wrap: wrap;
            justify-content: center;
            color: #25355e;
            text-align: center;
            margin-bottom: 15px;
            transition: all 0.1s linear;
            -webkit-transition: all 0.1s linear;
            -o-transition: all 0.1s linear;
            -moz-transition: all 0.1s linear;
            -ms-transition: all 0.1s linear;
            width: 100%;
        }

            .ap_ICT ul li a:hover {
                transform: scale(1.02);
            }

            .ap_ICT ul li a::before {
                content: '';
                display: block;
                width: 100%;
                height: 65%;
                position: absolute;
                border: 4px solid #e6f1ff;
                background-color: #fff;
                border-radius: 8px;
                bottom: 0;
            }

            .ap_ICT ul li a:hover b {
                background: url(../images/ap_iconx10.png) no-repeat;
            }

            .ap_ICT ul li a:hover::before {
                border: 4px solid #b8e3ff;
            }

            .ap_ICT ul li a b {
                position: absolute;
                position: relative;
                display: flex;
                justify-content: center;
                width: 200px;
                height: 200px;
                background: url(../images/ap_iconx9.png) no-repeat;
                align-items: center;
            }

                .ap_ICT ul li a b::before {
                    display: block;
                    height: 110px;
                    width: 100%;
                    content: '';
                }

        .ap_ICT ul li:nth-child(1) a b::before {
            background: url(../images/ap_iconx1.png) center no-repeat;
        }

        .ap_ICT ul li:nth-child(2) a b::before {
            background: url(../images/ap_iconx2.png) center no-repeat;
        }

        .ap_ICT ul li:nth-child(3) a b::before {
            background: url(../images/ap_iconx3.png) center no-repeat;
        }

        .ap_ICT ul li:nth-child(4) a b::before {
            background: url(../images/ap_iconx4.png) center no-repeat;
        }

        .ap_ICT ul li:nth-child(5) a b::before {
            background: url(../images/ap_iconx5.png) center no-repeat;
        }

        .ap_ICT ul li:nth-child(6) a b::before {
            background: url(../images/ap_iconx6.png) center no-repeat;
        }

        .ap_ICT ul li:nth-child(7) a b::before {
            background: url(../images/ap_iconx7.png) center no-repeat;
        }

        .ap_ICT ul li:nth-child(8) a b::before {
            background: url(../images/ap_iconx8.png) center no-repeat;
        }

        .ap_ICT ul li a span {
            display: block;
            width: 100%;
            font-size: 19px;
            padding: 0px 0 5px 0;
            position: relative;
            color: #000;
        }

        .ap_ICT ul li a h1 {
            position: relative;
            margin-bottom: 25px;
            font-size: 20px;
            color: #000;
        }

.apBlockFile {
    border: none;
    margin-bottom: 20px;
    margin-top: 0;
}

    .apBlockFile .ap-file-title {
        background-color: #32b8f5;
        height: 55px;
        line-height: 55px;
        border-top-right-radius: 10px;
        border-top-left-radius: 10px;
        color: #00324d;
        font-size: 22px;
    }

        .apBlockFile .ap-file-title span {
            color: #fff;
            font-size: 22px;
            padding-left: 10px;
        }

    .apBlockFile .ap-file-cent {
        border: 1px solid #e2e2e2;
        border-top: none;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
    }

.apFooter {
    color: rgba(255, 255, 255, 0.8);
    height: 70px;
    display: flex;
    clear: both;
    background: #282d38;
    font-size: 16px;
    letter-spacing: 0.1rem;
}

.PopupBox {
    display: block;
    position: absolute;
    width: 100%;
    /* height: 100%; */
    max-width: 280px;
    visibility: hidden;
    z-index: 1;
    top: 55px;
    right: 0;
    opacity: 0;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    transition: opacity 0.3s 0s, visibility 0s 0.3s;
}

    .PopupBox.act {
        opacity: 1;
        visibility: visible;
        -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
        -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
        transition: opacity 0.3s 0s, visibility 0s 0s;
    }

.PopupBox_div {
    background-color: #fff;
    box-shadow: 0 5px 5px rgb(0 0 0 / 10%);
    position: relative;
    padding: 0.1rem;
    -webkit-transition: -webkit-transform .3s,opacity .3s;
    transition: transform .3s,opacity .3s;
    -webkit-transform: translate(0%,-20%);
    transform: translate(0%,-20%) scale;
    border-radius: 1.2rem;
}

.PopupBox.act .PopupBox_div {
    -webkit-transform: translate(0%,0%);
    transform: translate(0%,0%) scale;
}

.PopupBox_div h1 {
    text-align: left;
    padding: 20px 10px 0px 25px;
    font-size: 25px;
    /* border-bottom: 1px solid rgba(0,0,0,0.08); */
    display: none;
}

.clockTC1 {
    cursor: pointer;
    position: absolute;
    right: 15px;
    top: 10px;
    height: 45px;
    width: 45px;
    display: flex;
    z-index: 3;
    /* border:2px solid #fff; */
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}

    .clockTC1::before {
        content: '';
        position: absolute;
        display: block;
        width: 60%;
        height: 7.5%;
        transform: rotate(45deg);
        background-color: #b8b8b8;
        border-radius: 2px;
    }

    .clockTC1::after {
        content: '';
        position: absolute;
        display: block;
        width: 60%;
        height: 7.5%;
        border-radius: 2px;
        transform: rotate(-45deg);
        background-color: #b8b8b8;
    }

.PopupBox_div ul {
    padding: 3px 0;
}

    .PopupBox_div ul li {
        padding: 3px 10px;
    }

        .PopupBox_div ul li a {
            /* background-color: #eef6fc; */
            display: block;
            padding: 10px 0px 10px 60px;
            position: relative;
            transition: all 0.1s linear;
            -webkit-transition: all 0.1s linear;
            -o-transition: all 0.1s linear;
            -moz-transition: all 0.1s linear;
            -ms-transition: all 0.1s linear;
            border-bottom: 1px dotted rgba(0,0,0,0.1);
        }

        .PopupBox_div ul li:last-child a {
            border: 0;
        }

        .PopupBox_div ul li a::after {
            position: absolute;
            content: '';
            left: 0px;
            top: 5px;
            width: 50px;
            height: 50px;
            margin: 1px;
            background-color: #02b7fe;
            border-radius: 8px;
            background-size: 80% !important;
        }

        .PopupBox_div ul li a:hover {
            -webkit-transform: scale(1.05,1.05);
            -moz-transform: scale(1.05,1.05);
            -o-transform: scale(1.05,1.05);
            -ms-transform: scale(1.05,1.05);
            transform: scale(1.05,1.05);
        }

        .PopupBox_div ul li.APLogoI a::after {
            background: url(../images/ap_iconx11.png) no-repeat center #02b7fe;
        }

        .PopupBox_div ul li.SHKLogoI a::after {
            background: url(../images/ap_iconx12.png) no-repeat center #eff2fe;
        }

        .PopupBox_div ul li.FJYDLogoI a::after {
            background: url(../images/ap_iconx13.png) no-repeat center #ffefeb;
        }

        .PopupBox_div ul li.APLogoI.active a::after {
            background: url(../images/ap_iconx11.png) no-repeat center #fd9340;
        }

        .PopupBox_div ul li.SHKLogoI.active a::after {
            background: url(../images/ap_iconx12.png) no-repeat center #eff2fe;
        }

        .PopupBox_div ul li.FJYDLogoI.active a::after {
            background: url(../images/ap_iconx13.png) no-repeat center #ffefeb;
        }

        /* .PopupBox_div ul li a::before{
    position: absolute;
    content: '';
    right: 20px;
    top: 32px;
    width: 23px;
    height: 23px;
    margin: 1px;
    background-color: #dee6ec;
    border-radius: 50%;

} */
        .PopupBox_div ul li.active a::before {
            background: url(../images/yesInto.png) no-repeat;
            background-size: 100%;
            width: 25px;
            height: 25px;
            margin: 0;
        }

        .PopupBox_div ul li a span {
            display: block;
        }

            .PopupBox_div ul li a span:nth-child(1) {
                color: #303131;
                font-size: 18px;
            }

            .PopupBox_div ul li a span:nth-child(2) {
                color: #bdc0c1;
                font-size: 15px;
            }

        .PopupBox_div ul li.active a {
            background-color: #fff5ee;
        }

/* 首页头部 */
.CIndexHeader {
    position: relative;
    width: 100%;
    background: linear-gradient(left,#27a8e9,#59cbff);
    background: -webkit-linear-gradient(left,#27a8e9,#59cbff);
    background: -o-linear-gradient(left,#27a8e9,#59cbff);
    background: -moz-linear-gradient(left,#27a8e9,#59cbff);
    background: -mos-linear-gradient(left,#27a8e9,#59cbff);

    min-height: 155px;
    padding-top: 20px;
}

    .CIndexHeader::before {
        content: '';
        width: 100%;
        height: 100%;
        position: absolute;
        display: flex;
        top: 0;
        left: 0;
        background: url(/ApChinese/images/bj01.png) center bottom no-repeat;
    }

.CIndexLogo {
    height: 70px;
    width: 60%;
    background: url(../images/logo01.png) no-repeat;
}

.CIndexLogoStu {
    background: url(../images/logo.jpg) no-repeat;
}

.CIndexHeader a {
    width: 75px;
    height: 75px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    margin-top: 20px;
    cursor: pointer;
}

    .CIndexHeader a::before {
        width: 90%;
        height: 90%;
        content: '';
        display: block;
        background: url(../images/back_into.png) no-repeat center #fff;
        border-radius: 50%;
        background-size: 70%;
    }

.CIndexHeader .apBlockUspa {
    display: flex;
    justify-content: space-between;
    position: relative;
}
.CIndexHeader .apBlockUspa a{
    margin-top: 0px;
}

.CIndex_Tleft {
    display: flex;
    align-items: center;
}

.CIndex_titDiv {
    display: flex;
    justify-content: space-between;
    padding-bottom: 20px;
}

.CIndex_ft {
    margin: 0 0px 0 20px;
    letter-spacing: 0.2rem;
}

    .CIndex_ft a {
        background-color: #ff6c00;
        line-height: 42px;
        border-radius: 23px;
        display: block;
        font-size: 20px;
        color: #fff;
        padding: 0 20px;
    }

.JobRelease {
    background-color: #ff6c00;
    color: #fff;
    font-size: 20px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    padding: 10px 15px 10px 10px;
    letter-spacing: 0.1rem;
    height: 60px;
    cursor: pointer;
}

    .JobRelease:hover {
        color: #fff;
    }

    .JobRelease::before {
        content: '';
        display: block;
        width: 40px;
        height: 40px;
        background: url(../images/JobRrelease_into.png) no-repeat #fff center;
        border-radius: 50%;
        background-size: 75%;
        margin: 0 8px;
    }

/* 学生端 */
.CIndexHeaderStu {
    position: relative;
    min-height: 88;
    padding-top: 10px;
    padding-bottom: 10px;
}

    .CIndexHeaderStu .apBlockUspa {
        display: flex;
        justify-content: space-between;
        position: relative;
        align-items: center;
        /* z-index: 1; */
    }

.student_headerR {
    display: flex;
    align-items: center;
}

    .student_headerR ul {
        display: flex;
        /* padding-top: 13px; */
    }

        .student_headerR ul li {
            padding: 0 10px 0 30px;
        }

            .student_headerR ul li a {
                color: #474747;
                font-size: 18px;
                float: left;
                padding-left: 45px;
            }

                .student_headerR ul li a span {
                    font-size: 16px;
                    display: block;
                }

            .student_headerR ul li:nth-child(1) a {
                background: url(/ApChinese/images/1_top_03_1.png) no-repeat left center;
            }

            .student_headerR ul li:nth-child(2) a {
                background: url(/ApChinese/images/1_top_07s_1.png) no-repeat left center;
            }

            .student_headerR ul li:nth-child(3) a {
                background: url(/ApChinese/images/1_top_07_1.png) no-repeat left center;
            }

.CIndexHeaderStu .CIndexLogo {
    max-width: 400px;
}

.tanCBOX {
    display: none;
}
/* 弹窗 */
.tangWin {
    display: block;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    z-index: 99;
    /* background: rgba(0,0,0,.5); */
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    transition: opacity 0.3s 0s, visibility 0s 0.3s;
}

    .tangWin.is_acitve {
        opacity: 1;
        display: block;
        z-index: 99;
        visibility: visible;
        -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
        -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
        transition: opacity 0.3s 0s, visibility 0s 0s;
    }

.is_acitve {
    display: block;
}

.tangWin_box {
    position: fixed;
    left: 50%;
    top: 50%;
    width: 90%;
    max-width: 380px;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    -webkit-transform: translate(-50%, -80%);
    transform: translate(-50%, -100%) scale;
    overflow: hidden;
    background-color: #fff;
    border-radius: 6px;
}

.tangWin.is_acitve .tangWin_box {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%) scale;
}

.studentLearner {
    box-shadow: none;
    background: none;
}
/* 学生学习园地 */
.eChineseReading_Nav {
    background-color: #f3feff;
    border-radius: 8px;
    overflow: hidden;
    height: 250px;
    display: flex;
}

.eChineseReading_Nav h2 {
    display: none;
}

.eChineseReading_Nav header {
    width: 25%;
    background: url(/Contents/images/intoT08.png) no-repeat center;
    background-color: #d9fafd;
}

.eChineseReading_Nav div {
    display: flex;
    width: 75%;
    align-items: center;
    position: relative;
}

.eChineseReading_Nav div a {
    width: 33.333333%;
    display: block;
    text-align: center;
    position: relative;
    color: #000;
}

.eChineseReading_Nav div a span {
    font-size: 15px;
}

.eChineseReading_Nav div a h1 {
    font-size: 20px;
}

.eChineseReading_Nav div a::before {
    display: block;
    content: '';
    height: 165px;
}

.eChineseReading_Nav div::after {
    content: '';
    display: block;
    position: absolute;
    right: 25%;
    top: 0;
    margin-right: -5px;
    background: url(/Contents/images/intoT09.png) no-repeat center;
    width: 15px;
    height: 100%;
}
.eChineseReading_Nav div::before {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -5px;
    top: 0;
    background: url(/Contents/images/intoT09.png) no-repeat center;
    width: 15px;
    height: 100%;
}
.eChineseReading_Nav div b{
    content: '';
    display: block;
    position: absolute;
    left: 25%;
    margin-left: -5px;
    top: 0;
    background: url(/Contents/images/intoT09.png) no-repeat center;
    width: 15px;
    height: 100%;
}

.eChineseReading_Nav div a:last-child:after {
    display: none;
}

.eChineseReading_Nav div a:nth-child(1)::before {
    background: url(/Contents/images/intoT10.png) center no-repeat;
    background-size: 70%;
}

.eChineseReading_Nav div a:nth-child(2)::before {
    background: url(/Contents/images/intoT05.png) center no-repeat;
    background-size: 70%;
}

.eChineseReading_Nav div a:nth-child(3)::before {
    background: url(/Contents/images/intoT06.png) center no-repeat;
    background-size: 70%;
}

.eChineseReading_Nav div a:nth-child(4)::before {
    background: url(/Contents/images/intoT07.png) center no-repeat;
    background-size: 70%;
}
.operationStu {
    max-width: 1200px;
    padding: 0 10px;
    display: flex;
    margin-bottom: 20px;
    width: 100%;
    height: auto;
}

.operationStu .ap-operation-right {
    width: 76.5%;
    height: 100%;
}

.ap_ICTStu ul li:nth-child(3) a b::before {
    background: url(../images/ap_iconx5.png) center no-repeat;
}

.ap_ICTStu ul li:nth-child(4) a b::before {
    background: url(../images/ap_iconx6.png) center no-repeat;
}

.studentLearner {
    background: none;
    background-image: linear-gradient(#f7fafc, rgba(255,255,255,0));
    box-shadow: none;
    padding-top: 0;
}

    .studentLearner .ap_title::before {
        background-color: #169bfe;
    }

    .studentLearner .ap_title span {
        color: #ff6c00;
    }

.apBlockUspaStu .ap_title::before {
    background-color: #169bfe;
}

.apBlockUspaStu .ap_title span {
    color: #ff6c00;
}

.apBlockUspaStu .ap_titDiv {
    padding-top: 10px;
}

.operationStu .ap-operation-tabbtn {
    margin-top: 10px;
    background-color: #309cff;
    padding-top: 6px;
    height: 65px;
}

.operationStu .ap-operation-title {
    background-color: #309cff;
    padding-top: 10px;
    height: 65px;
}

    .operationStu .ap-operation-title br {
        display: none;
    }

    .operationStu .ap-operation-title span {
        font-size: 18px;
    }

.operationStu span.opration-en {
    font-size: 15px;
    display: block;
    padding-bottom: 5px;
}
.operationStu .ap-operation-tabbtn a:nth-child(2){
    width: 18%;
}
.operationStu .ap-operation-tabbtn a:nth-child(5){
    width: 22%;
}

.operationStu .ap-operation-left {
    background-color: #f1f8ff;
    margin-top: 10px;
    width: 23.5%;
}

.operationStu .ap-operation-tabbtn a.ap-active {
    margin-top: 0;
    height: 59px !important;
}

.operationStu .ap-operation-tabbtn a {
    font-size: 18px;
    width: 20%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6px 6px 0;
}

.operationStu .ap-operation-tabbtn a div {
    position: relative;
    padding-right: 25px;
}

.operationStu .ap-operation-tabbtn a div i {
    position: absolute;
    right: -8px;
    padding: 0 5px;
    display: block;
    background-color: #f04646;
    line-height: 25px;
    color: #fff;
    border-radius: 5px;
    font-style: inherit;
    font-size: 16px;
    top: 0;
}

.operationStu .ap-operation-tabbtn a br {
    display: none;
}

.operationStu .ap-operation-content {
    height: 420px;
    font-size: 18px;
}

.operationStu .ap-operation-tabcent {
    height: 420px;
}

.operationStu .num_more {
    background-color: #f1f8ff;
    color: #309cff;
}

.operationStu .ap-tabcent-num li {
    height: 60px;
    line-height: 60px;
}

.operationStu .tabcent_cent {
    width: 60%;
}

.studentHeader {
    position: relative;
    width: 100%;
    background: url(/ApChinese/images/bj.png) #1499fb center bottom no-repeat;
    min-height: 210px;
}

.studentHeaderBox {
    display: flex;
    align-items: center;
    padding: 25px 15px;
}

.studentAvatar {
    width: 127px;
    height: 127px;
    top: 0;
    left: auto;
    background: none;
    border: none;
    position: relative;
    z-index: 1;
}

    .studentAvatar::before {
        position: absolute;
        content: '';
        display: block;
        width: 110%;
        height: 110%;
        z-index: -1;
        top: -5%;
        left: -5%;
        border-radius: 55%;
        background-color: rgba(255, 255, 255, 0.2);
    }

    .studentAvatar img {
        width: 100%;
        height: 100%;
        border-radius: 50%;
    }

.studentName {
    color: #fff;
    padding-left: 20px;
    padding-bottom: 20px;
}

.TText_h1 {
    width: 100%;
    font-size: 26px;
}

.TText_p {
    font-size: 17px;
    line-height: 30px;
}

.TText_p1 {
    font-size: 19px;
    line-height: 20px;
}
.apShuoming{
    background: url(../images/Manual.png) no-repeat center rgba(255, 255, 255, 0);
    width: 120px;
    height: 55px;
    position: absolute;
    right: 100px;
    top: 10px;
    display: flex;
    align-items: center;
    margin-right: 10px;
    cursor: pointer;
}
.apShuoming::before{
    content: '';
    display: flex;
    width: 1px;
    height: 80%;
    border-right: 1px dotted rgba(255,255,0255,0.3);
    position: absolute;
    right: -10px;
}
.apDownload{
    background: url(../images/Download.png) no-repeat center rgba(255, 255, 255, 0);
    width: 120px;
    height: 55px;
    position: absolute;
    right: 240px;
    top: 10px;
    display: flex;
    align-items: center;
    margin-right: 10px;
    cursor: pointer;
    display: none;
}
.apDownload::before{
    content: '';
    display: flex;
    width: 1px;
    height: 80%;
    border-right: 1px dotted rgba(255,255,0255,0.3);
    position: absolute;
    right: -10px;
}


@media (max-width:1199px) {
    .apHeadBox .ap-avatar {
        height: 110px;
        width: 110px;
    }

    .ap-head-avatar {
        min-height: 200px;
        background-size: 100% auto;
    }

    .ap_ICT ul li a b {
        width: 150px;
        height: 150px;
        background-size: 100% !important;
    }

    .ap_ICT ul li a::before {
        border-width: 3px;
    }

    .ap_ICT ul li a b::before {
        background-size: auto 80% !important;
    }

    .ap_ICT ul li a span {
        font-size: 18px;
    }

    .ap_ICT ul li a h1 {
        font-size: 20px;
        margin-bottom: 15px;
    }

    .ap_ICT ul li a:hover::before {
        border-width: 3px;
    }

    .apBlockFile .ap-file-title {
        font-size: 22px;
    }

        .apBlockFile .ap-file-title span,
        .ap_title span {
            font-size: 20px;
        }

    .ap_title::before {
        height: 4px;
        border-radius: 2px;
    }

    .ap_title {
        font-size: 22px;
    }

    .apUnit .apUnit_div header span {
        font-size: 14px;
    }

    .apUnit .apUnit_div header h1 {
        font-size: 18px;
    }

    .apUnit_tit span {
        font-size: 16px;
    }

    .apUnit_tit h1 {
        font-size: 18px;
    }

    .apUnit .apUnit_div .apUnit_img {
        height: 140px;
        background-size: auto 100% !important;
    }

    .CIndex_ft a {
        font-size: 20px;
    }

    .eChineseReading_Nav header {
        background-size: auto 90%;
    }

    .operationStu .ap-operation-tabbtn a {
        padding-left: 10px;
        padding-right: 10px;
    }

        .operationStu .ap-operation-tabbtn a:nth-child(1) {
            width: 20%;
        }
        .operationStu .ap-operation-tabcent{
            height: auto;
        }
        .operationStu{
            flex-wrap: wrap;
        }
        .operationStu .ap-operation-content{
            height: 200px;
        }
        .operationStu .ap-operation-left {
            width: 100%;
        }

        .operationStu .ap-operation-right {
            width: 100%;
            padding-top: 10px;
        }

        .operationStu .ap-operation-title {
            border-top-right-radius: 5px;
        }

        .operationStu .ap-operation-tabbtn {
            border-top-left-radius: 5px;
            padding: 10px 10px 0 10px;
        }
        .ap-tabcent-num{
            display: flex;
            width: 100%;
            flex-wrap: wrap;
        }

}

@media (max-width:1024px) {
    .apShuoming{
        right: 130px;
        width: 110px;
        background-size: auto 90%;
        top: 0px;
    }
    .apDownload{
        right: 260px;
        width: 110px;
        background-size: auto 90%;
        top: 0px;
    }

    .apUnit .apUnit_div:nth-child(5) .apUnit_tit,
    .apUnit .apUnit_div:nth-child(6) .apUnit_tit,
    .apUnit .apUnit_div:nth-child(7) .apUnit_tit,
    .apUnit .apUnit_div:nth-child(8) .apUnit_tit,
    .apUnit .apUnit_div:nth-child(9) .apUnit_tit {
        min-height: auto;
    }
    .apUnit_tit_KS{
        padding-top: 8px;
    }
    .apUnit .apUnit_div:nth-child(1) {
        width: 34%;
    }

    .apUnit .apUnit_div:nth-child(2) {
        width: 66%;
    }

    .apUnit .apUnit_div:nth-child(3),
    .apUnit .apUnit_div:nth-child(4) {
        width: 50%;
    }

    .apUnit .apUnit_div .apUnit_img {
        background-size: auto 100% !important;
        height: 0;
    }

    .apUnit .apUnit_div:nth-child(5) {
        width: 100%;
    }

    .apUnit .apUnit_div:nth-child(6),
    .apUnit .apUnit_div:nth-child(9) {
        width: 100%;
    }

    .apUnit .apUnit_div:nth-child(7),
    .apUnit .apUnit_div:nth-child(8) {
        width: 50%;
    }

    .apUnit .apUnit_div:nth-child(1) .apUnit_img {
        padding-bottom: 58.8%;
    }

    .apUnit .apUnit_div:nth-child(2) .apUnit_img {
        padding-bottom: 60%;
    }

    .apUnit .apUnit_div:nth-child(3) .apUnit_img,
    .apUnit .apUnit_div:nth-child(4) .apUnit_img {
        padding-bottom: 70%;
    }

    .apUnit .apUnit_div:nth-child(5) .apUnit_img {
        padding-bottom: 60%;
        background-size: 100% auto !important;
    }

    .apUnit .apUnit_div:nth-child(6) .apUnit_img {
        padding-bottom: 48%;
        background-size: 100% auto !important;
    }

    .apUnit .apUnit_div:nth-child(7) .apUnit_img,
    .apUnit .apUnit_div:nth-child(8) .apUnit_img,
    .apUnit .apUnit_div:nth-child(9) .apUnit_img {
        padding-bottom: 48%;
        background-size: auto 100% !important;
    }
    .apUnit .apUnit_div:nth-child(9) li:nth-child(1) .apUnit_img,
    .apUnit .apUnit_div:nth-child(9) li:nth-child(2) .apUnit_img{
        background-size: 100% auto !important;
    }

    .ap_ICT ul li {
        width: 50%;
    }

    .apBlockFile .ap-file-title span, .ap_title span {
        width: 100%;
        display: flex;
    }

    .ap_title::before {
        top: 50%;
        height: 50px;
        margin-top: -25px;
        width: 4px;
        left: 0;
    }

    .ap_title {
        padding-left: 15px;
    }

    a.readingF {
        height: 60px;
        top: 0;
    }

    .apBlockFile {
        margin-top: 5px;
    }

        .apBlockFile .ap-file-title {
            height: auto;
            line-height: 25px;
            padding: 10px 15px;
            font-size: 20px;
            color: #fff;
        }

            .apBlockFile .ap-file-title span {
                padding: 0;
                font-size: 18px;
                line-height: 16px;
            }

    .PopupBox {
        top: 65px;
    }

    .CIndexHeader a {
        margin-top: 0;
        width: 50px;
        height: 50px;
        background-color: rgba(255, 255, 255, 1);
    }

    .CIndex_ft {
        position: absolute;
        right: 60px;
        top: -100px;
    }

        .CIndex_ft div {
            position: relative;
            font-size: 22px;
        }

        .CIndex_ft span {
            display: none;
        }

        .CIndex_ft a {
            height: 50px;
            width: 50px;
            border-radius: 50%;
            justify-content: center;
            align-items: center;
            padding: 0;
            background-color: rgba(39, 165, 233,1);
            position: relative;
            display: flex;
            color: #fff;
            /* border: 1px solid rgba(255,255,255,0.6); */
        }

            .CIndex_ft a::before {
                position: absolute;
                width: 90%;
                height: 90%;
                content: '';
                display: block;
                /* background: #2cb0f2; */
                border-radius: 50%;
                background-size: 70%;
            }

    .CIndex_titDiv {
        position: relative;
        padding-bottom: 0;
    }

    .CIndexLogo {
        height: 60px;
        width: 80%;
        background-size: auto 100%;
    }

    .CIndexHeader {
        min-height: 120px;
        background-size: 100% 50%;
    }

        .CIndexHeader::before {
            background-size: auto 50%;
        }

    .CIndexHeaderStu {
        background-size: auto 50%;
        position: fixed;
        width: 100%;
        z-index: 2;
        background-color: #fff;
        top: 0;
    }

        .CIndexHeaderStu::before {
            background-size: auto 50%;
        }

    .student_headerR {
        display: none;
    }

    .studentNav {
        width: 50px;
        height: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #35434e;
        border-radius: 50%;
        cursor: pointer;
    }

        .studentNav span {
            display: block;
            width: 55%;
            height: 2px;
            border-radius: 2px;
            background-color: #fff;
            position: relative;
        }

            .studentNav span::before {
                content: '';
                width: 100%;
                height: 2px;
                border-radius: 2px;
                position: absolute;
                background-color: #fff;
                top: -9px;
            }

            .studentNav span::after {
                content: '';
                width: 100%;
                height: 2px;
                border-radius: 2px;
                position: absolute;
                background-color: #fff;
                bottom: -9px;
            }

    .studentLearner {
        padding-top: 0;
        margin-top: -20px;
    }

        .studentLearner .CIndex_ft {
            top: 15px;
            right: 70px;
            position: fixed;
            z-index: 3;
        }

    .tanCBOX header {
        position: fixed;
        width: 100%;
        height: 100%;
        background-color: #344b6c;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        background-color: #344b6c;
        font-size: 18px;
        line-height: 50px;
    }

    .tanCBOX a {
        text-align: center;
        color: #fff;
        width: 100%;
        display: block;
    }

        .tanCBOX a span {
            padding-left: 5px;
        }

    b.clockTCB {
        cursor: pointer;
        position: absolute;
        right: 3%;
        top: 3%;
        height: 30px;
        width: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

        b.clockTCB::before {
            content: '';
            position: absolute;
            display: block;
            width: 80%;
            height: 9%;
            transform: rotate(45deg);
            background-color: #fff;
        }

        b.clockTCB::after {
            content: '';
            position: absolute;
            display: block;
            width: 80%;
            height: 9%;
            transform: rotate(-45deg);
            background-color: #fff;
        }

    .operationStu {
        flex-wrap: wrap;
        height: auto;
    }

        .operationStu .ap-operation-left {
            width: 100%;
        }

        .operationStu .ap-operation-right {
            width: 100%;
            padding-top: 10px;
        }

        .operationStu .ap-operation-title {
            border-top-right-radius: 5px;
        }

        .operationStu .ap-operation-tabbtn {
            border-top-left-radius: 5px;
            padding: 10px 10px 0 10px;
        }
    .eChineseReading_Nav header {
        /* background-size: 90% auto; */
        display: none;
    }
    .eChineseReading_Nav {
        flex-wrap: wrap;
        height: auto;
    }
    .eChineseReading_Nav div{
        width: 100%;
        padding: 5px 0 10px 0;
    }
    .eChineseReading_Nav div a{
        width: 25%;
    }
    .eChineseReading_Nav h2 {
        display: block;
        width: 100%;
        line-height: 50px;
        background-color: #d9fafd;
        text-align: center;
        font-size: 22px;
        color: #00a6bb;
    }

    .eChineseReading_Nav div a::before {
        height: 150px;
        background-size: auto 100% !important;
    }

    .eChineseReading_Nav div a span {
        font-size: 13px;
    }

    .eChineseReading_Nav div a h1 {
        font-size: 17px;
    }

    .operationStu .ap-operation-tabcent {
        border: 1px solid #daeaff;
    }

    .operationStu .ap-operation-content {
        border: 1px solid #daeaff;
        height: 210px;
    }

    .studentHeader {
        margin-top: 80px;
        min-height: 200px;
        background-size: 100% auto;
    }

    .studentAvatar {
        height: 110px;
        width: 110px;
    }

    .studentName {
        padding-bottom: 0;
    }
}
@media (max-width:980px) {
    .operationStu .ap-operation-tabbtn a:nth-child(1),
    .operationStu .ap-operation-tabbtn a:nth-child(2),
    .operationStu .ap-operation-tabbtn a:nth-child(3){
        width: 31.333333%;
    }
    .operationStu .ap-operation-tabbtn a:nth-child(4),
    .operationStu .ap-operation-tabbtn a:nth-child(5){
        width: 48%;
    }
    .operationStu .ap-operation-tabbtn a{
        background-color: #e1e7fa;
        margin:5px 1%;
        color: #34358e;
        border-radius: 5px;
    }
    .operationStu .ap-operation-tabbtn{
        height: auto;
        display: flex;
        flex-wrap: wrap;
        padding: 0;
        background:none;
    }
    .operationStu .ap-operation-tabbtn a.ap-active{
        height: auto !important;
        background: #4f78e1;
        color: #fff !important;
        margin-top: 5px;
    }
    .operationStu .ap-operation-right{
        padding-top: 0;
        border-left: 1px solid #daeaff;
        border-right: 1px solid #daeaff;
    }
    .operationStu .ap-operation-tabcent{
        border-top: 0;
        border-right: 0;
        border-left: 0;

    }
    .operationStu .ap-tabcent-num li{
        border-bottom: 1px dashed rgba(0,0,0,0.15);
        background: none;
    }
    .operationStu .ap-tabcent-num li:last-child{
        border: 0;
    }
    .operationStu .num_more{
        background-color: #f5f6f7;
        border-radius: 5px;
        color: #4f78e1;
    }
}
@media (max-width:768px) {
    .apHeadBox .ap-text-name {
        top: auto;
        padding-left: 20px;
    }

    .apHeadBox .ap-avatar {
        height: 90px;
        width: 90px;
    }

    .ap-text_h1 {
        font-size: 22px;
    }

    .apHeadBox .ap-text_p {
        font-size: 15px;
        display: block;
    }

    .apHeadBox .ap-text_p1 {
        font-size: 17px;
        display: block;
    }

    .ap-text-name br {
        display: none;
    }

    .ap-head-avatar {
        min-height: 17px;
    }

    .readingF h1 {
        font-size: 18px;
    }

    .readingF span {
        font-size: 14px;
    }

    a.readingF {
        height: 53px;
        padding-top: 8px;
        padding-left: 58px;
        top: 5px;
    }

    .readingF::before {
        width: 45px;
        height: 45px;
        background-size: 100%;
    }

    .apBlockFile .ap-file-title span, .ap_title span {
        font-size: 18px;
    }

    .ap_titDiv {
        padding-bottom: 0px;
    }

    .JobRelease {
        font-size: 18px;
    }

    .ap_title span {
        font-size: 16px;
    }

    .apFooter {
        text-align: center;
    }

    .eChineseReading_Nav header {
        width: 100%;
        background-size: auto 100%;
    }

    .eChineseReading_Nav {
        flex-wrap: wrap;
        height: auto;
        border: 1px solid #d9fafd;
    }

        .eChineseReading_Nav header {
            display: none;
        }

        .eChineseReading_Nav h2 {
            display: block;
            width: 100%;
            line-height: 50px;
            background-color: #d9fafd;
            text-align: center;
            font-size: 22px;
            color: #00a6bb;
        }

        .eChineseReading_Nav div {
            width: 100%;
            padding: 5px 0 10px 0;
            flex-wrap: wrap;
        }
        .eChineseReading_Nav div b{
            background: none;
        }
        .eChineseReading_Nav div::before{
            width: 1px;
            height: 100%;
            background-color: #d9fafd;
        }
        .eChineseReading_Nav div::after{
            width: 100%;
            height: 1px;
            background-color: #d9fafd;
            top: 50%;
            right: 0;
        }
        .eChineseReading_Nav div a {
            width: 50%;
            padding: 5px 0 10px 0;
        }

    .operationStu .ap-operation-tabbtn a {
        font-size: 16px;
        padding:6px;
    }

    .operationStu span.opration-en {
        font-size: 15px;
        padding-bottom: 0;
    }

    .studentAvatar {
        height: 90px;
        width: 90px;
    }

    .TText_h1 {
        font-size: 22px;
    }

    .TText_p {
        font-size: 15px;
        display: block;
    }

    .TText_p1 {
        font-size: 17px;
        display: block;
    }

    .studentHeader {
        min-height: auto;
    }

    .studentLearner {
        margin-top: 0;
    }
    .apShuoming,
    .apDownload{
        background-color: rgba(39, 165, 233, 1);
        border-radius: 8px;
        background-size: auto 45px;
        height: 50px;
        margin-right: 0;
    }
    .apShuoming::before,
    .apDownload::before{
        display: none;
    }
    .apDownload{
        right: 250px;
    }
}


@media (max-width:720px) {
    .apUnit .apUnit_div:nth-child(1) {
        width: 100%;
    }
    .apUnit .apUnit_div:nth-child(1) .apUnit_tit,
    .apUnit .apUnit_div:nth-child(4) .apUnit_tit,
    .apUnit .apUnit_div:nth-child(5) .apUnit_tit,
    .apUnit .apUnit_div:nth-child(6) .apUnit_tit,
    .apUnit .apUnit_div:nth-child(7) .apUnit_tit{
        min-height: auto;
    }

        .apUnit .apUnit_div:nth-child(1) .apUnit_img {
            padding-bottom: 45%;
            background-size: 100% auto !important;
        }

    .apUnit .apUnit_div:nth-child(2),
    .apUnit .apUnit_div:nth-child(3),
    .apUnit .apUnit_div:nth-child(4) {
        width: 100%;
        background-size: auto 100% !important;
    }

    .apUnit .apUnit_div:nth-child(6) .apUnit_img {
        padding-bottom: 70%;
        background-size: auto 100% !important;
    }

    .apUnit .apUnit_div:nth-child(7) .apUnit_img,
    .apUnit .apUnit_div:nth-child(8) .apUnit_img,
    .apUnit .apUnit_div:nth-child(9) .apUnit_img {
        padding-bottom: 70%;
    }

    .apUnit .apUnit_div:nth-child(5) ul {
        flex-wrap: wrap;
    }

        .apUnit .apUnit_div:nth-child(5) ul li:nth-child(1) {
            width: 50%;
        }

        .apUnit .apUnit_div:nth-child(5) ul li:nth-child(2) {
            width: 50%;
        }

        .apUnit .apUnit_div:nth-child(5) ul li:nth-child(3) {
            width: 100%;
        }

            .apUnit .apUnit_div:nth-child(5) ul li:nth-child(3) .apUnit_img {
                padding-bottom: 45%;
            }

    .ap-easy-tab a {
        font-size: 16px;
    }

    .eChineseReading_Nav div a::before {
        height: 120px;
    }

    .operationStu .ap-operation-tabbtn {
        height: auto;
        padding: 5px;
        display: flex;
        flex-wrap: wrap;
    }

        .operationStu .ap-operation-tabbtn a {
            width: 48% !important;
            margin: 5px 1%;
        }

            .operationStu .ap-operation-tabbtn a.ap-active {
                border-radius: 5px;
                padding: 5px;
                height: auto !important;
            }
            
    .operationStu .ap-operation-tabbtn a:nth-child(1){
        width: 100% !important;
    }
    .apUnit .apUnit_div:nth-child(9) li:nth-child(1) .apUnit_img, 
    .apUnit .apUnit_div:nth-child(9) li:nth-child(2) .apUnit_img {
        background-size: auto 100% !important;
    }
}

@media (max-width:650px) {
    .JobRelease {
        position: absolute;
        right: 0;
        top: -5px;
    }
    .apShuoming{
        width: 50px;
        height: 50px;
        border-radius: 50%;
        background-position: center left 12px;
        background-size: auto 97%;
        background-color: rgba(39, 165, 233, 1);
        right: 127px;
    }
    .apDownload{
        width: 50px;
        height: 50px;
        border-radius: 50%;
        background-position: center left 12px;
        background-size: auto 97%;
        background-color: rgba(39, 165, 233, 1);
        right: 184px;
    }
    .apShuoming::before,
    .apDownload::before{
        display: none;
    }

    .CIndex_titDiv {
        padding-top: 20px;
    }
    .APdemo .CIndex_titDiv {
        padding-top: 0px;
    }
    .operationStu .tabcent_cent {
        width: 100%;
    }

    .operationStu .ap-tabcent-num li {
        height: auto;
        line-height: 25px;
        padding: 10px;
    }


    .operationStu .num_more {
        font-size: 16px;
        height: 50px;
        line-height: 50px;
    }
}

@media (max-width:620px) {
    .apDownload {
        width: 35px;
        background-position: center left 5px;
        background-size: auto 95%;
        background-color: transparent;
        right: 170px;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }
    .apShuoming{
        width: 35px;
        background-position: center left 5px;
        background-size: auto 95%;
        background-color: transparent;
    }
    .apHeadBox .ap-avatar {
        position: relative;
    }

    .apHeadBox {
        width: 100%;
        flex-wrap: wrap;
        justify-content: center;
        padding: 20px 0;
    }

        .apHeadBox .ap-text-name {
            width: 100%;
            text-align: center;
            padding-left: 0;
            padding-top: 10px;
        }

    .ap-head-avatar {
        height: 220px;
        background-size: auto 50px;
    }

    .apHeadBox .ap-avatar {
        width: 80px;
        height: 80px;
    }

    .ap-text_h1 {
        padding-left: 20px;
    }

    .apHeadBox .ap-text_p {
        line-height: 20px;
        font-size: 14px;
        padding-bottom: 3px;
    }

    .ap_titDiv {
        position: relative;
        padding-top: 55px;
        justify-content: center;
        padding-bottom: 15px;
    }

    a.readingF {
        position: absolute;
        top: -10px;
        left: 50%;
        margin-left: -90px;
    }

    .ap-easy-tab_sp {
        padding: 3px 15px;
        top: 12px;
    }

    .ap_indexNan {
        right: 70px;
        top: 2px;
    }

    .ap-eamil {
        margin-left: 0;
        height: 50px;
    }

    .apHeader .ap-headtop {
        height: 60px;
    }

    .ap-head-avatar {
        margin-top: 60px;
    }
    /* .ap_title{
        text-align: center;
        padding:10px 0;
    } 
    .apBlockFile .ap-file-title span, .ap_title span{
        font-size: 15px;
    }
    .ap_title::before{
        width: 50px;
        height: 4px;
        left: 50%;
        margin-left: -25px;
        bottom: 0;
        margin-top: 0;
        top: auto;
    }*/
    .apBlockUspa1 .ap_titDiv {
        padding-top: 0;
    }

    .ap_ICT ul li a b {
        width: 125px;
        height: 125px;
    }

        .ap_ICT ul li a b::before {
            background-size: auto 65% !important;
        }

    .ap_ICT ul li a span {
        font-size: 16px;
    }

    .ap_ICT ul li {
        padding: 0 6px;
    }

    .ap_ICT ul {
        margin: 0 -5px;
    }

        .ap_ICT ul li a h1 {
            font-size: 18px;
        }
    /* .PopupBox {
        top: 50px;
        max-width: 270px;
        right: 50%;
        margin-right: -135px;
    } */
    .PopupBox_div ul li a span:nth-child(2) {
        font-size: 14px;
    }

    .PopupBox {
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: rgba(0,0,0,.5);
        max-width: 100%;
        z-index: 9;
    }

    .PopupBox_div ul {
        padding: 10px;
    }

    .PopupBox_div h1 {
        display: block;
    }

    .PopupBox_div {
        max-width: 350px;
        width: 90%;
        left: 50%;
        top: 50%;
        -webkit-transition: -webkit-transform .3s,opacity .3s;
        transition: transform .3s,opacity .3s;
        -webkit-transform: translate(-50%,-80%);
        transform: translate(-50%,-100%) scale
    }

    .PopupBox.act .PopupBox_div {
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%) scale;
    }

    .JobRelease {
        width: 100%;
        margin: 0;
        background-color: #fd9447;
    }

        .JobRelease:hover {
            transform: scale(1,1);
        }

    .CIndex_titDiv {
        padding-top: 60px;
    }

    .apBlockUspa {
        padding: 0 2%;
    }

    .studentLearner .CIndex_titDiv {
        padding-top: 0;
    }

    .studentLearner .ap_title {
        text-align: center;
        padding: 10px 0;
    }

        .studentLearner .ap_title::before,
        .apBlockUspaStu .ap_titDiv .ap_title::before {
            width: 50px;
            height: 4px;
            left: 50%;
            margin-left: -25px;
            bottom: 0;
            margin-top: 0;
            top: auto;
        }

    .CIndex_Tleft {
        flex-wrap: wrap;
        width: 100%;
    }
    .studentLearner .CIndex_Tleft {
        justify-content: center;
        margin-bottom: 15px;
    }

        .CIndex_Tleft .ap_title span {
            font-size: 15px;
            justify-content: center;
        }

    .apBlockUspaStu .ap_titDiv .ap_title {
        text-align: center;
        padding: 10px;
        margin-top: 10px;
    }
    
    .APdemo .CIndex_Tleft{
        margin-bottom: 0;
    }


    .apFooter .apBlockUspa {
        font-size: 14px;
    }

    .studentHeaderBox {
        width: 100%;
        flex-wrap: wrap;
        justify-content: center;
        padding: 20px 0;
        height: 220px;
        background-size: auto 50px;
    }

    .studentAvatar {
        width: 80px;
        height: 80px;
        position: relative;
    }

    .studentName {
        width: 100%;
        text-align: center;
        padding-left: 0;
    }

    .TText_h1 {
        padding-left: 20px;
    }

    .TText_p {
        line-height: 20px;
        font-size: 14px;
        padding-bottom: 3px;
    }

    .studentHeader {
        margin-top: 70px;
    }
}

@media (max-width:500px) {
    .apShuoming{
        height: 40px;
        right: 98px;
        top: 10px;
        background-position: center left 10px;
        background-size: auto 95%;
    }
    .apDownload{
        height: 40px;
        right: 130px;
        top: 10px;
        background-position: center left 10px;
        background-size: auto 95%;
    }
    .ap_ICT ul li a span {
        font-size: 13px;
    }

    .PopupBox_div h1 {
        font-size: 20px;
    }

    .PopupBox_div ul li a span:nth-child(1) {
        font-size: 18px;
    }

    .clockTC1::before,
    .clockTC1::after {
        width: 50%;
    }

    .PopupBox_div ul li a::after {
        width: 50px;
        height: 50px;
    }

    .PopupBox_div ul li a::after {
        background-size: 80% !important;
    }

    .PopupBox_div ul li a span:nth-child(2) {
        font-size: 14px;
    }

    .PopupBox_div ul li a::before {
        right: 15px;
    }

    .CIndexHeader {
        padding-top: 10px;
        min-height: 100px;
    }

    .CIndexLogo {
        height: 50px;
    }

    .CIndexHeader a {
        width: 40px;
        height: 40px;
        margin-top: 8px;
    }
    .CIndexHeader .apBlockUspa a{
        margin-top: 8px;
    }

    .CIndex_ft a {
        height: 40px;
        width: 40px;
    }

    .CIndex_ft div {
        font-size: 18px;
    }

    .CIndex_ft {
        right: 40px;
        top: -82px;
    }

    .apBlockLearner .apBlockUspa {
        padding: 0 15px;
    }

    .ap_title {
        font-size: 19px;
    }

        .ap_title span {
            font-size: 14px;
        }

        .ap_title::before {
            height: 40px;
            margin-top: -20px;
        }

    .apBlockFile .ap-file-title {
        font-size: 18px;
    }

        .apBlockFile .ap-file-title span {
            font-size: 14px;
        }

    .apBlockFile {
        padding: 0 8px;
    }

    .apUnit {
        padding-bottom: 0;
    }

    .studentNav {
        width: 40px;
        height: 40px;
    }

    .studentLearner .CIndex_ft {
        right: 55px;
    }

    .operationStu .ap-operation-tabbtn a div i {
        font-size: 14px;
        line-height: 20px;
    }

    .operationStu .ap-operation-tabbtn a div {
        padding-right: 25px;
    }

    .operationStu .ap-operation-tabbtn {
        background: none;
        padding: 5px 0;
        margin-top: 0;
        border-radius: 0;
        margin: 0 -1%;
        width: 102%;
    }

        .operationStu .ap-operation-tabbtn a {
            margin: 5px 1%;
            width: 48% !important;
            padding: 10px 5px !important;
            /* background-color: #f5f6f7;
            color: #555; */
        }

            .operationStu .ap-operation-tabbtn a.ap-active {
                /* background-color: #309cff; */
                color: #fff !important;
                margin-top: 5px;
            }

    .operationStu .ap-operation-right {
        padding-top: 0;
        border: 0;
    }

    .operationStu .ap-operation-tabcent {
        border-top: 0;
    }

    .operationStu .ap-operation-tabbtn a div i {
        right: -5px;
    }

    .eChineseReading_Nav h2 {
        font-size: 20px;
    }

    .operationStu .ap-tabcent-num li {
        background: none;
        border-bottom: 1px dashed rgba(0,0,0,0.15);
        margin-bottom: 0;
    }

    .operationStu .ap-operation-tabcent {
        border: 0;
    }
}
@media (max-width:450px) {
    .CIndex_ft a{
        display: none;
    }
    .apShuoming{
        right: 55px;
    }
    .apDownload{
        right: 90px;
    }
}
@media (max-width:430px) {
    .apShuoming{
        right: 52px;
        background-position: center left 9px;
        background-size: auto 98%;
    }
    .apDownload{
        right: 85px;
        background-position: center left 9px;
        background-size: auto 98%;
    }
    .CIndexLogo {
        height: 45px;
        margin-top: 5px;
    }
    .CIndex_ft{
        display: none;
    }
}
.layerui-backhint-class .layui-layer-content .layui-layer-ico {
    top: 27px !important;
}