/* 宝安首页 S */
.bgEFF5FF {
    background: #EFF5FF;
}

.one_hidden {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

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

.mgt40 {
    margin-top: 40px;
}

.mgt35 {
    margin-top: 35px;
}

/* header */
.xds_header {
    padding-top: 24px;
    background: #0E51D1;
}

.xds_header .head_btn {
    display: inline-block;
    width: 85px;
    height: 35px;
    line-height: 35px;
    font-size: 16px;
    text-align: center;
    color: #fff;
    border: 1px solid #FFF;
    margin-left: 10px;
    border-radius: 6px;
}

.xds_header .head_btn:hover {
    background: #fff;
    color: #1A57CB;
}

.xds_header .head_btns_wrap {
    position: relative;
    margin-top: 7px;
    padding-left: 12px;
}

.xds_header .head_btns_wrap::before {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    content: '';
    width: 1px;
    height: 24px;
    background: #fff;
}

.xds_header .search_wrap .ico_search {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../images/qc_smart_education/ico_search.png) no-repeat;
    background-size: 100% 100%;
    margin-top: 14px;
    margin-right: 27px;
    cursor: pointer;
}

.xds_header .search_ipt_wrap {
    position: relative;
    display: inline-block;
    width: 329px;
    height: 36px;
    padding-left: 30px;
    padding-right: 36px;
    border-radius: 30px;
    margin-right: 27px;
    margin-top: 7px;
    border: 1px solid #0085FF;
    box-sizing: border-box;
    background: #fff;
}

.xds_header .search_ipt {
    border: none;
    width: 100%;
    height: 100%;
    font-size: 14px;
    color: #000;
    box-sizing: border-box;
}

.xds_header .search_ipt_wrap .search_btn {
    position: absolute;
    right: 19px;
    top: 50%;
    width: 18px;
    height: 18px;
    transform: translateY(-50%);
    background: url(../images/qc_smart_education/search_ico.png) no-repeat;
    background-size: 100% 100%;
}

.xds_header .head_nav_list {
    margin-right: -22px;
}

.xds_header .head_nav_list .nav_item {
    float: left;
    font-size: 18px;
    padding: 0 8px;
    padding-bottom: 22px;
    margin: 0 14px;
    border-bottom: 2px solid transparent;
}

.xds_header .head_nav_list .nav_item>a {
    color: #fff;
}

.xds_header .head_nav_list .nav_item.on,
.xds_header .head_nav_list .nav_item:hover {
    border-bottom: 2px solid #fff;
}

.xds_header .head_nav_list .nav_item:first-child {
    margin-left: 0;
}

.xds_header .head_nav_list .more_nav_item {
    position: relative;
}

.xds_header .head_nav_list .more_nav_item.on,
.xds_header .head_nav_list .more_nav_item:hover {
    border-color: transparent;
}

.xds_header .head_nav_list .more_nav_item:hover .more_item_list {
    display: block;
}

.xds_header .head_nav_list .more_item_list {
    position: absolute;
    min-width: 107px;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 100%);
    border-radius: 4px;
    border: 1px solid #DEE2EA;
    background: #FFF;
    padding: 7px 0;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.10);
    z-index: 999;
}

.xds_header .head_nav_list .more_item {
    display: block;
    width: 100%;
    height: 28px;
    line-height: 28px;
    text-align: center;
    color: #000;
    font-size: 14px;
}

.xds_header .head_nav_list .more_item:hover {
    background: #E1EFFF;
    color: #0085FF;
    ;
}

.xds_section {
    margin-top: 60px;
}

.xds_section .m_top {
    position: relative;
    height: 38px;
}

.xds_section .l_tit {
    position: relative;
    font-size: 27px;
    color: #222;
    line-height: 38px;
    padding: 0 95px;
    font-weight: 500;
}

.xds_section .l_tit::before {
    position: absolute;
    content: '';
    left: 0;
    top: 50%;
    width: 78px;
    height: 12px;
    transform: translateY(-50%);
    background: url(../images/qc_smart_education/ico_tit_before.png) no-repeat left center;
}

.xds_section .l_tit::after {
    position: absolute;
    content: '';
    right: 0;
    top: 50%;
    width: 78px;
    height: 12px;
    transform: translateY(-50%);
    background: url(../images/qc_smart_education/ico_tit_after.png) no-repeat right center;
}

.xds_section .r_more {
    font-size: 16px;
    color: #1A57CB;
    margin-top: 10px;
}

/* banner */
.xds_banner_wrap {
    height: 360px;
}

.xds_banner_wrap .mySwiper {
    width: 100%;
    height: 100%;
}

.xds_banner_wrap .swiper-slide {
    width: 100%;
    height: 100%;
}

.xds_banner_wrap .item {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}

.xds_banner_wrap .swiper-pagination-bullet {
    width: 51px;
    height: 6px;
    background: rgba(255, 255, 255, 0.54);
    border-radius: 0;
    opacity: 1;
}

.xds_banner_wrap .swiper-pagination-bullet-active {
    opacity: 1;
    position: relative;
    background: rgba(255, 255, 255, 0.54);
}

.xds_banner_wrap .swiper-pagination-bullet::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background-color: #ffffff;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
}

.xds_banner_wrap .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
    width: 100%;
    transition: width 10s linear;
}

/* 教育新闻   通知公告  */
.xds_newsCont_wrap .left_wrap {
    position: relative;
    width: 595px;
    height: 342px;
    margin-right: 20px;
}

.xds_newsCont_wrap .left_wrap .bottom_tit {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background: rgba(26, 87, 203, 1);
    padding: 0 10px;
    color: #fff;
    font-size: 16px;
    box-sizing: border-box;
}

.xds_newsCont_wrap .news_list .item_left_box {
    width: 167px;
    height: 112px;
    margin-right: 11px;
}

.xds_newsCont_wrap .news_list .item:last-child .item_left_box {
    height: 90px;
}

.xds_newsCont_wrap .news_list .item {
    margin-top: 14px;
}

.xds_newsCont_wrap .news_list .item:first-child {
    margin-top: 0;
}

.xds_newsCont_wrap .item_infos {
    float: right;
    margin-top: 10px;
    max-width: 401px;
}

.xds_newsCont_wrap .item_infos .tit {
    font-size: 18px;
    color: #000;
    font-weight: normal;
}

.xds_newsCont_wrap .item_infos .des {
    color: #666;
    font-size: 14px;
    margin-top: 4px;
}

.xds_newsCont_wrap .item_infos .pub_time {
    margin-top: 6px;
    color: #666;
}

.xds_newsCont_wrap .item:last-child .item_infos {
    margin-top: 0px;
}


/* 直播课 */
.xds_tab {
    margin-top: 30px;
    text-align: center;
}

.xds_tab .item {
    display: inline-block;
    height: 28px;
    line-height: 28px;
    padding: 0 20px;
    font-size: 14px;
    margin-right: 30px;
    color: #0A0A0A;
    border-radius: 29px;
}

.xds_tab .item.on {
    color: #fff;
    background: #1A57CB;
}

.xds_zbClassList_wrap .play_line_bg {
    position: relative;
    width: 36px;
    height: 36px;
    padding-right: 245px;
    background: url(../images/qc_smart_education/ico_play.png) no-repeat;
    background-size: 36px 36px;
}

.xds_zbClassList_wrap .play_line_bg::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 40px;
    transform: translateY(-50%);
    width: 245px;
    height: 1px;
    background: #CCDEFF;
}

.xds_zbClassList_wrap .top_cont .status {
    display: inline-block;
    margin-left: 15px;
    height: 22px;
    line-height: 22px;
    padding: 0 7px;
    color: #fff;
    font-size: 12px;
    border-radius: 25px;
    vertical-align: top;
}

.xds_zbClassList_wrap .top_cont .status.on {
    background: #1A57CB;
}

.xds_zbClassList_wrap .top_cont .status.will_on {
    background: #9FC0FF;
}

.xds_zbClassList_wrap {
    margin-top: 45px;
    margin-right: -20px;
}

.xds_zbClassList_wrap .item {
    margin-right: 20px;
}

.xds_zbClassList_wrap .infos_wrap {
    width: 285px;
    height: 350px;
    margin-top: 20px;
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
}

.xds_zbClassList_wrap .cover_pic_wrap {
    position: relative;
    height: 212px;
}

.xds_zbClassList_wrap .level_mark {
    position: absolute;
    top: 12px;
    left: 0;
    width: 47px;
    height: 18px;
}

.xds_zbClassList_wrap .sch_level {
    background: url(../images/qc_smart_education/icol_sch_level.png) no-repeat;
    background-size: 100% 100%;
}

