/* header */
.whjyy_header_wrap { 
  height: 90px;
  background: #fff url(../images/header_bg.png) no-repeat right top;
  width: 100%;
  left: 0;
  height: 90px;
  z-index: 800;
  transition: all 1s ease 0s;
}

.whjyy_header_wrap .logo {
  height: 52px;
  margin-top: 19px;
}

.whjyy_header_wrap .nav_list_wrap {
  margin-top: 31px;
  margin-left: 20px;
}

.whjyy_header_wrap .nav_item>a {
  color: #000;
  font-size: 18px;
  margin: 0 8px;
  border-bottom: 2px solid transparent;
  padding-bottom: 5px;
}

.whjyy_header_wrap .nav_item>a:hover,
.whjyy_header_wrap .nav_item.on>a {
  color: #3370ff;
  border-color: #3370ff;
}

.whjyy_header_wrap .nav_item.more {
  position: relative;
}

.whjyy_header_wrap .nav_item.more>a {
  padding-right: 21px;
  background: url(../images/icon_head_more.png) right 10px no-repeat;
}

.whjyy_header_wrap .nav_item.more>a:hover {
  border-color: transparent;
}

.whjyy_header_wrap .nav_item:hover .more_item {
  display: block;
}

.whjyy_header_wrap .nav_item .more_item {
  display: none;
  position: absolute;
  top: 20px;
  left: 50%;
  transform: translate(-50%);
  width: 80px;
  padding-top: 10px;
  z-index: 99;
}

.whjyy_header_wrap .nav_item .more_item .list {
  background-color: #fff;
  border-radius: 3px;
  text-align: center;
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.18);
}

.whjyy_header_wrap .more_item .list a {
  display: block;
  font-size: 16px;
  color: #222;
  line-height: 36px;
}

.whjyy_header_wrap .nav_item .more_item .list a:hover {
  color: #3370ff;
}

.whjyy_header_wrap .right_box {
  margin-top: 25px;
}

.whjyy_header_wrap .head_btn {
  /* display: inline-block; */
  height: 34px;
  line-height: 34px;
  background: #ffffff;
  font-size: 16px;
  color: #0057ff;
  border: 1px solid #0075ff;
  border-radius: 8px;
  text-align: center;
  margin-left: 10px;
}

.whjyy_header_wrap .head_btn:hover {
  color: #fff;
  background: #0075ff;
}

.whjyy_header_wrap .login_btn {
  width: 74px;
}

.whjyy_header_wrap .download_btn {
  width: 105px;
}

/* 20230331 澶撮儴鏍峰紡璋冩暣 鏂板鐧诲綍鍚庣敤鎴锋牱寮� */


.whjyy_header_wrap .user_infos {
  margin-top: -5px;
  margin-right: 20px;
  position: relative;
}

.whjyy_header_wrap .user_infos .avatar {
  width: 44px;
  height: 44px;
  border-radius: 50%;
}

.whjyy_header_wrap .user_infos .username {
  font-size: 14px;
  color: #000;
  margin-left: 5px;
  line-height: 33px;
}

/* 鐢ㄦ埛鎮诞绐� */
.whjyy_header_wrap .search_btn {
  width: 24px;
  height: 24px;
  margin-top: 6px;
  margin-right: 10px;
  background: url(../images/ico_search.png) no-repeat;
}

/* header */

/* footer */
.whjyy_footer_wrap {
  position: relative;
  height: 146px;
  padding-top: 40px;
  box-sizing: border-box;
  background: #444;
  z-index: 19;
}

/* footer */
.xds_banner_wrap {
  position: relative;
  height: 500px;
  overflow: hidden;
}

.xds_custom_pagination {
  bottom: 114px !important;
}

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

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

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

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

.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);
}

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

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

.xds_topNav_wrap {
  position: relative;
  padding-top: 183px;
}

.xds_top_nav {
  position: absolute;
  width: 100%;
  height: 269px;
  left: 0;
  top: -85px;
  background: linear-gradient(180deg, #cde3ff 0%, #ffffff 43.73%);
  box-shadow: 0px 4px 30px rgba(0, 48, 162, 0.11);
  border-radius: 8px;
  z-index: 99;
}

.xds_top_nav .nav_head {
  position: relative;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  height: 85px;
  border-bottom: 1px solid #e5e5e5;
}

.xds_top_nav .tab_item {
  font-size: 22px;
  margin-right: 62px;
  padding: 10px 0;
  padding-left: 38px;
  border-bottom: 4px solid transparent;
  color: #0a0a0a;
}

.xds_top_nav .tab_item:hover,
.xds_top_nav .tab_item.on {
  color: #3370ff;
  border-color: #3370ff;
}

.xds_top_nav .zhjx_item {
  background: url(../images/ico_zhjx_item.png) no-repeat left center;
}

.xds_top_nav .zhjx_item.on,
.xds_top_nav .zhjx_item:hover {
  background: url(../images/ico_zhjx_item_on.png) no-repeat left center;
}

.xds_top_nav .zhxx_item {
  background: url(../images/ico_zhxx_item.png) no-repeat left center;
}

.xds_top_nav .zhxx_item.on,
.xds_top_nav .zhxx_item:hover {
  background: url(../images/ico_zhxx_item_on.png) no-repeat left center;
}

.xds_top_nav .zhpj_item {
  background: url(../images/ico_zhpj_item.png) no-repeat left center;
}

.xds_top_nav .zhpj_item.on,
.xds_top_nav .zhpj_item:hover {
  background: url(../images/ico_zhpj_item_on.png) no-repeat left center;
}

.xds_top_nav .zhyx_item {
  background: url(../images/ico_zhyx_item.png) no-repeat left center;
}

.xds_top_nav .zhyx_item.on,
.xds_top_nav .zhyx_item:hover {
  background: url(../images/ico_zhyx_item_on.png) no-repeat left center;
}

.xds_top_nav .zhgl_item {
  background: url(../images/ico_zhgl_item.png) no-repeat left center;
}

.xds_top_nav .zhgl_item.on,
.xds_top_nav .zhgl_item:hover {
  background: url(../images/ico_zhgl_item_on.png) no-repeat left center;
}

.xds_top_nav .xds_enter_btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 29px;
}

.xds_tabContList_item {
  display: flex;
  width: 100%;
  height: 183px;
  align-items: center;
}

.xds_enter_btn {
  font-size: 14px;
  color: #3370ff;
  background: url(../images/ico_enter_btn.png) no-repeat right center;
  padding-right: 14px;
  background-size: 12px;
}

.xds_tabContList_item .tab_cont_item {
  display: flex;
  width: 20%;
  align-items: center;
  flex-direction: column;
  cursor: pointer;
}

.xds_tabContList_item .tab_cont_item .app_tit {
  margin-top: 20px;
  font-size: 16px;
  color: #0a0a0a;
  font-weight: normal;
  max-width: 240px;
  padding: 0 10px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  box-sizing: border-box;
}

.xds_tabContList_item .tab_cont_item .app_tit:hover {
  color: #3370ff;
}

/* .xds_m_boxHead  {
    margin-top: 60px;
    margin-bottom: 30px;
} */
.xds_m_boxHead .tit {
  float: left;
  font-size: 32px;
  color: #0a0a0a;
  line-height: 45px;
  margin-right: 50px;
}

.xds_m_boxHead .xds_enter_btn {
  line-height: 45px;
}

.xds_m_tab {
  line-height: 45px;
}

.xds_m_tab .item {
  display: inline-block;
  height: 28px;
  line-height: 28px;
  font-size: 14px;
  padding: 0 12px;
  color: #0a0a0a;
  margin: 0 10px;
  border-radius: 29px;
}

.xds_m_tab .item:hover,
.xds_m_tab .item.on {
  color: #fff;
  background: #3370ff;
}

.xds_lr_wrap {
  display: flex;
  width: 100%;
  justify-content: space-between;
}

.xds_l_box {
  display: flex;
  width: 824px;
  height: 332px;
  padding-top: 40px;
  padding-left: 40px;
  background: #effaff;
  border-radius: 8px;
  box-sizing: border-box;
}

.xds_r_box .class_platList {
  display: flex;
  flex-direction: column;
  width: 360px;
  height: 332px;
}

.xds_r_box .class_platList .item {
  width: 100%;
  height: 100px;
  margin-bottom: 16px;
  border-radius: 8px;
  overflow: hidden;
}

.xds_r_box .class_platList .item:last-child {
  margin-bottom: 0;
}

.xds_r_box .class_platList .item>img {
  width: 100%;
  height: 100%;
}

.xds_l_box .class_wrap .tit {
  position: relative;
  font-size: 22px;
  color: #0a0a0a;
  padding-left: 12px;
}

.xds_l_box .class_wrap .des {
  font-size: 14px;
  margin-top: 10px;
  padding-left: 12px;
}

.xds_l_box .class_wrap .tit::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 4px;
  height: 20px;
  background: #3370ff;
  border-radius: 50px;
}

.xds_l_box .grade_list {
  margin-top: 32px;
}

.xds_l_box .grade_list .item {
  display: inline-block;
  width: 142px;
  height: 46px;
  line-height: 46px;
  text-align: center;
  border: 1px solid #adc6ff;
  border-radius: 50px;
  background: #fff;
  font-size: 16px;
  margin-right: 12px;
  color: #0a0a0a;
  margin-bottom: 12px;
  box-sizing: border-box;
}

.xds_l_box .class_wrap:first-child .grade_list .item:nth-child(2n) {
  margin-right: 0;
}

.xds_l_box .class_wrap:nth-child(2) {
  margin-right: 12px;
}

.xds_l_box .grade_list .item:hover,
.xds_l_box .grade_list .item.on {
  background: #3370ff;
  color: #fff;
  border-color: #3370ff;
}

.xds_tabCont_wrap .class_list_box {
  margin-right: -24px;
}

.xds_tabCont_wrap .li_item {
  float: left;
  width: 282px;
  height: 237px;
  margin-right: 24px;
  margin-top: 30px;
  box-shadow: 0px 4px 20px 6px #edf0f7;
  border-radius: 8px;
  overflow: hidden;
}

.xds_tabCont_wrap .li_item .top_infos {
  height: 154px;
}

.xds_tabCont_wrap .li_item .top_infos img {
  width: 100%;
  height: 100%;
}

