.track .banner{
    width: 1440px;
    margin: 0 auto;
}

.title-box-svg {
    margin: 120px 0 40px;
}
.title-box-svg img {
    width: fit-content;
    margin: 0 auto;
}
.open-time-box {
    background: rgba(24, 22, 34, 0.02);
    border-radius: 40px;
    padding: 20px;
}
.open-time-box p {
    color: #565667;
    font: normal 14px / 20px var(--font_family);
}

.model-box{
    width: 1440px;
    margin: 80px auto 0;
    padding:48px 0;
    display: flex;
    align-items: center;
}
.model-box .content-box1{
    padding: 80px 0;
}
.model-box .content-box1 .desc{
    color:rgba(51, 42, 72, 0.74);

    /* 艺术排版/16/32-n */
    font-family: "Microsoft YaHei";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px; /* 200% */
}

@font-face {
    font-family: HYYakuHei;
    src: url("/static/page/font/hyyakuheiw.ttf");

}
.model-box .content-box1{
    width: 737px;
    margin-right: 80px;
}
 .track-title{
    font-weight: 500;
    font-size: 44px;
    line-height: 52px;
    color: #332A48;
    font-family:HYYakuHei ;
    padding: 10px 0;
     margin: 0 0 40px;
}
  .track-title span{
    color: #8FE063;
}
 .track-desc{
    font-size: 16px;
    line-height: 32px;
    color: rgba(51, 42, 72, 0.74);
}
.model-box2 {
    height: 504px;
}
.model-box  .content-box2{
    padding: 80px 0;
    width: 680px;
}
.model-box  .content-box2 .zhuangshi1{
    width: 64px;
    height: 48px;
    border-radius: 8px;
    border: 1px dashed #000166;
    position: relative;
    margin-bottom: 24px;
 }
.model-box  .content-box2 .zhuangshi1 img{
    position: absolute;
    top: -9px;

}
.model-box  .choice-reason{
    width: calc((100% - 24px)/2);
    border-radius: 20px;
    padding: 24px;
}
.model-box  .choice-reason h6{
     color:  #332A48 ;
     font-family: "Microsoft YaHei";
     font-size: 20px;
     font-weight: 700;
     line-height: 28px;
    margin-bottom: 16px;
 }
.model-box  .choice-reason  p{
    color:   rgba(51, 42, 72, 0.74) ;

    /* 艺术排版/16/32-n */
    font-family: "Microsoft YaHei";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px; /* 200% */
    margin-bottom: 16px;
}
.model-box  .choice-reason .img-box{
    display: flex;
    height: 360px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    border-radius: 999px;
    background:  #FFF ;
}
.model-box3{
    margin: 32px auto 0;
    padding: 41px 0 80px;
    height: 560px;
    display: flex;
    width: 1440px;
    align-items: center;
    /*justify-content: space-between;*/
    position: relative;
}
 .model3-text{
     width: 637px;
     padding: 109px 0;
 }
 .model3-text .track-title{
     text-align: right;
 }
 .model3-center{
     width: calc(100% - 478px - 637px);
     position: relative;
     height: 100%;
     /*display: flex;*/
     /*align-items: end;*/
 }
 .model3-center img{
     position: absolute;
     bottom: 32px;
     right: 47px;
     z-index: 1;
 }
 .circle4{
     width: 478px;
     height: 478px;
     border-radius: 50%;
     border: 4px solid   #8FE063;
     padding: 107px 53px;

 }
 .circle3{
     position: absolute;
     width: 545px;
     height: 545px;
     border-radius: 50%;
     border: 2px solid   #8FE063;
     display: flex;
     align-items: center;
     justify-content: center;
     /*top: -36.5px;*/
     /*left: -36.5px;*/
 }
 .circle2{
     width: 635px;
     height: 635px;
     border-radius: 50%;
     border: 2px solid   #E9F3E7;
     display: flex;
     align-items: center;
     justify-content: center;
     /*position: absolute;*/
     /*top: -85.5px;*/
     /*left: -85.5px;*/
 }
 .model3-right{
     width: 737px;
     height: 737px;
     border-radius: 50%;
     border: 2px solid   #E9F3E7;
     position: absolute;
     display: flex;
     align-items: center;
     justify-content: center;
     right: -130px;
     top: -130px;
 }
 .circle4 h4{
     color:  #332A48;
     font-family: "Microsoft YaHei";
     font-size: 24px;
     font-weight: 700;
     line-height: 32px;
     text-align: center;
     margin: 0 0 16px;
 }
 .green-circle{
     width: 16px;
     height: 16px;
     border-radius: 50%;
     background-color: #8FE063;
     margin-right: 8px;
     flex-shrink: 0;
     margin-top: 9px;
 }