.xds_zbClassList_wrap .qj_level {
    background: url(../images/index_v20230625/ico_qj_level.png) no-repeat;
    background-size: 100% 100%;
}

.xds_zbClassList_wrap .cover_pic_wrap>img {
    width: 100%;
    height: 100%;
}

.xds_zbClassList_wrap .play_time {
    position: absolute;
    width: 100%;
    padding-left: 40px;
    bottom: 0;
    left: 0;
    height: 30px;
    font-size: 12px;
    color: #fff;
    line-height: 31px;
    background: rgba(0, 0, 0, .6) url(../images/qc_smart_education/ico_clock.png) no-repeat left 20px center;
    background-size: 14px 14px;
    box-sizing: border-box;
}

.xds_zbClassList_wrap .if_tit {
    font-size: 16px;
    color: #000;
    font-weight: normal;
}

.xds_zbClassList_wrap .if_des {
    font-size: 14px;
    color: #555;
    margin-top: 10px;
}

.xds_zbClassList_wrap .sub_name {
    display: inline-block;
    height: 26px;
    line-height: 26px;
    padding: 0 14px;
    margin-top: 20px;
    border-radius: 4px;
    color: #555;
    font-size: 14px;
    background: #F0F0F0;
}

/* 课程教学 */
.xds_classList_wrap {
    margin-top: 40px;
    margin-right: -20px;
}

.xds_classList_wrap .dl_wrap {
    position: relative;
    margin-right: 20px;
    border-radius: 8px;
    padding-top: 46px;
    text-align: center;
    box-sizing: border-box;
}