/* .xds_tabCont_wrap .li_item .top_infos {
    position: relative;
    height: 154px;
    padding: 36px 10px 10px 10px;
    color: #fff;
    background: url(../images/spe_item_bg.png) no-repeat;
    text-align: center;
    box-sizing: border-box; 
}
.xds_tabCont_wrap .li_item .top_infos::after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background:linear-gradient(180deg, #3478E7 0%, #6097E7 100%);
    z-index: -1;
}
.xds_tabCont_wrap .li_item .item_logo {
    position: absolute;
    top: 12px;
    left: 12px;
    line-height: 12px;
    padding-left: 72px;
    font-size: 9px;
    font-weight: normal;
    color: #fff;
    background: url(../images/whjyy_logo_text.png) no-repeat left center;
    background-size: 64px 12px;
}
.xds_tabCont_wrap .top_infos .tit {
    font-size: 24px;
    color: #fff;
} */
.xds_tabCont_wrap .bottom_infos {
  padding: 16px;
  overflow: hidden;
  box-sizing: border-box;
}

.xds_tabCont_wrap .bottom_infos .tit {
  color: #0a0a0a;
  font-size: 16px;
  margin-bottom: 10px;
}

.xds_tabCont_wrap .bottom_infos .from_infos {
  display: flex;
  width: 100%;
  justify-content: space-between;
  line-height: 16px;
}

.xds_msList_wrap {
  margin-right: -24px;
}

.xds_msList_wrap .dd_item {
  position: relative;
  float: left;
  width: 282px;
  height: 320px;
  margin-top: 30px;
  margin-right: 24px;
  border: 1px solid #e8efee;
  box-shadow: 0px 2px 4px rgba(71, 148, 232, 0.16);
  border-radius: 12px;
  text-align: center;
  cursor: pointer;
  padding-top: 36px;
  box-sizing: border-box;
}

.xds_msList_wrap .level_mark {
  position: absolute;
  right: 0;
  top: 0;
  width: 42px;
  height: 42px;
  font-size: 18px;
  line-height: 42px;
  text-align: center;
  border-radius: 0px 11px;
}

.xds_msList_wrap .level_city {
  background: #faf5eb;
  color: #d2a740;
}

.xds_msList_wrap .level_district {
  background: #edf7ff;
  color: #3da2ff;
}

.xds_msList_wrap .ms_avatar_box {
  position: relative;
  max-width: 192px;
  text-align: center;
  margin: 0 auto;
  margin-bottom: 35px;
}

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

.xds_msList_wrap .tea_subject {
  position: absolute;
  bottom: -15px;
  left: 50%;
  max-width: 192px;
  height: 30px;
  padding: 0 17px;
  background: #d8ecff;
  border-radius: 34px;
  color: #0084ff;
  font-size: 14px;
  text-align: center;
  line-height: 30px;
  transform: translateX(-50%);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  box-sizing: border-box;
}

.xds_msList_wrap .tea_infos_wrap {
  max-width: 192px;
  margin: 0 auto;
}

.xds_msList_wrap .ms_wrName {
  font-size: 22px;
  color: #000000;
  font-weight: normal;
}

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

.xds_msList_wrap .from_des {
  font-size: 16px;
  margin-top: 5px;
  color: #a9bccd;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 3;
}

.xds_speClass_list {
  margin-right: -32px;
}

.xds_speClass_list .item {
  float: left;
  width: 276px;
  height: 188px;
  margin-top: 30px;
  margin-right: 32px;
  border-radius: 8px;
  overflow: hidden;
}

.hover_animate {
  transition: all 0.3s linear;
}

.hover_animate:hover {
  transform: translateY(-20px);
}

.xds_speClass_list .item img {
  width: 100%;
  height: 100%;
}

.xds_r_box .class_platList .item>img {
  transition: all 0.3s linear;
}

.xds_r_box .class_platList .item>img:hover {
  transform: scale(1.1);
}

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

.xds_fixed_wrap {
  position: fixed;
  width: 90px;
  height: 280px;
  right: 2%;
  bottom: 12%;
  background: #f2f9ff;
  box-shadow: 2px 2px 4px rgb(190 190 190 / 68%);
  border-radius: 16px;
  z-index: 99;
}

.xds_fixed_wrap .action_list {
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  margin-top: 10px;
}

.xds_fixed_wrap .action_list .item {
  width: 100%;
  text-align: center;
}

.c0085FF {
  color: #0085ff;
}

/* 鏁版嵁涓績 */
.f_bold {
  font-weight: bold;
}

.xds_bottomData_wrap {
  margin-right: -20px;
}

.xds_bottomData_wrap .data_list {
  display: flex;
  width: 386px;
  height: 116px;
  align-items: center;
  background: #effaff;
  border-radius: 12px;
  margin-right: 20px;
}

.xds_bottomData_wrap .data_list>.item {
  width: 50%;
  padding-left: 42px;
  box-sizing: border-box;
}

.xds_charts_wrap .l_data_list {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  width: 184px;
  height: 390px;
  padding: 5px 10px;
  overflow: hidden;
  text-align: center;
  background: linear-gradient(168.57deg, #f0f5ff -1.01%, #eaf8ff 101.49%);
  border-radius: 12px;
  box-sizing: border-box;
}

.xds_charts_wrap .l_data_list dd.item {
  max-width: 100%;
  overflow: hidden;
}

.xds_charts_wrap .tit {
  color: #000;
  font-size: 20px;
  margin-bottom: 20px;
}

.w_50 {
  width: 50%;
}

#line_echarts_wrap {
  width: 532px;
  height: 390px;
}

#pie_echarts_wrap {
  width: 400px;
  height: 390px;
}

/* 20230329 璋� */
.xds_spe_class .xds_m_boxHead {
  margin-bottom: 0;
}

.xds_spe_class .xds_tabCont_wrap .li_item {
  margin-top: 20px;
}

.xds_spe_class .xds_m_boxHead .tit {
  font-size: 24px;
  line-height: 40px;
}

.mgt60 {
  margin-top: 60px;
}

.mgt40 {
  margin-top: 40px;
}

.xds_tabContList_item .app_img_box>img {
  width: 72px;
  height: 72px;
}

.xds_fixed_wrap .action_list .item>img {
  width: 34px;
  height: 34px;
}

/* 20230403 鏂板 */
.xds_classCenter_wrap .dd_item_list {
  margin-right: -20px;
}

.xds_classCenter_wrap .dd_item_list .dd_item {
  float: left;
  margin-right: 20px;
  margin-top: 20px;
  border-radius: 12px;
  overflow: hidden;
}

.xds_classCenter_wrap .dd_item_list .dd_item:hover {
  transform: translateY(-10px);
}

.xds_classCenter_wrap .xds_tab_cont.item_w285 .dd_item {
  width: 285px;
}

.xds_classCenter_wrap .xds_tab_cont.item_w386 .dd_item {
  width: 386px;
}

.xds_classCenter_wrap .xds_tab_cont.item_h156 .dd_item {
  height: 156px;
}

.xds_classCenter_wrap .xds_tab_cont.item_h284 .dd_item {
  height: 284px;
}

.xds_classCenter_wrap .dd_item_list .dd_item img {
  width: 100%;
  height: 100%;
}

/* 20230414鏂板寮规 + 鎮诞妗嗘牱寮忚皟鏁� */
/* 鎮诞妗嗘牱寮忚皟鏁� */
.xds_fixed_wrap {
  width: 70px;
  padding-top: 9px;
  box-sizing: border-box;
  /* height: max-content; */
  height: 325px;
  background: #1d62ec;
  border-radius: 6px;
}

.xds_fixed_wrap .item_txt {
  color: #fff;
  font-size: 12px;
  margin-top: 5px;
}

.xds_fixed_wrap .action_list .item {
  width: 60px;
  padding-bottom: 4px;
  margin-bottom: 8px;
}

.xds_fixed_wrap .action_list .item img {
  width: 30px;
  height: 30px;
}

.xds_fixed_wrap .action_list .item:hover,
.xds_fixed_wrap .action_list .item.on {
  background: #1c54c4;
  border-radius: 4px;
}

.xds_fixed_wrap .action_list .item:last-child {
  margin-bottom: 13px;
}

/* 鏂板寮规 */
.xds_msgTips_box {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 480px;
  padding: 30px;
  background: #fff;
  box-sizing: border-box;
  border: 1px solid #e5ebf1;
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  text-align: center;
  z-index: 999;
}

.xds_msgTips_box .tit {
  font-size: 18px;
  color: #000000;
}

.xds_msgTips_box .des {
  margin-top: 10px;
  font-size: 18px;
  line-height: 25px;
  color: #555;
  text-align: left;
}

.xds_msgTips_box .submit_btn {
  display: inline-block;
  color: #fff;
  height: 32px;
  padding: 0 20px;
  line-height: 32px;
  font-size: 14px;
  background: #0085ff;
  border-radius: 4px;
  margin-top: 23px;
}

.xds_msgTips_box .submit_btn:hover {
  background: #007aeb;
}

/* 鏂板寮规 */
/* 20230414鏂板寮规 + 鎮诞妗嗘牱寮忚皟鏁� */

/* fix 婊氬姩鏉� */
.xds_msList_wrap>a {
  display: inline-block;
  margin-right: 20px;
}

.xds_msList_wrap>a:last-child {
  margin-right: 0;
}

.xds_tabCont_wrap .class_list_box,
.xds_speClass_list,
.xds_msList_wrap,
.xds_bottomData_wrap,
.xds_classCenter_wrap .dd_item_list {
  margin-right: 0;
}

.xds_msList_wrap a:last-child .dd_item,
.xds_classCenter_wrap .dd_item_list .dd_item:last-child,
.xds_speClass_list .item:last-child,
.xds_bottomData_wrap .data_list:last-child,
.xds_tabCont_wrap .li_item:last-child,
.xds_msList_wrap .dd_item:last-child {
  margin-right: 0;
}

.xds_classCenter_wrap .xds_tab_cont.item_w386 .dd_item:nth-of-type(3n),
.xds_classCenter_wrap .xds_tab_cont.item_w285 .dd_item:nth-of-type(4n) {
  margin-right: 0;
}

/* fix 婊氬姩鏉� */

body {
  font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB',
    'Microsoft YaHei', 寰蒋闆呴粦, Arial, sans-serif;
}

.whjyy_header_wrap .nav_item.more>a {
  background: url(../images/icon_head_more.png) right center no-repeat;
}

/* 鍚姩鍙板脊妗� */
.launch_wrap {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 494px;
  background-color: #fff;
  box-sizing: border-box;
  border: 1px solid #e5ebf1;
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
  z-index: 99;
}

.launch_wrap .title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 44px;
  padding: 10px;
  line-height: 24px;
  color: #555;
  font-size: 18px;
  box-sizing: border-box;
  font-weight: normal;
}

.launch_wrap .title span {
  font-weight: normal;
}

.launch_wrap .title .close {
  width: 10px;
  height: 10px;
  padding: 7px;
  background: url('../images/icon_close_bg.png') center no-repeat;
  background-size: 10px;
  transition: all 0.6s;
}