.circle4>div{
    display: flex;
}
.circle4 p{
    color: #3F415D;
    font-family: "Noto Sans SC";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 36px; /* 180% */
}
.model-box4{
    padding: 80px 0;
    width: 1440px;
    margin: 0 auto;
}
.model-box4 .track-title{
    text-align: center;
}
.model-box4 .desc{
    color: rgba(51, 42, 72, 0.74);

    /* 艺术排版/16/32-n */
    font-family: "Microsoft YaHei";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px; /* 200% */
    text-align: center;
    margin: 40px 0 44px;
}
.echart-box{
    width: 100%;
    display: flex;
}
.container{
    width: calc((100% - 24px)/2);
    border-radius: 20px;
    padding: 24px;
    height: 557px;
    background: linear-gradient(180deg, #F3F5F6 0%, #FFF 100%);
}


#chart1,
#chart2 {
    width: 100%;
    height: 443px;
    padding:0 0 16px;
}
.chart-desc{
    width: 100%;
    color: #F7F7F7;
    text-align: center;
    font-family: "Noto Sans SC";
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    border-radius: 12px;
    background: #8FE063;
    padding: 12px 36px;
}

.model-box5{
    width: 1440px;
    margin: 80px auto;
    padding: 24px;
    background-color: #8FE063;
    border-radius: 24px;
}
.model-box5 .track-title{
    text-align: center;
}
 .model-box5 .content-box{
     margin-top: 40px;
     padding: 12px;
     border-radius: 24px;
     background: rgba(255, 255, 255, 0.10);
     /* 毛玻璃阴影+背景模糊 */
     box-shadow: 4px 8px 24px 0 rgba(51, 42, 72, 0.15);
     backdrop-filter: blur(4px);
  }
.model-box5 .content-box{
    text-align: center;
    color:   #332A48 ;
    /* 标准排版字体/20/28-b */
    font-family: "Microsoft YaHei";
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px; /* 140% */
}
.model-box5 .content-box>h5{
    color: #332A48;
    /* 标准排版字体/20/28-b */
    font-family: "Microsoft YaHei";
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px; /* 140% */
    margin: 0 0 18px;
}
.con-four{
    width: 100%;
    display: flex;
    margin-bottom: 24px;
}
.con-four:last-of-type{
    margin-bottom: 0;
}
.con-four .part-one{
    flex:1;
    border-radius: 24px;
    border: 2px dashed #332A48;
    padding: 24px;
    margin-right: 24px;
}
.con-four .part-one:last-child{
    margin-right: 0;
}
.con-four .part-one>div{
    display: flex;
    margin: 0;
    align-items: center;
    justify-content: center;
    margin-bottom: 8px;
}
.con-four .part-one .black-circle{
    width:16px;
    height: 16px;
    border-radius: 50%;
    background-color: #332A48;
    margin-right: 8px;
}
.con-four .part-one h6{
    color: #332A48;
    /* 标准排版字体/16/24-b */
    font-family: "Microsoft YaHei";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px; /* 150% */
}
.con-four .part-one p{
    margin-bottom: 10px;
    color: #332A48;
    text-align: center;
    /* 标准排版字体/16/24-n */
    font-family: "Microsoft YaHei";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
}
.track .teacher-box{
    width:1440px;
    margin: 0 auto;
    padding: 120px 0;
}
.track .teacher-box .track-title{
    text-align: center;
}
.track .teacher-box  .tea{
    padding: 10px;
}
.tea .tea-detail{
    display: flex;
    padding: 24px;
    align-items: center;
    border-radius: 24px;
    background: #332A48;
}
.tea .tea-detail .head-box{
    width:160px;
    height: 160px;
    border-radius: 50%;
    border: 2px solid #FFF;
    background: #FFF;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    margin-right: 18px;
    flex-shrink: 0;
}
.tea .tea-detail .tea-intro>h5{
    color: #FFF;
    /* 标准排版字体/24/32-b */
    font-family: "Microsoft YaHei";
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px; /* 133.333% */
    margin: 0 0 8px;
}
.tea .tea-detail .tea-intro>p{
    color: #FFF;
    text-align: justify;
    /* 标准排版字体/20/28-n */
    font-family: "Microsoft YaHei";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px; /* 140% */
}

@media only screen and (min-width: 1124px) {
    .course_integrated {
        padding-bottom:120px;
        background-color: unset;
    }
}
@media only screen and (min-width: 721px) {
    .Syllabus .left .stageBtn.active .stageContent {

        color: #8FE063;
    }
    .integrated_box {
        margin-top: 0px;
        margin-bottom: 8px;
    }
}
#course_DG .track-title{
    text-align: center;
}
.plate-title-small,.table-open-time ul .light-text{
    color: #8FE063;
}
.table-open-time-style {
    border-radius: 30px;
    border: 2px solid #8FE063;
    background: #8FE063;
    padding: 20px;
    box-shadow: 0px 0px 8px 0px #C8F2B1 inset;
    margin: 40px 0 120px;
}