.pcno{display: none !important;}
.mno{display: block !important;}
/* 按钮容器基础样式 鼠标悬浮时触发扫光动画*/
.btnFrames {overflow: hidden;position: relative;}
.btnFrames:hover::after {content: "";display: block;width: 18%;height: 300%;background: linear-gradient(to right,rgba(255, 255, 255, 0) 0%,rgba(255, 255, 255, 0.4) 50%,rgba(255, 255, 255, 0) 100%);filter: blur(6px);transform: rotate(35deg);position: absolute;left: -20%;top: -120%;pointer-events: none;animation: leftTransform ease-in-out 0.6s forwards;-webkit-animation: leftTransform ease-in-out 0.6s forwards;}
/* 流光动画 */
@keyframes leftTransform {
  0% { left: -20%; }
  100% { left: 120%; }
}
@media(max-width:1000px){
    .btnFrames:hover::after{display: none;}
    .m1200{width: 100%;}
    .pcno{display: block !important;}
    .mno{display: none !important;}
    body{padding-bottom: 1rem;}
}
/*  */
.header-banner{height: 510px;background: url('../images/banner1.png') no-repeat center top;}
.header-banner .m1200{height: 100%;}
.header-banner .popular-courses{width: 216px;height: 81px;background: url('../images/banner-1.png') no-repeat;position: absolute;left: 347px;top: 121px;}
.header-banner .master-title{width: 603px;height: 139px;background: url('../images/banner-title.png') no-repeat;position: absolute;left: 315px;top: 200px;}
.header-banner .button{width: 335px;height: 68px;border-radius: 34px;position: absolute;top: 370px;left: 448px;border: 2px solid #fff;box-sizing: border-box;background: linear-gradient(201deg,#5fbfaf,#076db0);font-size: 40px;color: #fff;letter-spacing: 1px;text-indent: -1px;
display: flex;justify-content: center;align-items: center;font-family: "FZLTCHJW";padding-top: 2px;box-sizing: border-box;}
@font-face {
  font-family: "FZLTCHJW";
  src: url("https://oy.xdf.cn/include/font/FZLTCHJW.TTF") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.header-banner .button span{filter: drop-shadow(0 0 6px rgba(34,91,164,0.82));}
/*  */
.page{padding: 80px 0;}
.page .title-top {margin-bottom: 50px;}
.page .title-top img{display: block;margin: auto;}
.page .buttons{width: 260px;height: 46px;border-radius: 4px;display: flex;justify-content: center;align-items: center;background: linear-gradient(110deg,#ff6400,#ff9205);box-shadow: 0 6px 6px rgba(255, 122, 2, 0.12);font-size: 16px;color: #fff;font-weight: bold;margin: auto;}
/*  */
.course-list{}
.course-list .list{display: flex;justify-content: space-between;}
.course-list .li{width: 150px;height: 44px;background: #fff;border-radius: 10px 10px 0 0;box-shadow: 0 0 5px 3px rgba(1, 96, 254, 0.1);font-size: 18px;color: #0d408d;display: flex;justify-content: center;align-items: center;letter-spacing: 1px;text-indent: 1px;cursor: pointer;}
.course-list .li.active{border: 2px solid #fff;background: linear-gradient(201deg,#6fade8,#347dd2);color: #fff;font-weight: bold;}
.course-list .contents{background: #fff;position: relative;box-shadow: 0 0 6px 6px rgba(225, 239, 255, 0.5);}
.course-list .item{position: relative;display: none;padding: 46px 30px 90px 25px;}
.course-list .item.active{display: block;}
.course-list .lang-flex{display: flex;justify-content: space-between;width: 100%;}
.course-list .lang-title-case{width: 266px;height: 492px;border-radius: 10px;}
.course-list .lang-title-case.riyu{background: url('../images/page1-5_r.png') no-repeat;}
.course-list .lang-title-case.hanyu{background: url('../images/page1-5_h.png') no-repeat;}
.course-list .lang-title-case.deyu{background: url('../images/page1-5_d.png') no-repeat;}
.course-list .lang-title-case.fayu{background: url('../images/page1-5_f.png') no-repeat;}
.course-list .lang-title-case.xiyu{background: url('../images/page1-5_x.png') no-repeat;}
.course-list .lang-title-case.yiyu{background: url('../images/page1-5_y.png') no-repeat;}
.course-list .lang-title-case.eyu{background: url('../images/page1-5_e.png') no-repeat;}
.course-list .lang-title-case.qitayu{background: url('../images/page1-5_t.png') no-repeat;}

.course-list .case-title{font-size: 32px;padding: 42px 0 16px ;text-align: center;}
.course-list .spe-list{width: 214px;margin: auto;display: flex;justify-content: space-between;}
.course-list .spe-li{font-size: 14px;color: #000;text-align: center;}
.course-list .spe-li img{margin-bottom: 6px;}
.course-list .list-show{width: 855px;}
.course-list .raw{display: flex;justify-content: flex-start;align-items: center;margin-bottom: 21px;height: 33px;}
.course-list .select{font-size: 16px;color: #101010;font-weight: bold;padding-right: 13px;}
.course-list .flex1{flex: 1;display: flex;justify-content: flex-start;}
.course-list .select-btn{min-width: 136px;height: 33px;padding: 0 9px; border-radius: 4px;border: 1px solid #e2e2e2;font-size: 14px;color: #333;display: flex;justify-content: center;align-items: center;margin-right: 23px;cursor: pointer;}
.course-list .select-btn:last-child{margin-right: 0px;}
.course-list .select-btn.active{background: #5d9ee1;color: #fff;border: 1px solid #5d9ee1;}
.course-list .wrap{padding-top: 0px;position: relative;}
.course-list .wrap .swiper{padding-top: 17px;}
.course-list .wrap-rela{width: 60px;height: 20px;position: absolute;right: 6px;bottom: -30px;display: flex;justify-content: space-between;}
.course-list .wrap-rela div{width: 20px;height: 20px;background: url('../images/next.png') no-repeat;background-size: cover;cursor: pointer;}
.course-list .wrap-rela .next{transform: rotate(180deg);}
.course-list .wrap-rela div.swiper-button-disabled{cursor: not-allowed;opacity: 0.4;}

.course-list .swiper-slide{display: flex;justify-content: flex-end;}
.course-list .wrap-li{width: 272px;height: 175px;border-radius: 13px;border: 1px solid #e2e2e2;padding: 27px 15px 0 19px;position: relative;}
.course-list .wrap-title{font-size: 16px;line-height: 24px;color: #101010;font-weight: bold;margin-bottom: 13px;}
.course-list .wrap-text{width: 236px;height: 20px;border-radius: 10px;background: #f9f9f9;font-size: 14px;color: #333;display: flex;justify-content: flex-start;align-items: center;}
.course-list .wrap-text::before{content: '';width: 20px;height: 20px;background: url('../images/page1-icon2.png') no-repeat;margin-right: 7px;}
.course-list .wrap-text span{flex: 1;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.course-list .button{width: 140px;height: 29px;border-radius: 14px;border: 1px solid #2b61b3;background: #e1f0ff;display: flex;justify-content: center;align-items: center;position: absolute;left:calc((100% - 140px)/2);bottom: 18px;font-size: 14px;color: #0d408d;}
.course-list .relative-bot{position: absolute;left: 0;bottom: 0;width: 100%;height: 53px;background: linear-gradient(-90deg,#f9faff,#9fd2ff);padding: 0 71px 0 52px;display: flex;justify-content: space-between;align-items: center;}
.course-list .v1-zixun{font-size: 18px;color: #101010;display: flex;justify-content: flex-start;align-items: center;}
.course-list .v1-zixun::before{content: '';width: 32px;height: 31px;background: url('../images/page1-icon1.png') no-repeat;margin-right: 12px;}
.course-list .v1-btn{width: 386px;display: flex;justify-content: space-between;}
.course-list .v1-btn a{width: 170px;height: 34px;border-radius: 17px;border: 1px solid #2b61b3;font-size: 16px;color: #0d408d;display: flex;justify-content: center;align-items: center;background: #e1f0ff;}
.course-list .v1-btn a.active{color: #fff;font-weight: bold;background: linear-gradient(201deg,#6fade8,#347dd2);}

.course-list .wrap-li{transition: 0.3s;}
.course-list .wrap-li:hover{transform: translateY(-5px);}
.course-list .button:hover{color: #fff;background:#2b61b3;}
/*  */
.exam-plan{background: url('../images/page2.png') no-repeat center top;background-size: cover;}
.exam-plan .content{display: flex;justify-content: space-between;}
.exam-plan .item{width: 380px;height: 116px;border-radius: 12px;box-shadow: 0 0 6px 6px rgba(225,239, 255, 0.5);padding: 30px 26px 0 30px;transition: 0.3s;}
.exam-plan .item:hover{transform: translateY(-10px);}
.exam-plan .item:nth-child(1){background: #fff url('../images/page2-1.png') no-repeat;}
.exam-plan .item:nth-child(2){background: #fff url('../images/page2-2.png') no-repeat;}
.exam-plan .item:nth-child(3){background: #fff url('../images/page2-3.png') no-repeat;}
.exam-plan .title{font-size: 18px;color: #333;font-weight: bold;background: url('../images/page2-4.png') no-repeat left bottom;padding: 0 0 2px 4px;margin-left: 4px;}
.exam-plan .text{font-size: 14px;line-height: 22px;color: #666;padding-top: 8px;}
/*  */
.curriculum-system .tabs{padding: 4px 50px 0px;display: flex;justify-content: space-between;border-bottom: 1px solid #d7d6d6;margin-bottom: 24px;}
.curriculum-system .tabs .tab{font-size: 18px;color: #333;font-weight: bold;padding-bottom: 20px;position: relative;cursor: pointer;}
.curriculum-system .tabs .tab.active{color: #5d9ee1;}
.curriculum-system .tabs .tab.active::before{content: '';width: 130%;height: 2px;background: #5d9ee1;position: absolute;left: -15%;bottom: 0;}
.curriculum-system .content{margin-bottom: 50px;}
.curriculum-system .item{display: none;}
.curriculum-system .item.active{display: block;}

/*语种通用样式*/
.curriculum-system .raw{display: flex;justify-content: space-between;margin-bottom: 6px;}
.curriculum-system .li{font-size: 14px;color: #333;line-height: 22px; display: flex;justify-content: center;align-items: center;text-align: center;}
.curriculum-system .mr{margin-right: 25px;}
/* 日语先开始------------------------------------------------------------------------------------------------------------------------------------------ */
/* 每排宽度 */
.curriculum-system .riyu .raw .li:nth-child(1){width: 150px;}
.curriculum-system .riyu .raw .li:nth-child(2){width: 200px;}
.curriculum-system .riyu .raw .li:nth-child(3){width: 200px;}
.curriculum-system .riyu .raw .li:nth-child(4){width: 200px;}
.curriculum-system .riyu .raw .li:nth-child(5){width: 200px;}
.curriculum-system .riyu .raw .li:nth-child(6){width: 220px;}
/* 每行高度 */
.curriculum-system .riyu .raw:nth-child(1){height: auto;}
.curriculum-system .riyu .raw:nth-child(2){height: 50px;}
.curriculum-system .riyu .raw:nth-child(3){height: 50px;}
.curriculum-system .riyu .raw:nth-child(4){height: 50px;}
.curriculum-system .riyu .raw:nth-child(5){height: 50px;}
.curriculum-system .riyu .raw:nth-child(6){height: 50px;}
.curriculum-system .riyu .raw:nth-child(7){height: 70px;}
.curriculum-system .riyu .raw:nth-child(8){height: 100px;}
.curriculum-system .riyu .raw:nth-child(9){height: 50px;}
.curriculum-system .riyu .raw:nth-child(10){height: 50px;}

/* 左侧第一排 */
.curriculum-system .riyu .raw .li:nth-child(1){background: #f8f8f8;font-size: 16px;}
/* 头部第一行 */
.curriculum-system .riyu .head{align-items: flex-end;}
.curriculum-system .riyu .head .li{font-size: 16px;color: #fff;border-radius: 18px 18px 0 0;font-weight: bold;}
.curriculum-system .riyu .head .li:nth-child(1){visibility: hidden;}
.curriculum-system .riyu .head .li:nth-child(2){height: 40px;background: linear-gradient(90deg, #81d74f, #69c931);}
.curriculum-system .riyu .head .li:nth-child(3){height: 60px;background: linear-gradient(90deg, #69c62e, #49b306);}
.curriculum-system .riyu .head .li:nth-child(4){height: 80px;background: linear-gradient(90deg,#ffc638,#ffb704);}
.curriculum-system .riyu .head .li:nth-child(5){height: 100px;background: linear-gradient(90deg,#ffb400,#ff9000);}
.curriculum-system .riyu .head .li:nth-child(6){height: 120px;background: linear-gradient(90deg,#ff892a,#ff6b2a);}
/* 写出对应class,单独加吧 -背景*/
.curriculum-system .riyu .background_1{background: #f6fff1;}
.curriculum-system .riyu .background_2{background: #fffaed;}
.curriculum-system .riyu .background_3{background: #fff4ed}
.curriculum-system .riyu .background_4{background: linear-gradient(90deg,#f6fff1,#fff4ed);}
/* 特别宽度-单独加 */
.curriculum-system .riyu .width1{width: 406px !important;}
.curriculum-system .riyu .width2{width: 220px !important;}
.curriculum-system .riyu .width3{width: 1044px !important;}

/* 以下是韩语------------------------------------------------------------------------------------------------------------------------------------------ */

/* 每排宽度 */
.curriculum-system .hanyu .raw .li:nth-child(1){width: 150px;}
.curriculum-system .hanyu .raw .li:nth-child(2){width: 169px;}
.curriculum-system .hanyu .raw .li:nth-child(3){width: 169px;}
.curriculum-system .hanyu .raw .li:nth-child(4){width: 169px;}
.curriculum-system .hanyu .raw .li:nth-child(5){width: 169px;}
.curriculum-system .hanyu .raw .li:nth-child(6){width: 169px;}
.curriculum-system .hanyu .raw .li:nth-child(7){width: 169px;}

/* 每行高度 */
.curriculum-system .hanyu .raw:nth-child(1){height: auto;}
.curriculum-system .hanyu .raw:nth-child(2){height: 50px;}
.curriculum-system .hanyu .raw:nth-child(3){height: 50px;}
.curriculum-system .hanyu .raw:nth-child(4){height: 50px;}
.curriculum-system .hanyu .raw:nth-child(5){height: 70px;}
.curriculum-system .hanyu .raw:nth-child(6){height: 100px;}
.curriculum-system .hanyu .raw:nth-child(7){height: 50px;}
.curriculum-system .hanyu .raw:nth-child(8){height: 50px;}

/* 左侧第一排 */
.curriculum-system .hanyu .raw .li:nth-child(1){background: #f8f8f8;font-size: 16px;}
/* 头部第一行 */
.curriculum-system .hanyu .head{align-items: flex-end;}
.curriculum-system .hanyu .head .li{font-size: 16px;color: #fff;border-radius: 18px 18px 0 0;font-weight: bold;}
.curriculum-system .hanyu .head .li:nth-child(1){visibility: hidden;}
.curriculum-system .hanyu .head .li:nth-child(2){height: 40px;background: linear-gradient(-90deg, #69c931, #81d74f);}
.curriculum-system .hanyu .head .li:nth-child(3){height: 60px;background: linear-gradient(-90deg, #49b306, #69c62e);}
.curriculum-system .hanyu .head .li:nth-child(4){height: 80px;background: linear-gradient(-90deg,#ffb704,#ffc638);}
.curriculum-system .hanyu .head .li:nth-child(5){height: 100px;background: linear-gradient(-90deg,#ff9000,#ffb400);}
.curriculum-system .hanyu .head .li:nth-child(6){height: 120px;background: linear-gradient(-90deg,#ff6b2a,#ff892a);}
.curriculum-system .hanyu .head .li:nth-child(7){height: 140px;background: linear-gradient(-90deg,#ff2a2a,#ff5c2a);}
/* 写出对应class,单独加吧 -背景*/
.curriculum-system .hanyu .background_1{background: #f6fff1;}
.curriculum-system .hanyu .background_2{background: #fffaed;}
.curriculum-system .hanyu .background_3{background: #fff4ed}
.curriculum-system .hanyu .background_4{background: linear-gradient(90deg,#f6fff1,#fff4ed);}
/* 特别宽度-单独加 */
.curriculum-system .hanyu .width1{width: 344px !important;}
.curriculum-system .hanyu .width2{width: 1044px !important;}

/* 以下是德语------------------------------------------------------------------------------------------------------------------------------------------ */

/* 每排宽度 */
.curriculum-system .deyu .raw .li:nth-child(1){width: 150px;}
.curriculum-system .deyu .raw .li:nth-child(2){width: 200px;}
.curriculum-system .deyu .raw .li:nth-child(3){width: 200px;}
.curriculum-system .deyu .raw .li:nth-child(4){width: 200px;}
.curriculum-system .deyu .raw .li:nth-child(5){width: 200px;}
.curriculum-system .deyu .raw .li:nth-child(6){width: 220px;}

/* 每行高度 */
.curriculum-system .deyu .raw:nth-child(1){height: auto;}
.curriculum-system .deyu .raw:nth-child(2){height: 50px;}
.curriculum-system .deyu .raw:nth-child(3){height: 50px;}
.curriculum-system .deyu .raw:nth-child(4){height: 50px;}
.curriculum-system .deyu .raw:nth-child(5){height: 50px;}
.curriculum-system .deyu .raw:nth-child(6){height: 70px;}
.curriculum-system .deyu .raw:nth-child(7){height: 100px;}
.curriculum-system .deyu .raw:nth-child(8){height: 50px;}
.curriculum-system .deyu .raw:nth-child(9){height: 50px;}

/* 左侧第一排 */
.curriculum-system .deyu .raw .li:nth-child(1){background: #f8f8f8;font-size: 16px;}
/* 头部第一行 */
.curriculum-system .deyu .head{align-items: flex-end;}
.curriculum-system .deyu .head .li{font-size: 16px;color: #fff;border-radius: 18px 18px 0 0;font-weight: bold;}
.curriculum-system .deyu .head .li:nth-child(1){visibility: hidden;}
.curriculum-system .deyu .head .li:nth-child(2){height: 40px;background: linear-gradient(90deg, #81d74f, #69c931);}
.curriculum-system .deyu .head .li:nth-child(3){height: 60px;background: linear-gradient(90deg, #69c62e, #49b306);}
.curriculum-system .deyu .head .li:nth-child(4){height: 80px;background: linear-gradient(90deg, #ffc638, #ffb704);}
.curriculum-system .deyu .head .li:nth-child(5){height: 100px;background: linear-gradient(90deg, #ffb400, #ff9000);}
.curriculum-system .deyu .head .li:nth-child(6){height: 120px;background: linear-gradient(90deg, #ff892a, #ff6b2a);}
/* 写出对应class,单独加吧 -背景*/
.curriculum-system .deyu .background_0{background: #f8f8f8;}
.curriculum-system .deyu .background_1{background: #f6fff1;}
.curriculum-system .deyu .background_2{background: #fffaed;}
.curriculum-system .deyu .background_3{background: #fff4ed}
.curriculum-system .deyu .background_4{background: linear-gradient(90deg,#f6fff1,#fff4ed);}
/* 特别宽度-单独加 */
.curriculum-system .deyu .width1{width: 612px !important;}
.curriculum-system .deyu .width2{width: 107px !important;}
.curriculum-system .deyu .width3{width: 1044px !important;}

/* 以下是法语------------------------------------------------------------------------------------------------------------------------------------------ */

/* 每排宽度 */
.curriculum-system .fayu .raw .li:nth-child(1){width: 150px;}
.curriculum-system .fayu .raw .li:nth-child(2){width: 200px;}
.curriculum-system .fayu .raw .li:nth-child(3){width: 200px;}
.curriculum-system .fayu .raw .li:nth-child(4){width: 200px;}
.curriculum-system .fayu .raw .li:nth-child(5){width: 200px;}
.curriculum-system .fayu .raw .li:nth-child(6){width: 220px;}
/* 每行高度 */
.curriculum-system .fayu .raw:nth-child(1){height: auto;}
.curriculum-system .fayu .raw:nth-child(2){height: 50px;}
.curriculum-system .fayu .raw:nth-child(3){height: 50px;}
.curriculum-system .fayu .raw:nth-child(4){height: 50px;}
.curriculum-system .fayu .raw:nth-child(5){height: 50px;}
.curriculum-system .fayu .raw:nth-child(6){height: 70px;}
.curriculum-system .fayu .raw:nth-child(7){height: 100px;}
.curriculum-system .fayu .raw:nth-child(8){height: 50px;}
.curriculum-system .fayu .raw:nth-child(9){height: 50px;}

/* 左侧第一排 */
.curriculum-system .fayu .raw .li:nth-child(1){background: #f8f8f8;font-size: 16px;}
/* 头部第一行 */
.curriculum-system .fayu .head{align-items: flex-end;}
.curriculum-system .fayu .head .li{font-size: 16px;color: #fff;border-radius: 18px 18px 0 0;font-weight: bold;}
.curriculum-system .fayu .head .li:nth-child(1){visibility: hidden;}
.curriculum-system .fayu .head .li:nth-child(2){height: 40px;background: linear-gradient(90deg, #81d74f, #69c931);}
.curriculum-system .fayu .head .li:nth-child(3){height: 60px;background: linear-gradient(90deg, #69c62e, #49b306);}
.curriculum-system .fayu .head .li:nth-child(4){height: 80px;background: linear-gradient(90deg,#ffc638,#ffb704);}
.curriculum-system .fayu .head .li:nth-child(5){height: 100px;background: linear-gradient(90deg,#ffb400,#ff9000);}
.curriculum-system .fayu .head .li:nth-child(6){height: 120px;background: linear-gradient(90deg,#ff892a,#ff6b2a);}
/* 写出对应class,单独加吧 -背景*/
.curriculum-system .fayu .background_1{background: #f6fff1;}
.curriculum-system .fayu .background_2{background: #fffaed;}
.curriculum-system .fayu .background_3{background: #fff4ed}
.curriculum-system .fayu .background_4{background: linear-gradient(90deg,#f6fff1,#fff4ed);}
/* 特别宽度-单独加 */
.curriculum-system .fayu .width1{width: 1044px !important;}

/* 以下是西语------------------------------------------------------------------------------------------------------------------------------------------ */

/* 每排宽度 */
.curriculum-system .xiyu .raw .li:nth-child(1){width: 150px;}
.curriculum-system .xiyu .raw .li:nth-child(2){width: 200px;}
.curriculum-system .xiyu .raw .li:nth-child(3){width: 200px;}
.curriculum-system .xiyu .raw .li:nth-child(4){width: 200px;}
.curriculum-system .xiyu .raw .li:nth-child(5){width: 200px;}
.curriculum-system .xiyu .raw .li:nth-child(6){width: 220px;}
/* 每行高度 */
.curriculum-system .xiyu .raw:nth-child(1){height: auto;}
.curriculum-system .xiyu .raw:nth-child(2){height: 50px;}
.curriculum-system .xiyu .raw:nth-child(3){height: 50px;}
.curriculum-system .xiyu .raw:nth-child(4){height: 50px;}
.curriculum-system .xiyu .raw:nth-child(5){height: 70px;}
.curriculum-system .xiyu .raw:nth-child(6){height: 100px;}
.curriculum-system .xiyu .raw:nth-child(7){height: 50px;}
.curriculum-system .xiyu .raw:nth-child(8){height: 50px;}

/* 左侧第一排 */
.curriculum-system .xiyu .raw .li:nth-child(1){background: #f8f8f8;font-size: 16px;}
/* 头部第一行 */
.curriculum-system .xiyu .head{align-items: flex-end;}
.curriculum-system .xiyu .head .li{font-size: 16px;color: #fff;border-radius: 18px 18px 0 0;font-weight: bold;}
.curriculum-system .xiyu .head .li:nth-child(1){visibility: hidden;}
.curriculum-system .xiyu .head .li:nth-child(2){height: 40px;background: linear-gradient(90deg, #81d74f, #69c931);}
.curriculum-system .xiyu .head .li:nth-child(3){height: 60px;background: linear-gradient(90deg, #69c62e, #49b306);}
.curriculum-system .xiyu .head .li:nth-child(4){height: 80px;background: linear-gradient(90deg,#ffc638,#ffb704);}
.curriculum-system .xiyu .head .li:nth-child(5){height: 100px;background: linear-gradient(90deg,#ffb400,#ff9000);}
.curriculum-system .xiyu .head .li:nth-child(6){height: 120px;background: linear-gradient(90deg,#ff892a,#ff6b2a);}
/* 写出对应class,单独加吧 -背景*/
.curriculum-system .xiyu .background_1{background: #f6fff1;}
.curriculum-system .xiyu .background_2{background: #fffaed;}
.curriculum-system .xiyu .background_3{background: #fff4ed}
.curriculum-system .xiyu .background_4{background: linear-gradient(90deg,#f6fff1,#fff4ed);}
/* 特别宽度-单独加 */
.curriculum-system .xiyu .width1{width: 1044px !important;}

/* 以下是意语------------------------------------------------------------------------------------------------------------------------------------------ */

/* 每排宽度 */
.curriculum-system .yiyu .raw .li:nth-child(1){width: 150px;}
.curriculum-system .yiyu .raw .li:nth-child(2){width: 200px;}
.curriculum-system .yiyu .raw .li:nth-child(3){width: 200px;}
.curriculum-system .yiyu .raw .li:nth-child(4){width: 200px;}
.curriculum-system .yiyu .raw .li:nth-child(5){width: 200px;}
.curriculum-system .yiyu .raw .li:nth-child(6){width: 220px;}
/* 每行高度 */
.curriculum-system .yiyu .raw:nth-child(1){height: auto;}
.curriculum-system .yiyu .raw:nth-child(2){height: 50px;}
.curriculum-system .yiyu .raw:nth-child(3){height: 50px;}
.curriculum-system .yiyu .raw:nth-child(4){height: 50px;}
.curriculum-system .yiyu .raw:nth-child(5){height: 50px;}
.curriculum-system .yiyu .raw:nth-child(6){height: 100px;}
.curriculum-system .yiyu .raw:nth-child(7){height: 50px;}
.curriculum-system .yiyu .raw:nth-child(8){height: 50px;}

/* 左侧第一排 */
.curriculum-system .yiyu .raw .li:nth-child(1){background: #f8f8f8;font-size: 16px;}
/* 头部第一行 */
.curriculum-system .yiyu .head{align-items: flex-end;}
.curriculum-system .yiyu .head .li{font-size: 16px;color: #fff;border-radius: 18px 18px 0 0;font-weight: bold;}
.curriculum-system .yiyu .head .li:nth-child(1){visibility: hidden;}
.curriculum-system .yiyu .head .li:nth-child(2){height: 40px;background: linear-gradient(90deg, #81d74f, #69c931);}
.curriculum-system .yiyu .head .li:nth-child(3){height: 60px;background: linear-gradient(90deg, #69c62e, #49b306);}
.curriculum-system .yiyu .head .li:nth-child(4){height: 80px;background: linear-gradient(90deg,#ffc638,#ffb704);}
.curriculum-system .yiyu .head .li:nth-child(5){height: 100px;background: linear-gradient(90deg,#ffb400,#ff9000);}
.curriculum-system .yiyu .head .li:nth-child(6){height: 120px;background: linear-gradient(90deg,#ff892a,#ff6b2a);}
/* 写出对应class,单独加吧 -背景*/
.curriculum-system .yiyu .background_1{background: #f6fff1;}
.curriculum-system .yiyu .background_2{background: #fffaed;}
.curriculum-system .yiyu .background_3{background: #fff4ed}
.curriculum-system .yiyu .background_4{background: linear-gradient(90deg,#f6fff1,#fff4ed);}
/* 特别宽度-单独加 */
.curriculum-system .yiyu .width1{width: 1044px !important;}


/* 以下是俄语------------------------------------------------------------------------------------------------------------------------------------------ */

/* 每排宽度 */
.curriculum-system .eyu .raw .li:nth-child(1){width: 150px;}
.curriculum-system .eyu .raw .li:nth-child(2){width: 200px;}
.curriculum-system .eyu .raw .li:nth-child(3){width: 200px;}
.curriculum-system .eyu .raw .li:nth-child(4){width: 200px;}
.curriculum-system .eyu .raw .li:nth-child(5){width: 200px;}
.curriculum-system .eyu .raw .li:nth-child(6){width: 220px;}
/* 每行高度 */
.curriculum-system .eyu .raw:nth-child(1){height: auto;}
.curriculum-system .eyu .raw:nth-child(2){height: 50px;}
.curriculum-system .eyu .raw:nth-child(3){height: 50px;}
.curriculum-system .eyu .raw:nth-child(4){height: 50px;}
.curriculum-system .eyu .raw:nth-child(5){height: 100px;}
.curriculum-system .eyu .raw:nth-child(6){height: 50px;}
.curriculum-system .eyu .raw:nth-child(7){height: 50px;}

/* 左侧第一排 */
.curriculum-system .eyu .raw .li:nth-child(1){background: #f8f8f8;font-size: 16px;}
/* 头部第一行 */
.curriculum-system .eyu .head{align-items: flex-end;}
.curriculum-system .eyu .head .li{font-size: 16px;color: #fff;border-radius: 18px 18px 0 0;font-weight: bold;}
.curriculum-system .eyu .head .li:nth-child(1){visibility: hidden;}
.curriculum-system .eyu .head .li:nth-child(2){height: 40px;background: linear-gradient(90deg, #81d74f, #69c931);}
.curriculum-system .eyu .head .li:nth-child(3){height: 60px;background: linear-gradient(90deg, #69c62e, #49b306);}
.curriculum-system .eyu .head .li:nth-child(4){height: 80px;background: linear-gradient(90deg,#ffc638,#ffb704);}
.curriculum-system .eyu .head .li:nth-child(5){height: 100px;background: linear-gradient(90deg,#ffb400,#ff9000);}
.curriculum-system .eyu .head .li:nth-child(6){height: 120px;background: linear-gradient(90deg,#ff892a,#ff6b2a);}
/* 写出对应class,单独加吧 -背景*/
.curriculum-system .eyu .background_1{background: #f6fff1;}
.curriculum-system .eyu .background_2{background: #fffaed;}
.curriculum-system .eyu .background_3{background: #fff4ed}
.curriculum-system .eyu .background_4{background: linear-gradient(90deg,#f6fff1,#fff4ed);}
/* 特别宽度-单独加 */
.curriculum-system .eyu .width1{width: 1044px !important;}

/* 以下是阿语------------------------------------------------------------------------------------------------------------------------------------------ */

/* 每排宽度 */
.curriculum-system .ayu .raw .li:nth-child(1){width: 150px;}
.curriculum-system .ayu .raw .li:nth-child(2){width: 200px;}
.curriculum-system .ayu .raw .li:nth-child(3){width: 200px;}
.curriculum-system .ayu .raw .li:nth-child(4){width: 200px;}
.curriculum-system .ayu .raw .li:nth-child(5){width: 200px;}
.curriculum-system .ayu .raw .li:nth-child(6){width: 220px;}
/* 每行高度 */
.curriculum-system .ayu .raw:nth-child(1){height: auto;}
.curriculum-system .ayu .raw:nth-child(2){height: 50px;}
.curriculum-system .ayu .raw:nth-child(3){height: 50px;}
.curriculum-system .ayu .raw:nth-child(4){height: 50px;}
.curriculum-system .ayu .raw:nth-child(5){height: 70px;}
.curriculum-system .ayu .raw:nth-child(6){height: 90px;}
.curriculum-system .ayu .raw:nth-child(7){height: 150px;}
.curriculum-system .ayu .raw:nth-child(8){height: 110px;}
.curriculum-system .ayu .raw:nth-child(9){height: 50px;}


/* 左侧第一排 */
.curriculum-system .ayu .raw .li:nth-child(1){background: #f8f8f8;font-size: 16px;}
/* 头部第一行 */
.curriculum-system .ayu .head{align-items: flex-end;}
.curriculum-system .ayu .head .li{font-size: 16px;color: #fff;border-radius: 18px 18px 0 0;font-weight: bold;}
.curriculum-system .ayu .head .li:nth-child(1){visibility: hidden;}
.curriculum-system .ayu .head .li:nth-child(2){height: 40px;background: linear-gradient(90deg, #81d74f, #69c931);}
.curriculum-system .ayu .head .li:nth-child(3){height: 60px;background: linear-gradient(90deg, #69c62e, #49b306);}
.curriculum-system .ayu .head .li:nth-child(4){height: 80px;background: linear-gradient(90deg,#ffc638,#ffb704);}
.curriculum-system .ayu .head .li:nth-child(5){height: 100px;background: linear-gradient(90deg,#ffb400,#ff9000);}
.curriculum-system .ayu .head .li:nth-child(6){height: 120px;background: linear-gradient(90deg,#ff892a,#ff6b2a);}
/* 写出对应class,单独加吧 -背景*/
.curriculum-system .ayu .background_1{background: #f6fff1;}
.curriculum-system .ayu .background_2{background: #fffaed;}
.curriculum-system .ayu .background_3{background: #fff4ed}
.curriculum-system .ayu .background_4{background: linear-gradient(90deg,#f6fff1,#fff4ed);}
/* 特别字体大小-单独加 */
.curriculum-system .ayu .li.minspan{font-size: 12px;line-height: 22px;padding: 9px 12px 0;align-items: flex-start;text-align: left;}
.curriculum-system .ayu .li.minspan .bold{font-weight: bold;}
 

/* 以下是葡萄牙语------------------------------------------------------------------------------------------------------------------------------------------ */

/* 每排宽度 */
.curriculum-system .puyu .raw .li:nth-child(1){width: 150px;}
.curriculum-system .puyu .raw .li:nth-child(2){width: 200px;}
.curriculum-system .puyu .raw .li:nth-child(3){width: 200px;}
.curriculum-system .puyu .raw .li:nth-child(4){width: 200px;}
.curriculum-system .puyu .raw .li:nth-child(5){width: 200px;}
.curriculum-system .puyu .raw .li:nth-child(6){width: 220px;}
/* 每行高度 */
.curriculum-system .puyu .raw:nth-child(1){height: auto;}
.curriculum-system .puyu .raw:nth-child(2){height: 50px;}
.curriculum-system .puyu .raw:nth-child(3){height: 50px;}
.curriculum-system .puyu .raw:nth-child(4){height: 70px;}
.curriculum-system .puyu .raw:nth-child(5){height: 90px;}
.curriculum-system .puyu .raw:nth-child(6){height: 130px;}
.curriculum-system .puyu .raw:nth-child(7){height: 110px;}
.curriculum-system .puyu .raw:nth-child(8){height: 50px;}


/* 左侧第一排 */
.curriculum-system .puyu .raw .li:nth-child(1){background: #f8f8f8;font-size: 16px;}
/* 头部第一行 */
.curriculum-system .puyu .head{align-items: flex-end;}
.curriculum-system .puyu .head .li{font-size: 16px;color: #fff;border-radius: 18px 18px 0 0;font-weight: bold;}
.curriculum-system .puyu .head .li:nth-child(1){visibility: hidden;}
.curriculum-system .puyu .head .li:nth-child(2){height: 40px;background: linear-gradient(90deg, #81d74f, #69c931);}
.curriculum-system .puyu .head .li:nth-child(3){height: 60px;background: linear-gradient(90deg, #69c62e, #49b306);}
.curriculum-system .puyu .head .li:nth-child(4){height: 80px;background: linear-gradient(90deg,#ffc638,#ffb704);}
.curriculum-system .puyu .head .li:nth-child(5){height: 100px;background: linear-gradient(90deg,#ffb400,#ff9000);}
.curriculum-system .puyu .head .li:nth-child(6){height: 120px;background: linear-gradient(90deg,#ff892a,#ff6b2a);}
/* 写出对应class,单独加吧 -背景*/
.curriculum-system .puyu .background_1{background: #f6fff1;}
.curriculum-system .puyu .background_2{background: #fffaed;}
.curriculum-system .puyu .background_3{background: #fff4ed}
.curriculum-system .puyu .background_4{background: linear-gradient(90deg,#f6fff1,#fff4ed);}
/* 特别字体大小-单独加 */
.curriculum-system .puyu .li.minspan{font-size: 12px;line-height: 22px;padding: 9px 12px 0;align-items: flex-start;text-align: left;}
.curriculum-system .puyu .li.minspan .bold{font-weight: bold;}

/* 以下是泰语------------------------------------------------------------------------------------------------------------------------------------------ */

/* 每排宽度 */
.curriculum-system .taiyu .raw .li:nth-child(1){width: 150px;}
.curriculum-system .taiyu .raw .li:nth-child(2){width: 200px;}
.curriculum-system .taiyu .raw .li:nth-child(3){width: 200px;}
.curriculum-system .taiyu .raw .li:nth-child(4){width: 200px;}
.curriculum-system .taiyu .raw .li:nth-child(5){width: 200px;}
.curriculum-system .taiyu .raw .li:nth-child(6){width: 220px;}
/* 每行高度 */
.curriculum-system .taiyu .raw:nth-child(1){height: auto;}
.curriculum-system .taiyu .raw:nth-child(2){height: 50px;}
.curriculum-system .taiyu .raw:nth-child(3){height: 50px;}
.curriculum-system .taiyu .raw:nth-child(4){height: 50px;}
.curriculum-system .taiyu .raw:nth-child(5){height: 50px;}
.curriculum-system .taiyu .raw:nth-child(6){height: 70px;}
.curriculum-system .taiyu .raw:nth-child(7){height: 100px;}
.curriculum-system .taiyu .raw:nth-child(8){height: 50px;}
.curriculum-system .taiyu .raw:nth-child(9){height: 50px;}

/* 左侧第一排 */
.curriculum-system .taiyu .raw .li:nth-child(1){background: #f8f8f8;font-size: 16px;}
/* 头部第一行 */
.curriculum-system .taiyu .head{align-items: flex-end;}
.curriculum-system .taiyu .head .li{font-size: 16px;color: #fff;border-radius: 18px 18px 0 0;font-weight: bold;}
.curriculum-system .taiyu .head .li:nth-child(1){visibility: hidden;}
.curriculum-system .taiyu .head .li:nth-child(2){height: 40px;background: linear-gradient(90deg, #81d74f, #69c931);}
.curriculum-system .taiyu .head .li:nth-child(3){height: 60px;background: linear-gradient(90deg, #69c62e, #49b306);}
.curriculum-system .taiyu .head .li:nth-child(4){height: 80px;background: linear-gradient(90deg,#ffc638,#ffb704);}
.curriculum-system .taiyu .head .li:nth-child(5){height: 100px;background: linear-gradient(90deg,#ffb400,#ff9000);}
.curriculum-system .taiyu .head .li:nth-child(6){height: 120px;background: linear-gradient(90deg,#ff892a,#ff6b2a);}
/* 写出对应class,单独加吧 -背景*/
.curriculum-system .taiyu .background_1{background: #f6fff1;}
.curriculum-system .taiyu .background_2{background: #fffaed;}
.curriculum-system .taiyu .background_3{background: #fff4ed}
.curriculum-system .taiyu .background_4{background: linear-gradient(90deg,#f6fff1,#fff4ed);}
/* 特别宽度-单独加 */
.curriculum-system .taiyu .width1{width: 1044px !important;}

/* 以下是粤语-结束了------------------------------------------------------------------------------------------------------------------------------------------ */

/* 每排宽度 */
.curriculum-system .yueyu .raw .li:nth-child(1){width: 150px;}
.curriculum-system .yueyu .raw .li:nth-child(2){width: 256px;}
.curriculum-system .yueyu .raw .li:nth-child(3){width: 256px;}
.curriculum-system .yueyu .raw .li:nth-child(4){width: 256px;}
.curriculum-system .yueyu .raw .li:nth-child(5){width: 256px;}
/* 每行高度 */
.curriculum-system .yueyu .raw:nth-child(1){height: auto;}
.curriculum-system .yueyu .raw:nth-child(2){height: 50px;}
.curriculum-system .yueyu .raw:nth-child(3){height: 50px;}
.curriculum-system .yueyu .raw:nth-child(4){height: 50px;}
.curriculum-system .yueyu .raw:nth-child(5){height: 50px;}
.curriculum-system .yueyu .raw:nth-child(6){height: 90px;}
.curriculum-system .yueyu .raw:nth-child(7){height: 50px;}
.curriculum-system .yueyu .raw:nth-child(8){height: 90px;}
.curriculum-system .yueyu .raw:nth-child(9){height: 70px;}

/* 左侧第一排 */
.curriculum-system .yueyu .raw .li:nth-child(1){background: #f8f8f8;font-size: 16px;}
/* 头部第一行 */
.curriculum-system .yueyu .head{align-items: flex-end;}
.curriculum-system .yueyu .head .li{font-size: 16px;color: #fff;border-radius: 18px 18px 0 0;font-weight: bold;}
.curriculum-system .yueyu .head .li:nth-child(1){visibility: hidden;}
.curriculum-system .yueyu .head .li:nth-child(2){height: 40px;background: linear-gradient(90deg, #81d74f, #69c931);}
.curriculum-system .yueyu .head .li:nth-child(3){height: 60px;background: linear-gradient(90deg, #69c62e, #49b306);}
.curriculum-system .yueyu .head .li:nth-child(4){height: 80px;background: linear-gradient(90deg,#ffc638,#ffb704);}
.curriculum-system .yueyu .head .li:nth-child(5){height: 100px;background: linear-gradient(90deg,#ff892a,#ff6b2a);}
/* 写出对应class,单独加吧 -背景*/
.curriculum-system .yueyu .background_1{background: #f6fff1;}
.curriculum-system .yueyu .background_2{background: #fffaed;}
.curriculum-system .yueyu .background_3{background: #fff4ed}
.curriculum-system .yueyu .background_4{background: linear-gradient(90deg,#f6fff1,#fff4ed);}
/* 特别宽度-单独加 */
/* .curriculum-system .yueyu .width1{width: 1044px !important;} */


/* 以下也是通用样式 上面语种结束*/
.curriculum-system .raw:not(.head):hover .li{background:#ffc638;color: #fff;}

.curriculum-system .tab-test{}
.curriculum-system .test-raw{display: none;justify-content: space-between;}
.curriculum-system .test-raw.active{display: flex;}

.curriculum-system .test-title{width: 150px;height: 50px;background: #5d9ee1;font-size: 16px;color: #fff;font-weight: bold;display: flex;justify-content: center;align-items: center;}
.curriculum-system .test-txt{width: 1044px;height: 50px;background: linear-gradient(-90deg,#f9faff,#9fd2ff);display: flex;justify-content: center;align-items: center;}
.curriculum-system .test-txt span{font-size: 16px;color: #333;}
.curriculum-system .test-url{margin-left: 25px;width: 132px;height: 34px;border-radius: 16px;border: 1px solid #2b61b3;background: #e1f0ff;font-size: 16px;color: #0d408d;display: flex;justify-content: center;align-items: center;}
.curriculum-system .test-url:hover{background: #2b61b3;color: #fff;}
/*  */
.selected-faculty{background: url('../images/page3.png') no-repeat center top;background-size: cover;}
.selected-faculty .content{height: 476px;padding: 0 80px 0 74px;display: flex;justify-content: flex-start;}
.selected-faculty .wrap{width: 593px;height: 470px;background: url('../images/page3-1.png') no-repeat;margin-right: 20px;}
.selected-faculty .list{width: 426px;padding-top: 20px;box-sizing: border-box;}
.selected-faculty .li{font-size: 18px;color: #fff;font-weight: bold;display: flex;justify-content: center;align-items: center;}
.selected-faculty .li:nth-child(1){height: 58px;margin-bottom: 10px;}
.selected-faculty .li:nth-child(2){height: 48px;margin-bottom: 9px;}
.selected-faculty .li:nth-child(3){height: 48px;margin-bottom: 9px;}
.selected-faculty .li:nth-child(4){height: 48px;margin-bottom: 9px;}
.selected-faculty .li:nth-child(5){height: 48px;margin-bottom: 13px;}
.selected-faculty .li:nth-child(6){height: 52px;}

.selected-faculty .raw-list{flex: 1;padding-top: 34px;}
.selected-faculty .raw{display: flex;justify-content: flex-start;align-items: flex-start;}
.selected-faculty .line{width: 97px;height: 28px;border-radius: 14px;font-size: 16px;color: #fff;display: flex;justify-content: center;align-items: center;margin-right: 14px;}
.selected-faculty .flex1{flex: 1;font-size: 14px;line-height: 22px;color: #666;}
.selected-faculty .line1{background: linear-gradient(-85deg,#fb9760,#ff6550);}
.selected-faculty .line2{background: linear-gradient(-85deg,#fd9a31,#ff7917);}
.selected-faculty .line3{background: linear-gradient(-90deg,#ff9c31,#fec929);}
.selected-faculty .line4{background: linear-gradient(-85deg,#79b2ff,#4694ff);}
.selected-faculty .line5{background: linear-gradient(-85deg,#a4d268,#9bcf57);}
.selected-faculty .line6{background: linear-gradient(-85deg,#af9dfd,#a38dfe);}

.selected-faculty .raw:nth-child(1){margin-bottom: 34px;}
.selected-faculty .raw:nth-child(2){margin-bottom: 28px;}
.selected-faculty .raw:nth-child(3){margin-bottom: 32px;}
.selected-faculty .raw:nth-child(4){margin-bottom: 22px;}
.selected-faculty .raw:nth-child(5){margin-bottom: 30px;}
/*  */
/* .feel-fun {background: #ccc;} */
.feel-fun .content{display: flex;justify-content: space-between;}
.feel-fun .over{width: 256px;padding: 22px 0 0 0px;position: relative;display: flex;justify-content: flex-start;}
.feel-fun .over::before{content: '';
  position: absolute;
  left: 0;
  bottom: 20px;
  width: 100%;
  height: 60px;
  z-index: 99;
  pointer-events: none;
  background: linear-gradient(to top, #ffffff 40%, rgba(255,255,255,0) 100%);
}

.feel-fun .maxHeight{height: 328px;flex: 1;overflow-y: auto;padding-left: 34px;scrollbar-width: none;-ms-overflow-style: none;}
.feel-fun .maxHeight::-webkit-scrollbar {display: none;}
.feel-fun .max-auto{height: max-content;padding-bottom: 20px;}
.feel-fun .i{position: relative;width: 4px;height: 1px;background: #333;margin-bottom: 6px;display: flex;justify-content: flex-start;align-items: center;}
.feel-fun .i.addbig{width: 10px;}
.feel-fun .i.active{background: #5d9ee1;}
.feel-fun .i p{white-space: nowrap;font-size: 16px;color: #000;margin-left: 32px;cursor: pointer;}
.feel-fun .i p:hover{color: #5d9ee1;}
.feel-fun .i.active p{font-weight: bold;color: #5d9ee1;}
.feel-fun .i:first-child{margin-top: 9px;}
.feel-fun .i.active::before{content: '';width: 18px;height: 18px;background: url('../images/page4-3.png') no-repeat;position: absolute;left: -34px;top: calc((100% - 18px)/2);}
 

.feel-fun .lang-wrap{flex: 1;padding-top: 24px;box-sizing: border-box;}
.feel-fun .wrap{display: none;}
.feel-fun .wrap.active{display: block;}
.feel-fun .wrap-item{margin-bottom: 46px;}
.feel-fun .wrap-title{font-size: 18px;color: #333;font-weight: bold;margin-bottom: 14px;position: relative;padding-left: 53px;}
.feel-fun .wrap-title p{padding: 0 0 3px 5px;background: url('../images/page4-icon1.png') no-repeat left bottom;}
.feel-fun .wrap-text{font-size: 14px;line-height: 22px;color: #333;}
.feel-fun .bold{font-weight: bold;}
.feel-fun .num1{width: 37px;height: 31px;background: url('../images/page4-num-1.png') no-repeat;position: absolute;left: -3px;top: -11px;}
.feel-fun .num2{width: 41px;height: 31px;background: url('../images/page4-num-2.png') no-repeat;position: absolute;left: -3px;top: -11px;}
 
.feel-fun .vedio{margin: 18px -22px 0 48px;}
.feel-fun .vedio .item{width: 574px;height: 356px;display: none;}
.feel-fun .vedio .item.active{display: block;}
.feel-fun .vedio .item:nth-child(1){background: url('../images/page4-r.png') no-repeat;}
.feel-fun .vedio .item:nth-child(2){background: url('../images/page4-h.png') no-repeat;}
.feel-fun .vedio .item:nth-child(3){background: url('../images/page4-d.png') no-repeat;}
.feel-fun .vedio .item:nth-child(4){background: url('../images/page4-f.png') no-repeat;}
.feel-fun .vedio .item:nth-child(5){background: url('../images/page4-x.png') no-repeat;}
.feel-fun .vedio .item:nth-child(6){background: url('../images/page4-y.png') no-repeat;}
.feel-fun .vedio .item:nth-child(7){background: url('../images/page4-e.png') no-repeat;}
.feel-fun .vedio .item:nth-child(8){background: url('../images/page4-a.png') no-repeat;}
.feel-fun .vedio .item:nth-child(9){background: url('../images/page4-p.png') no-repeat;}
.feel-fun .vedio .item:nth-child(10){background: url('../images/page4-t.png') no-repeat;}
.feel-fun .vedio .item:nth-child(11){background: url('../images/page4-yny.png') no-repeat;}
/* 顺序为 日 韩 德 法 西 意 俄语 阿拉伯语 葡萄牙语 泰语 印尼语 */
/*  */
.learning-system{background: url('../images/page6.png') no-repeat center top;background-size: cover;}
.learning-system .content{padding: 0 80px 0 53px;display: flex;justify-content: space-between;}
.learning-system .empower{width: 460px;}
.learning-system .mark{font-size: 18px;color: #333;padding-left: 20px;margin-bottom: 20px;}
.learning-system .mark span{color: #5d9ee1;}
.learning-system i{margin-left: 20px;width: 50px;height: 4px;display: block;margin-bottom: 50px;background: linear-gradient(201deg,#6fade8,#347dd2);}
.learning-system .list{display: flex;justify-content: space-between;flex-wrap: wrap;}
.learning-system .item{width: 140px;height: 105px;border-radius: 20px;border: 1px solid #cae4ff;background: #fff;margin-bottom: 20px;text-align: center;padding-top: 14px;cursor: pointer;}
.learning-system .icon{width: 40px;height: 41px;margin:0 auto 14px;border-radius: 50%;box-shadow: 0 0 5px 2px rgba(1, 96, 254, 0.1);}
.learning-system .icon1{background: url('../images/page6-1.png') no-repeat center center;}
.learning-system .icon2{background: url('../images/page6-2.png') no-repeat center center;}
.learning-system .icon3{background: url('../images/page6-3.png') no-repeat center center;}
.learning-system .icon4{background: url('../images/page6-4.png') no-repeat center center;}
.learning-system .icon5{background: url('../images/page6-5.png') no-repeat center center;}
.learning-system .icon6{background: url('../images/page6-6.png') no-repeat center center;}
.learning-system .text{font-size: 16px;color: #333;}

.learning-system .item.active{border: 1px solid #ffeee3;background: linear-gradient(201deg,#6fade8,#347dd2);box-shadow: 0 0 5px 2px rgba(1, 96, 254, 0.1);}
.learning-system .item.active .text{color: #fff;}
.learning-system .item.active .icon{box-shadow: none;}
.learning-system .item.active .icon1{background: url('../images/page6-s1.png') no-repeat;}
.learning-system .item.active .icon2{background: url('../images/page6-s2.png') no-repeat;}
.learning-system .item.active .icon3{background: url('../images/page6-s3.png') no-repeat;}
.learning-system .item.active .icon4{background: url('../images/page6-s4.png') no-repeat;}
.learning-system .item.active .icon5{background: url('../images/page6-s5.png') no-repeat;}
.learning-system .item.active .icon6{background: url('../images/page6-s6.png') no-repeat;}

.learning-system .vedio{padding-top: 28px;width: 558px;}
.learning-system .share-li{width: 100%;height: 322px;display: none;}
.learning-system .share-li.active{display: block;}
.learning-system .bk1{background: url('../images/page6-v1.png') no-repeat center top;}
.learning-system .bk2{background: url('../images/page6-v2.png') no-repeat center top;}
.learning-system .bk3{background: url('../images/page6-v3.png') no-repeat center top;}
.learning-system .bk4{background: url('../images/page6-v4.png') no-repeat center top;}
.learning-system .bk5{background: url('../images/page6-v5.png') no-repeat center top;}
.learning-system .bk6{background: url('../images/page6-v6.png') no-repeat center top;}
/*  */
.help-xdf-page {background:#fff;}
.help-xdf-page .content{height: 420px;background: url('../images/page7.png') no-repeat;position: relative;overflow: hidden;border-radius: 14px;margin-top: 50px;}
.help-xdf-page .relative{position: absolute;left:30px;bottom:0;line-height: 1;}
.help-xdf-page .relative-logo{width: 104px;height: 25px;background: url('../images/page7-1.png') no-repeat;margin-bottom: 12px;}
.help-xdf-page .posi_XDF_introduce{font-size: 16px;color: #fff;padding-bottom: 22px;letter-spacing: 2px;}
.help-xdf-page .posi_XDF_introduce .bold{font-weight: bold;}
.help-xdf-page .list{width: 305px;float: right;padding: 28px 0 0 0;line-height: 1;}
.help-xdf-page .icon{width: 84px;height: 84px;}
.help-xdf-page .icon1{background: url('../images/page7-icon1.png') no-repeat;}
.help-xdf-page .icon2{background: url('../images/page7-icon2.png') no-repeat;}
.help-xdf-page .icon3{background: url('../images/page7-icon3.png') no-repeat;}
.help-xdf-page .icon4{background: url('../images/page7-icon4.png') no-repeat;}
.help-xdf-page .list .li{display: flex;justify-content: flex-start;align-items: center;margin-bottom: 8px;}
.help-xdf-page .list .li .flex{padding-left: 20px;}
.help-xdf-page .list .li .numFont{font-weight: bold;font-size: 30px;color: #fff;margin-bottom: 12px;}
.help-xdf-page .list .li .numFont .min{position: relative;font-size: 16px;}
.help-xdf-page .list .li .numCont{font-size: 14px;color: #fff;}
.help-xdf-page .list .li .qs-top::before{content: '';animation: upDown_help 0.8s infinite;position: absolute;right: -59px;top: -27px; width: 82px;height: 31px;background: url('../images/page7-qs.png') no-repeat;}
@keyframes upDown_help {
    0% {transform: translateY(0);}
    50% {transform: translateY(-4px);}
    100% {transform: translateY(0);}
}
@media (max-width:1000px) {
.header-banner,.page{width: 7.5rem;margin: auto;}
.page .buttons{width: 3.6rem;height: 0.68rem;border-radius: 0.34rem;font-size: 0.28rem;box-shadow: 0 0.06rem 0.06rem rgba(255, 122, 2, 0.12);}

/*  */
.header-banner{height:5rem;background: url('../images/images/banner.png') no-repeat;background-size: cover;}
.header-banner .popular-courses{display: none;}
.header-banner .master-title{width: 3.94rem;height: 0.96rem;background: url('../images/images/banner-title.png') no-repeat;background-size: cover;left: 1.79rem;top: 2.02rem;}
.header-banner .button{width: 2.17rem;height: 0.44rem;border: 0.02rem solid #fff;left:calc((100% - 2.17rem)/2);top: 3.15rem;border-radius: 0.22rem;font-size: 0.26rem;padding-top: 0.02rem;box-sizing: border-box;}
.header-banner .button span {filter: drop-shadow(0 0 0.06rem rgba(34, 91, 164, 0.82));}
/*  */
.page{padding: 0.55rem 0;}
.page .title-top{margin-bottom: 0.5rem;}
.page .title-top img{display: none;}
.page .title-top.nk1{height: 0.39rem;width: 100%;background: url('../images/images/t1.png') no-repeat center top;background-size: auto 100%;}
.page .title-top.nk2{height: 0.39rem;width: 100%;background: url('../images/images/t2.png') no-repeat center top;background-size: auto 100%;}
.page .title-top.nk3{height: 0.39rem;width: 100%;background: url('../images/images/t3.png') no-repeat center top;background-size: auto 100%;}
.page .title-top.nk4{height: 0.39rem;width: 100%;background: url('../images/images/t4.png') no-repeat center top;background-size: auto 100%;}
.page .title-top.nk5{height: 0.39rem;width: 100%;background: url('../images/images/t5.png') no-repeat center top;background-size: auto 100%;}
.page .title-top.nk6{height: 0.39rem;width: 100%;background: url('../images/images/t6.png') no-repeat center top;background-size: auto 100%;}
.page .title-top.nk7{height: 0.39rem;width: 100%;background: url('../images/images/t7.png') no-repeat center top;background-size: auto 100%;}
/*  */
.course-list .content{padding: 0 0.3rem;}
.course-list .m-list{display: flex;justify-content: space-between;border-bottom: 1px solid #d7d6d6;padding: 0 0.15rem;}
.course-list .m-li{font-size: 0.22rem;color: #333;padding-bottom: 0.12rem;position: relative;cursor: pointer;}
.course-list .m-li.active{font-size: 0.22rem;color: #5d9ee1;font-weight: bold;}
.course-list .m-li.active::before{content: '';height: 4px;background: #5d9ee1;width: 120%;position: absolute;left: -10%;bottom: 0;}
.course-list .m-nav-select{padding: 0.26rem 0.4rem 0.28rem;display: none;justify-content: space-between;}
.course-list .m-nav-select.active{display: flex;}
.course-list .m-nav-min{width: 2.82rem;height: 0.46rem;border-radius: 0.04rem;border: 0.02rem solid #5d9ee1;display: flex;justify-content: space-between;align-items: center; padding: 0 0.14rem 0 0.08rem;position: relative;cursor: pointer;}
.course-list .m-nav-sed{font-size: 0.22rem;color: rgba(51, 51, 51, 0.6);}
.course-list .m-nav-sed.active {color: #5d9ee1;}
.course-list .m-icon{width: 0.23rem;height: 0.12rem;background: url('../images/images/page1-1.png') no-repeat;background-size: cover;transition: 0.3s;}
.course-list .m-relative{position: absolute;left: -0.02rem;top: 0.44rem;width: calc((100% + 0.03rem));height: 0px;overflow: hidden;z-index: 99;}
.course-list .m-nav-min.active .m-relative{height: auto;overflow: initial;}
.course-list .m-nav-min.active .m-icon{transform: rotate(180deg);}

.course-list .m-push{box-shadow: 0 0.02rem 0.24rem rgba(59, 59, 59, 0.2);margin-top: 0.07rem;}
.course-list .m-push-li{background: #fff;padding: 0.12rem 0.15rem 0.12rem 0.1rem;display: flex;justify-content: space-between;}
.course-list .m-push-text{font-size: 0.22rem;color: #333;}
.course-list .m-push-li.active .m-push-text{color: #5d9ee1;}
.course-list .m-push-li.active::after{content: '';width: 0.21rem;height: 0.15rem;background: url('../images/images/page1-2.png') no-repeat;background-size: cover;}

.course-list .m-item{display: none;}
.course-list .m-item.active{display: block;}
.course-list .m-over-line-item{width: 100%;height: 2.12rem;border-radius: 0.13rem;background: #fff;box-shadow: 0 0.02rem 0.24rem rgba(59, 59, 59, 0.11);position: relative;margin-bottom: 0.2rem;display: block;padding:0.32rem 0.8rem 0 0.34rem; border: 1px solid #e2e2e2;overflow: hidden;}
.course-list .m-line-raw{display: flex;justify-content: flex-start;align-items: center;margin-bottom: 0.29rem;}
.course-list .m-line-span{height: 0.36rem;border-radius: 0.04rem;background: #5d9ee1;padding: 0 0.06rem;display: flex;justify-content: center;align-items: center;font-size: 0.22rem;color: #fff;}
.course-list .m-line-title{font-size: 0.28rem;color: #101010;margin-left: 0.16rem;font-weight: bold;flex: 1;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.course-list .m-line-raw-bot{width: 4.62rem;border-radius: 0.16rem;background: #f0f0f0;height: 0.32rem;display: flex;justify-content: flex-start;align-items: center;}
.course-list .m-bot-icon{width: 0.32rem;height: 0.33rem;background: url('../images/images/page1-3.png') no-repeat;background-size: cover;margin-right: 0.12rem;}
.course-list .m-bot-flex1{flex: 1;font-size: 0.22rem;color: #333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.course-list .m-top-icon{width: 0.53rem;height: 0.6rem;background: url('../images/images/page1-4.png') no-repeat;background-size: cover;position: absolute;right: 0.22rem;top: 0;}
.course-list .m-bot-btn{width: 2.07rem;height: 0.55rem;background:#5d9ee1;border-radius: 0.2rem 0 0 0;font-size: 0.26rem;color: #fff;position: absolute;right: 0;bottom: 0;display: flex;justify-content: center;align-items: center;}
.course-list .m-bot-btn::before{content: '';width:0.19rem;height: 0.22rem;background:url('../images/images/page1-7.png') no-repeat;background-size: cover;margin-right: 0.18rem;}

.course-list .m-autoEnd{display: flex;justify-content: center;align-items: center;width: 100%;cursor: pointer;margin-top: 0.1rem;}
.course-list .m-end-txt{font-size: 0.26rem;color: #333;padding-right: 0.16rem;}
.course-list .m-end-icon{width: 0.31rem;height: 0.18rem;background: url('../images/images/page1-5.png') no-repeat;background-size: cover;transition: 0.3s;}
.course-list .m-autoEnd .m-end-icon.active{transform: rotate(180deg);}

.course-list .m-zixun{width: 100%;height: 1.54rem;background: linear-gradient(0deg,#9fd2ff,#f9faff);padding-top: 0.26rem;margin-top: 0.36rem;}
.course-list .m-zixun-top{display: flex;justify-content: center;align-items: center;}
.course-list .m-zixun-top-icon{width: 0.39rem;height: 0.38rem;background: url('../images/images/page1-6.png') no-repeat;background-size: cover;margin-right: 0.14rem;}
.course-list .m-zixun-top-text{font-size: 0.22rem;color: #101010;}
.course-list .m-zixun-bot{padding-top: 0.2rem;width: 4.98rem;display: flex;justify-content: space-between;margin: auto;}
.course-list .m-zixun-bot a{width: 2.2rem;height: 0.44rem;border-radius: 0.21rem;border: 1px solid #2b61b3;font-size: 0.22rem;color: #0d408d;background: #e1f0ff;display: flex;justify-content: center;align-items: center;cursor: pointer;}
.course-list .m-zixun-bot a.active{font-size: 0.22rem;color: #fff;font-weight: bold;background: linear-gradient(201deg,#6fade8,#347dd2);box-shadow: 0 0 0.05rem 0.03rem rgba(1, 96, 254, 0.1);}
/*  */
.exam-plan{background: url('../images/images/page2.png') no-repeat;background-size: cover;}
.exam-plan .content{padding: 0 0.3rem 0.1rem;display: block;}
.exam-plan .item{height: 1.64rem;border-radius: 0.2rem;width: 100%;margin-bottom: 0.3rem;padding: 0.24rem 0.34rem 0 0.34rem;}
.exam-plan .title{font-size: 0.28rem;color: #333;font-weight: bold;padding: 0 0 0.03rem 0.03rem;background: url('../images/images/page2-1.png') no-repeat left bottom;background-size: 0.59rem 0.09rem;}
.exam-plan .text{font-size: 0.24rem;line-height: 0.38rem;color: #666;padding-top: 0.12rem;}
.exam-plan .item:nth-child(1) {background: #fff url(../images/images/page2-bk1.png) no-repeat;background-size: 100% 100%;}
.exam-plan .item:nth-child(2) {background: #fff url(../images/images/page2-bk2.png) no-repeat;background-size: 100% 100%;}
.exam-plan .item:nth-child(3) {background: #fff url(../images/images/page2-bk3.png) no-repeat;background-size: 100% 100%;}
 
/*  */
.curriculum-system .content{margin-bottom: 0rem;padding: 0 0.3rem 0.38rem;}
.curriculum-system .mtabs{padding: 0 0.16rem 0;margin-bottom: 0.25rem;display: flex;justify-content: space-between;border-bottom: 1px solid #d7d6d6;}
.curriculum-system .mtabs .mtab{font-size: 0.22rem;padding-bottom: 0.11rem;position: relative;cursor: pointer;}
.curriculum-system .mtabs .mtab.active{color: #5d9ee1;font-weight: bold;}
.curriculum-system .mtabs .mtab.active::before {content: '';width: 130%;height: 0.04rem;background: #5d9ee1;position: absolute;left: -15%;bottom: 0;}
.curriculum-system .mcont-item{display: none;}
.curriculum-system .mcont-item img{width: 100%;height: auto;display: block;margin-bottom: 0.05rem;}
.curriculum-system .mcont-item.active{display: block;}
.curriculum-system .test-raw{display: flex;}
.curriculum-system .test-title{width: 0.85rem;height: 0.47rem;font-size: 0.18rem;}
.curriculum-system .test-txt{width: 6.01rem;height: 0.47rem;}
.curriculum-system .test-txt span{font-size: 0.18rem;}
.curriculum-system .test-url{width: 1.32rem;height: 0.32rem;border-radius: 0.16rem;font-size: 0.18rem;margin-left: 0.2rem;}
/*  */
.selected-faculty{background: url('../images/images/page3.png') no-repeat;background-size: cover;}
.selected-faculty .content{padding: 0 0.3rem 0;height: 6.76rem;}
.selected-faculty .content::before{content: '';width: 0.26rem;height: 6.12rem;background: url('../images/images/page3-1.png') no-repeat;background-size: cover;margin-right: 0.42rem;}
.selected-faculty .wrap{display: none;}
.selected-faculty .raw-list{padding: 0;}
.selected-faculty .line{width: 1.52rem;height: 0.44rem;border-radius: 0.21rem;font-size: 0.28rem;font-weight: bold;}
.selected-faculty .flex1{font-size: 0.24rem;line-height: 0.36rem;color: #666;}
.selected-faculty .raw{margin-bottom: 0.3rem !important;}
/*  */
.feel-fun {overflow: hidden;}
.feel-fun .content{padding: 0 0.3rem;display: block;}
.feel-fun .mtabs{padding: 0 0.16rem 0;margin-bottom: 0.25rem;display: flex;justify-content: space-between;border-bottom: 1px solid #d7d6d6;width: 100%;}
.feel-fun .mtabs .mtab{font-size: 0.22rem;padding-bottom: 0.11rem;position: relative;cursor: pointer;}
.feel-fun .mtabs .mtab.active{color: #5d9ee1;font-weight: bold;}
.feel-fun .mtabs .mtab.active::before {content: '';width: 130%;height: 0.04rem;background: #5d9ee1;position: absolute;left: -15%;bottom: 0;}
.feel-fun .box{width: 6.9rem;height: 4.47rem;background: url('../images/images/page4.png') no-repeat;background-size: 100% auto;padding: 0.2rem 0.76rem 1.32rem; }
.feel-fun .videoBox{width: 100%;position: relative;background: #000;height: 100%;}
.feel-fun #newVideo{height: 100%;display: block;margin: auto;}
.feel-fun .buttons{margin: -0.47rem auto 0;}
/*  */
.learning-system {background: url('../images/images/page5.png') no-repeat center top;background-size: cover;}
.learning-system .content{padding: 0 0.3rem 0;flex-wrap: wrap;}
.learning-system .vedio{order: 1;padding: 0 0 0.58rem 0;width: 100%;}
.learning-system .share-li.bk1{height:3.6rem;background: url('../images/images/page5-1.png') no-repeat center top;background-size:6.23rem 3.6rem;}
.learning-system .share-li.bk2{height:3.6rem;background: url('../images/images/page5-2.png') no-repeat center top;background-size:5.46rem 3.58rem;}
.learning-system .share-li.bk3{height:3.6rem;background: url('../images/images/page5-3.png') no-repeat center top;background-size:6.23rem 3.6rem;}
.learning-system .share-li.bk4{height:3.6rem;background: url('../images/images/page5-4.png') no-repeat center top;background-size:6.23rem 3.6rem;}
.learning-system .share-li.bk5{height:3.6rem;background: url('../images/images/page5-5.png') no-repeat center top;background-size:6.23rem 3.6rem;}
.learning-system .share-li.bk6{height:3.6rem;background: url('../images/images/page5-6.png') no-repeat center top;background-size:6.23rem 3.6rem;}

.learning-system .empower{order: 2;width: 100%;}
.learning-system .list{margin-bottom: -0.3rem;}
.learning-system .mark{font-size: 0.28rem;padding-left: 0.34rem;margin-bottom: 0.18rem;}
.learning-system i{margin-left: 0.34rem;width: 0.75rem;height: 0.06rem;margin-bottom: 0.28rem;}
.learning-system .item{width: 2.1rem;height: 1.58rem;border-radius: 0.2rem;padding-top: 0.22rem;margin-bottom: 0.3rem;}
.learning-system .icon{width: 0.61rem;height: 0.61rem;margin: 0 auto 0.2rem;box-shadow: 0 0 0.05rem 0.02rem rgba(1, 96, 254, 0.1);}
.learning-system .icon1 {background: url(../images/images/page5-icon1.png) no-repeat center center;background-size: 0.69rem 0.69rem;}
.learning-system .icon2 {background: url(../images/images/page5-icon2.png) no-repeat center center;background-size: 0.68rem 0.69rem;}
.learning-system .icon3 {background: url(../images/images/page5-icon3.png) no-repeat center center;background-size: 0.69rem 0.69rem;}
.learning-system .icon4 {background: url(../images/images/page5-icon4.png) no-repeat center center;background-size: 0.69rem 0.69rem;}
.learning-system .icon5 {background: url(../images/images/page5-icon5.png) no-repeat center center;background-size: 0.68rem 0.69rem;}
.learning-system .icon6 {background: url(../images/images/page5-icon6.png) no-repeat center center;background-size: 0.69rem 0.69rem;}
.learning-system .text{font-size: 0.24rem;}
.learning-system .item.active .icon1{background: url(../images/images/page5-q1.png) no-repeat center center;background-size: 0.61rem 0.61rem;}
.learning-system .item.active .icon2{background: url(../images/images/page5-q2.png) no-repeat center center;background-size: 0.62rem 0.61rem;}
.learning-system .item.active .icon3{background: url(../images/images/page5-q3.png) no-repeat center center;background-size: 0.61rem 0.61rem;}
.learning-system .item.active .icon4{background: url(../images/images/page5-q4.png) no-repeat center center;background-size: 0.61rem 0.61rem;}
.learning-system .item.active .icon5{background: url(../images/images/page5-q5.png) no-repeat center center;background-size: 0.62rem 0.61rem;}
.learning-system .item.active .icon6{background: url(../images/images/page5-q6.png) no-repeat center center;background-size: 0.61rem 0.61rem;}
 
/*  */
.help-xdf-page {height: auto;background:#fff;}
.help-xdf-page .item{width: 6rem;height: 3.4rem;background: #ccc;border-radius: 0.22rem;position: relative;}
.help-xdf-page .swiper-slide{width: 6rem;margin-left: 0.3rem;}
.help-xdf-page .swiperc{width: 100%;position: initial;padding-top: 0rem;}
.help-xdf-page .item.bk1{background: url('../images/images/page6-bk1.png') no-repeat;background-size: 100% 100%;}
.help-xdf-page .item.bk2{background: url('../images/images/page6-bk2.png') no-repeat;background-size: 100% 100%;}
.help-xdf-page .item.bk3{background: url('../images/images/page6-bk3.png') no-repeat;background-size: 100% 100%;}
.help-xdf-page .item.bk4{background: url('../images/images/page6-bk4.png') no-repeat;background-size: 100% 100%;}

.help-xdf-page .posiTitem{padding-left: 0.34rem;position: absolute;left: 0;bottom: 0;padding-bottom: 0.3rem;width: 100%;height: auto;}
.help-xdf-page .img1{width: 0.37rem;margin-bottom: 0.21rem;vertical-align: bottom;}
.help-xdf-page .img2{width: 0.3rem;margin-bottom: 0.22rem;vertical-align: bottom;}
.help-xdf-page .img3{width: 0.32rem;margin-bottom: 0.22rem;vertical-align: bottom;}
.help-xdf-page .img4{width: 0.39rem;margin-bottom: 0.24rem;vertical-align: bottom;}
.help-xdf-page .contTit{font-size: 0.32rem;color: #fff;margin-bottom: 0.16rem;font-weight: bold;line-height: 1;}
.help-xdf-page .contFont{font-size: 0.24rem;color: #fff;line-height: 1;}
.help-xdf-page .swipercs{margin-bottom: 0;padding-top: 0.24rem;position: initial;}
.help-xdf-page .swipercs span{width: 0.08rem;height: 0.08rem;background: #dadada;margin: 0 0.05rem;opacity: 1;}
.help-xdf-page .swipercs span.swiper-pagination-bullet-active{width: 0.3rem;height: 0.08rem;border-radius: 0.04rem;background: #5d9ee1;}



}

