.launch_wrap .title .close:hover {
  transform: rotate(-360deg);
  transition: all 0.6s;
}

.launch_wrap .launch_content {
  height: 236px;
  padding: 10px 10px 39px;
  box-sizing: border-box;
}

.launch_wrap .launch_content .launch_box {
  position: relative;
  width: 50%;
}

.launch_wrap .launch_content .launch_box:first-child:before {
  position: absolute;
  content: '';
  right: 0;
  top: 35px;
  width: 1px;
  height: 162px;
  background-color: #e1e7f5;
}

.launch_wrap .launch_content .hjy_img {
  display: block;
  width: 72px;
  margin: 40px auto 10px;
  box-shadow: 0px 1.52055px 10.137px rgba(16, 0, 0, 0.05);
}

.launch_wrap .launch_content .hjy_img.install {
  width: 139px;
  height: 104px;
  margin-top: 10px;
  margin-bottom: 8px;
  box-shadow: none;
}

.launch_wrap .launch_content .text {
  color: #555;
  font-size: 14px;
  text-align: center;
  line-height: 20px;
}

.launch_wrap .launch_content .launch_btn {
  display: block;
  margin: 22px auto 0;
  width: 96px;
  height: 32px;
  border: 1px solid #0085ff;
  border-radius: 4px;
  text-align: center;
  line-height: 30px;
  font-size: 14px;
  color: #0085ff;
}

.launch_wrap .launch_content .launch_btn:hover {
  opacity: 0.86;
}

.launch_wrap .launch_content .launch_btn.install {
  background-color: #0085ff;
  color: #fff;
}

.launch_wrap .launch_content .launch_btn.install:hover {
  background: #007aeb;
}

/* 鍚姩鍙板脊妗� */

/* 20230417 鏂板涓嬭浇椤� */
.xds_downloadPage_header {
  background: #fff;
}

.xds_downloadPage_main {
  position: relative;
  height: calc(100vh - 90px);
  background: url(../images/downloadPage_images/downloadPage_bg.jpg) no-repeat top center;
  /* background-size: cover; */
}

.xds_section {
  position: absolute;
  top: 10%;
}

.xds_section .rrt_app .txt {
  display: block;
  font-size: 48px;
  height: 67px;
  line-height: 67px;
  color: #3370ff;
  padding-left: 90px;
  background: url(../images/downloadPage_images/ico_rrt.png) no-repeat left center;
  background-size: 77px 77px;
}

.xds_section .tit {
  font-size: 70px;
  line-height: 98px;
  color: #000;
  margin-top: 20px;
}

.xds_section .des {
  font-size: 24px;
  line-height: 34px;
  color: #323d48;
  margin-top: 5px;
}

.xds_btns_wrap {
  display: flex;
  width: 271px;
  height: 160px;
  flex-direction: column;
  justify-content: space-around;
  margin-right: 50px;
}

.xds_btns_wrap .download_btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 58px;
  border: 1px solid #9dbaff;
  box-shadow: 0px 0px 10px rgba(51, 112, 255, 0.25);
  border-radius: 29px;
  color: #3370ff;
  font-size: 18px;
  background: #f4f9ff;
  box-sizing: border-box;
}

.xds_btns_wrap .download_btn:hover {
  background: #fff;
}

.xds_btns_wrap .download_btn .ico_item {
  width: 32px;
  height: 32px;
  margin-right: 17px;
}

.xds_btns_wrap .download_btn .ico_iphone {
  background: url(../images/downloadPage_images/ico_iphone.png) no-repeat;
  background-size: 100% 100%;
}

.xds_btns_wrap .download_btn .ico_android {
  background: url(../images/downloadPage_images/ico_android.png) no-repeat;
  background-size: 100% 100%;
}

.xds_section .code_img {
  width: 160px;
  height: 160px;
  padding: 12px;
  background: #fff;
  box-sizing: border-box;
}

.xds_section .code_img>img {
  width: 136px;
  height: 136px;
}

/* 20230417 鏂板涓嬭浇椤� */

/* 2023/4/18 mzl  寮规淇敼 */

.launch_wrap {
  border-radius: 8px;
}

.launch_wrap .launch_content .hjy_img {
  display: block;
  width: 72px;
  margin: 40px auto 10px;
  box-shadow: unset;
}

.launch_wrap .launch_content .launch_btn:hover {
  background: #e8f6ff;
  color: #0085ff;
}

.launch_wrap .launch_content .launch_btn.install:hover {
  color: #fff;
}

.launch_wrap .title .close:hover {
  transition: none;
  transform: none;
  background: #f4f6f9;
  background: #f4f6f9 url(../images/icon_close_bg.png) center no-repeat;
  border-radius: 0px 4px 0px 0px;
  background-size: 10px;
}

.launch_wrap .title .close {
  width: 44px;
  height: 44px;
  padding: 0;
  transition: none;
}

.launch_wrap .title {
  padding: 10px 0 10px 10px;
}

.xds_fixed_wrap .action_list .item.app {
  position: relative;
}

.xds_fixed_wrap .action_list .item.app:hover .mzl_code_box {
  display: block;
}

.mzl_code_box {
  position: absolute;
  top: 50%;
  left: -120px;
  margin-top: -57px;
  width: 113px;
  height: 141px;
  padding: 11px 14px;
  box-sizing: border-box;
  font-size: 12px;
  color: #2d2d2d;
  background: #fff url(../images/code_box_bg.png) no-repeat center;
}

.mzl_code_box p {
  line-height: 17px;
}

.xds_fixed_wrap .action_list .item .mzl_code_box .code {
  width: 80px;
  height: 80px;
}

/* 2023/4/18 mzl  寮规淇敼 */

/* 20230418 鏂板PC绔笅杞介〉 */
.c226DFE {
  color: #226dfe;
}

.mgt45 {
  margin-top: 45px;
}

.xds_pc_container {
  position: relative;
  height: calc(100vh - 90px);
  background: url(../images/downloadPage_images/downloadPage_pc_bg.jpg) no-repeat top center;
}

.xds_pc_section {
  padding-top: 70px;
}

.xds_pc_section .txt {
  display: block;
  font-size: 40px;
  height: 67px;
  line-height: 67px;
  color: #3370ff;
  padding-left: 92px;
  background: url(../images/downloadPage_images/ico_rrt.png) no-repeat left center;
  background-size: 72px 72px;
}

.xds_pc_section .tit {
  font-size: 54px;
  line-height: 54px;
  color: #161a1d;
  margin-top: 55px;
}

.xds_pc_section .infos_list {
  display: flex;
  width: 460px;
  justify-content: space-between;
  flex-wrap: wrap;
}

.xds_pc_section .infos_list .item {
  color: #282e39;
  font-size: 18px;
  margin-top: 20px;
}

.xds_pc_section .links_item {
  width: 320px;
  font-size: 18px;
  text-align: center;
}

