body {
    background-color: #eff3f6;
}

.newIndSec1_list_right {
    position: relative;
}

.newIndSec1_list .a_img {
    position: absolute;
    /*position: fixed;*/
    /*top: 0;*/
    left: 25%;
    /*right: 0;*/
    display: none !important;
    /*width: 100% !important;*/
    /*height: 100%;*/
    z-index: 999;
    box-shadow: 2px 2px 3px #ccc;
}

.a_image {
    width: 100%;
    height: 100%;
}

.newIndSec1_list_right li:hover .a_img {
    display: block !important;
}


 .courseIndBanner .indBanner_swiper {
     position: relative;
     width: 100%;
     height: 240px;
 }

.newIndSec3 {
    margin: 0;
}

.newIndSec3_title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 13px 0;
}
.newIndSec3_con {
    padding: 15px;
    background-color: #fff;
}
.newIndSec3_title h6 {
    font-size: 24px;
}
.newIndSec3_title a {
    font-size: 18px;
    color: #000 !important;
}

@media (max-width: 1440px) {
    .courseIndBanner .indBanner_swiper {
        height: 220px;
    }
}

@media (max-width: 1200px) {
    .courseIndBanner .indBanner_swiper {
        height: 140px;
    }
}

/*AI外链*/

 .aiIndBox {
     background-color: #eff3f6;
     padding: 12px 0 0 0;
 }

/*会员权益*/

 .newIndSec_bg {
     padding: 1px 0 0 0;
 }

.newIndSec1 {
    padding: 20px 0 0 0;
}

.newIndSec2 {
    padding: 20px 0 0 0;
}

.newIndSec0 {
    margin-top: 9px;
}