.xds_classList_wrap .a_link {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.xx_class_wrap {
    width: 584px;
    height: 346px;
    background: url(../images/index_v20230625/xx_class_bg.png) no-repeat;
}

.cz_class_wrap {
    width: 288px;
    height: 345px;
    background: url(../images/index_v20230625/cz_class_bg.png) no-repeat;
}

.gz_class_wrap {
    width: 288px;
    height: 345px;
    background: url(../images/index_v20230625/gz_class_bg.png) no-repeat;
}

.xds_classList_wrap .dt_tit {
    color: #fff;
    font-size: 32px;
    line-height: 45px;
    font-weight: 500;
}

.xds_classList_wrap .des {
    font-size: 20px;
    line-height: 28px;
    margin-top: 10px;
    color: #fff;
}

.xds_classList_wrap .dd_list {
    display: flex;
    width: 100%;
    padding: 0 65px;
    flex-wrap: wrap;
    margin-top: 45px;
    box-sizing: border-box;
}

.xds_classList_wrap .dd_list .item {
    width: 110px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    border-radius: 22px;
    font-size: 16px;
    color: #0B305F;
    margin: 0 15px;
    margin-bottom: 16px;
    background: #DBEBFF;
}

/* 名师推荐 */
.xds_msList_wrap {
    max-width: 1200px;
    padding-top: 50px;
    padding-bottom: 127px;
    margin-right: -24px;
}

.xds_msList_wrap .item {
    position: relative;
    width: 282px;
    height: 320px;
    padding: 0 10px;
    padding-top: 35px;
    /* margin-right: 24px; */
    border-radius: 12px;
    background: #fff;
    border: 1px solid #E8EFEE;
    text-align: center;
    box-shadow: 0px 2px 4px 0px rgba(71, 148, 232, 0.16);
    box-sizing: border-box;
}

.xds_msList_wrap .area_stag {
    position: absolute;
    top: 0;
    right: 0;
    width: 42px;
    height: 42px;
    line-height: 42px;
    font-size: 18px;
    border-radius: 0px 11px;
    background: #EDF7FF;
    color: #3DA2FF;
}

.xds_msList_wrap .avatar {
    position: relative;
    width: 110px;
    height: 110px;
    padding-bottom: 15px;
    margin: 0 auto;
}

.xds_msList_wrap .avatar>img {
    width: 110px;
    height: 110px;
    border-radius: 50%;
}

.xds_msList_wrap .ms_subject {
    position: absolute;
    left: 10px;
    bottom: 0;
    width: 90px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #0084FF;
    border-radius: 34px;
    text-align: center;
    background: #D8ECFF;
}

.xds_msList_wrap .ms_studio {
    margin-top: 20px;
    font-size: 22px;
    color: #000;
    font-weight: 500;
}

.xds_msList_wrap .ms_level {
    font-size: 16px;
    color: #888888;
    margin-top: 10px;
}

.xds_msList_wrap .ms_location {
    font-size: 16px;
    color: #A9BCCD;
    line-height: 27px;
    text-align: left;
    width: 100%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.xds_msList_wrap .swiper-pagination-bullet {
    width: 14px;
    height: 14px;
    background: #8A8888;
}

.xds_msList_wrap .swiper-pagination-bullet-active {
    width: 33px;
    border-radius: 18px;
    opacity: .3;
    background: #9B9A9A;
}


/* 教研活动 */
.xds_jyActivity_list {
    margin-right: -20px;
}

.xds_jyActivity_list .item {
    width: 285px;
    height: 204px;
    padding: 23px;
    margin-right: 20px;
    background: url(../images/qc_smart_education/jy_activity_bg.png) no-repeat;
    border-radius: 8px;
    text-align: center;
    box-sizing: border-box;
}

.xds_jyActivity_list .tit {
    margin: 0 15px;
    font-size: 16px;
    color: #333;
    text-align: center;
    font-weight: 500;
}

.xds_jyActivity_list .online_btn {
    display: inline-block;
    width: 58px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    color: #fff;
    font-size: 12px;
    background: #1A57CB;
    border-radius: 4px;
    margin: 18px 0;
}

.xds_jyActivity_list .name_infos .name_item {
    margin: 0 10px;
}

.xds_jyActivity_list .bottom_wrap {
    display: flex;
    width: 100%;
    font-size: 14px;
    justify-content: space-between;
    margin-top: 10px;
}

.xds_jyActivity_list .bottom_wrap .infos_item {
    padding-left: 20px;
}

.xds_jyActivity_list .bottom_wrap .item_user {
    background: url(../images/qc_smart_education/ico_user.png) no-repeat left center;
    background-size: 12px 12px;
}

.xds_jyActivity_list .bottom_wrap .item_agree {
    background: url(../images/qc_smart_education/ico_agree.png) no-repeat left center;
    background-size: 12px 12px;
}

.xds_jyActivity_list .bottom_wrap .item_active {
    background: url(../images/qc_smart_education/ico_clock2.png) no-repeat left center;
    background-size: 12px 12px;
}

/* 右侧固定盒子 */
.xds_fixed_wrap {
    position: fixed;
    top: 60%;
    right: 20px;
    width: 70px;
    padding: 10px 6px;
    background: #1A57CB;
    border-radius: 8px;
    z-index: 999;
    box-sizing: border-box;
}

.xds_fixed_wrap .item>a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 58px;
    height: 68px;
    margin-bottom: 8px;
    font-size: 12px;
    color: #fff;
}

.xds_fixed_wrap .item_ico {
    width: 30px;
    height: 30px;
}

.xds_fixed_wrap .item:hover {
    background: #1247AF;
    border-radius: 4px;
}

.xds_fixed_wrap .item {
    position: relative;
}

.xds_fixed_wrap .app_download_item:hover .q_code_wrap {
    display: block;
}

.xds_fixed_wrap .q_code_wrap {
    position: absolute;
    top: -50%;
    left: -15px;
    transform: translateX(-100%);
    width: 113px;
    height: 141px;
    padding-top: 10px;
    /* background: #EFF5FF; */
    /* border: 1px solid #DAE8F0; */
    background: #fff url(../images/index_v20230625/q_code_bg.png) no-repeat center;
    border-radius: 8px;
    text-align: center;
    box-sizing: border-box;
}

.xds_fixed_wrap .q_code_wrap .b_txt {
    margin-top: 6px;
    font-size: 12px;
    line-height: 17px;
    color: #2D2D2D;
}

/* 教学试点学校 */
.xds_sdSchList_wrap {
    height: 182px;
}

.xds_sdSchList_wrap .mySwiper {
    width: 100%;
    height: 100%;
    padding: 0 55px;
    box-sizing: border-box;
}

.xds_sdSchList_wrap .swiper-slide {
    width: 134px;
    text-align: center;
}

.xds_sdSchList_wrap .sch_logo {
    height: 106px;
    text-align: center;
}

.xds_sdSchList_wrap .sch_logo>img {
    width: 106px;
    height: 106px;
}

.xds_sdSchList_wrap .sch_name {
    margin-top: 30px;
    color: #333;
    font-size: 16px;
}

.xds_pre_btn {
    width: 24px;
    height: 47px;
    background: url(../images/index_v20230625/pre_slide_btn.png) no-repeat;
}

.xds_pre_btn::after,
.xds_next_btn::after {
    display: none;
}

.xds_next_btn {
    width: 24px;
    height: 47px;
    background: url(../images/index_v20230625/next_slide_btn.png) no-repeat;
}

/* 底部 */
.xds_footer {
    font-size: 14px;
    color: #fff;
    padding-top: 20px;
    background: #3e475c;
}

.xds_footer .link_tit {
    font-size: 16px;
}

.xds_footer .friend_links_wrap {
    margin-right: -56px;
    margin-left: 72px;
}

.xds_footer .friend_links_wrap .links_item {
    width: 218px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    margin-right: 56px;
    color: #fff;
    border-radius: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: #4D586F;
}

.xds_footer .page_about {
    height: 145px;
    padding-bottom: 30px;
    padding-top: 50px;
    text-align: center;
}

.xds_footer .a_link {
    color: #fff;
}

.xds_footer .sponsor_item {
    margin-right: 20px;
}

/* banner */
.xds_banner_wrap {
    position: relative;
}

.xds_banner_wrap .banner_infos {
    position: absolute;
    width: 1200px;
    left: 50%;
    top: 50%;
    color: #fff;
    z-index: 999;
    transform: translate(-50%, -50%);
}

.xds_banner_wrap .banner_infos .sch_name {
    width: 263px;
    height: 56px;
    font-size: 20px;
    line-height: 56px;
    text-align: center;
    border-radius: 4px;
    background: #2F6CEF;
}

.xds_banner_wrap .banner_infos .sch_infos {
    width: 263px;
    margin-top: 15px;
    padding: 15px 9px;
    font-size: 12px;
    border-radius: 2px;
    background: rgba(135, 135, 135, 0.4);
    word-break: break-all;
    letter-spacing: .05em;
    line-height: 18px;
    box-sizing: border-box;
}

/* 宝安首页 E */

/* 宝安样式调整 */
.xds_news_tab .item {
    position: relative;
    padding-right: 15px;
    margin-right: 15px;
    color: #555;
}

.xds_news_tab .item:hover,
.xds_news_tab .item.on {
    color: #222;
}

.xds_news_tab .item::after {
    content: '';
    position: absolute;
    width: 2px;
    height: 29px;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    background: #222;
}

.xds_news_tab .item:last-child {
    padding-right: 0;
    margin: 0;
}

.xds_news_tab .item:last-child::after {
    display: none;
}

.xds_txt_hover:hover {
    color: #3d95d5;
}

.xds_newsCont_wrap .news_list .item:hover .tit

/* .xds_newsCont_wrap .news_list .item:hover .des */
    {
    color: #0E51D1;
}

.xds_zbClassList_wrap .infos_wrap:hover .if_tit

/* .xds_zbClassList_wrap .infos_wrap:hover .if_des
.xds_zbClassList_wrap .infos_wrap:hover .sub_name  */
    {
    color: #0E51D1;
}

/* .xds_msList_wrap .item:hover .ms_studio, */
.xds_msList_wrap .item:hover .ms_level,
.xds_msList_wrap .item:hover .ms_location {
    color: #3d95d5;
}

.xds_sdSchList_wrap .swiper-slide:hover .sch_name {
    color: #3d95d5;
}

.xds_classList_wrap .dl_wrap {
    width: 288px;
    background-size: 100% 100%;
    transition: all .2s linear;
}

.xds_classList_wrap .dl_wrap.big_dl_wrap {
    width: 584px;
    overflow: hidden;
}

.xds_classList_wrap .cz_class_wrap .item {
    background: #cff4ff;
}

.xds_classList_wrap .cz_class_wrap.big_dl_wrap {
    background: url(../images/index_v20230625/cz_class_bg2.png);
}

.xds_classList_wrap .gz_class_wrap.big_dl_wrap {
    background: url(../images/index_v20230625/gz_class_bg2.png);
}

.xds_classList_wrap .xx_class_wrap.big_dl_wrap {
    background: url(../images/index_v20230625/xx_class_bg2.png) no-repeat;
}

.xds_classList_wrap .dl_wrap .dd_list .item {
    width: 0;
    opacity: 0;
    transition: all .2s linear;
}

.xds_classList_wrap .dl_wrap.big_dl_wrap .dd_list .item {
    width: 110px;
    opacity: 1;
}

.xds_classList_wrap .gz_class_wrap .item {
    background: #ffebdf;
}


/* 宝安数学学校首页 */
.sq_banner {
    height: 500px;
}

.sq_Introduction {
    position: relative;
    /* height: 222px;    */
}

.sq_img {
    position: absolute;
    top: -66px;
    left: 0;
    z-index: 9;
}

.sq_content {
    margin-left: 142px;
    margin-top: 26px;
}

.sq_h2 {
    color: #000;
    font-size: 28px;
    margin-bottom: 10px;
}

.sq_p {
    font-size: 16px;
    color: #555;
    line-height: 22.4px;
}

.sq_content ul {
    display: flex;
    margin-top: 17px;
    margin-bottom: 32px
}

.sq_content ul li {
    height: 32px;
    margin-right: 66px;
}

.sq_content ul img {
    display: inline-block;
    width: 32px;
    vertical-align: -10px;
}

.sq_content ul span {
    font-size: 20px;
    color: #6F85A0;
    margin: 0 10px;
}

.sq_content ul i {
    font-size: 20px;
    color: #000;
}

.sq_section {
    margin-top: 0px;
}

.xds_section .sq_tit {
    font-size: 28px;
    font-weight: 600;
}

.xds_section .sq_tit::before {
    width: 100%;
    left: -12px;
    background: url(../images/baoan_School/ico_tit_before.png) no-repeat left center;
}

.xds_section .sq_tit::after {
    background: url(../images/baoan_School/ico_tit_after.png) no-repeat left center;
}

.sq_tab .item {
    padding: 6px 32px;
    border: 1px solid #1A57CB;
    color: #1A57CB;
    font-size: 18px;
}

.sq_status {
    padding: 2px 7px !important;
}

.sq_msList_wrap .item {

    width: 278px;
    height: 334px;
    border-radius: 6px;
}

.sq_list {
    display: flex;
    justify-content: space-between;
}

.sq_list .item {
    width: 278px;
    height: 258px;
    border: 1px solid #DEDEDE;
    background: #FFF;
    border-radius: 0px;
    padding: 0px;
}

.sq_list .item p {
    color: #000;
    text-align: left;
    font-size: 18px;

    margin: 20px 20px 13px;

}

.sq_list .item .sq_span {
    font-size: 14px;
    color: #555;
    padding: 3px 10px;
    border-radius: 4px;
    background: #F6F6F6;
}

.sq_list .item i {
    color: #0084FF;
}

.sq_flex {
    display: flex;
    padding: 0 10px;
    justify-content: space-between;
}

.sq_list .name_item {
    font-size: 14px;
    color: #555;
}

.one_ellipsis {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.sq_sec {
    margin-top: 0px;
    padding-top: 48px;
    padding-bottom: 64px;
}

.sq_News {
    display: flex;
}

.sq_News li {
    position: relative;
    width: 300px;
    height: 270px;
    box-sizing: border-box;
}

.sq_News li img {

    width: 100%;
}

.sq_triangle {
    position: absolute;
    top: 36px;
    left: -40px;
    width: 0px;
    height: 0px;

    border: 24px solid transparent;
    border-right-color: #fff;
    z-index: 9;
}

.sq_News li span {
    display: inline-block;
    color: #004DDF;
    text-align: center;
    font-size: 18px;
    border-radius: 31px;
    width: 94px;
    height: 35px;
    line-height: 35px;
    border: 1px solid #FFF;
    background: #DEEAFF;
    margin-top: 40px;
}

.sq_bor {
    padding: 0 33px 0 26px;
    border: 1px solid #CCD2E8;
    box-sizing: border-box;
}

.sq_bor p {
    color: #222;
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    margin-top: 69px;
}

.sq_bor i {
    display: block;
    font-size: 14px;
    color: #888;
    margin-top: 12px;
}

.sq_bg {
    background: #004DDF;
    border: none;
}

.sq_bg p,
.sq_bg i {
    color: #fff;
}

.sq_bg span {
    color: #1A57CB;
    background: #DEEAFF;
}

.c004DDF {
    position: absolute;
    top: 36px;
    right: -40px;
    width: 0px;
    height: 0px;
    border: 24px solid transparent;
    z-index: 9;
    border-left-color: #fff;
}

.bg000 {
    /* border-left-color: #fff; */
}

.mgb35 {
    margin-bottom: 35px;
}

.sq_footer {
    color: #555;
    background: #F2F2F2;
    padding-bottom: 50px;
    padding-top: 50px;
}

.sq_footer .a_link {
    color: #555;
}

.sq_flex1 {
    display: flex;
    justify-content: space-between;
}

.sq_msList_wrap .swiper-pagination-bullet {
    background: #004DDF;
    margin-left: 10px;

}

.sq_msList_wrap .swiper-pagination-bullet-active {

    opacity: 1;
}

.sq_pagination {
    width: 100%;
    margin: 0 auto;
    margin-top: 40px;
}


/*   20230711新增已登录样式  */
.xds_userInfos_wrap {
    margin-top: -5px;
    margin-left: 7px;
}

.xds_userInfos_wrap .user_avatar {
    width: 44px;
    height: 44px;
    border-radius: 50%;
}

.xds_userInfos_wrap .user_name {
    font-size: 14px;
    color: #fff;
    margin: 0 10px;
    margin-top: 12px;
}


/* 20230711 宝安数学试点首页 */

.sq_News li a {
    display: block;
    width: 100%;
    height: 100%;
}

.sq_News li:hover {
    background: #004DDF;
    border: none;
}


.sq_News li:hover span {
    color: #1A57CB;
    background: #DEEAFF;
}

.sq_News li:hover p,
.sq_News li:hover i {
    color: #fff;
}

.sq_News li:hover .sq_triangle {
    border-right-color: #004DDF;
}

.sq_News li:hover .c004DDF {
    border-left-color: #004DDF;
}


/* 20230711 宝安数学试点首页 */

/* 20230712 样式调整 */
.xds_msList_wrap .area_stag {
    padding: 0 12px;
    width: auto;
    max-width: 276px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    box-sizing: border-box;
}

.mzl_swiper .swiper-slide {
    width: 278px;
    height: 258px;
    border: 1px solid #DEDEDE;
    background: #FFF;
    box-sizing: border-box;
}

.mzl_swiper img {
    width: 100%;
    height: 154px;
}

.mzl_swiper .info {
    margin-left: 20px;
    margin-top: 20px;
    width: 235px;
    color: #000;
    font-weight: 400;
    font-size: 18px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.mzl_swiper .bottom {
    margin-top: 10px;
    padding: 0 20px;
    display: flex;
    box-sizing: border-box;
    justify-content: space-between;
    align-items: center;
}


.mzl_swiper .bottom .left {
    /* width: 56px; */
    max-width: 105px;
    padding: 2px 5px;
    box-sizing: border-box;
    /* height: 20px;
    line-height: 20px; */
    text-align: center;
    background: #F6F6F6;
    color: #555;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mzl_swiper .bottom .right {
    color: #888;
}

.C008 {
    color: #0084FF;
}


.mzl_swiper_box {
    overflow: hidden;
    padding-bottom: 30px;
}

.mzl_swiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 25px;
    height: 8px;
    background: #1a57cb;
    border-radius: 5px;
    overflow: hidden;
}

.mzl_swiper .swiper-pagination-bullet::before {
    background: #d1ddf5;
}

.mzl_swiper .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    background: #d1ddf5;
    border-radius: 50%;
    opacity: 1;
}

.mzl_swiper .swiper-pagination {
    bottom: -35px;
}

.mzl_swiper {
    position: relative;
    margin-top: 50px;
    height: 266px;
}

.mzl_tab {
    margin-top: 25px;
    text-align: center;
}

.mzl_tab .item {
    margin-right: 30px;
    cursor: pointer;
    font-size: 14px;
}

.mzl_tab .item.on {
    display: inline-block;
    background: #1a57cb;
    width: 70px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    color: #000;
    border-radius: 15px;
    color: #fff;
}

.small_tit {
    margin: 35px auto 70px auto;
    color: #555;
    font-size: 20px;
    text-align: center;
}

.mzl_consortium {
    /* padding: 30px 0; */
    height: 481px;
    box-sizing: border-box;
    border-radius: 8px;
    background: #FFF;
}

.mzl_consortium .left img {
    margin-right: 25px;
    width: 107px;
    height: 107px;
}

.mzl_consortium .left {
    float: left;
    width: 500px;
    height: 100%;
    font-size: 16px;
    font-weight: 500;
    display: flex;
    justify-content: center;
    align-items: center;
}

.mzl_consortium .left .mzl_school img {
    width: 100%;
    height: 100%;
}

.mzl_consortium .left a {
    margin-left: 25px;
    width: 64px;
    height: 29px;
    line-height: 29px;
    background: #1A57CB;
    text-align: center;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    border-radius: 5px;
}

.mzl_consortium .right {
    float: left;
    width: 592px;
}

.mzl_consortium .right li {
    display: flex;
    align-items: center;
    margin-top: 30px;
    height: 60px;
    border-bottom: 1px solid #EFEFEF;
}

.mzl_consortium .right li:last-child {
    border: none;
}

.mzl_consortium .right li .link {
    display: block;
    width: 24px;
    height: 24px;
    background: url(../images/qc_smart_education/link.png) no-repeat center;
}

.mzl_consortium .right li .school {
    margin-left: 15px;
    width: 192px;
    text-align: left;
    color: #333;
    font-size: 16px;
    font-weight: 500;
    background: none;
}

.mzl_consortium .right li .school:hover {
    color: #0E51D1;
}

.mzl_consortium .right li .area {
    margin-left: 69px;
    color: #333;
    width: 112px;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
}

.mzl_consortium .right li a {
    display: block;
    margin-left: auto;
    width: 88px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    background: #ECF4FF;
    font-size: 16px;
    color: #0084FF;
    font-weight: 400;
    border-radius: 8px;
}

.xds_banner_wrap .banner_infos .sch_name {
    width: unset;
    font-size: 48px;
    font-weight: 600;
    text-align: center;
    background: unset;
    border-radius: unset;
    height: unset;
}

.xds_banner_wrap .banner_infos .sch_small_tit {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 33px;
    color: #fff;
    font-size: 32px;
    line-height: 32px;
    font-weight: 400;
    text-align: center;
}

.xds_banner_wrap .banner_infos .sch_small_tit .drop {
    display: block;
    margin: 0 15px;
    background: #fff;
    width: 8px;
    height: 8px;
    border-radius: 50%;
}

.xds_header .head_nav_list .nav_item {
    padding: 0;
    padding-bottom: 6px;
}

.xds_header {
    padding: 21px 0;
}

.mgt12 {
    margin-top: 12px;
}

.xds_header .head_nav_list .nav_item {
    margin: 0 12px;
}

.mzl_live_broadcast {
    margin-top: 45px;
}

.mzl_live_broadcast .calendar {
    width: 390px;
    height: 272px;
}

.mzl_live_broadcast .calendar img {
    width: 100%;
    height: 100%;
}

.mzl_live_broadcast .xds_zbClassList_wrap .infos_wrap {
    margin-top: 11px;
    width: unset;
    height: unset;
    background: none;
}

.mzl_live_broadcast .xds_zbClassList_wrap li:last-child {
    margin-right: 0;
}

/* .mzl_live_broadcast .xds_zbClassList_wrap .play_line_bg::after {
        width: 87px;
    } */


.mzl_live_broadcast .xds_zbClassList_wrap {
    margin-left: 28.5px;
    margin-top: 0;
}

.mzl_live_broadcast .play_box {
    width: 259px;
    position: relative;
    display: flex;
    align-items: center;
}

.mzl_live_broadcast .play_box::after {
    position: absolute;
    right: 0;
    top: 18px;
    content: '';
    width: 87px;
    height: 1px;
    background: #CCDEFF;
}

.mzl_live_broadcast .play {
    display: inline-block;
    margin-right: 10px;
    width: 36px;
    height: 36px;
    background: url(../images/qc_smart_education/ico_play.png) no-repeat;
    background-size: 36px 36px;
}

.f16_c222 {
    font-size: 16px;
    color: #222;
}

.mzl_live_broadcast .xds_zbClassList_wrap .top_cont .status {
    margin-left: 8px;
}

.mzl_live_broadcast .xds_zbClassList_wrap .item {
    margin-right: 8px;
}

.mzl_live_broadcast .xds_zbClassList_wrap .cover_pic_wrap>img {
    width: 100%;
    height: 100%;
}

.mzl_live_broadcast .xds_zbClassList_wrap .cover_pic_wrap {
    width: 247px;
    height: 138px;
}

.mzl_live_broadcast .bottom {
    width: 247px;
    height: 87px;
    /* padding: 8px 11px 11px 11px; */
    padding: 3px 11px;
    background: #fff;
    box-sizing: border-box;
}

.mzl_live_broadcast .xds_zbClassList_wrap .if_des {
    margin-top: 3px;
}

.mzl_live_broadcast .bottom .redio {
    float: right;
    margin-top: 5px;
    /* display: inline-block; */
    width: 18px;
    height: 12px;
    background: url(../images/qc_smart_education/redio.png);
}

.mzl_live_broadcast .xds_zbClassList_wrap .sub_name {
    margin-top: 8px;
    margin-right: 8px;
    height: 19px;
    line-height: 19px;
    font-size: 12px;
    padding: 0 6px;
}

.mzl_tab .item {
    padding: 4px 15px;
}

.mzl_tab .item.on {
    /* padding: 4px 15px; */
    box-sizing: border-box;
    width: unset;
    height: unset;
    line-height: unset;
}

.mzl_tab .item {
    margin-right: 26px;
}

.mzl_swiper.mzl_swiper3 .swiper-slide {
    position: relative;
    background: #F3F7FF;
    padding: 27px 30px 25px 30px;
    box-sizing: border-box;
    height: 253px;
    border: 1px solid #D9E1F2;
    border-radius: 12px;
    overflow: hidden;
}

.mzl_swiper.mzl_swiper3 .swiper-slide .tit {
    font-size: 28px;
    color: #000;
}

.mzl_swiper.mzl_swiper3 .swiper-slide .star {
    position: absolute;
    right: 0;
    top: 0;
    width: 97px;
    height: 75px;
    background: url(../images/qc_smart_education/star.png) no-repeat center;
}

.mzl_swiper.mzl_swiper3 .swiper-slide .time .bell {
    display: inline-block;
    margin-right: 10px;
    width: 13px;
    height: 13px;
    vertical-align: middle;
    background: url(../images/qc_smart_education/bell.png) no-repeat center;
}

.mzl_swiper.mzl_swiper3 .swiper-slide .time {
    margin-top: 62px;
    color: #5D6679;
    font-size: 14px;
}

.mzl_swiper.mzl_swiper3 .swiper-slide .house {
    margin-top: 12px;
    color: #5D6679;
    font-size: 14px;
}

.mzl_swiper.mzl_swiper3 .swiper-slide .house .house_icon {
    display: inline-block;
    margin-right: 10px;
    width: 13px;
    height: 13px;
    vertical-align: middle;
    background: url(../images/qc_smart_education/house.png) no-repeat center;
}

.mzl_swiper.mzl_swiper3 .swiper-slide .join {
    margin-top: 29px;
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    color: #888;
}

.mzl_swiper.mzl_swiper3 .swiper-slide .join i {
    color: #0084FF;
}

.mzl_swiper.mzl_swiper3 .swiper-slide .tag {
    position: absolute;
    top: 127px;
    right: 0;
    width: 88px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    text-align: center;
    border-radius: 20px 0px 0px 20px;
}

.mzl_swiper.mzl_swiper3 .swiper-slide .tag.finish {
    color: #000;
    background: #DDE5F5;
}

.mzl_swiper.mzl_swiper3 .swiper-slide .tag.ongoing {
    color: #fff;
    background: #1DBE8E;
}

.xds_banner_wrap {
    overflow: hidden;
}

/* meizhenglin */

.mzl_swiper4 {
    height: 150px;
}

.mzl_swiper4 img {
    width: 100%;
    height: 100%;
}

.mzl_swiper4 .swiper-slide {
    width: 285px;
    height: 150px;
    border: none;
    border-radius: 4px;
    overflow: hidden;
}


.swiper-button-prev {
    left: -44px;
    background: url(../images/qc_smart_education/swiper_prve.png) no-repeat center;
}

.swiper-button-next {
    background: url(../images/qc_smart_education/swiper_next.png) no-repeat center;
    right: -44px;
}


.mzl_dyzq_banner {
    height: 400px;
}

.mzl_dyzq_banner a {
    display: block;
    width: 100%;
    height: 100%;
}


.mzl_swiper_box .hdgc .swiper-slide {
    width: 278px;
    height: 242px;
}

.mzl_swiper_box .hdgc .swiper-slide a {
    display: block;
    width: 100%;
    height: 100%;
}

.mzl_swiper_box .hdgc .swiper-slide .top_box {
    position: relative;
}


.mzl_swiper_box .hdgc .swiper-slide .going {
    position: absolute;
    padding: 3px;
    box-sizing: border-box;
    line-height: 15px;
    text-align: center;
    left: 14px;
    top: -3px;
    width: 25px;
    height: 56px;
    color: #fff;
    font-size: 12px;
    background: url(../images/qc_smart_education/going.png) no-repeat center;
}

.mzl_swiper_box .hdgc .swiper-slide .mzl_level_ico {
    position: absolute;
    right: 0;
    top: 0;
    width: 53px;
    height: 29px;
    line-height: 29px;
    border-radius: 3px;
    background: #F59A23;
    text-align: center;
    font-size: 16px;
    color: #fff;
}


.mzl_swiper_box .hdgc .swiper-slide .active_obj {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 30px;
    background: rgba(0, 0, 0, .6);
    padding: 6px 10px;
    box-sizing: border-box;
    font-size: 12px;
    color: #fff;
}

.mzl_swiper_box .hdgc .swiper-slide .active_obj span {
    display: inline-block;
    width: 150px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mzl_swiper_box .hdgc .swiper-slide .bottom_box {
    padding: 16px 8px 0 10px;
    box-sizing: border-box;
}

.mzl_swiper_box .hdgc .swiper-slide .bottom_box .subject {
    font-size: 16px;
    color: #000;
    font-weight: 500;
    width: 260px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


.mzl_swiper_box .hdgc .swiper-slide .bottom_box .end_box {
    display: flex;
    margin-top: 16px;
    justify-content: space-between;
}

.mzl_swiper_box .hdgc .swiper-slide .bottom_box .end_box .left {
    font-size: 12px;
    color: #555;
}

.mzl_swiper_box .hdgc .swiper-slide .bottom_box .end_box .right span {
    font-size: 12px;
    color: #FFA166;
    vertical-align: middle;
}

.mzl_swiper_box .hdgc .swiper-slide .bottom_box .end_box .time {
    display: inline-block;
    margin-right: 6px;
    width: 14px;
    height: 14px;
    vertical-align: middle;
    background: url(../images/qc_smart_education/time.png) no-repeat center;
}

.mzl_swiper.hdgc {
    height: 242px;
}

.koi_classroom.mzl .left {
    display: flex;
    flex-direction: column;
}

.koi_classroom.mzl .left .half {
    width: 100%;
    height: 50%;
}

.koi_classroom.mzl .left .half a {
    display: block;
    width: 100%;
    height: 100%;
}


.koi_classroom.mzl .left .half img {
    width: 100%;
    height: 100%;
}

.pdb40 {
    padding-bottom: 40px;
}

.mzl_dy_cont {
    margin-top: 45px;
}

.mzl_dy_cont.hlj {
    height: 380px;
    display: flex;
    justify-content: space-between;
}


.mzl_dy_cont.hlj .awards {
    width: 268px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.mzl_dy_cont.hlj .awards .item {
    padding: 18px 30px;
    box-sizing: border-box;
    height: 180px;
    border-radius: 8px;
    background: #F6FAFF;
}

.mzl_dy_cont.hlj .awards .item .tit {
    margin-bottom: 40px;
    font-size: 14px;
    color: #000;
}

.mzl_dy_cont.hlj .awards .item .small {
    font-size: 40px;
    font-weight: 600;
    color: #009DFD;
}


.mzl_dy_cont.hlj .awards .item .big {
    font-size: 38px;
    font-weight: 600;
    color: #81A0C7;
}


.mzl_dy_cont.hlj .awards .item .percentage {
    text-align: center;
}

.mzl_dy_cont.hlj .awards .item .percentage i {
    font-size: 38px;
    font-weight: 600;
    color: #81A0C7;
}

.mzl_dy_cont.hlj .award_details {
    width: 625px;
    padding: 18px 30px;
    box-sizing: border-box;
    border-radius: 8px;
    background: #F6FAFF;
}

.mzl_dy_cont.hlj .award_details .tit {
    font-size: 14px;
    color: #000;
}

.mzl_dy_cont.hlj .award_details .cont {
    margin-top: 15px;
}

.mzl_dy_cont.hlj .award_details .cont li {
    margin-bottom: 15px;
    margin-right: 62px;
    width: 94px;
    text-align: center;
    float: left;
}

.mzl_dy_cont.hlj .award_details .cont li:nth-child(4n) {
    margin-right: 0;
}

.mzl_dy_cont.hlj .award_details .cont li .img_box {
    max-width: 94px;
    height: 94px;
}

.mzl_dy_cont.hlj .award_details .cont li img {
    max-width: 100%;
    max-height: 90px;
}


.mzl_dy_cont.hlj .award_details .cont li .names {
    margin-top: 5px;
    font-size: 14px;
    color: #000;
}

.mzl_dy_cont.hlj .award_details .cont li .total {
    margin-top: 5px;
    font-size: 14px;
    color: #009DFD;

}

.mzl_dy_cont.hlj .award_activity {
    width: 269px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.mzl_dy_cont.hlj .award_activity .item {
    padding: 18px 30px;
    box-sizing: border-box;
    height: 180px;
    border-radius: 8px;
    background: #F6FAFF;
}

.mzl_dy_cont.hlj .award_activity .item .tit .left {
    color: #1B2E45;
    font-size: 14px;
}


.mzl_dy_cont.hlj .award_activity .item .dian {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #FEBB1C;
    ;
    vertical-align: middle;
}

.mzl_dy_cont.hlj .award_activity .item .wkq {
    color: #FEBB1C;
    font-size: 12px;
    margin-left: 11px;
}

.mzl_dy_cont.hlj .award_activity .item .clock {
    display: inline-block;
    width: 14px;
    height: 14px;
    vertical-align: middle;
    background: url(../images/qc_smart_education/bell.png) no-repeat center;
}


.mzl_dy_cont.hlj .award_activity .item .time {
    margin-top: 65px;
    color: #888;
    font-size: 12px;
}

.mzl_dy_cont.hlj .award_activity .item .two_people {
    margin-top: 16px;
    font-size: 12px;
    color: #888;
    display: flex;
    align-items: center;
}


.mzl_dy_cont.hlj .award_activity .item .two_people .two_people_ico {
    display: inline-block;
    width: 17px;
    height: 17px;
    background: url(../images/qc_smart_education/two_people_ico.png) no-repeat center;
    vertical-align: middle;
    margin-right: 3px;
}

.mzl_dy_cont.hlj .award_activity .item .two_people .cut {
    display: inline-block;
    width: 1px;
    height: 12px;
    background: #888;
    vertical-align: middle;
    margin: 0 5px;
}

.mzl_dy_cont.bjpj {
    display: flex;
    justify-content: space-between;
}


.mzl_dy_cont.bjpj .left {
    width: 590px;
}

.mzl_dy_cont.bjpj .left .top {
    width: 100%;
    height: 168px;
    padding: 9px 30px;
    box-sizing: border-box;
    border-radius: 8px;
    background: #F6FAFF;
}

.mzl_dy_cont.bjpj .left .top .tit {
    font-size: 20px;
    color: #000;
    font-weight: 600;
}

.mzl_dy_cont.bjpj .left .top .rank_class {
    margin-top: 10px;
    display: flex;
    justify-content: space-around;
}


.mzl_dy_cont.bjpj .left .top .rank_class .item {
    width: 140px;
    height: 103px;
}

.mzl_dy_cont.bjpj .left .bottom {
    margin-top: 10px;
    padding: 13px 10px;
    height: 250px;
    box-sizing: border-box;
    border-radius: 8px;
    background: #F6FAFF;
}

.mzl_dy_cont.bjpj .left .bottom .tit {
    margin-left: 20px;
    font-size: 20px;
    color: #000;
    font-weight: 600;
}

/* .mzl_dy_cont.bjpj .left .bottom .rank_tit{
    margin-top: 5px;
    height: 33px;
    background: #E8F2FF;
} */


.mzl_rank_table {
    margin-top: 6px;
    width: 100%;
    border-spacing: 0;
}

.mzl_rank_table thead {
    height: 33px;
    background: #E8F2FF;

}

.mzl_rank_table thead th {
    text-align: center;
    color: #4F71AC;
    font-size: 14px;
}

.mzl_rank_table tbody td {
    height: 35px;
    text-align: center;
}

.mzl_rank_table tbody .name {
    font-size: 14px;
    color: #000;
}

.mzl_rank_table tbody .school {
    font-size: 14px;
    color: #888;
}

.mzl_rank_table tbody .nums {
    font-size: 14px;
    color: #000;
}

.mzl_rank_table tbody .rank {
    font-family: YouSheBiaoTiHei;
    font-size: 16px;
}

.mzl_rank_table tbody .rank.one {
    color: #F30000;
}

.mzl_rank_table tbody .rank.two {
    color: #FF6B00;
}

.mzl_rank_table tbody .rank.three {
    color: #0088F4;
}

.c_eff {
    background: #EFF5FF;
}


.mzl_wrap {
    margin-top: 35px;
}


.mzl_wrap .crumb {
    font-size: 16px;
    color: #878787;
}

.mzl_home {
    display: inline-block;
    margin-right: 15px;
    width: 25px;
    height: 18px;
    background: url(../images/qc_smart_education/home.png) no-repeat center;
}

.mzl_wrap .mzl_sub {
    margin-top: 18px;
    padding: 25px 40px 84px 40px;
    box-sizing: border-box;
    background: #fff;
}

.mzl_select_box {
    font-size: 14px;
    color: #000;
    display: flex;
    align-items: center;
}

.mgr35 {
    margin-right: 35px;
}

.mzl_select_box .qjf_selecur p,
.mzl_select_box .qjf_seleautocur p {
    background: url(../images/qc_smart_education/down_ico.png) no-repeat right center;
}


.mzl_sear_button {
    width: 64px;
    height: 29px;
    line-height: 29px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    background: #1A57CB;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

.synopsis_box {
    margin-top: 55px;
    display: flex;
    justify-content: space-between;
}

.synopsis {}

.synopsis .top {
    width: 530px;
    height: 297px;
    border-radius: 4px;
    background: #F3F7FF;
    padding: 22px 27px;
    box-sizing: border-box;
}

.synopsis .tit {
    position: relative;
    font-size: 22px;
    font-weight: 600;
    color: #000;
    line-height: 31px;
    padding-left: 14px;
    border-left: 6px solid #CFDCF5;
}

.synopsis .top .school_list {
    margin-top: 23px;

}

.synopsis .top .school_list li {
    margin-bottom: 19px;
}

.synopsis .top .school_list li a {
    display: flex;
    align-items: center;
    color: #000;
    font-size: 14px;
}


.synopsis .top .school_list li .cy {
    margin-left: 11px;
    margin-right: 15px;
    display: inline-block;
    width: 55px;
    height: 24px;
    border-radius: 6px;
    border: 1px solid #B8CCF1;
    background: #FFF;
    box-sizing: border-box;
    text-align: center;
    color: #698BCE;
}

.synopsis .top .school_list li .right_ico {
    margin-left: auto;
    display: inline-block;
    width: 8px;
    height: 13px;
    background: url(../images/qc_smart_education/right_ico.png);
}



.synopsis .bottom {
    font-size: 14px;
    color: #000;
    margin-top: 33px;
    padding: 22px 38px 0 25px;
    width: 530px;
    height: 381px;
    box-sizing: border-box;
    border-radius: 4px;
    background: #F3F7FF;
}



.mzl_close_ico {
    position: absolute;
    top: 6px;
    right: 6px;
    width: 10px;
    height: 10px;
    z-index: 999;
    cursor: pointer;
    background: url(../images/qc_smart_education/close.png) no-repeat center;
}

/* meizhenglin */

/* wangchi */
.bg_EFF5FF {
    background: #EFF5FF;
}

.koi_banner {
    height: 400px;
}

.koi_banner a {
    width: 100%;
    display: inline-block;
    height: 400px;
}

.koi_tab_link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 200px;
}

.koi_tab_link li {
    width: 315px;
    background: #fff;
    color: #000;
    font-family: PingFang SC;
    font-size: 27px;
    font-weight: 400;
    border-radius: 100px;
}

.koi_tab_link li .item {
    color: #000;
    display: flex;
    align-items: center;
    height: 100px;
    justify-content: center;
}

.icon_tab1 {
    display: inline-block;
    background: url(../images/qc_smart_education/icon_tab_link1.png) no-repeat center;
    width: 46px;
    height: 46px;
}

.icon_tab2 {
    display: inline-block;
    background: url(../images/qc_smart_education/icon_tab_link2.png) no-repeat center;
    width: 46px;
    height: 46px;
}

.icon_tab3 {
    display: inline-block;
    background: url(../images/qc_smart_education/icon_tab_link3.png) no-repeat center;
    width: 46px;
    height: 46px;
}

.koi_dy_hd_list {
    display: flex;
    margin-top: 45px;
    flex-wrap: wrap;
    padding-bottom: 60px;
}

.koi_dy_hd_list li {
    width: 276px;
    height: 206px;
    border: 1px solid #E5E5E5;
    background: #FFF;
    margin-left: 22px;
}

.koi_dy_hd_list li:nth-child(4n+1) {
    margin-left: unset;
}

.koi_dy_hd_list li:nth-child(n+5) {
    margin-top: 22px;
}

.koi_dy_hd_list li .item .img_box {
    position: relative;
}

.koi_dy_hd_list li .item .img_box .icon_Under_way {
    display: inline-block;
    background: url(../images/qc_smart_education/icon_Under_way.png) no-repeat center;
    width: 20px;
    height: 40px;
    position: absolute;
    left: 10px;
    top: -2px;
}

.koi_dy_hd_list li .item .img_box img {
    display: inline-block;
    width: 276px;
    height: 144px;
}

.koi_dy_hd_list li .item .img_box .icon_level {
    display: inline-block;
    color: #FFF;
    font-family: PingFang SC;
    font-size: 14px;
    font-weight: 400;
    background: #F90;
    width: 40px;
    height: 24px;
    position: absolute;
    right: 0;
    top: 0;
    text-align: center;
}

.koi_dy_hd_list li .item .img_box .hd_text {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 276px;
    height: 26px;
    color: #FFF;
    font-size: 12px;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: -0.66px;
    background: #56C2FF;
    padding: 0.5px 14px;
    box-sizing: border-box;
}

.koi_dy_hd_list li .item .intro {
    padding: 15px 10px;
    box-sizing: border-box;
}

.koi_dy_hd_list li .item .intro .title {
    color: #333;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.koi_dy_hd_list li .item .intro .Under_the_heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.koi_dy_hd_list li .item .intro .Under_the_heading .Technology {
    color: #555;
    font-family: PingFang SC;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.koi_dy_hd_list li .item .intro .Under_the_heading .date {
    color: #F90;
    text-align: right;
    font-family: PingFang SC;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-top: 5px;
    display: flex;
    align-items: center;
}

.koi_dy_hd_list li .item .intro .Under_the_heading .date .icon_date {
    display: inline-block;
    background: url(../images/qc_smart_education/icon_date.png) no-repeat center;
    width: 12px;
    height: 12px;
}

.pdt60 {
    padding-top: 60px;
}

.koi_tik_tab {
    display: flex;
    justify-content: center;
}

.koi_tik_tab .item {
    color: #0A0A0A;
    font-family: PingFang SC;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    box-sizing: border-box;
    margin-left: 40px;
    cursor: pointer;
}

.koi_tik_tab .item.active {
    padding: 3px 20px;
    box-sizing: border-box;
    background: #1A57CB;
    border-radius: 100px;
    color: #fff;
}

.koi_tik_tab .item.active.ac_show:hover .koi_select_down {
    display: block;
}

.koi_tik_tab .item .icon_down {
    display: inline-block;
    width: 20px;
    height: 15px;
    background: url(../images/qc_smart_education/icon_down.png) no-repeat center;
    margin-left: 10px;
}

.koi_tik_tab .item .koi_select_down {
    position: absolute;
    left: 0;
    top: 0;
    background: #fff;
    width: 185px;
    top: 34px;
    z-index: 111;
    text-align: center;
    border: 1px solid #888;
    border-radius: 8px;
    color: #000;
    font-size: 18px;
    font-weight: 400;
}

.koi_tik_tab .item .koi_select_down li {
    padding: 5px 0px;
    border-radius: 8px;
}

.koi_tik_tab .item .koi_select_down li:hover {
    background: #E1EFFF;
    color: #0085FF;
}

.bg_EFF4F8 {
    background: #EFF4F8;
}

.koi_Series_of_topics {
    display: flex;
    padding: 18px 23px 17px 22px;
    justify-content: space-between;
    align-items: flex-start;
    border-radius: 12px;
    background: #FFF;
    margin-top: 22px;
}

.koi_Series_of_topics .item {
    color: #555;
    font-family: PingFang SC;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: inline-block;
    width: 277px;
    height: 265px;
}

.koi_Series_of_topics .item .title {
    color: #000;
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-top: 10px;
}

.koi_Series_of_topics .item .photo_box img {
    display: inline-block;
    width: 277px;
    height: 160px;
}

.koi_Series_of_topics .on_live {
    text-align: center;
    background: linear-gradient(137deg, #0ACC85 0%, #62E9CF 100%);
    color: #FFF;
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.koi_Series_of_topics .on_live img {
    margin-top: 66px;
}

.koi_classroom {
    display: flex;
    height: 483px;
    border-radius: 12px;
    width: 100%;
}

.koi_classroom .left {
    width: 268px;
}

.koi_classroom .left .title {
    color: #222;
    text-align: center;
    font-family: PingFang SC;
    font-size: 27px;
    font-weight: 400;
    letter-spacing: 10.8px;
    margin-top: 40px;
}

.koi_classroom .left .img_box {
    margin-top: 72px;
    margin-left: 43px;
}

.koi_classroom .left .assets {
    width: 208px;
    height: 50px;
    border-radius: 8px;
    color: #FFF;
    font-family: PingFang SC;
    font-size: 18px;
    font-weight: 500;
    margin-top: 63px;
    display: inline-block;
    text-align: center;
    line-height: 50px;
    margin-left: 29px;
}

.koi_classroom .middle {
    width: 599px;
    background: #fff;
}

.koi_classroom .middle .koi_center_list {
    display: flex;
    flex-wrap: wrap;
}

.koi_classroom .middle .koi_center_list li {
    width: 299px;
    border-right: 1px solid #E5EDF6;
    border-bottom: 1px solid #E5EDF6;
    box-sizing: border-box;
    height: 160px;
}

.koi_classroom .middle .koi_center_list li:nth-last-child(-n+2) {
    border-bottom: 1px solid transparent;
}

.koi_classroom .middle .koi_center_list li a .title {
    color: #000;
    font-family: PingFang SC;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-left: 15px;
    margin-top: 25px;
    height: 50px;
}


.koi_classroom .middle .koi_center_list li a .text {
    width: 250px;
    color: #999;
    font-family: PingFang SC;
    font-size: 12px;
    font-weight: 400;
    margin-top: 10px;
    margin-left: 15px;
}

.koi_classroom .right {
    width: 332px;
    background: #fff;
}

.koi_classroom .right .title {
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-align: center;
    margin-top: 27px;
}

.koi_classroom .right .new_box {
    display: flex;
    margin-left: 53px;
    margin-top: 13px;
}

.koi_classroom .right .new_box .border_zhu {
    width: 18px;
    height: 391px;
    border-radius: 33px;
    color: #FFF;
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.88px;
    text-align: center;
}

.koi_classroom .right .new_box .border_zhu .item {
    padding-top: 15px;
}

.koi_classroom .right .new_box .list {
    margin-left: 17px;
}

.koi_classroom .right .new_box .list a {
    display: block;
    color: #555;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.77px;
    padding-top: 17px;
    width: 185px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.bg_FDB4EB {
    background: #FDB4EB;
}

.bg_37ACD9 {
    background: #37ACD9;
}

.bg_D6F1E5 {
    background: #D6F1E5;
}

.icon_hot {
    width: 38px;
    height: 24px;
    color: #FFF;
    font-family: PingFang SC;
    font-size: 14px;
    font-weight: 500;
    border-radius: 4px;
    display: inline-block;
    text-align: center;
    line-height: 24px;
}

.bg_DDF0F8 {
    background: #DDF0F8;
}

.bg_F8E9F4 {
    background: #F8E9F4;
}

.bg_1BA567 {
    background: #1BA567;
}

.c_BD2798 {
    color: #BD2798;
}

.c_298EB5 {
    color: #298EB5;
}

.c_1B8555 {
    color: #1B8555;
}

.bg_lg_fen {
    background: linear-gradient(180deg, #FFC790 0%, #FFCCC9 100%);
}

.bg_lg_lan {
    background: linear-gradient(180deg, #B3D9FE 0%, #B4F1F1 100%);
}

.bg_lg_lv {
    background: linear-gradient(180deg, #6EC9A0 0%, #B5FAB4 100%);
}

.koi_Bread_crab {
    display: flex;
    align-items: center;
    margin-top: 45px;
}

.koi_Bread_crab span {
    color: #878787;
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.koi_Bread_crab span.c000 {
    color: #000;
}

.icon_unio {
    background: url(../images/qc_smart_education/icon_unio.png) no-repeat center;
    display: inline-block;
    width: 25px;
    height: 21px;
}

.bg_eff5ff {
    background: #EFF5FF;
}

.koi_Dynamic_state {
    display: flex;
    justify-content: space-between;
}

.koi_Dynamic_state .left {
    width: 323px;
    height: 761px;
    background: #fff;
}

.koi_Dynamic_state .left .sta_title {
    background: #0E51D1;
    color: #FFF;
    text-align: center;
    font-family: PingFang SC;
    font-size: 20px;
    font-weight: 500;
    height: 60px;
    line-height: 60px;
}

.koi_Dynamic_state .left .Dynamic_state_tab li {
    color: #000;
    font-family: PingFang SC;
    font-size: 16px;
    font-weight: 400;
    height: 50px;
    text-align: center;
    line-height: 50px;
    cursor: pointer;
}

.koi_Dynamic_state .left .Dynamic_state_tab li.active {
    background: #DBEBFF;
    color: #446AB3;
}

.koi_Dynamic_state .left .Dynamic_state_tab li:hover {
    background: #DBEBFF;
    color: #446AB3;
}

.koi_Dynamic_state .right {
    width: 849px;
    height: 761px;
    background: #fff;
    padding: 20px;
    box-sizing: border-box;
    position: relative;
}

.koi_Dynamic_state .right .koi_top_title {
    border-bottom: 1px dashed #CACACA;
    padding-bottom: 5px;
}

.koi_Dynamic_state .right .koi_top_title .item {
    color: #0E51D1;
    font-family: PingFang SC;
    font-size: 20px;
    font-weight: 500;
    position: relative;
}

.koi_Dynamic_state .right .koi_top_title .item::after {
    content: '';
    position: absolute;
    left: 0;
    top: 25px;
    width: 78px;
    height: 3px;
    background: #446AB3;
}

.koi_Dynamic_state .right .koi_new_list li {
    border-bottom: 1px dashed #CACACA;
}

.koi_Dynamic_state .right .koi_new_list li:hover a .text {
    color: #0E51D1;
}

.koi_Dynamic_state .right .koi_new_list li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 60px;
}

.koi_Dynamic_state .right .koi_new_list li a .text {
    color: #222;
    font-family: PingFang SC;
    font-size: 16px;
    font-weight: 400;
    position: relative;
    padding-left: 35px;
}

.koi_Dynamic_state .right .koi_new_list li a .text::after {
    content: '';
    position: absolute;
    left: 0;
    top: 3px;
    width: 13.994px;
    height: 13.994px;
    transform: rotate(-45deg);
    flex-shrink: 0;
    border-radius: 3px;
    background: #D9D9D9;
}

.koi_Dynamic_state .right .koi_new_list li a .date {
    color: #666;
    font-family: PingFang SC;
    font-size: 16px;
    font-weight: 400;
}

.koi_photo_new_list li {
    border-bottom: 1px dashed #CACACA;
    padding-top: 25px;
    box-sizing: border-box;
    height: 140px;
}

.koi_photo_new_list li .item {
    display: flex;
    justify-content: space-between;
}

.koi_photo_new_list li .item .img_box img {
    display: inline-block;
    width: 161px;
    height: 91px;
}

.koi_photo_new_list li .item .content {
    margin-left: 15px;
}

.koi_photo_new_list li .item .content .title {
    color: #222;
    font-family: PingFang SC;
    font-size: 16px;
    font-weight: 400;
}

.koi_photo_new_list li .item .content .text {
    color: #888;
    font-family: PingFang SC;
    font-size: 12px;
    font-weight: 400;
    margin-top: 10px;
}

.koi_photo_new_list li .item .content .pick_res {
    display: flex;
    align-items: center;
    color: #555;
    font-family: PingFang SC;
    font-size: 12px;
    font-weight: 400;
}

.koi_Information_details {
    padding: 57px 40px;
    background: #fff;
}

.koi_Information_details .title {
    color: #000;
    font-family: PingFang SC;
    font-size: 18px;
    font-weight: 400;
    text-align: center;
}

.koi_Information_details .top_wrap {
    padding: 11px 46px;
    box-sizing: border-box;
    border-radius: 4px;
    background: #F7F7F7;
    display: flex;
    justify-content: space-between;
    margin-top: 34px;
}

.koi_Information_details .top_wrap .left {
    display: flex;
}

.koi_Information_details .top_wrap .left .item {
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.koi_Information_details .top_wrap .left .item .c000 {
    color: #000;
}

.koi_Information_details .top_wrap .left .item .c555 {
    color: #555;
}

.koi_Information_details .top_wrap .left .item .c0085FF {
    color: #0085FF;
}

.koi_Information_details .top_wrap .right {
    color: #000;
    font-family: PingFang SC;
    font-size: 14px;
    font-weight: 400;
    display: flex;
    align-items: center;
}

.koi_Information_details .top_wrap .right .icon_wb {
    display: inline-block;
    width: 28px;
    height: 28px;
    background: url(../images/qc_smart_education/icon_wb.png) no-repeat center;
}

.koi_Information_details .top_wrap .right .icon_wx {
    display: inline-block;
    width: 28px;
    height: 28px;
    background: url(../images/qc_smart_education/icon_wx.png) no-repeat center;
}

.koi_Information_details .top_wrap .right .icon_qq {
    display: inline-block;
    width: 28px;
    height: 28px;
    background: url(../images/qc_smart_education/icon_qq.png) no-repeat center;
}

.koi_Information_details .center {
    color: #000;
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.koi_Information_details .center .new_img img {
    display: inline-block;
    width: 669px;
    height: 411px;
}

.info_Up_and_down {
    font-family: PingFang SC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 68px;
}

.info_Up_and_down a {
    color: #888;

}

.info_Up_and_down a:hover {
    color: #0085FF;
}

/* wangchi */


.koi_photo_new_list li:hover .content .title {
    color: #0E51D1;
}

.koi_classroom .right .new_box .list a:hover {
    color: #FB8CE1;
}

.koi_classroom.xq .right .new_box .list a:hover {
    color: #FB8CE1;
}

.koi_classroom.xx .right .new_box .list a:hover {
    color: #37ACD9;
}

.koi_classroom.cz .right .new_box .list a:hover {
    color: #1BA567;
}


.koi_classroom.xq .middle  li a:hover .title {
    color: #FB8CE1;
}
.koi_classroom.xx .middle  li a:hover .title {
    color: #37ACD9;
}
.koi_classroom.cz .middle  li a:hover .title {
    color: #1BA567;
}

.mzl_dy_cont.hlj .award_activity .item .tit .left:hover {
    cursor: pointer;
    color: #0E51D1;
}

.mzl_dy_cont.hlj .awards .item .tit:hover {
    cursor: pointer;
    color: #0E51D1;
}

.koi_dy_hd_list li .item .img_box img {
    transition: all .6s;
}

.koi_dy_hd_list li .item .img_box img:hover {
    transform: scale(1.1);
}

.new_add_img_box {
    width: 276px;
    height: 144px;
    overflow: hidden;
}

.koi_dy_hd_list li .item .img_box .icon_Under_way {
    z-index: 999;
}


.mzl_add_nodata{
    margin: 183px auto 0 auto;
    width: 321px;
    height: 211px;
    background: url(../images/qc_smart_education/no_data.png) no-repeat center;
}

.nodata_txt{
    margin-top: 21px;
    text-align: center;
    color: #888;
    font-size: 18px;
}

.koi_classroom .middle .koi_center_list li a .title{
    width: 260px;
}


.mzl_swiper1 .swiper-slide{
    margin-right: 29px;
    width: 278px;
    height: 253px;
}


.koi_Dynamic_state .left .Dynamic_state_tab a{
    display: block;
    color: #000;
    font-family: PingFang SC;
    font-size: 16px;
    font-weight: 400;
    height: 50px;
    text-align: center;
    line-height: 50px;
    cursor: pointer;
}

.koi_Dynamic_state .left .Dynamic_state_tab a.active{
    background: #DBEBFF;
    color: #446AB3;
}

.koi_Dynamic_state .left .Dynamic_state_tab a:hover{
    background: #DBEBFF;
    color: #446AB3;
}


.xds_newsCont_wrap .item_infos{
    float: left;
}