.xds_pc_section .xds_download_btn {
  display: block;
  width: 100%;
  height: 70px;
  line-height: 70px;
  border-radius: 35px;
  color: #fff;
  background: linear-gradient(90deg, #3293fa 0%, #004fff 100%);
}

.xds_pc_section .xds_download_btn:hover {
  background: linear-gradient(90deg, #69b0fb 0%, #4881ff 100%);
}

.xds_pc_section .links_item .ico_item {
  display: inline-block;
  width: 24px;
  height: 24px;
  vertical-align: sub;
}

.xds_pc_section .links_item .ico_pc_client {
  background: url(../images/downloadPage_images/ico_pc_client.png) no-repeat;
  background-size: 100%;
}

.xds_pc_section .links_item .ico_pc_download {
  background: url(../images/downloadPage_images/ico_download.png) no-repeat;
  background-size: 100%;
}

.xds_pc_section .links_item .a_link {
  color: #226dfe;
}

.xds_pc_section .links_item .a_link:hover {
  color: #6097fe;
}

/* 20230418 鏂板PC绔笅杞介〉 */









/* 20230419 鏂板鍚嶅笀宸ヤ綔瀹ら椤� */
.zjl_custom_pagination {
  bottom: 84px !important;
}

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

/* 妯″潡璺宠浆 */

.moduleLink_list {
  padding: 40px 0;
}

.moduleLink_list .item {
  float: left;
  width: 232px;
  height: 100px;
  margin-right: 10px;
  background: #e0eaff;
  border-radius: 8px;
  overflow: hidden;
}

.moduleLink_list .item>img {
  width: 232px;
  height: 100px;
}

.moduleLink_list .item:last-child {
  margin-right: 0px;
}

/* 妯″潡璺宠浆 */
/* 璧勬簮涓績 */
.zjl_resource_wrap {
  padding-top: 58px;
  padding-bottom: 77px;
}

.zjl_resource_wrap .resource_tit {
  font-weight: 500;
  font-size: 30px;
  height: 42px;
  line-height: 42px;
  color: #222222;
  text-align: center;
  background: url('./../images/whjyy_workRoom/title_bg.png') center no-repeat;
}

.zjl_resource_wrap .resource_con {
  margin-top: 45px;
}

.zjl_resource_list .item {
  width: 302px;
  float: left;
  margin-right: 30px;
}

.zjl_resource_list .itemImg {
  display: inline-block;
  width: 302px;
  height: 100px;
  border-radius: 15px;
}

.zjl_resource_list .itemImg.resourceImg1 {
  background: url('./../images/whjyy_workRoom/resource1.png') center no-repeat;
  background-size: 302px 100px;
}

.zjl_resource_list .itemImg.resourceImg2 {
  background: url('./../images/whjyy_workRoom/resource2.png') center no-repeat;
  background-size: 302px 100px;
}

.zjl_resource_list .itemImg.resourceImg3 {
  background: url('./../images/whjyy_workRoom/resource3.png') center no-repeat;
  background-size: 302px 100px;
}

.zjl_resource_list .subjectList {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.zjl_resource_list .subject_item {
  height: 38px;
  font-size: 16px;
  line-height: 38px;
  text-align: center;
  color: #0b305f;
  background: #dbebff;
  padding: 0 10px;
  margin-top: 16px;
  float: left;
  border-radius: 21.5px;
  box-sizing: border-box;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.zjl_resource_list .subject_item:hover {
  color: #ffffff;
  background: #2584ff;
}

.zjl_resource_list .subject_item.arrange1 {
  width: 92px;
}

.zjl_resource_list .subject_item.arrange2 {
  width: 145px;
}

.zjl_resource_list .subject_item.arrange3 {
  width: 197px;
}

.zjl_resource_link {
  width: 203px;
}

.zjl_resource_link .item {
  /* display: inline-block; */
  width: 203px;
  height: 172px;
  float: left;
  background: linear-gradient(110.69deg,
      #e6e17f 19.5%,
      rgba(193, 188, 53, 0.71) 68.18%);
  border-radius: 15px;
}

.zjl_resource_link .item.resourceImg1 {
  background: url('./../images/whjyy_workRoom/resource4.png') center no-repeat;
  background-size: 203px 172px;
}

.zjl_resource_link .item.resourceImg2 {
  background: url('./../images/whjyy_workRoom/resource5.png') center no-repeat;
  background-size: 203px 172px;
}

.mgt26 {
  margin-top: 26px;
}

/* 璧勬簮涓績 */
/* 鍚嶅笀鎺ㄨ崘 */
.zjl_workRoom_wrap {
  background: #e8eff4;
}

.pdt35 {
  padding-top: 35px;
}

.zjl_tab_head .tit {
  float: left;
  font-size: 32px;
  color: #0a0a0a;
  line-height: 42px;
  margin-right: 40px;
}

.zjl_tab_list {
  line-height: 42px;
}

.zjl_tab_list .item {
  display: inline-block;
  height: 32px;
  line-height: 32px;
  padding: 0px 16px;
  font-weight: 400;
  font-size: 16px;
  color: #1b1b1b;
  margin: 0 17px;
  border-radius: 29px;
}

.zjl_tab_list .item:hover,
.zjl_tab_list .item.on {
  color: #fff;
  background: #3370ff;
}

.zjl_workRoom_wrap .zjl_tab_head .tit {
  margin-right: 20px;
}

.zjl_workRoom_wrap .zjl_tab_list .item {
  margin: 0 29px;
}

.zjl_enter_btn {
  font-size: 14px;
  line-height: 42px;
  color: #3370ff;
  background: url(../images/ico_enter_btn.png) no-repeat right center;
  padding-right: 14px;
  background-size: 12px;
}

.zjl_workRoom_list {
  padding-top: 36px;
  padding-bottom: 85px;
}

.zjl_workRoom_list .workRoom_item {
  position: relative;
  width: 224px;
  height: 311px;
  padding-top: 36px;
  background: #ffffff;
  float: left;
  border-radius: 12px;
  text-align: center;
  margin-right: 20px;
  box-sizing: border-box;
}

.zjl_workRoom_list .workRoom_item:hover {
  box-shadow: 0px 4px 20px rgba(0, 82, 204, 0.25);
}

.zjl_workRoom_list .workRoom_item:last-child {
  margin-right: 0;
}

.zjl_workRoom_list .level_mark {
  position: absolute;
  right: 0;
  top: 0;
  width: 42px;
  height: 42px;
  font-size: 18px;
  line-height: 42px;
  text-align: center;
  border-radius: 0px 11px;
}

.zjl_workRoom_list .level_city {
  background: #faf5eb;
  color: #d2a740;
}

.zjl_workRoom_list .level_district {
  background: #edf7ff;
  color: #3da2ff;
}

.zjl_workRoom_list .avatar_box {
  position: relative;
  max-width: 192px;
  text-align: center;
  margin: 0 auto;
  margin-bottom: 35px;
}

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

.zjl_workRoom_list .tea_subject {
  position: absolute;
  bottom: -15px;
  left: 50%;
  max-width: 192px;
  height: 30px;
  padding: 0 17px;
  background: #d8ecff;
  border-radius: 34px;
  color: #0084ff;
  font-size: 14px;
  text-align: center;
  line-height: 30px;
  transform: translateX(-50%);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  box-sizing: border-box;
}

.zjl_workRoom_list .tea_infos_wrap {
  max-width: 192px;
  margin: 0 auto;
}

.zjl_workRoom_list .ms_wrName {
  font-size: 22px;
  color: #000000;
  font-weight: normal;
}

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

.zjl_workRoom_list .from_des {
  font-size: 16px;
  margin-top: 5px;
  color: #a9bccd;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 3;
}

/* 鍚嶅笀鎺ㄨ崘 */

/* 鎺ㄨ崘娲诲姩 */

.zjl_active_wrap {
  background: #e8eff4;
}

.pdt59 {
  padding-top: 59px;
}

.zjl_active_list {
  padding-top: 29px;
  padding-bottom: 59px;
}

.zjl_active_list .active_item {
  float: left;
  width: 390px;
  height: 161px;
  padding: 11px 23px 16px 27px;
  background: #ffffff;
  border-radius: 10px;
  margin-right: 15px;
  margin-bottom: 15px;
  box-sizing: border-box;
}

.zjl_active_list .active_item:nth-child(3n) {
  margin-right: 0;
}

.zjl_active_list .active_item:nth-child(n + 4) {
  margin-bottom: 0;
}

.zjl_active_list .time {
  font-size: 14px;
  line-height: 20px;
  color: #888888;
}

.zjl_active_list .tit {
  font-size: 18px;
  height: 48px;
  line-height: 24px;
  color: #333333;
  margin-top: 8px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 2;
}

.zjl_active_list .person_message {
  margin-top: 8px;
}

.zjl_active_list .imgWrap {
  width: 50px;
  height: 50px;
  line-height: 50px;
  float: left;
  border-radius: 50%;
  overflow: hidden;
}

.zjl_active_list .imgWrap>img {
  width: 50px;
  height: 50px;
}

.zjl_active_list .user {
  float: left;
  max-width: 160px;
  font-size: 14px;
  line-height: 20px;
  padding-top: 4px;
  margin-left: 11px;
  color: #424242;
}

.zjl_active_list .user .wookRoom {
  margin-top: 4px;
  color: #888888;
}

.zjl_active_list .tag {
  float: right;
  max-width: 115px;
  line-height: 20px;
  padding: 4px 15px;
  margin-top: 15px;
  background: #e2f2f4;
  border-radius: 26px;
  text-align: center;
  box-sizing: border-box;
}

.zjl_active_list .tag.math {
  color: #3ba068;
  background: #e2f4e3;
}

.zjl_active_list .tag.language {
  color: #7a693d;
  background: #f3ebd7;
}

.zjl_active_list .tag.english {
  color: #4b71ba;
  background: #e2eefc;
}

.zjl_active_list .tag.morality {
  color: #2b6b74;
  background: #e2f2f4;
}

.zjl_active_list .tag.physics {
  color: #2b6b74;
  background: #e2f2f4;
}

.zjl_active_list .tag.chemistry {
  color: #2b6b74;
  background: #e2f2f4;
}

/* 鎺ㄨ崘娲诲姩 */

/* 鎺ㄨ崘娲诲姩 */

.zjl_statistics_wrap {
  padding-top: 47px;
  padding-bottom: 76px;
}

.zjl_statistics_wrap .statistics_tit {
  position: relative;
  font-weight: 500;
  font-size: 30px;
  height: 42px;
  line-height: 42px;
  color: #222222;
  text-align: center;
  background: url('./../images/whjyy_workRoom/title_bg2.png') center no-repeat;
}

.zjl_statistics_btn {
  position: absolute;
  right: 0;
  font-size: 14px;
  line-height: 42px;
  color: #3370ff;
  background: url(../images/ico_enter_btn.png) no-repeat right center;
  padding-right: 14px;
  background-size: 12px;
}

.zjl_statistics_con {
  margin-top: 44px;
}

.zjl_statistics_con .statistics_bg {
  position: relative;
  display: inline-block;
  width: 304px;
  height: 236px;
  margin-top: 10px;
  background: url('./../images/whjyy_workRoom/statistics_bg.png') no-repeat center;
  background-size: 304px 236px;
}

.zjl_statistics_con .visitNum {
  position: absolute;
  top: 0;
  left: 33px;
  font-weight: 600;
  font-size: 48px;
  line-height: 57px;
  color: #0175ff;
  transition: all 0.5s ease
}

.zjl_statistics_con .chainIndex {
  position: absolute;
  top: 118px;
  left: 33px;
  font-weight: 600;
  font-size: 48px;
  line-height: 57px;
  color: #0175ff;
}

.zjl_statistics_list {
  width: 896px;
  padding-left: 26px;
  box-sizing: border-box;
}

.zjl_statistics_list .item {
  width: 280px;
  height: 116px;
  float: left;
  padding: 26px 0px 0 36px;
  margin-bottom: 14px;
  margin-right: 15px;
  background: #effaff;
  border-radius: 12px;
  box-sizing: border-box;
}

.zjl_statistics_list .item:nth-child(3n) {
  margin-right: 0;
}

.zjl_statistics_list .item:nth-child(n + 4) {
  margin-bottom: 0;
}

.zjl_statistics_list .statistics_left {
  float: left;
  width: 135px;
}

.zjl_statistics_list .num {
  display: inline-block;
  max-width: 110px;
  font-weight: 600;
  font-size: 24px;
  line-height: 34px;
  color: #0a0a0a;
  vertical-align: bottom;
}

.zjl_statistics_list .unit {
  display: inline-block;
  font-weight: 400;
  font-size: 12px;
  line-height: 17px;
  color: #757575;
  margin-left: 6px;
}

.zjl_statistics_list .tit {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #41525a;
  margin-top: 10px;
}

.zjl_statistics_list .statistics_right {
  float: right;
  width: 109px;
  margin-top: 7px;
}

.zjl_statistics_list .ratio_hint {
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  color: #4f9fff;
}

.zjl_statistics_list .ratio_hint::before {
  content: '';
  display: inline-block;
  width: 17px;
  height: 16.5px;
  margin-right: 7px;
  background: url('./../images/whjyy_workRoom/elevate_icon.png') center no-repeat;
  background-size: 17px 16.5px;
}

/* 鎺ㄨ崘娲诲姩 */

/* 20230419 鏂板鍚嶅笀宸ヤ綔瀹ら椤� */

/* 20230420 鏂板缃戠粶鏁欑爺椤甸潰 By Mzl :Start */
.mzl_count {
  padding: 32px 40px;
  box-sizing: border-box;
  background: #FFFFFF;
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.05);
  border-radius: 12px;
}

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

.mzl_row .lt {
  display: flex;
  align-items: center;
}

.mzl_row .avatar {
  width: 58px;
  height: 58px;
}

.mzl_row .lt .num {
  font-size: 24px;
  line-height: 34px;
  color: #0063FF;
}


.mzl_row .lt .totle {
  margin-top: 2px;
  font-size: 18px;
  line-height: 25px;
  text-align: center;
  color: #222222;
}

.tot_box {
  margin-left: 13px;
}

.mzl_row .rt {
  display: flex;
}

.mzl_row .rt .item {
  margin-left: 20px;
  display: flex;
  align-items: center;
  width: 268px;
  height: 68px;
  background: #F5F9FF;
  border-radius: 12px;
  padding: 0 26px;
  box-sizing: border-box;
}

.mzl_row .rt .item .icon {
  width: 24px;
  height: 24px;
  user-select: none;
}

.mzl_row .rt .item .text {
  margin-left: 8px;
  font-size: 18px;
  line-height: 25px;
  color: #222222;
}

.mzl_row .rt .item .totle {
  margin-left: auto;
  font-size: 20px;
  line-height: 28px;
  text-align: right;
  color: #0063FF;
}

.mzl_charts {
  padding: 24px;
  box-sizing: border-box;
  height: 366px;
  background: #FFFFFF;
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.05);
  border-radius: 12px;
}

.mzl_charts .tit {
  cursor: pointer;
}

.mzl_charts .tit i {
  margin-right: 3px;
  display: inline-block;
  width: 15px;
  height: 12px;
  border-radius: 2px;
}

.mzl_charts .tit.hy i {
  background: #096BFF;
  vertical-align: middle;
}

.mzl_charts .tit.hy span {
  color: #396FFF;
}

.mzl_charts .tit.zy i {
  margin-left: 38px;
  background: #B4D3D1;
  vertical-align: middle;
}

.mzl_charts .tit.zy span {
  color: #B4D3D1;
  line-height: 20px;
}

.mzl_title {
  display: flex;
  align-items: center;
  margin-bottom: 24px;
  font-size: 32px;
  line-height: 45px;
  color: #0A0A0A;
}

.mzl_title .sub_tit {
  margin-right: 12px;
  padding: 4px 12px;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 20px;
  color: #0A0A0A;
  cursor: pointer;
}

.mzl_title .sub_tit.on {
  color: #fff;
  background: #3370FF;
  border-radius: 28.5px;
}

.refresh_btn {
  display: flex;
  align-items: center;
  margin-left: auto;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #0A0A0A;
}

.refresh_icon {
  display: inline-block;
  margin-right: 9px;
  width: 18px;
  aspect-ratio: 1 / 1;
  background: url(../images/mzl_refresh_icon.png) no-repeat center;
}

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

.mzl_recomm_box .lt {
  width: 814px;
}

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


.recomm_list li {
  float: left;
  position: relative;
  margin-bottom: 20px;
  padding: 20px 0;
  box-sizing: border-box;
  width: 258px;
  height: 214px;
  background: linear-gradient(180deg, #00C2FF 0%, rgba(0, 194, 255, 0) 36.7%, rgba(0, 194, 255, 0.1) 100%);
  /* opacity: 0.1; */
  border-radius: 10px;
  text-align: center;
}

.recomm_list li {
  margin-right: 20px;
}

.recomm_list li:nth-child(3n) {
  margin-right: 0;
}

.recomm_list li::after {
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -40.5px;
  content: '';
  width: 81px;
  height: 2px;
  background: #3370FF;
  z-index: 999;
}

.recomm_list li .info {
  width: 165px;
  font-size: 16px;
  line-height: 22px;
  margin: auto;
  color: #222222;
}

.recomm_list li .state {
  width: max-content;
  margin: 17px auto 0 auto;
  padding: 2px 11px;
  box-sizing: border-box;
  font-size: 12px;
  line-height: 17px;
  color: #FFFFFF;
  border-radius: 3px;
}

.recomm_list li .state.online {
  background: #3DA5FF;
}

.recomm_list li .state.offline {
  background: #1DCDB9;
}

.recomm_list li .state.all {
  background: #97A0FF;
}

.recomm_list li .mzl_host {
  margin-top: 10px;
  display: flex;
  justify-content: center;
}

.recomm_list li .mzl_host .zc {
  padding: 3px 5px;
  box-sizing: border-box;
  font-size: 12px;
  line-height: 17px;
  color: #AAAAAA;
}

.recomm_list li .mzl_host .cy {
  margin-left: 10px;
  padding: 3px 5px;
  box-sizing: border-box;
  font-size: 12px;
  line-height: 17px;
  color: #AAAAAA;
}

.recomm_list li .mzl_time {
  margin: auto;
  margin-top: 12px;
  font-size: 12px;
  line-height: 17px;
  color: #888888;
}

.recomm_list li .bottom_info {
  margin-top: 13px;
  padding: 0 15px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  font-size: 14px;
  line-height: 20px;
  color: #A0A0A0;
}

.recomm_list li .bottom_info .people_icon {
  display: inline-block;
  margin-right: 3px;
  width: 12px;
  height: 16px;
  background: url(../images/mzl_people_icon.png) no-repeat center;
}

.recomm_list li .bottom_info .thumbs_icon {
  display: inline-block;
  margin-right: 3px;
  width: 14px;
  height: 14px;
  background: url(../images/mzl_thumbs_icon.png) no-repeat center;
}

.recomm_list li .bottom_info .cut {
  display: inline-block;
  margin: 0 20px;
  width: 1px;
  height: 11px;
  background: #EEEEEE;
}

.recomm_list li .bottom_info .start {
  margin-left: auto;
  display: flex;
  align-items: center;
}

.recomm_list li .bottom_info .start .ongoing_icon {
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url(../images/ongoing.png) no-repeat center;
}

.recomm_list li .bottom_info .start .ongoing_txt {
  color: #00DF7E;
  margin-left: 6px;
}

.recomm_list li .bottom_info .start .no_start_icon {
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url(../images/no_start.png) no-repeat center;
}

.recomm_list li .bottom_info .start .no_start_txt {
  color: #FFC61B;
  margin-left: 6px;
}


.mzl_recomm_box .rt .cont {
  position: relative;
  overflow: hidden;
  width: 366px;
  height: 448px;
  background: #FFFFFF;
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.05);
  border-radius: 10px;
}

.scroll_list {
  padding: 30px 58px 0 58px;
  box-sizing: border-box;
}

.mzl_recomm_box .rt .cont::after {
  display: block;
  position: absolute;
  top: 0;
  left: 33px;
  content: '';
  width: 1px;
  height: 100%;
  background: #E5EFFF;
}

.scroll_list li {
  margin-bottom: 35px;
  position: relative;
}

.scroll_list li::after {
  display: block;
  content: '';
  position: absolute;
  top: 6px;
  left: -29px;
  width: 9px;
  height: 9px;
  z-index: 999;
  background: url(../images/mzl_circle.png) no-repeat center;
}

.scroll_list li .time {
  width: max-content;
  padding: 2px 9px;
  box-sizing: border-box;
  font-size: 12px;
  line-height: 17px;
  color: #0063FF;
  background: rgba(0, 99, 255, 0.06);
  border-radius: 14px;
}

.scroll_list li .info {
  margin-top: 10px;
  display: flex;
  align-items: center;
}

.scroll_list li .info .right {
  margin-left: 8px;
}

.scroll_list li .info .avatar {
  width: 40px;
  height: 40px;
}

.scroll_list li .info .right .name {
  font-size: 16px;
  line-height: 22px;
  color: #222222;
}

.scroll_list li .info .right .sub_cout {
  margin-top: 2px;
  font-size: 12px;
  line-height: 17px;
  color: #888888;
}

.dis_none {
  display: none;
}



.koi_Referral_community {
  /* display: flex; */
  font-family: PingFang SC;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  text-align: left;
}

.koi_Referral_community .Referral_community_left {
  float: left;
  margin-top: 30px;
  width: 204px;
  padding: 30px 25px;
  height: 382px;
  box-sizing: border-box;
  background: url(../images/koi_Referral_community_bg.png) no-repeat center;
}

.koi_Referral_community .Referral_community_left .koi_discipline_tab {
  display: flex;
  flex-wrap: wrap;
}

.koi_Referral_community .Referral_community_left .koi_discipline_tab li {
  width: 64px;
  margin-left: 25px;
  margin-top: 34px;
}

.koi_Referral_community .Referral_community_left .koi_discipline_tab li:nth-child(odd) {
  margin-left: unset;
}

.koi_Referral_community .Referral_community_left .koi_discipline_tab li:nth-child(1) {
  margin-top: unset;
}

.koi_Referral_community .Referral_community_left .koi_discipline_tab li:nth-child(2) {
  margin-top: unset;
}

.koi_Referral_community .Referral_community_left .koi_discipline_tab li a {
  color: #fff;
}

.koi_Referral_community .Referral_community_right {
  float: left;
  width: 996px;
}

.koi_Referral_community .Referral_community_right .koi_community_list {
  display: flex;
  flex-wrap: wrap;
}

.koi_Referral_community .Referral_community_right .koi_community_list li {
  margin-left: 20px;
  padding: 30px 20px;
  background: #fff;
  border-radius: 12px;
  width: 312px;
  height: 176px;
  box-sizing: border-box;
  cursor: pointer;
  margin-top: 30px;
}

.koi_Referral_community .Referral_community_right .koi_community_list li .item {
  display: flex;
}

.koi_Referral_community .Referral_community_right .koi_community_list li .item .community_left {
  position: relative;
  height: 74px;
}

.koi_Referral_community .Referral_community_right .koi_community_list li .item .community_left .koi_user {
  display: inline-block;
  width: 74px;
  height: 74px;
  border-radius: 50%;
}

.koi_Referral_community .Referral_community_right .koi_community_list li .item .community_right {
  margin-left: 15px;
}

.koi_Referral_community .Referral_community_right .koi_community_list li .item .community_right .title {
  display: inline-block;
  width: 156px;
  color: #000000;
  font-family: PingFang SC;
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  text-align: left;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.koi_Referral_community .Referral_community_right .koi_community_list li .item .community_right .school_city {
  color: #B2B2B2;
  font-weight: 400;
  font-size: 14px;
  margin-top: 10px;
}

.koi_Referral_community .Referral_community_right .koi_community_list li .item .community_right .name {
  color: #B2B2B2;
  font-weight: 400;
  font-size: 14px;
  margin-top: 5px;
}

.koi_Referral_community .Referral_community_right .koi_community_list li .item .community_right .koi_flex {
  display: flex;
  align-items: center;
  margin-top: 15px;
  color: #b2b2b2;
}

.koi_Referral_community .Referral_community_right .koi_community_list li .item .community_right .koi_flex .box {
  align-items: center;
  display: flex;
}

.more_box {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  width: 90px;
  height: 28px;
  font-family: PingFang SC;
  font-size: 12px;
  font-weight: 400;
  line-height: 28px;
  text-align: center;
  border-radius: 12px;
  color: #0080F8;
}

.icon_right_tik {
  display: inline-block;
  width: 10px;
  height: 10px;
  background: url(../images/icon_right_tik.png) no-repeat center;
}

.icon_jb {
  position: absolute;
  left: 0;
  bottom: -10px;
  height: 22px;
  width: 74px;
  display: inline-block;
  border-radius: 12px;
  font-family: PingFang SC;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: center;
  color: #fff;
}

.icon_jb.blue {
  background: linear-gradient(90deg, #1282FF 0%, #00EAFF 100%);
}

.icon_jb.green {
  background: linear-gradient(90deg, #00BC50 0%, #36DEC2 100%);
}

.icon_ren {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(../images/ren.png) no-repeat center;
}

.icon_year {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(../images/year.png) no-repeat center;
}

.c_60DEAA {
  color: #60DEAA;
}

.c_9DD4FF {
  color: #9DD4FF;
}

.mzl_title.tjsq {
  margin-bottom: 0;
}

.mzl_comm_box {
  margin-top: 50px;
}




/* 20230420 鏂板缃戠粶鏁欑爺椤甸潰 By Mzl :End */







/* 淇敼鐢ㄦ埛鍚嶆樉绀� :Start */
.whjyy_header_wrap .user_infos .username {
  display: inline-block;
  max-width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
}

.xds_fixed_wrap {
  box-shadow: none;
}

.whjyy_header_wrap .user_infos .avatar {
  width: 36px;
  height: 36px;
  margin-right: 10px;
}

.xds_classCenter_wrap .xds_tab_cont.item_h284.two .dd_item {
  width: 570px;
}

.xds_classCenter_wrap .xds_tab_cont.item_h284.three .dd_item {
  width: 386px;
}

/* 淇敼鐢ㄦ埛鍚嶆樉绀� :End */



/* 2023/5/15   姝︽眽鏁欒偛浜戜笅杞介〉PC绔�2 s */
.xds_pc_section.mzl {
  position: absolute;
  padding-top: 100px;
  /* top: 305px; */
  /* left: 195px; */
}

.xds_pc_section.mzl .tit {
  margin-top: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 32px;
  font-weight: 400;
}

.xds_pc_section.mzl .tit i {
  display: inline-block;
  margin: 0 20px;
  width: 1px;
  height: 16px;
  background: #282E39;
}

.mgt100 {
  margin-top: 100px;
}

.mgl15 {
  margin-left: 15px;
}

.mgl50 {
  margin-left: 50px;
}

.xds_pc_section .links_item:hover .ico_pc_download {
  background: url(../images/downloadPage_images/ico_download2.png) no-repeat;
}

.xds_pc_section .links_item .a_link:hover .ico_pc_download {
  background: url(../images/downloadPage_images/ico_download2.png) no-repeat;
}

.mgt40 {
  margin-top: 40px;
}

.xds_pc_section.mzl .txt {
  font-weight: 600;
}

/* 2023/5/15   姝︽眽鏁欒偛浜戜笅杞介〉PC绔�2 e */



/* 2023/5/17  姝︽眽鏁欒偛浜戜笅杞絯eb2  s*/
.xds_downloadPage_main.mzl {
  background: #e1f0ff url(../images/downloadPage_images/downloadPage_bg2.jpg) no-repeat top center;
  background-size: 2560px;
}

.xds_downloadPage_main.mzl .xds_section {
  position: absolute;
  top: 110px;
  margin-left: 60px;
}

.xds_downloadPage_main.mzl .xds_section .rrt_app .txt {
  font-weight: 600;
}

.xds_downloadPage_main.mzl .xds_section .tit {
  display: flex;
  align-items: center;
  font-size: 36px;
  line-height: 50px;
  color: #000;
  margin-top: 56px;
}

.xds_downloadPage_main.mzl .tit i {
  display: inline-block;
  margin: 0 20px;
  width: 1px;
  height: 31px;
  background: #7391AD;
}

.mgl40 {
  margin-left: 40px;
}

.mgt56 {
  margin-top: 56px;
}

.xds_downloadPage_main.mzl .xds_section .code_img {
  width: 160px;
  height: 185px;
  background: rgba(255, 255, 255, 0.6);
  border-radius: 12px;
}

.xds_downloadPage_main.mzl .xds_section .code_img p {
  margin-top: 5px;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 6px;
  color: #525765;
  text-align: center;
}

.xds_downloadPage_main.mzl .xds_section .code_img>img {
  width: 136px;
  height: 136px;
}

.xds_downloadPage_main.mzl .xds_section .xds_btns_wrap {
  height: 185px;
  margin-left: 30px;
  margin-right: 0;
}

.xds_downloadPage_main.mzl .xds_section .mzl_code {
  margin-left: -60px;
}

.xds_downloadPage_main.mzl .xds_btns_wrap .download_btn .ico_iphone {
  background: url(../images/downloadPage_images/ico_iphone2.png) no-repeat;
  background-size: 100% 100%;
}



.xds_downloadPage_main.mzl .xds_btns_wrap .download_btn .ico_android {
  background: url(../images/downloadPage_images/ico_android2.png) no-repeat;
  background-size: 100% 100%;
}


.xds_downloadPage_main.mzl .xds_btns_wrap .download_btn {
  background: #1E62EC;
  color: #fff;
}

.xds_downloadPage_main.mzl .xds_btns_wrap .download_btn:hover {
  background: #fff;
}

.xds_downloadPage_main.mzl .xds_btns_wrap .download_btn:hover .ico_iphone {
  background: url(../images/downloadPage_images/ico_iphone.png) no-repeat;
  background-size: 100% 100%;
}

.xds_downloadPage_main.mzl .xds_btns_wrap .download_btn:hover .ico_android {
  background: url(../images/downloadPage_images/ico_android.png) no-repeat;
  background-size: 100% 100%;
}

.xds_downloadPage_main.mzl .xds_btns_wrap .download_btn:hover span {
  color: #3370ff;
}

/* 2023/5/17  姝︽眽鏁欒偛浜戜笅杞絯eb2  e*/




.whjyy_header_wrap .search_btn {
  margin-right: 30px;
}

.whjyy_header_wrap .user_infos i.user_icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 5px;
  background: url(../images/user_icon_bg.png) center no-repeat;
  vertical-align: middle;
  border-radius: 50%;
  background-size: cover;
}


/* 2023/5/31 姝︽眽鏁欒偛浜戜笅杞介〉pc绔�3 */
.xds_downloadPage_main.three {
  background: #e1f0ff url(../images/downloadPage_images/downloadPage_pc_bg3.jpg) no-repeat top center;
}

.xds_downloadPage_main.three .xds_section .tit {
  margin-top: 20px;
}


.xds_downloadPage_main.three .xds_section .xds_btns_wrap {
  height: 214px;
}

.xds_downloadPage_main.three .xds_section .mzl_code {
  display: flex;
  align-items: flex-end;
}


.xds_downloadPage_main.three .xds_btns_wrap .download_btn .ico_pc {
  background: url(../images/downloadPage_images/ico_pc.png) no-repeat;
  background-size: 100% 100%;
}

.xds_downloadPage_main.three .xds_btns_wrap .download_btn {
  padding-left: 55px;
  box-sizing: border-box;
  justify-content: unset;
}

.mgt80 {
  margin-top: 80px;
}

.xds_downloadPage_main.three .xds_btns_wrap .download_btn:hover {
  background: #387AFF
}

.xds_downloadPage_main.three .xds_btns_wrap .download_btn:hover .ico_iphone {
  background: url(../images/downloadPage_images/ico_iphone2.png) no-repeat;
}


.xds_downloadPage_main.three .xds_btns_wrap .download_btn:hover .ico_android {
  background: url(../images/downloadPage_images/ico_android2.png) no-repeat;
}

.xds_downloadPage_main.three .xds_btns_wrap .download_btn:hover span {
  color: #fff;
}

/* 2023/5/31 姝︽眽鏁欒偛浜戜笅杞介〉pc绔�3 */

/* 2023.06.05 姝︽眽鏁欒偛浜戞柊澧� */
.xds_tabContList_item .app_img_box {
  position: relative;
}

.koi_icon {
  position: absolute;
  right: 0;
  top: 0;
  border-radius: 0 6px 0 6px;
  display: inline-block;
  width: 19px;
  height: 19px;
  box-sizing: border-box;
  border: 1px solid rgba(255, 255, 255, 1);
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.08);
  font-family: PingFang SC;
  font-size: 12px;
  font-weight: 400;
  line-height: 19px;
  text-align: center;

}

.koi_icon.red {
  background: rgba(255, 230, 230, 1);
  color: rgba(228, 57, 57, 1);
}

.koi_icon.yellow {
  background: rgba(250, 245, 235, 1);
  color: rgba(210, 167, 64, 1);
}

.koi_icon.blue {
  background: rgba(237, 247, 255, 1);
  color: rgba(61, 162, 255, 1);

}

.koi_icon.green {
  background: rgba(237, 250, 235, 1);
  color: rgba(104, 196, 48, 1);

}

.swiper-button-prev {
  background: url(../images/bor-left.png) no-repeat center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  left: 30px;

}

.swiper-button-next {
  background: url(../images/bor-left.png) no-repeat center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  transform: rotate(180deg);
  right: 30px;
}

.koi_tab_school {
  display: flex;
  font-family: PingFang SC;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  color: rgba(10, 10, 10, 1);
  padding-top: 10px;
}

.koi_tab_school li {
  padding: 4px 12px;
  box-sizing: border-box;
  border-radius: 28px;
  cursor: pointer;
}

.koi_tab_school li.active {
  color: rgba(255, 255, 255, 1);
  background: rgba(51, 112, 255, 1);

}

.koi_school_list {
  display: flex;

}

.koi_school_list li {
  width: 282px;
  height: 190px;
  position: relative;
  margin-left: 24px;
  cursor: pointer;
}

.koi_school_list li:first-child {
  margin-left: unset;
}

.koi_school_list li img {
  width: 282px;
  height: 190px;
  display: inline-block;
  border-radius: 12px;

}

.koi_school_list li .title_box {
  background: rgba(16, 124, 251, 1);
  position: absolute;
  bottom: 0;
  left: 0;
  width: 282px;
  height: 36px;
  font-family: PingFang SC;
  font-size: 14px;
  font-weight: 600;
  line-height: 36px;
  text-align: center;
  color: rgba(255, 255, 255, 1);
  border-radius: 0 0 12px 12px;

}

.koi_school_list li .title_box .tit {
  position: relative;
}

.koi_school_list li .title_box .tit::before {
  position: absolute;
  width: 10px;
  height: 1px;
  content: '';
  left: -20px;
  top: 10px;
  background: rgba(255, 255, 255, 0.6);
  display: inline-block;

}

.koi_school_list li .title_box .tit::after {
  position: absolute;
  width: 10px;
  height: 1px;
  content: '';
  right: -20px;
  top: 10px;
  background: rgba(255, 255, 255, 0.6);
  display: inline-block;

}

.koi_link_box {
  width: 282px;
  height: 154px;
  display: none;
  justify-content: space-between;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.3);
  padding: 66px 12px;
  box-sizing: border-box;
  border-radius: 12px 12px 0 0;
}

.icon_ts {
  background: url(../images/icon_ts.png) no-repeat center;
  display: inline-block;
  width: 18px;
  height: 18px;
}

.icon_sj {
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url(../images/icon_sj.png) no-repeat center;
}

.icon_xian {
  display: inline-block;
  width: 1px;
  height: 16px;
  background: rgba(194, 209, 219, 1);

}

.koi_link_box .item {
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(34, 34, 34, 1);
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  height: 40px;
  width: 124px;
  border-radius: 24px;
  background: rgba(238, 248, 255, 1);


}

.koi_school_list li:hover .koi_link_box {
  display: flex;
}

.koi_link_box .item:hover {
  background: rgba(255, 255, 255, 1);
  color: rgba(16, 124, 251, 1);

}

.koi_link_box .item:hover .icon_ts {
  background: url(../images/icon_ts_blue.png) no-repeat center;

}

.koi_link_box .item:hover .icon_sj {
  background: url(../images/icon_sj_blue.png) no-repeat center;

}

.xds_tabContList_item.koi_spacing_40 .tab_cont_item {
  display: flex;
  width: 16%;
  align-items: center;
  flex-direction: column;
  cursor: pointer;
  margin-left: 40px;
}

/* 鍐呴〉 */

.bg_eef4f8 {
  background: #eef4f8;
}

.koi_Bread_crab {
  padding-top: 11px;
  font-family: PingFang SC;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #555555;
}

.icon_r_crab {
  margin-left: 10px;
  margin-right: 10px;
  display: inline-block;
  width: 10px;
  height: 10px;
  background: url(../images/icon_r_crab.png) no-repeat center;
}

.c_b2b2b2 {
  color: #b2b2b2;
}

.koi_n_banner {
  margin-top: 13px;
  height: 270px;
  display: block;
  border-radius: 10px;
}

.koi_n_banner .stars {
  font-family: PingFang SC;
  font-size: 34px;
  font-weight: 400;
  line-height: 48px;
  text-align: center;
  color: #FFFFFF;
  padding-top: 75px;
}

.koi_n_banner .stars_school_title {
  font-family: PingFang SC;
  font-size: 44px;
  font-weight: 600;
  line-height: 62px;
  text-align: center;
  color: #FFFFFF;
  padding-top: 15px;
}


.koi_article_content {
  background: #fff;
  padding: 55px 150px;
  border-radius: 10px;
}

.koi_article_content .koi_art_text {
  font-family: PingFang SC;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  color: #000;
  text-indent: 2rem;
}

.icon_blue_lit {
  background: #3370FF;
  height: 20px;
  width: 4px;
  border-radius: 50px;
  display: inline-block;
}

.koi_art_title {
  font-family: PingFang SC;
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
  text-align: left;
  display: flex;
  align-items: center;
  color: #222222;
}

.koi_dt_content {
  padding: 40px;
  border-radius: 10px;
  background: #fff;
  display: flex;
  justify-content: space-between;
}

.koi_dt_content .right {
  width: 400px;
  background: #ECF9FF;
  padding: 22px 40px;
  border-radius: 12px;
  box-sizing: border-box;
}

.koi_search_box {
  height: 40px;
  width: 340px;
  border: 1px solid #A5C5E1;
  border-radius: 30px;
  display: flex;
  align-items: center;
  background: #fff;
}

.icon_min_search {
  margin-left: 15px;
  width: 15px;
  height: 15px;
  background: url(../images/icon_min_search.png) no-repeat center;
  display: inline-block;
}

.koi_inp {
  border: unset;
  font-family: PingFang SC;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  color: #000;
  margin-left: 15px;
}

.koi_btn_search {
  display: inline-block;
  height: 32px;
  width: 57px;
  border-radius: 28.5px;
  background: #3370FF;
  font-family: PingFang SC;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: center;
  color: #fff;
  border: transparent;
  box-sizing: border-box;
  cursor: pointer;
}

.koi_tab_btn {
  border-bottom: 1px solid #a5c5e1;
  padding-top: 20px;
  padding-bottom: 20px;
  box-sizing: border-box;
  display: flex;
}

.koi_tab_btn li {
  font-family: PingFang SC;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  text-align: left;
  color: #0a0a0a;
  padding: 4px 12px;
  cursor: pointer;
}

.koi_tab_btn li.active {
  background: #3370ff;
  color: #fff;
  border-radius: 28.5px;
}

.koi_search_text {
  font-family: PingFang SC;
  font-size: 16px;
  font-weight: 400;
  line-height: 36px;
  text-align: left;
  overflow-y: auto;
  height: 360px;
}

.koi_search_text a {
  display: block;
  color: #222222;
}

.koi_search_text a:hover {
  color: #3370FF;
}

.koi_search_text::-webkit-scrollbar {
  width: 6px;
  height: 64px;
}

.koi_search_text::-webkit-scrollbar-thumb {
  background: #cae6f2;
  border-radius: 3px;
}

.koi_Notice {
  border-radius: 10px;
  background: white;
  box-sizing: border-box;
  padding: 35px 25px;
}

.koi_Notice li {
  display: flex;
  margin-top: 22px;
  cursor: pointer;
}

.koi_Notice li:hover .right_Notice .text .tit {
  color: #3370FF;
}

.koi_Notice li:first-child {
  margin-top: unset;
}

.koi_Notice li .left_Notice {
  height: 98px;
  width: 129px;
  border-radius: 12px;
  background: #e0f6ff;
  padding: 10px 18px;
  box-sizing: border-box;
}

.koi_Notice li .left_Notice .Lunar_day {
  font-family: PingFang SC;
  font-size: 32px;
  font-weight: 400;
  line-height: 45px;
  text-align: left;
  color: #107cfb;
}

.koi_Notice li .left_Notice .years {
  font-family: PingFang SC;
  font-size: 24px;
  font-weight: 400;
  line-height: 34px;
  color: #222222;
  position: relative;
}

.koi_Notice li .left_Notice .years::after {
  content: '';
  display: inline-block;
  width: 17px;
  height: 1px;
  position: absolute;
  right: 0;
  top: 15px;
  background: #72abc5;
}

.koi_Notice li:last-child .right_Notice {
  border-bottom: 1px solid transparent;
}

.koi_Notice li:last-child .right_Notice .text .wenzi {
  border-bottom: 1px solid transparent;
  margin-bottom: unset;
}

.koi_Notice li .right_Notice {
  width: 997px;
  display: flex;
  justify-content: space-between;
  margin-left: 25px;
  border-bottom: 1px solid #e1e8f5;
  align-items: center;
}

.koi_Notice li .right_Notice .text {
  width: 841px;
}

.koi_Notice li .right_Notice .text .tit {
  font-size: 20px;
  font-weight: 400;
  line-height: 34px;
  color: #0a0a0a;
}

.koi_Notice li .right_Notice .text .wenzi {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #888888;
  margin-bottom: 22px;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}

.koi_link_arrow {
  background: #edf3ff;
  height: 34px;
  width: 97px;
  border-radius: 19px;
  font-family: PingFang SC;
  font-size: 14px;
  font-weight: 400;
  line-height: 34px;
  color: #107cfb;
  text-align: center;
}

.icon_arrow {
  width: 10px;
  height: 10px;
  display: inline-block;
  background: url(../images/icon_arrow.png) no-repeat center;
}

.mgt30 {
  margin-top: 30px;
}

.koi_tab_notice {
  display: flex;
  margin-top: 60px;
}

.koi_tab_notice li {
  cursor: pointer;
  color: #222222;
  font-family: PingFang SC;
  font-size: 32px;
  font-weight: 400;
  line-height: 45px;
  margin-bottom: 8px;
  border-bottom: 2px solid transparent;
  margin-left: 50px;
}

.koi_tab_notice li:first-child {
  margin-left: unset;
}

.koi_tab_notice li.active {
  color: #107cfb;
  border-bottom: 2px solid #107cfb;
}

.koi_bg_fff_tick {
  background: #fff;
  margin-bottom: 60px;
  border-radius: 10px;
}

.koi_bg_fff_tick .koi_Notice li .right_Notice {
  border-bottom: 1px solid #e1e8f5;
}

.koi_bg_fff_tick .koi_Notice li .right_Notice .text .wenzi {
  margin-bottom: 22px;
}

.icon_litool {
  display: inline-block;
  width: 24px;
  height: 24px;
}

.icon_litool.jczs {
  background: url(../images/jczs.png) no-repeat center;
}

.icon_litool.yyfw {
  background: url(../images/yyfw.png) no-repeat center;
}

.icon_litool.szzy {
  background: url(../images/szzy.png) no-repeat center;
}

.icon_litool.ssfz {
  background: url(../images/ssfz.png) no-repeat center;
}

.icon_litool.bztx {
  background: url(../images/bztx.png) no-repeat center;
}


.koi_content_tzxq {
  padding: 55px 150px 80px 150px;
  box-sizing: border-box;
  background: #Fff;
  margin-top: 15px;
}

.koi_content_tzxq .title {
  font-size: 22px;
  font-weight: 600;
  line-height: 31px;
  text-align: center;
  color: #222;
}

.koi_content_tzxq .koi_details_box {
  font-family: PingFang SC;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  color: #555;
}

.koi_content_tzxq .koi_details_box .item {
  text-indent: 2rem;
}

/* 鍐呴〉 */
.pdb45 {
  padding-bottom: 45px;
}

.koi_item_box {
  position: absolute;
  right: -19px;
  bottom: -74px;
  background: #1d62ec;
  padding: 5px;
  border-radius: 6px;
  width: 70px;
  box-sizing: border-box;
  text-align: center;
}

.koi_item_box .koi_item {
  display: inline-block;
  width: 60px;
  padding-top: 12px;
  padding-bottom: 4px;
  box-sizing: border-box;
}

.xds_fixed_wrap .koi_item_box:hover .koi_item {
  background: #1c54c4;
  border-radius: 4px;
}


.charts_wrap {
  display: none;
}

.charts_wrap.on {
  display: block;
}

.charts_change .charts_nav {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 40px;
  line-height: 20px;
  color: #B4D3D1;
}

.charts_change .charts_nav i {
  display: inline-block;
  width: 15px;
  height: 12px;
  margin-right: 3px;
  background: #B4D3D1;
  border-radius: 2px;
}

.charts_change .charts_nav.on i {
  background: #096BFF;
}

.charts_change .charts_nav.on span {
  color: #096BFF;
}


.charts_change .charts_nav.last i {
  background: #B4D3D1;
}

.charts_change .charts_nav.last span {
  color: #B4D3D1;
}

.charts_change .charts_nav.last.on i {
  background: #15EEAD;
}

.charts_change .charts_nav.last.on span {
  color: #05D194;
}

/* 2023.06.05 姝︽眽鏁欒偛浜戞柊澧� */



/* 鍦板浘涓婃柊澧炰竴涓尯 */
.koi_dt_content .dhfjq {
  position: absolute;
  right: 275px;
  bottom: 165px;
  color: #000;
  font-size: 12px;
}

/* 鍦板浘涓婃柊澧炰竴涓尯 */

/*  淇敼鍥哄畾鍙充笅鏂瑰唴瀹逛綅缃� */
.xds_fixed_wrap {
  bottom: 12%;
}

.koi_Events_list li .serever_img img {
  object-fit: cover;
}

/*  淇敼鍥哄畾鍙充笅鏂瑰唴瀹逛綅缃� */

/* 淇敼鎮诞绐楀彸涓婅澧炲姞鎸夐挳 */
.xds_fixed_wrap:hover .icon_fix_xx {
  display: inline-block;

}
 
.icon_fix_xx {
  display: none;
  background: url(../images/icon_fix_xx.png) no-repeat center;
  width: 10px;
  height: 10px;
  position: absolute;
  right: 6px;
  top: 6px;
  cursor: pointer;
}

.xds_fixed_wrap .action_list .item a {
  display: inline-block;
  width: 100%;
  height: 100%;
}

.xds_fixed_wrap .action_list .item img {
  margin-top: 10px;
}

/* 淇敼鎮诞绐楀彸涓婅澧炲姞鎸夐挳 */

/* 璐﹀彿缁戝畾 */
.bg_e6f7fe {
  background: #e6f7fe;
}

.koi_bg_fff {
  background: #fff;
}

.koi_header_wrap {
  height: 87px;
  display: flex;
  align-items: center;
}

.koi_header_wrap .logo {
  height: 51px;
}

.koi_header_wrap .tit {
  color: #000;
  font-size: 20px;
  font-family: PingFang SC;
  font-weight: 600;
  margin-left: 20px;
}

.koi_content_box {
  border-radius: 8px;
  background: #FFF;
  min-height: 560px;
}

.koi_word {
  display: inline-block;
  width: 128px;
  color: #555;
  font-size: 16px;
  font-family: PingFang SC;
  line-height: 24px;
}

.koi_inp_rows {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
}

.koi_inp_rows .left_name {
  color: #555;
  font-size: 14px;
  font-family: Inter;
  text-align: left;
}

.koi_inp_rows .right_inp {
  color: #555;
  font-size: 14px;
  font-family: Inter;
  margin-left: 30px;
  width: 533px;
  height: 40px;
  box-sizing: border-box;
  padding: 10px 5px;
  border-radius: 4px;
  border: 1px solid #C5C6C6;
  color: #000;

}

.koi_inp_rows.mode {
  flex-direction: row;
}

.mistake {
  color: #FF4F4F;
  font-size: 14px;
  font-family: PingFang SC;
  margin-left: -365px;
  margin-top: 5px;
}

.mistake.more_btn {
  margin-top: 35px;
  margin-left: -145px;
  padding-bottom: 70px;
}

.msk_btn.blue {
  color: #FFF;
  background: #4991E1;
  border: 1px solid transparent;
  box-sizing: border-box;

}

.msk_btn {
  display: inline-block;
  width: 154px;
  height: 40px;
  font-size: 16px;
  font-family: PingFang SC;
  line-height: 40px;
  border-radius: 4px;
  color: #888;
  background: #fff;
  border: 1px solid #C5C6C6;
  box-sizing: border-box;
}

.pdt60 {
  padding-top: 60px
}

.mgt55 {
  margin-top: 55px
}

.koi_inp_rows.mode .code_box {
  width: 92px;
  height: 40px;
  display: inline-block;
}

.koi_inp_rows.mode .code_box img {
  width: 100%;
  height: 100%;
  display: inline-block;
}

.Binding {
  color: #888;
  text-align: center;
  font-size: 18px;
  font-family: PingFang SC;
}

.Binding a.back {
  color: #F90;
  font-size: 14px;
  font-family: Inter;
}

.Binding .text {
  color: #B2B2B2;
  font-size: 14px;
  font-family: Inter;
}

.pdt155 {
  padding-top: 155px;
}

.koi_binding_footer {
  background: #444;
}

.koi_binding_footer footer {
  height: 146px;
  display: flex;
  flex-direction: column;
  color: #FFF;
  font-size: 14px;
  font-family: PingFang SC;
  line-height: 32px;
}

.icon_beian {
  display: inline-block;
  background: url(../images/ghs.png) no-repeat center;
  width: 20px;
  height: 20px;
  vertical-align: middle;
}

/* 璐﹀彿缁戝畾 */
/* 20240111鏂板鏍峰紡 */
/* 鐢ㄦ埛鎮诞绐� */
.whjyy_header_wrap .user_infos_card {
  width: 302px;
  border-radius: 8px;
  background: #FFF;
  font-size: 14px;
  position: absolute;
  right: -138px;
  color: #000;
  z-index: 100;
  display: none;
  box-shadow: 0px 4px 10px 0px rgba(41, 34, 34, 0.1);
}

.whjyy_header_wrap .user_infos_card .user_name {
  background-color: #F7FAFF;
  border-radius: 8px 8px 0 0;
  padding: 20px;
  display: flex;
}

.whjyy_header_wrap .user_infos_card .user_name .user_icon {
  width: 40px;
  height: 40px;
  margin-right: 15px;
  border-radius: 50%;
  background-color: #999;
}

.whjyy_header_wrap .user_infos_card .user_name>div {
  font-size: 16px;
}

.whjyy_header_wrap .user_infos_card .user_name>div>p {
  font-size: 12px;
  color: #667082;
  display: flex;
  width: 130px;
  justify-content: space-between;
}

.whjyy_header_wrap .user_infos_card .user_name .identity {
  font-size: 12px;
  border-radius: 4px;
  padding: 0 8px;
  display: inline-block;
  vertical-align: middle;
}

.whjyy_header_wrap .user_infos_card .user_name .name {
  display: inline-block;
  vertical-align: top;
  max-width: 110px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.whjyy_header_wrap .user_infos_card .user_name a {
  color: #667082;
}

/* 鑰佸笀韬唤 */
.whjyy_header_wrap .user_infos_card .user_name .identity.teacher {
  background-color: #E3F4E8;
  color: #066923;
}

/* 鏈烘瀯韬唤 */
.whjyy_header_wrap .user_infos_card .user_name .identity.institution {
  background-color: #D9EAFF;
  color: #3370FF;
}

/* 瀛︾敓韬唤 */
.whjyy_header_wrap .user_infos_card .user_name .identity.student {
  background-color: #F2E8CF;
  color: #6C5518;
}

.whjyy_header_wrap .user_infos_card .go-person-center {
  height: 64px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  border-radius: 8px;
  cursor: pointer;
  background: linear-gradient(90deg, #F3F8FE 4.65%, #E1E5FD 94.8%);
}

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

.user_infos_card .module>.passport,
.user_infos_card .module>.space {
  display: block;
  width: 128px;
  height: 64px;
  line-height: 64px;
  text-indent: 15px;
  border-radius: 8px;
}

.user_infos_card .module a {
  color: #000;
}

.user_infos_card .module>.passport {
  background-image: linear-gradient(90deg, #F3F8FE 4.65%, #E1E5FD 94.8%),
    url('../images/bg_1.svg'),
    url('../images/icon_1.svg');
  background-repeat: no-repeat, no-repeat;
  background-position: 0 0, left bottom, 90px 21px;
  background-blend-mode: multiply;
}

.user_infos_card .module>.space {
  background: linear-gradient(90deg, #F6FCFB 4.65%, #DEF7F2 94.8%),
    url('../images/bg_2.svg'),
    url('../images/icon_2.svg');
  background-repeat: no-repeat, no-repeat;
  background-position: 0 0, left bottom, 87px 17px;
  background-blend-mode: multiply;
}

.c_E40000:hover {
  color: #E40000 !important;
}

.c_0041AC:hover {
  color: #0041AC !important;
}

.c_066A53:hover {
  color: #066A53 !important;
}

.whjyy_header_wrap .user_infos .user-link {
  display: block;
  padding-left: 13px;
  padding-right: 13px;
  border-radius: 16px;
}

.whjyy_header_wrap .user_infos .user-link:hover {
  background-color: rgba(51, 112, 255, .2);
}

/* 20240111鏂板鏍峰紡 */


/* 20241031鏂板鏍峰紡 */
.xds_spe_class .xds_tabCont_wrap .li_item {
  cursor: pointer;
}

.xds_spe_class .xds_tabCont_wrap .li_item:hover .tit {
  color: #0175FF;
}

.cFEBB1C {
  color: #FEBB1C;
}

.c08B442 {
  color: #08B442;
}

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

.mzl_swiper {
  position: relative;
  height: 266px
}

.mzl_swiper .swiper-slide {
  /* margin-right: 18px; */
  width: 386px;
  border-radius: 8px;
  border: 1px solid #CFE5F0;
  overflow: hidden;
  box-sizing: border-box;
}

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

.mzl_swiper .info {
  margin-left: 15px;
  margin-top: 11px;
  width: 360px;
  color: #222;
  font-weight: 600;
  font-size: 14px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.mzl_swiper .time {
  color: #888;
  font-size: 12px;
  margin-left: 15px;
}

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

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

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

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

.mzl_m_tab {
  line-height: 45px;
}

.mzl_m_tab .item {
  display: inline-block;
  height: 28px;
  line-height: 28px;
  font-size: 14px;
  padding: 0 12px;
  color: #0a0a0a;
  margin: 0 10px;
  border-radius: 29px;
}

.mzl_m_tab .item:hover,
.mzl_m_tab .item.on {
  color: #fff;
  background: #3370ff;
}


.mzl_swiper_box .left,
.mzl_swiper_box .right {
  width: 578px;
}

.notes_box li {
  position: relative;
  margin-bottom: 14px;
}

.notes_box li a {
  padding-left: 10px;
  display: flex;
  font-size: 14px;
  font-weight: 500;
  color: #555;
  box-sizing: border-box;
}

.notes_box li:hover .text {
  color: #5687FF;
}

.notes_box li::before {
  position: absolute;
  content: '';
  left: 0px;
  top: 50%;
  margin-top: -2.5px;
  width: 5px;
  height: 5px;
  background: #CCCCCC;
  border-radius: 50%;
}

.notes_box li .time {
  margin-left: auto;
  font-size: 12px;
  color: #959595;
}


.notes_box li .text {
  width: 460px;
  font-size: 14px;
  font-weight: 500;
  color: #555;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.notes_box .right {
  margin-left: 40px;
}