.newIndSec0_con {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.memberEquity_box {
    background-color: #fff;
    padding: 10px 20px;
    width: calc((100% - 60px) / 4);
    border-radius: 5px;
}

.memberEquity_title_box {
    display: flex;
    align-items: flex-end;
    padding: 10px 0;
    border-bottom: 1px solid #ccc;
}

.memberEquity_title_box .img_box {
    margin-right: 10px;
}

.memberEquity_title_box .img_box img {
    width: 30px;
    height: 30px;
}

.memberEquity_title_box .title_box {
    font-size: 20px;
    font-weight: bold;
    color: #000;
}

.memberEquity_con_box {
    padding: 5px 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    min-height: 70px;
}

.memberEquity_con_p {
    padding: 5px 10px 1px 0;
    color: #a0a0a0;
    font-size: 16px;
}

@media (max-width: 768px) {
    .newIndSec0_con {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: flex-start;
    }

    .memberEquity_box {
        width: calc((100% - 10px) / 2);
        margin-bottom: 10px;
    }

    .newIndSec1 {
        padding: 0;
    }
}

/*限时活动*/

 .newIndSec0-1 {
     margin-top: 13px;
 }

.newIndSec0-1_title h6 {
    font-size: 24px;
    color: #333;
    font-weight: bold;
}

.newIndSec0-1_con_box {
    margin-top: 10px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.newIndSec0-1_con_box .img_box {
    width: calc((100% - 30px) / 3);
    height: 100px;
}

.newIndSec0-1_con_box .img_box img {
    width: 100%;
    height: 100%;
    border-radius: 10px;
}

@media (max-width: 768px) {
    .newIndSec0-1_con_box {
        display: block;
        width: 100%;
    }

    .newIndSec0-1_con_box .img_box {
        width: 100%;
        height: auto;
        margin-bottom: 10px;
    }
}

/*资料-文章-法规-问答*/

 .newIndSec1-2 {
     margin-top: 13px;
 }

.newIndSec1-2_con {
    background-color: #fff;
    padding: 10px;
}

.toggle_box {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    border-bottom: 1px solid #CCCCCC;
}

.toggle_box li {
    margin: 0 40px;
}

.toggle_box li a {
    letter-spacing: 1px;
    position: relative;
    transition: all 0.3s ease-in-out;
    font-size: 20px;
    font-weight: bold;
    height: 50px;
    line-height: 50px;
}

.toggle_box li.on a,
.toggle_box li a:hover {
    color: #076ce0;
    border-bottom: 1px solid #076ce0;
}

.newIndSec1-2_con_box {
    display: none;
}

.newIndSec1-2_con_box.on {
    display: block;
}

.newIndSec1-2_con_box .newIndSec1_box {
    width: 100%;
    padding: 10px 20px;
    border-radius: unset;
    box-shadow: unset;
}

.newIndSec1-2_con_box .newIndSec1_box .a_img {
    width: 50%;
}

.newIndSec1-2_con_box .more {
    margin-top: 10px;
    width: 130px;
    height: 36px;
    background-color: #0165df;
    line-height: 36px;
    text-align: center;
    transition: all 0.3s ease-in-out;
    border-radius: 50px;
}

.newIndSec1-2_con_box .more a {
    color: #fff;
    font-size: 16px;
}

.newIndSec1-2 .newIndSec2_leftClassify {
    display: flex;
    align-items: center;
    justify-content: center;
}

.newIndSec1-2 .newIndSec2_leftClassify li {
    margin: 0 30px;
    font-size: 14px;
    padding: unset;
    width: 80px;
    height: 30px;
    line-height: 30px;
}

.newIndSec1-2 .newIndSec2_leftClassify li a {
    font-size: 14px;
    padding: unset;
    color: #666;
}
.newIndSec1-2 .newIndSec2_leftClassify li.on a,
.newIndSec1-2 .newIndSec2_leftClassify li:hover a {
    color: #fff;
}

.newIndSec1-2 .newIndSec2_leftList_txt {
    padding: 1.6px 0;
}

@media (max-width: 768px) {
    .toggle_box li {
        margin: 0 10px;
    }
    .toggle_box li a {
        font-size: 16px;
    }
    .newIndSec1-2 .newIndSec2_leftClassify li {
        margin: 0 15px;
    }
}

/*直播回放*/

/* .indSec4_list_2 {*/
/*     display: flex;*/
/*     align-items: center;*/
/*     justify-content: space-between;*/
/*     !*margin-top: 10px;*!*/
/* }*/
/*.indSec4_list_2 li {*/
/*    width: calc((100% - 60px) / 5);*/
/*    background-color: #fff;*/
/*    !*margin-right: 10px;*!*/
/*    border-radius: 5px;*/
/*    box-shadow: 2px 2px 3px #ccc;*/
/*}*/
/*.indSec4_list_2 a {*/
/*    position: relative;*/
/*}*/
/*.indSec4_list_2 .indSec4_img {*/
/*    overflow: hidden;*/
/*    border-radius: 5px;*/
/*}*/
/*.indSec4_txt_box {*/
/*    color: #FFFFFF;*/
/*}*/
/*.indSec4_txt_box h6 {*/
/*    position: absolute;*/
/*    left: 1%;*/
/*    bottom: 1%;*/
/*}*/
/*.indSec4_txt_box .category_name {*/
/*    !*position: absolute;*!*/
/*    !*bottom: 1%;*!*/
/*    !*left: 1%;*!*/
/*    background-color: rgb(94, 90, 90, 0.2);*/
/*    padding: 0px 5px;*/
/*}*/
/*.indSec4_txt_box .price {*/
/*    !*position: absolute;*!*/
/*    !*bottom: 1%;*!*/
/*    !*right: 1%;*!*/

/*    display: block;*/
/*    !* margin-top: 10px; *!*/
/*    margin-top: 5px;*/
/*    !*font-size: 24px;*!*/
/*    !*color: #fe3b03;*!*/
/*    font-weight: bold;*/
/*    text-align: right;*/
/*    background-color: rgb(94, 90, 90, 0.2);*/
/*    padding: 0px 5px;*/
/*}*/
/*.indSec4_txt_box .play_num_box {*/
/*    !*position: absolute;*!*/
/*    !*right: 1%;*!*/
/*    !*top: 1%;*!*/
/*    display: flex;*/
/*    align-items: baseline;*/
/*    background-color: rgb(94, 90, 90, 0.2);*/
/*    padding: 0px 5px;*/
/*}*/
/*.indSec4_txt_box .play_num_box img {*/
/*    width: 11px;*/
/*}*/
/*.indSec4_txt_box .play_num_box .play_num {*/
/*    font-size: 14px;*/
/*}*/

/*@media (max-width: 768px) {*/
/*    .indSec4_list_2 {*/
/*        display: flex;*/
/*        flex-direction: row;*/
/*        flex-wrap: wrap;*/
/*        align-items: flex-start;*/
/*        justify-content: flex-start;*/
/*    }*/
/*    .indSec4_list_2 li {*/
/*        width: calc(50% - 5px);*/
/*        margin-bottom: 10px;*/
/*        margin-right: 10px;*/
/*    }*/
/*    .indSec4_list_2 li:nth-child(2n) {*/
/*        margin-right: 0;*/
/*    }*/
/*}*/

/*系列课程*/

 .courseTitle {
     margin-bottom: 13px;
 }
.courseSec2 {
    margin-top: 13px;
}
.courseSec2Box {
    background-color: #fff;
    padding: 15px;
}

.courseSec2Box .courseSec2Box1_list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
}

.courseSec2Box .courseSec2Box1 {
    /*display: flex;*/
    /*justify-content: space-between;*/
    /* padding: 20px; */
    /*width: 50%;*/
    width: calc((100% - 30px) / 2);
    /* background-color: #fff; */
    /*margin-right: 20px;*/
    border-radius: 5px;
    /* box-shadow: 2px 2px 3px #ccc; */
}

.courseSec2Box .courseSec2Box1 .courseSec2Box1_top {
    display: flex;
    justify-content: space-between;
}

.courseSec2Box .courseSec2Box1 {
    /*display: flex;*/
    /*justify-content: space-between;*/
    /*align-items: center;*/
}

.courseSec2Box .courseSec2Box1 .courseSec2Box1_left {
    width: 43%;
}

.courseSec2Box .courseSec2Box1 .courseSec2Box1_left .courseSec2Box1_img {
    width: 100%;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
}

.courseSec2Box .courseSec2Box1 .courseSec2Box1_left .class_hour {
    position: absolute;
    right: 5px;
    bottom: 0;
    color: #fff;
    background-color: #3a454e63;
}

.courseSec2Box .courseSec2Box1 .courseSec2Box1_right {
    width: 55%;
}

.courseSec2Box .courseSec2Box1 .courseSec2Box1_title {
    font-size: 24px;
    font-weight: 500;
    color: #333;

    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}

.courseSec2Box .courseSec2Box1 .courseSec2Box1_title a {
    font-size: 20px;
    font-weight: 500;
    color: #333;
}

.courseSec2Box .courseSec2Box1 .courseSec2Box1_title .class_hour {
    font-size: 20px;
    font-weight: normal;
}

.courseSec2Box .courseSec2Box1 .courseSec2Box1_price {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.courseSec2Box .courseSec2Box1 .courseSec2Box1_price .courseSec2Box1_price_box {
    margin-left: 10px;
}

.courseSec2Box .courseSec2Box1 .courseSec2Box1_price .price_text {
    font-size: 18px;
    color: #fe3b03;
}

.courseSec2Box .courseSec2Box1 .courseSec2Box1_price .price {
    font-size: 24px;
    color: #fe3b03;
    font-weight: bold;
    text-align: right;
}

.courseSec2Box .courseSec2Box1 .courseSec2Box1_price .overline {
    text-decoration: line-through;
    color: #666666;
    font-size: 18px;
    margin-left: 5px;
}

.courseSec2Box .courseSec2Box1 .courseSec2Box1_btn {
    margin: 0 15px;
}

.courseSec2Box .courseSec2Box1 .courseSec2Box1_btn .btn {
    width: 100px;
    height: auto;
    /*color: #FFF;*/
    /*background-color: #0165df;*/
    border: none;
    border-radius: 4px;
    background: linear-gradient(to right, #ff7701, #ff5500);
    color: #F5F5F5;
}

.courseSec2Box .courseSec2Box1 .courseSec2Box1_btn .btn.payed {
    background: #00b783;
}

.courseSec2Box .courseSec2Box1 .courseSec2Box1_right .courseSec2Box1_right_bottom {
    margin-top: 10px;
    font-size: 16px;
    color: #7a7a7a;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    text-overflow: ellipsis;
}

.courseSec2Box .courseSec2Box2 {
    margin: 20px 0;
    width: 100%;
    /*height: 80px;*/
}

.courseSec2Box .courseSec2Box3 {
    display: flex;
    border: 2px solid #f5f5f5;
}

.courseSec2Box .courseSec2Box3 .courseSec2Box3_left {
    width: 15%;
}

.courseSec2Box .courseSec2Box3 .courseSec2Box3_left .courseSec2Box3_left_title {
    display: flex;
    align-items: center;
    background-color: #03abf9;
    padding: 10px 20px;
}

.courseSec2Box .courseSec2Box3 .courseSec2Box3_left .courseSec2Box3_left_title .fa {
    margin-right: 10px;
}

.courseSec2Box .courseSec2Box3 .courseSec2Box3_left .courseSec2Box3_left_title .fa,
.courseSec2Box .courseSec2Box3 .courseSec2Box3_left .courseSec2Box3_left_title .title {
    color: #FFF;
    font-size: 20px;
}

.courseSec2Box .courseSec2Box3 .courseSec2Box3_left .courseSec2Box3_left_list {
    /*border-right: 2px solid #f5f5f5;*/
}

.courseSec2Box .courseSec2Box3 .courseSec2Box3_left .courseSec2Box3_left_list li {
    border-right: 2px solid #f5f5f5;
}

.courseSec2Box .courseSec2Box3 .courseSec2Box3_left .courseSec2Box3_left_list li.on {
    background-color: #edfdff;
    border-top: 2px solid #f5f5f5;
    border-bottom: 2px solid #f5f5f5;
    border-right: unset;
}

.courseSec2Box .courseSec2Box3 .courseSec2Box3_left .courseSec2Box3_left_list li.on:first-child {
    border-top: unset;
}

.courseSec2Box .courseSec2Box3 .courseSec2Box3_left .courseSec2Box3_left_list li.on:last-child {
    border-bottom: unset;
}

.courseSec2Box .courseSec2Box3 .courseSec2Box3_left .courseSec2Box3_left_list li.on a {
    border-bottom: unset;
}

.courseSec2Box .courseSec2Box3 .courseSec2Box3_left .courseSec2Box3_left_list li a {
    font-size: 18px;
    color: #0d0d0d;
    padding: 5px 10px;
    margin: 0 10px;
    /*padding: 10px 20px;*/
    border-bottom: 1px solid #CCC;
}

.courseSec2Box .courseSec2Box3 .courseSec2Box3_left .courseSec2Box3_left_list li:last-child a {
    border-bottom: unset;
}

.courseSec2Box .courseSec2Box3 .courseSec2Box3_right {
    /*padding: 15px;*/
    width: 85%;
    background-color: #edfdff;
}

.courseSec2Box .courseSec2Box3 .courseSec2Box3_right .courseSec2Box3_right_box {
    display: none;
}

.courseSec2Box .courseSec2Box3 .courseSec2Box3_right .courseSec2Box3_right_box.on {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    background-color: #edfdff;
}

.courseSec2Box .courseSec2Box3 .courseSec2Box3_right .courseSec2Box3_right_table {
    width: calc(100% / 3);
    padding: 15px;
}

.courseSec2Box .courseSec2Box3 .courseSec2Box3_right .courseSec2Box3_right_table_title {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    border-bottom: 1px solid #CCC;
    padding: 10px 0 10px 25px;
}

.courseSec2Box .courseSec2Box3 .courseSec2Box3_right .courseSec2Box3_right_table_title .title {
    font-size: 24px;
    font-weight: bold;
}

.courseSec2Box .courseSec2Box3 .courseSec2Box3_right .courseSec2Box3_right_table_title .title a {
    color: #444;
}

.courseSec2Box .courseSec2Box3 .courseSec2Box3_right .courseSec2Box3_right_table_title .more {
    font-size: 18px;
    color: #4a4a4a;
    width: 15%;
}

.courseSec2Box .courseSec2Box3 .courseSec2Box3_right .courseSec2Box3_right_table_list ul li {
    list-style: disc;
    font-size: 18px;
}

.courseSec2Box .courseSec2Box3 .courseSec2Box3_right .courseSec2Box3_right_table_list ul li::marker {
    color: #CCC;
    font-weight: bold;
    font-size: 22px;
}

.courseSec2Box .courseSec2Box3 .courseSec2Box3_right .courseSec2Box3_right_table_list ul li a {
    cursor: pointer;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #3a3a3a;
}

.courseSec2Box .courseSec2Box3 .courseSec2Box3_right .courseSec2Box3_right_table_list {
    padding: 10px 0 0 25px;
}

@media (max-width: 768px) {
    .courseSec2Box .courseSec2Box1 {
        display: block;
        padding: unset;
    }

    .courseSec2Box .courseSec2Box1_list {
        display: block;
    }

    .courseSec2Box .courseSec2Box1_list .courseSec2Box1 {
        width: 100%;
        margin-bottom: 20px;
    }

    .courseSec2Box .courseSec2Box1 .courseSec2Box1_top {
        display: block;
    }

    .courseSec2Box .courseSec2Box1 .courseSec2Box1_left {
        width: 100%;
    }

    .courseSec2Box .courseSec2Box1 .courseSec2Box1_right {
        width: 100%;
        padding: unset;
        margin-top: 10px;
    }

    .courseSec2Box .courseSec2Box1 {
        display: block;
    }

    .courseSec2Box .courseSec2Box1 .courseSec2Box1_title {
        font-size: 20px;
    }

    .courseSec2Box .courseSec2Box1 .courseSec2Box1_title a {
        font-size: 20px;
    }

    .courseSec2Box .courseSec2Box1 .courseSec2Box1_title .class_hour {
        font-size: 16px;
    }

    .courseSec2Box .courseSec2Box1 .courseSec2Box1_price {
        display: block;
    }

    .courseSec2Box .courseSec2Box1 .courseSec2Box1_btn {
        margin: auto;
    }

    .courseSec2Box .courseSec2Box1 .courseSec2Box1_btn .btn {
        width: 100%;
    }

    .courseSec2Box .courseSec2Box3 {
        display: block;
    }

    .courseSec2Box .courseSec2Box3 .courseSec2Box3_left {
        display: block;
        width: 100%;
    }

    .courseSec2Box .courseSec2Box3 .courseSec2Box3_left .courseSec2Box3_left_title {
        width: 100%;
    }

    .courseSec2Box .courseSec2Box3 .courseSec2Box3_left .courseSec2Box3_left_list ul {
        position: relative;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: flex-start;
        justify-content: flex-start;
    }

    .courseSec2Box .courseSec2Box3 .courseSec2Box3_left .courseSec2Box3_left_list li {
        border: unset;
    }

    .courseSec2Box .courseSec2Box3 .courseSec2Box3_left .courseSec2Box3_left_list li.on {
        border: unset;
    }

    .courseSec2Box .courseSec2Box3 .courseSec2Box3_left .courseSec2Box3_left_list li a {
        border: unset;
    }

    .courseSec2Box .courseSec2Box3 .courseSec2Box3_right {
        width: 100%;
        padding: unset;
    }

    .courseSec2Box .courseSec2Box3 .courseSec2Box3_right .courseSec2Box3_right_box.on {
        display: block;
    }

    .courseSec2Box .courseSec2Box3 .courseSec2Box3_right .courseSec2Box3_right_table {
        width: 100%;
        padding: 10px;
    }

    .courseSec2Box .courseSec2Box3 .courseSec2Box3_right .courseSec2Box3_right_table_title .title {
        font-size: 18px;
    }

    .courseSec2Box .courseSec2Box3 .courseSec2Box3_right .courseSec2Box3_right_table_list ul li {
        font-size: 16px;
    }

    .courseSec2Box .courseSec2Box3 .courseSec2Box3_left .courseSec2Box3_left_title .title {
        font-size: 18px;
    }

    .courseSec2Box .courseSec2Box3 .courseSec2Box3_left .courseSec2Box3_left_list li a {
        font-size: 16px;
    }
}

/*普通课程*/

 .courseSec2_list li {
     margin: auto 0;
     /*padding: 30px;*/
     padding: 10px 0;
     background-color: #fff;
 }

.courseSec2_list li a {
    padding: 0;
    background-color: #f9f9f9;
}

.courseSec2_list li .courseTitle2 a {
    background-color: #fff;
}

.courseSec2_bottom_box {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}

.courseTitle2_left {
    display: flex;
    align-items: baseline;
}

.courseTitle2_left .count {
    font-size: 14px;
    margin-left: 10px;
    color: #ccc;
}

.pay_box {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
}

.courseSec2_bottom_con {
    height: 140px;
}

.pay_box .price_box {
    display: block;
    /* margin-top: 10px; */
    margin-top: 5px;
    font-size: 18px;
    color: #fe3b03;
    font-weight: bold;
    text-align: right;
}

.pay_box .price_box .payer {
    font-size: 14px;
    color: #ccc;
}

.pay_box .price_box .overline {
    text-decoration: line-through;
    color: #ccc;
    font-size: 16px;
    margin-left: 5px;
}

.pay_box .btn-success {
    margin: auto 0;
    width: unset;
    height: unset;
    padding: 3px 10px;
    border-radius: 5px;
    font-size: 14px;
    cursor: pointer;
    color: #fff;
    background-color: #5cb85c;
}

.courseSec2_txt p {
    -webkit-line-clamp: 4;
}

.pointer {
    cursor: pointer;
}

@media (max-width: 1440px) {

    .pay_box {
        display: block;
        text-align: right;
    }
}

@media (max-width: 768px) {
    .indSec4_img img {
        max-height: 25vw;
        object-fit: cover;
    }

    .courseTitle2_left .count {
        font-size: 12px;
    }

    .pay_box {
        display: block;
        text-align: right;
    }

    .courseSec2_bottom_con {
        height: unset;
    }
}

/*书籍售卖*/

 .indSec4_img img {
     /* max-height: 11vw; */
     object-fit: cover;
 }

.indSec4_txt .title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    /* -webkit-line-clamp: 2; */
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}

.indSec4_txt .price {
    font-size: 18px;
    margin: 5px 0 0 0;
}

.indSec4_txt .price .overline {
    text-decoration: line-through;
    color: #666666;
    font-size: 16px;
    margin-left: 5px;
}

.indSec4_txt .sales {
    font-size: 16px;
    color: #ccc;
    text-align: right;
}

.booksBox .indSec4_txt {
    border: unset;
    /*padding: 10px;*/
}

.booksBox2 .indSec4_img {
    overflow: hidden;
    border-radius: 5px;
}


/*会员购买提醒弹窗*/

 .vip_pay_remind_alert {
     background-color: unset;
     overflow: hidden;
     box-shadow: unset;
     display: block;
     width: 80%;
     height: 80%;
     top: 10%;
     left: 10%;
 }

.vip_pay_remind_alert .alertClose {
    position: fixed;
    top: 10%;
    right: 10%;
}

.alertBox img {
    width: 100%;
    height: auto;
}

@media (max-width: 768px) {
    .vip_pay_remind_alert {
        display: block;
        width: 98%;
        height: 60%;
        top: 20%;
        left: 1%;
    }

    .vip_pay_remind_alert .alertClose {
        position: fixed;
        top: 10%;
        right: 3%;
    }
}