@charset "UTF-8";

/* 移动端基础样式 */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
}

body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: 0.28rem;
    line-height: 1.5;
    color: #333;
    background: #f5f5f5;
    /* background: red; */
}
em,i,b{font-style: normal; font-family: SourceHanSansCN-Medium;}
li{list-style: none;}
a {
    text-decoration: none;
    cursor: pointer;
    outline: 0 none;
    color: #333;
}
img {
    border: 0 none;
    -ms-interpolation-mode: bicubic;
    vertical-align: middle;
}
.clear {
    clear: both;
    display: block;
    height: 0; 
    visibility: hidden; 
    font: 0/0 arial
}

/* Banner样式 */
.banner {
    position: relative;
    background: #FE7434;
    padding: 0.3rem 0;
    height: 4.71rem;
    background-size: cover;
}
.banner_img_bm{
    background: url(https://oss-hqwx-edu24ol.hqwx.com/shareplat2/prod/20251124/a8623f2e52224b309ea9141407257a97.png) center top no-repeat;
    background-size: 100% 100%;
}
.banner_img_cj{
    background: url(https://oss-hqwx-edu24ol.hqwx.com/shareplat2/prod/20251124/b85cca39821349f78e54ba6bdf4496c5.png) center top no-repeat;
    background-size: 100% 100%;
}

.banner .bm_title{
    position: absolute; 
    top: 1.17rem; 
    left:50%;
    transform: translate(-50%,0);
    height: 0.46rem; 
    width: 6.49rem ;
    text-align: center;
    background: url(https://oss-hqwx-edu24ol.hqwx.com/shareplat2/prod/20251124/51c4a77b97ed4602923d6898ddb1b315.png) no-repeat; 
    background-size: 100% 100%;
}
.banner .bm_title>i{
    font-size: 0.28rem;
    line-height:0.46rem; 
    font-weight: 500; 
    color: #4D3A10;
    font-family:SourceHanSansCN-Medium;
}
.banner .bm_time{
    position:absolute;
    left:50%;
    transform: translate(-50%,0); 
    top: 3.12rem;
    width: 4.5rem; 
    text-align: center; 
    color: #fff;
    font-weight: 500;
    font-size: 0.24rem;
    line-height: 0.24rem;
    font-family:SourceHanSansCN-Medium;
}

/* 地区选择器 */
.bannerArea-box {
    position: absolute;
    top: 0.36rem;
    left: 0.25rem;
    width: 1.1rem;
    z-index: 10;
}
.bannerArea-show {
    position: relative;
    background:#FFFFFF;
    padding: 0.1rem 0.2rem;
    border-radius: 0.2rem;
    display: flex;
    width: 1.1rem;
    height: 0.4rem;
    align-items: center;
    justify-content: space-between;
   
}
.bannerArea-show em{
    font-size:0.2rem;
    line-height: 0.2rem;

}
.bannerArea-show>i{
    position: absolute;
    top: 50%;
    right: 0.26rem;
    width: 0.15rem;
    height: 0.15rem;
    margin-top: -0.07rem; 
    background: url(https://oss-hqwx-edu24ol.hqwx.com/shareplat2/prod/20251124/5c759647777d40e6804e169f6e0893ca.png) no-repeat;
    background-size: 100% 100%;
}
.bannerArea-hide {
    display: none;
    background: #FFFFFF;
    /* border-radius: 0.1rem; */
    max-height: 5rem;
    overflow-y: auto;
}
.bannerArea-hideUl li {
    padding: 0.1rem;
    text-align: center;
    height: 0.6rem;
    line-height: 0.6rem;
    text-align: center;
}
.bannerArea-box:hover .bannerArea-show{border-radius: 0.2rem 0.2rem 0 0;}
.bannerArea-box:hover .bannerArea-hide{display: block;}


/* 表单样式 */
.mainBox {
    padding: 0 0.24rem 0 0.24rem;
    margin: 0.4rem 0 0.4rem 0;
    background: #f5f5f5;
}
.srcx-box {
    background: #fff;
    border-radius: 0.2rem;
    padding: 0 0.47rem auto 0.51rem;
    position: relative;
    width: 7.02rem;
    height: 4.87rem;
}
.srcx-box .srcx-yhxy{
    font-size: 0.18rem;
    color: #999999;
    position: absolute;
    margin-top: 4.29rem;
    line-height: 0.18rem;
    left: 50%;
    transform: translateX(-50%);
}
.srcx-box .srcx-zcdw-title{
    position: absolute;
    width: 6.02rem;
    height: 0.68rem;
    line-height: 0.68rem;
    top: -0.17rem;
    left: 0.53rem;
    z-index: 2; 
    text-align: center;
    background: url(https://oss-hqwx-edu24ol.hqwx.com/shareplat2/prod/20251124/79c1be7dab70422e96493456d7a9448e.png) no-repeat;
    background-size: 100% 100%;
}
.srcx-box .srcx-zcdw-title .srcx-zcdw-title_s{
    font-size: 0.33rem;
    color: white;
    line-height: 0.46rem;
    font-weight: bold;
    font-family: SourceHanSansCN-Bold;}
.srcx-box .srcx-zcdw-title .srcx-zcdw-title_b{
    font-size: 0.33rem;
    color: #FFE873;
    line-height: 0.46rem;
    font-weight: bold;
    font-family: SourceHanSansCN-Bold;}
.srcxForm-item_phone{
    position: absolute;
    height: 0.672rem;
    line-height: 0.672rem; 
    margin-top: 1.06rem;
    left: 50%;
    transform: translateX(-50%);
}
.srcxForm-item_phone input{
    width: 6.04rem;
    height: 0.672rem;
    background: #f1f1f1;
    border-radius: 0.04rem;
    padding-left: 0.18rem;
    font-size: 0.28rem;
    border:none;
}
.srcxForm-item_yzm{
    position: absolute;
    height: 0.682rem;
    width: 6.044rem;
    line-height: 0.682rem; 
    margin-top: 2.05rem;
    left: 50%;
    transform: translateX(-50%);
}
.srcxForm-item_yzm input{
    position: absolute;
    width: 3.842rem;
    height: 0.682rem;
    line-height: 0.682rem; 
    background: #f1f1f1;
    border-radius: 0.04rem;
    padding-left: 0.18rem;
    font-size: 0.28rem;
    border:none;
}
.srcxForm-itemSend {
    position: absolute;
    width: 2.08rem;
    height: 0.68rem;
    right: 0rem;
    top: 0rem;
    font-size: 0.26rem;
    background-color: #4c91f2;
    color: #fff;
    border-radius: 0.04rem;
    font-size: 0.28rem;
    text-align: center;
    font-weight: 500;
}
.srcxWdl-btn a  {
    position: absolute;
    margin-top: 3.13rem;
    width: 6.04rem;
    height: 0.839rem;
    background-color: #FF6724;
    color: #fff;
    text-align: center;
    border-radius: 0.42rem;
    padding: 0.23rem 0 0.23rem 0;
    font-size: 0.39rem;
    line-height: 0.39rem;
    text-decoration: none;
    left: 50%;
    transform: translateX(-50%);
}

/* 新增区域样式 */
.new_area{
    margin-top:0.25rem;
    padding: 0 0.24rem 0 0.24rem;
    background: #f5f5f5;
}

.new_area .new_area_box1{ 
    height: 1.43rem;
    margin: 0 auto 0;
    background: url(https://oss-hqwx-edu24ol.hqwx.com/shareplat2/prod/20251124/19892b36160940898b7291f3787cb3f0.png) no-repeat;
}
.new_area .new_area_box1 .con{
    position: relative;
    float: left;
    margin-top: 0.39rem;
    width: 3.47rem;
    height: 0.63rem; 
    left: 50%;
    transform: translateX(-50%);
    background: url(https://oss-hqwx-edu24ol.hqwx.com/shareplat2/prod/20251124/6df46d3c1eee4507b970e0b7d6297591.png);
    background-size: cover;
}

/* 报名区域卡片 */
.new_area .new_area_box2{ 
    background-color: #DDF0FF;
    display: flex;
    flex-wrap: wrap;
    padding: 0 0.16rem 0.31rem 0.16rem;
}
.new_area .new_area_box2 .card{ 
    width: 6.74rem;
    height: 2.606rem;
    background-color: #FFFFFF;
    margin-bottom: 0.2rem;
}

.new_area .new_area_box2 .card_title{
    height: 0.32rem;
    margin: 0.31rem 0 0 0.24rem;
}

.new_area .new_area_box2 .icon{
    width: 0.36rem;
    height: 0.36rem;
    float: left;
    
}
.new_area .new_area_box2 .icon_bkzn{background: url(https://oss-hqwx-edu24ol.hqwx.com/shareplat2/prod/20251124/550aac6467de4ceebfe6254a789611ad.png) no-repeat;background-size: cover;}
.new_area .new_area_box2 .icon_bmfy{background: url(https://oss-hqwx-edu24ol.hqwx.com/shareplat2/prod/20251124/fd2af98687714bf0a807b7f53f607581.png) no-repeat;background-size: cover;}
.new_area .new_area_box2 .icon_bmlc{background: url(https://oss-hqwx-edu24ol.hqwx.com/shareplat2/prod/20251124/393548cd51204dc4a3ab95245c0a439e.png) no-repeat;background-size: cover;}
.new_area .new_area_box2 .icon_kssj{background: url(https://oss-hqwx-edu24ol.hqwx.com/shareplat2/prod/20251124/1ecb704ebae04336b0f12f52964e3be6.png) no-repeat;background-size: cover;}
.new_area .new_area_box2 .icon_mfzl{background: url(https://oss-hqwx-edu24ol.hqwx.com/shareplat2/prod/20251124/be752e8753d4491d97602c920d98e1d6.png) no-repeat;background-size: cover;}
.new_area .new_area_box2 .icon_zkz{background: url(https://oss-hqwx-edu24ol.hqwx.com/shareplat2/prod/20251124/430476423d6449179be75d646f457f76.png) no-repeat;background-size: cover;}

.new_area .new_area_box2 .title_text{ 
    color: #333;
    font-size: 0.32rem;
    line-height: 0.36rem;
    margin-left: 0.1rem;
    font-weight: bold;
}
.new_area .new_area_box2 .card_con{
    width: 6.1rem;
    height: 0.69rem;
    font-size: 0.26rem;
    line-height: 0.45rem;
    color: #666666;
    font-weight: 400;
    margin: 0.29rem 0 0 0.25rem;
}
.new_area .new_area_box2 .card_btn{
    background-color: #4c91f2;
    border-radius: 0.24rem;
    width: 1.66rem;
    height: 0.48rem;
    margin: 0.27rem 0 0 4.8rem;
}
.new_area .new_area_box2 .card_btn .card_btn_text {
    width: 1.11rem;
    height: 0.27rem;
    color: #fff;
    font-size: 0.28rem;
    line-height: 0.28rem;
    font-weight: 400;
    white-space: nowrap;
    padding: 0.1rem 0.28rem 0.1rem 0.27rem
}

/** 资料下载区域 */
.new_area .new_area_box3{ 
    margin-top: 0.2rem;
}

/* Tab切换功能样式 */
.tab-container {
    width: 100%;
    box-sizing: border-box;
}

.tab-header {
    display: flex;
}
.tab-item {
    padding: 0.12rem 0.24rem;
    cursor: pointer;
    font-size: 0.32rem;
    color: #333;
    position: relative;
    width: 3.5rem;
    font-weight: 500;
    text-align:center;
    font-family: Source Han Sans CN;
}

.tab-item:hover,
.tab-item.active {
    color: #3581EC;
}

.tab-item:hover:after,
.tab-item.active:after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 50%;
    transform: translateX(-50%);
    width: .25rem;
    height: 0.03rem;
    background-color: #4C91F2;
}

.tab-content {
    margin-top: 0.1rem;
}

.tab-pane {
    display: none;
}

.tab-pane.active {
    display: flex;
    margin-bottom: 1rem;
}
/* 资料下载列表样式 */
.material-list li{
    margin-bottom: 0.2rem;
}
.material-list li a{
    display: block;
    padding: 0.46rem 0.24rem 0.32rem 0.23rem;
    overflow: hidden;
    background-color: #FFFFFF;
}
.material-list li .ppt_icon{
    width: 0.77rem;
    height: 0.83rem;
    float: left;
    margin-right: 0.27rem;
    background: url(https://oss-hqwx-edu24ol.hqwx.com/shareplat2/prod/20251124/b8b37e0e0925412cbaa28665eace4666.png);
    background-size: cover;
}
.material-list li .text{
    float: left;
    margin-right: 0.29rem;
}
.material-list li .file-name{
    color:#171920;
    font-size: 0.28rem;
    width: 3.69rem;
    height: 0.73rem;
    line-height: 0.36rem;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 400;
    font-family: Source Han Sans CN;
    margin-bottom: 0.18rem;
}
.material-list li .number{
    line-height: 0.19rem;
    font-size: 0.2rem;
    color:#999999;
}
.material-list li .number span:nth-child(1){
    display: inline-block;
    width: 1rem;
}
.material-list li .btn{
    float: right;
    width: 1.53rem;
    height: 0.48rem;
    border-radius: 0.24rem;
    background: #4C91F2;
    color:#fff;
    margin-top: 0.26rem;
    border:none;
    font-size: 0.28rem;
    line-height: 0.24rem;
}

/* 精选课程列表样式 */
.course-list {
    flex-direction: column;
}
.meui.card.card-course {
    position: relative;
    padding: 0.32rem 0.4rem 0.42rem 0.4rem;
    border: 1px solid #f1f1f1;
    border-radius: 0.1rem;
    height: auto;
    width: auto;
    margin-bottom: 0.2rem;
    background-color: #FFFFFF;
}
.meui.h2 {
    font-size: 0.28rem;
    font-weight: normal;
    min-height: 0.28rem;
    line-height: 0.43rem;
}
.meui.h5 {
    font-size: 0.2rem;
    font-weight: normal;
    min-height: 0.2rem;
    line-height: 1.2
}
.meui.card.card-course .subtitle {
    margin-top: 0.08rem;
    color: #9598a2;
    font-weight: normal;
    line-height: 0.31rem;
}
.meui.card.card-course .subtitle .link {
    color: #649cf0;
    margin-right: 0.49rem;
}
.meui.card.card-course .subtitle span {
    display: block;
    float: left;
    margin-right: 0.09rem;
}
.meui.card.card-course .tag-group {
    margin-top: 0.23rem;
    height: 0.19rem;
    line-height: 0.19rem;
    font-weight: 200;
    font-size: 0.2rem;
}
.meui.card.card-course .tag-group span {
    height: 0.19rem;
    background: #F7F7F7;
    padding: 0 0.1rem;
    margin-right: 0.1rem;
    float: left;
    border-radius: 0.02rem
}
.meui.card.card-course .tag-group .float-tag {
    position: absolute;
    right: 0;
    top: 0.25rem;
    height: 0.4rem;
    width: 1.40rem;
    color: #fff;
    line-height: 0.4rem;
    text-align: center;
    margin-right: 0;
    display: inline-block;
    font-size: 0.23rem;
    background: linear-gradient(87deg, #EE9390 0%, #EA6863 100%);
    box-shadow: 1px 1px 0.04rem 0px rgba(0,0,0,0.29), 0px 1px 0.02rem 0px #FFFFFF;
    border-radius: 0.2rem 0 0 0.19rem;
}
.meui.card.card-course .face-group {
    margin-top: 0.3rem;
    height: 0.9rem
}
.meui.card.card-course .face-group .face-block {
    float: left;
    width: 0.6rem;
    margin-right: 0.26rem;
}
.meui.card.card-course .face-group .face-block .face {
    width: 0.6rem;
    height: 0.6rem;
    background: #ddd;
    display: block;
    border-radius: 50%;
    margin-bottom: 0.1rem
}
.meui.card.card-course .face-group .face-block .name {
    text-align: center;
    line-height: 0.19rem;
    height: 0.19rem;
    color: #9598a2;
    width: 130%;
    margin-left: -15%;
    font-size: 0.19rem;
}
.meui.card.card-course .price {
    height: 0.3rem;
    line-height: 0.34rem;
    position: absolute;
    bottom: 0.7rem;
    right: 0.4rem;
    color: #FF331F;
    font-size: 0.31rem;
    font-weight: 500;
}
.meui.card.card-course .price span {
    margin-left: 0.03rem;
}
.meui.card.card-course .people-number,.meui.card.card-course .count-down {
    height: 0.2rem;
    line-height: 0.2rem;
    position: absolute;
    bottom: 0.42rem;
    right: 0.4rem;
    color: #9598a2;
    font-size: 0.17rem;
}