/*  */
.banner{height: 459px;background: url('../images/banner.png') no-repeat center top;}
.banner .content{position: absolute;left: 26px;top: 50px;width: 547px;height: 253px;background: url('../images/banner_content.png') no-repeat;}
.banner .button{width:168px ;height:36px ;position: absolute;left: 30px;top: 360px;border-radius: 18px;background:linear-gradient(166deg,#fcd123,#fa8444);font-size: 18px;color: #fff;display: flex;justify-content: flex-start;align-items: center;transition: 0.3s;}
.banner .button:hover{transform: translateY(-8px);}
.banner .button::after{content: '';width: 23px;height: 23px;background: url('../images/banner_btn.png') no-repeat;display: block;}
.banner .button span{display: block;padding: 0 10px 0 20px;}
/*  */
.sectorTit{padding-top: 60px;}
.sectorTit .padding{padding-top: 30px;display: flex;justify-content: center;align-items: center;}
.sectorTit .padding::before{content: '';display: block;width: 83px;height: 21px;background: url('../images/tit_left.png') no-repeat;}
.sectorTit .padding::after{content: '';display: block;width: 84px;height: 21px;background: url('../images/tit_right.png') no-repeat;}
.sectorTit .padding h2{font-size: 40px;font-weight: bold;color: #151c28;margin: 0 13px 0 10px;letter-spacing: 1px;text-indent: 1px;}
.sectorTit .padding h2 span{background-image: linear-gradient(63deg, #7ed89a, #1aac86);background-clip: text;-webkit-background-clip: text;color: transparent;}
.sectorTit .padding h2 span.ml{margin-left: 10px;}
.sectorTit .padding h2 span.mr{margin-right: 10px;}
.sectorTit .padding.tit1{background: url('../images/tit1.png') no-repeat center top;}
.sectorTit .padding.tit2{background: url('../images/tit2.png') no-repeat center top;}
.sectorTit .padding.tit3{background: url('../images/tit3.png') no-repeat center top;}
.sectorTit .padding.tit4{background: url('../images/tit4.png') no-repeat center top;}
.sectorTit .padding.tit5{background: url('../images/tit5.png') no-repeat center top;}
/*  */
.studyNeed{background: url('../images/page1.png') no-repeat center top;padding-bottom: 60px;}
.studyNeed .content{padding-top: 60px;display: flex;justify-content: space-between;}
.studyNeed .item{width: 285px;height: 209px;border: 1px solid #f1f1f1;border-radius: 10px;position: relative;background: #fff;padding: 26px 23px 0 23px;}
.studyNeed .item .title{font-size: 18px;color: #333;font-weight: bold;margin-left: -2px;padding: 0 0 3px 2px;background: url('../images/page1_icon3.png') no-repeat left bottom;}
.studyNeed .item .title span{position: relative;}
.studyNeed .item .examInduce{font-size: 14px;line-height: 22px;color: #666666;padding-top: 7px;}
.studyNeed .item .button{width: 158px;height: 32px;border-radius: 16px;border: 1px solid #ffc291;display: flex;justify-content: flex-start;align-items: center;background: #ffede3;font-size: 14px;color: #fa8444;padding-left: 10px;position: absolute;left:23px;bottom: 28px;}
.studyNeed .item .button::after{content: '';width: 18px;height: 11px;background: url('../images/page1_icon2.png') no-repeat;display: block;}
.studyNeed .item .button span{width: 116px;display: block;}

.studyNeed .item:hover{border: 1px solid #fff;box-shadow: 7px 7px 21px rgba(14,60,6,0.21);}
.studyNeed .item:hover::before{content: '';height: 5px;width: 100%;position: absolute;left: 0;bottom: -1px;background: #59c7af;border-radius: 0 0 10px 10px;}
.studyNeed .item .button:hover{background: linear-gradient(260deg,#ff6e20,#ff862e);color: #fff;}
.studyNeed .item .button:hover::after{content: '';width: 18px;height: 11px;background: url('../images/page1_icon1.png') no-repeat;display: block;}
.studyNeed .item:nth-child(1){animation-delay: 0s;}
.studyNeed .item:nth-child(2){animation-delay: 0.2s;}
.studyNeed .item:nth-child(3){animation-delay: 0.4s;}
.studyNeed .item:nth-child(4){animation-delay: 0.6s;}

/*  */
.studyMatch{padding-bottom: 60px;}
.studyMatch .content{padding-top: 60px;}
.studyMatch .raw{display: flex;justify-content: flex-start;align-items: flex-end;margin-bottom: 6px;height: 40px;}
.studyMatch .raw .li{display: flex;justify-content: center;align-items: center;height: 100%;margin-right: 6px;color: #333;line-height: 22px;text-align: center;}
.studyMatch .raw .li .ml{margin-left: 26px;}
.studyMatch .raw .li .bold{font-weight: bold;}
/* 日语 */
.studyMatch .riyu .raw .li:nth-child(1){width: 150px;background: #f8f8f8;font-size: 16px;}
.studyMatch .riyu .raw .li:nth-child(2){width: 200px;background: #edfffa;font-size: 14px;}
.studyMatch .riyu .raw .li:nth-child(3){width: 200px;background: #edfffa;font-size: 14px;}
.studyMatch .riyu .raw .li:nth-child(4){width: 200px;background: #e7fcff;font-size: 14px;}
.studyMatch .riyu .raw .li:nth-child(5){width: 200px;background: #e7fcff;font-size: 14px;}
.studyMatch .riyu .raw .li:nth-child(6){width: 220px;background: #ebf7ff;font-size: 14px;}
.studyMatch .riyu .raw .li:last-child{margin-right: 0px;}

.studyMatch .riyu .raw.big {height: 80px;}
.studyMatch .riyu .raw.big .li{border-radius: 18px 18px 0 0;font-size: 16px;font-weight: bold;}
.studyMatch .riyu .raw.big .li:nth-child(1){visibility: hidden;}
.studyMatch .riyu .raw.big .li:nth-child(2){height: 40px;background: linear-gradient(90deg,#9ef8ba,#24ebb7);}
.studyMatch .riyu .raw.big .li:nth-child(3){height: 50px;background: linear-gradient(90deg,#9ef8ba,#24ebb7);}
.studyMatch .riyu .raw.big .li:nth-child(4){height: 60px;background: linear-gradient(90deg,#a8eef8,#35e0f8);}
.studyMatch .riyu .raw.big .li:nth-child(5){height: 70px;background: linear-gradient(90deg,#88eaf8,#2fd2e9);}
.studyMatch .riyu .raw.big .li:nth-child(6){height: 80px;background: linear-gradient(90deg,#c0e6fd,#88cbf9);}
.studyMatch .riyu .raw:nth-child(2) .li:nth-child(2){width: 406px;}
.studyMatch .riyu .raw:nth-child(2) .li:nth-child(3){width: 406px;background: #e7fcff;}
.studyMatch .riyu .raw:nth-child(2) .li:nth-child(4){width: 220px;background: #ebf7ff;}
.studyMatch .riyu .raw:nth-child(6){height:60px;}
.studyMatch .riyu .raw:nth-child(7){height:80px;}
.studyMatch .riyu .raw:nth-child(9) .li:nth-child(2){width: 1044px;background: linear-gradient(90deg,#edfffa,#ebf7ff);}

/* 德语 */
.studyMatch .deyu .raw .li:nth-child(1){width: 150px;background: #f8f8f8;font-size: 16px;}
.studyMatch .deyu .raw .li:nth-child(2){width: 200px;background: #edfffa;font-size: 14px;}
.studyMatch .deyu .raw .li:nth-child(3){width: 200px;background: #edfffa;font-size: 14px;}
.studyMatch .deyu .raw .li:nth-child(4){width: 200px;background: #e7fcff;font-size: 14px;}
.studyMatch .deyu .raw .li:nth-child(5){width: 200px;background: #e7fcff;font-size: 14px;}
.studyMatch .deyu .raw .li:nth-child(6){width: 220px;background: #ebf7ff;font-size: 14px;}
.studyMatch .deyu .raw .li:last-child{margin-right: 0px;}

.studyMatch .deyu .raw.big {height: 80px;}
.studyMatch .deyu .raw.big .li{border-radius: 18px 18px 0 0;font-size: 16px;font-weight: bold;}
.studyMatch .deyu .raw.big .li:nth-child(1){visibility: hidden;}
.studyMatch .deyu .raw.big .li:nth-child(2){height: 40px;background: linear-gradient(90deg,#9ef8ba,#24ebb7);}
.studyMatch .deyu .raw.big .li:nth-child(3){height: 50px;background: linear-gradient(90deg,#9ef8ba,#24ebb7);}
.studyMatch .deyu .raw.big .li:nth-child(4){height: 60px;background: linear-gradient(90deg,#a8eef8,#35e0f8);}
.studyMatch .deyu .raw.big .li:nth-child(5){height: 70px;background: linear-gradient(90deg,#88eaf8,#2fd2e9);}
.studyMatch .deyu .raw.big .li:nth-child(6){height: 80px;background: linear-gradient(90deg,#c0e6fd,#88cbf9);}
.studyMatch .deyu .raw:nth-child(5) .li:nth-child(2){width: 612px;background: #f8f8f8;}
.studyMatch .deyu .raw:nth-child(5) .li:nth-child(3){width: 200px;background: #e7fcff;}
.studyMatch .deyu .raw:nth-child(5) .li:nth-child(4){width: 107px;background:#ebf7ff;}
.studyMatch .deyu .raw:nth-child(5) .li:nth-child(5){width: 107px;background:#ebf7ff;}
.studyMatch .deyu .raw:nth-child(6){height:60px;}
.studyMatch .deyu .raw:nth-child(7){height:80px;}
.studyMatch .deyu .raw:nth-child(9) .li:nth-child(2){width: 1044px;background: linear-gradient(90deg,#edfffa,#ebf7ff);}
/* 法语 */
.studyMatch .fayu .raw .li:nth-child(1){width: 150px;background: #f8f8f8;font-size: 16px;}
.studyMatch .fayu .raw .li:nth-child(2){width: 200px;background: #edfffa;font-size: 14px;}
.studyMatch .fayu .raw .li:nth-child(3){width: 200px;background: #edfffa;font-size: 14px;}
.studyMatch .fayu .raw .li:nth-child(4){width: 200px;background: #e7fcff;font-size: 14px;}
.studyMatch .fayu .raw .li:nth-child(5){width: 200px;background: #e7fcff;font-size: 14px;}
.studyMatch .fayu .raw .li:nth-child(6){width: 220px;background: #ebf7ff;font-size: 14px;}
.studyMatch .fayu .raw .li:last-child{margin-right: 0px;}

.studyMatch .fayu .raw.big {height: 80px;}
.studyMatch .fayu .raw.big .li{border-radius: 18px 18px 0 0;font-size: 16px;font-weight: bold;}
.studyMatch .fayu .raw.big .li:nth-child(1){visibility: hidden;}
.studyMatch .fayu .raw.big .li:nth-child(2){height: 40px;background: linear-gradient(90deg,#9ef8ba,#24ebb7);}
.studyMatch .fayu .raw.big .li:nth-child(3){height: 50px;background: linear-gradient(90deg,#9ef8ba,#24ebb7);}
.studyMatch .fayu .raw.big .li:nth-child(4){height: 60px;background: linear-gradient(90deg,#a8eef8,#35e0f8);}
.studyMatch .fayu .raw.big .li:nth-child(5){height: 70px;background: linear-gradient(90deg,#88eaf8,#2fd2e9);}
.studyMatch .fayu .raw.big .li:nth-child(6){height: 80px;background: linear-gradient(90deg,#c0e6fd,#88cbf9);}
.studyMatch .fayu .raw:nth-child(6){height:60px;}
.studyMatch .fayu .raw:nth-child(7){height:80px;}
.studyMatch .fayu .raw:nth-child(9) .li:nth-child(2){width: 1044px;background: linear-gradient(90deg,#edfffa,#ebf7ff);}
/* 西班牙语 */
.studyMatch .xiyu .raw .li:nth-child(1){width: 150px;background: #f8f8f8;font-size: 16px;}
.studyMatch .xiyu .raw .li:nth-child(2){width: 200px;background: #edfffa;font-size: 14px;}
.studyMatch .xiyu .raw .li:nth-child(3){width: 200px;background: #edfffa;font-size: 14px;}
.studyMatch .xiyu .raw .li:nth-child(4){width: 200px;background: #e7fcff;font-size: 14px;}
.studyMatch .xiyu .raw .li:nth-child(5){width: 200px;background: #e7fcff;font-size: 14px;}
.studyMatch .xiyu .raw .li:nth-child(6){width: 220px;background: #ebf7ff;font-size: 14px;}
.studyMatch .xiyu .raw .li:last-child{margin-right: 0px;}

.studyMatch .xiyu .raw.big {height: 80px;}
.studyMatch .xiyu .raw.big .li{border-radius: 18px 18px 0 0;font-size: 16px;font-weight: bold;}
.studyMatch .xiyu .raw.big .li:nth-child(1){visibility: hidden;}
.studyMatch .xiyu .raw.big .li:nth-child(2){height: 40px;background: linear-gradient(90deg,#9ef8ba,#24ebb7);}
.studyMatch .xiyu .raw.big .li:nth-child(3){height: 50px;background: linear-gradient(90deg,#9ef8ba,#24ebb7);}
.studyMatch .xiyu .raw.big .li:nth-child(4){height: 60px;background: linear-gradient(90deg,#a8eef8,#35e0f8);}
.studyMatch .xiyu .raw.big .li:nth-child(5){height: 70px;background: linear-gradient(90deg,#88eaf8,#2fd2e9);}
.studyMatch .xiyu .raw.big .li:nth-child(6){height: 80px;background: linear-gradient(90deg,#c0e6fd,#88cbf9);}
.studyMatch .xiyu .raw:nth-child(5){height:60px;}
.studyMatch .xiyu .raw:nth-child(6){height:80px;}
.studyMatch .xiyu .raw:nth-child(8) .li:nth-child(2){width: 1044px;background: linear-gradient(90deg,#edfffa,#ebf7ff);}
/* 韩语 */
.studyMatch .hanyu .raw .li:nth-child(1){width: 150px;background: #f8f8f8;font-size: 16px;}
.studyMatch .hanyu .raw .li:nth-child(2){width: 169px;background: #edfffa;font-size: 14px;}
.studyMatch .hanyu .raw .li:nth-child(3){width: 169px;background: #edfffa;font-size: 14px;}
.studyMatch .hanyu .raw .li:nth-child(4){width: 169px;background: #e7fcff;font-size: 14px;}
.studyMatch .hanyu .raw .li:nth-child(5){width: 169px;background: #e7fcff;font-size: 14px;}
.studyMatch .hanyu .raw .li:nth-child(6){width: 169px;background: #ebf7ff;font-size: 14px;}
.studyMatch .hanyu .raw .li:nth-child(7){width: 169px;background: #ebf7ff;font-size: 14px;}
.studyMatch .hanyu .raw .li:last-child{margin-right: 0px;}

.studyMatch .hanyu .raw.big {height: 90px;}
.studyMatch .hanyu .raw.big .li{border-radius: 18px 18px 0 0;font-size: 16px;font-weight: bold;}
.studyMatch .hanyu .raw.big .li:nth-child(1){visibility: hidden;}
.studyMatch .hanyu .raw.big .li:nth-child(2){height: 40px;background: linear-gradient(90deg,#9ef8ba,#24ebb7);}
.studyMatch .hanyu .raw.big .li:nth-child(3){height: 50px;background: linear-gradient(90deg,#9ef8ba,#24ebb7);}
.studyMatch .hanyu .raw.big .li:nth-child(4){height: 60px;background: linear-gradient(90deg,#a8eef8,#35e0f8);}
.studyMatch .hanyu .raw.big .li:nth-child(5){height: 70px;background: linear-gradient(90deg,#88eaf8,#2fd2e9);}
.studyMatch .hanyu .raw.big .li:nth-child(6){height: 80px;background: linear-gradient(90deg,#c0e6fd,#88cbf9);}
.studyMatch .hanyu .raw.big .li:nth-child(7){height: 90px;background: linear-gradient(90deg,#a1d8fb,#5db7f6);}
.studyMatch .hanyu .raw:nth-child(2) .li:nth-child(2){width: 344px;}
.studyMatch .hanyu .raw:nth-child(2) .li:nth-child(3){width: 344px;background: #e7fcff;}
.studyMatch .hanyu .raw:nth-child(2) .li:nth-child(4){width: 344px;background: #ebf7ff;}
.studyMatch .hanyu .raw:nth-child(5){height:60px;}
.studyMatch .hanyu .raw:nth-child(5) .li:nth-child(4){width: 344px;}
.studyMatch .hanyu .raw:nth-child(5) .li:nth-child(5){width: 344px;background: #ebf7ff;}
.studyMatch .hanyu .raw:nth-child(6){height:80px;}
.studyMatch .hanyu .raw:nth-child(6) .li:nth-child(2){width: 344px;}
.studyMatch .hanyu .raw:nth-child(6) .li:nth-child(3){width: 344px;background: #e7fcff;}
.studyMatch .hanyu .raw:nth-child(6) .li:nth-child(4){width: 344px;background: #ebf7ff;}
.studyMatch .hanyu .raw:nth-child(8) .li:nth-child(2){width: 1044px;background: linear-gradient(90deg,#edfffa,#ebf7ff);}
/* 意大利语 */
.studyMatch .yiyu .raw .li:nth-child(1){width: 150px;background: #f8f8f8;font-size: 16px;}
.studyMatch .yiyu .raw .li:nth-child(2){width: 200px;background: #edfffa;font-size: 14px;}
.studyMatch .yiyu .raw .li:nth-child(3){width: 200px;background: #edfffa;font-size: 14px;}
.studyMatch .yiyu .raw .li:nth-child(4){width: 200px;background: #e7fcff;font-size: 14px;}
.studyMatch .yiyu .raw .li:nth-child(5){width: 200px;background: #e7fcff;font-size: 14px;}
.studyMatch .yiyu .raw .li:nth-child(6){width: 220px;background: #ebf7ff;font-size: 14px;}
.studyMatch .yiyu .raw .li:last-child{margin-right: 0px;}

.studyMatch .yiyu .raw.big {height: 80px;}
.studyMatch .yiyu .raw.big .li{border-radius: 18px 18px 0 0;font-size: 16px;font-weight: bold;}
.studyMatch .yiyu .raw.big .li:nth-child(1){visibility: hidden;}
.studyMatch .yiyu .raw.big .li:nth-child(2){height: 40px;background: linear-gradient(90deg,#9ef8ba,#24ebb7);}
.studyMatch .yiyu .raw.big .li:nth-child(3){height: 50px;background: linear-gradient(90deg,#9ef8ba,#24ebb7);}
.studyMatch .yiyu .raw.big .li:nth-child(4){height: 60px;background: linear-gradient(90deg,#a8eef8,#35e0f8);}
.studyMatch .yiyu .raw.big .li:nth-child(5){height: 70px;background: linear-gradient(90deg,#88eaf8,#2fd2e9);}
.studyMatch .yiyu .raw.big .li:nth-child(6){height: 80px;background: linear-gradient(90deg,#c0e6fd,#88cbf9);}
.studyMatch .yiyu .raw:nth-child(6){height:80px;}
.studyMatch .yiyu .raw:nth-child(8) .li:nth-child(2){width: 1044px;background: linear-gradient(90deg,#edfffa,#ebf7ff);}
/* 俄语 */
.studyMatch .eyu .raw .li:nth-child(1){width: 150px;background: #f8f8f8;font-size: 16px;}
.studyMatch .eyu .raw .li:nth-child(2){width: 200px;background: #edfffa;font-size: 14px;}
.studyMatch .eyu .raw .li:nth-child(3){width: 200px;background: #edfffa;font-size: 14px;}
.studyMatch .eyu .raw .li:nth-child(4){width: 200px;background: #e7fcff;font-size: 14px;}
.studyMatch .eyu .raw .li:nth-child(5){width: 200px;background: #e7fcff;font-size: 14px;}
.studyMatch .eyu .raw .li:nth-child(6){width: 220px;background: #ebf7ff;font-size: 14px;}
.studyMatch .eyu .raw .li:last-child{margin-right: 0px;}

.studyMatch .eyu .raw.big {height: 80px;}
.studyMatch .eyu .raw.big .li{border-radius: 18px 18px 0 0;font-size: 16px;font-weight: bold;}
.studyMatch .eyu .raw.big .li:nth-child(1){visibility: hidden;}
.studyMatch .eyu .raw.big .li:nth-child(2){height: 40px;background: linear-gradient(90deg,#9ef8ba,#24ebb7);}
.studyMatch .eyu .raw.big .li:nth-child(3){height: 50px;background: linear-gradient(90deg,#9ef8ba,#24ebb7);}
.studyMatch .eyu .raw.big .li:nth-child(4){height: 60px;background: linear-gradient(90deg,#a8eef8,#35e0f8);}
.studyMatch .eyu .raw.big .li:nth-child(5){height: 70px;background: linear-gradient(90deg,#88eaf8,#2fd2e9);}
.studyMatch .eyu .raw.big .li:nth-child(6){height: 80px;background: linear-gradient(90deg,#c0e6fd,#88cbf9);}
.studyMatch .eyu .raw:nth-child(5){height:80px;}
.studyMatch .eyu .raw:nth-child(7) .li:nth-child(2){width: 1044px;background: linear-gradient(90deg,#edfffa,#ebf7ff);}

/*  */
.studyMatch .raw:not(.big):hover .li{background: #18ab86 !important;color: #fff !important;}
.studyMatch .slide-nav{width: 100%;height: 50px;background: #ebfffe;border-radius: 10px;display: flex;justify-content: space-between;align-items: center;margin-top: 20px;padding: 0 15px;}
.studyMatch .slide-nav .tab{width: 151px;height: 38px;border-radius: 10px;font-size: 16px;color: #666666;display: flex;justify-content: center;align-items: center;letter-spacing: 7px;text-indent: 7px;cursor: pointer;}
.studyMatch .slide-nav .tab.lc{letter-spacing: normal;text-indent: 0;}
.studyMatch .slide-nav .tab:hover{background: linear-gradient(90deg,#7dd89a,#18ab86);box-shadow: 2px 2px 4px rgba(46,154,217,0.35);font-size: 18px;color: #fff;font-weight: bold;}
.studyMatch .slide-nav .tab.active{background: linear-gradient(90deg,#7dd89a,#18ab86);box-shadow: 2px 2px 4px rgba(46,154,217,0.35);font-size: 18px;color: #fff;font-weight: bold;}
.studyMatch .text{font-size: 12px;color: #666;width: 100%;display: flex;justify-content: center;align-items: center;padding: 40px 0 16px;}
.studyMatch .text::before{content: '';width: 41px;height: 2px;background: url('../images/page2l.png') no-repeat;}
.studyMatch .text::after{content: '';width: 41px;height: 2px;background: url('../images/page2r.png') no-repeat;}
.studyMatch .text span{padding: 0 12px;}
.studyMatch .button{width: 260px;height: 46px;color:#fff;border-radius: 23px;font-size: 16px;font-weight: bold;margin: auto;background: linear-gradient(260deg,#ff6e20,#ff862e);display: flex;justify-content: center;align-items: center;box-shadow: 0 6px 6px rgba(255,128,16,0.12);}
/*  */
.studyHelp{background: url('../images/page3.png') no-repeat center top;padding-bottom: 60px;}
.studyHelp .content{padding: 60px 0px 24px;display: flex;justify-content: flex-start;align-items: center;}
.studyHelp .process{width: 666px;height: 146px;background: url('../images/page3_icon4.png') no-repeat left top 40px;margin: 0 35px 0 79px;position: relative;padding: 0 0 0 14px;display: flex;justify-content: flex-start;}
.studyHelp .process .li{font-size: 18px;color: #999;height: 151px;display: flex;justify-content: center;width: 92px;cursor: pointer;position: relative;}
.studyHelp .process .li img{position: absolute;left: 0;top: 54px;border-radius: 50%;}
.studyHelp .process .li:nth-child(1){margin-right: 18px;}
.studyHelp .process .li:nth-child(2){margin-right: 19px;}
.studyHelp .process .li:nth-child(3){margin-right: 17px;}
.studyHelp .process .li:nth-child(4){margin-right: 20px;}
.studyHelp .process .li:nth-child(5){margin-right: 15px;}
.studyHelp .process .li:nth-child(odd){align-items: flex-end;}
.studyHelp .process .li:nth-child(odd) img{top: 13px;}
.studyHelp .process .li span{white-space: nowrap;}
.studyHelp .process .li.active{font-weight: bold;color: #47a774;}
.studyHelp .process .li.active img{box-shadow: 2px 2px 6px rgba(83,138,43,0.17);}

.studyHelp .planning{display: none;width: 340px;height: 258px;background:rgba(255,255,255,0.5);border-radius: 10px;border: 2px solid #ffffff;box-shadow: 6px 6px 19px rgba(191,229,231,0.46),inset 38px 38px 120px rgba(255,255,255,0.5);padding: 31px 0 0 0px;overflow: hidden;}
.studyHelp .planning.active{display: block;}
.studyHelp .planning .title{font-size: 18px;color: #151c28;font-weight: bold;width: 171px;margin: 0 auto 0; text-align: center;padding-bottom: 4px;background: url('../images/page3_icon2.png') no-repeat center bottom;margin-bottom: 28px;}
.studyHelp .planning .highlight{margin-bottom: 18px;color: #151c28;font-size: 14px;display: flex;justify-content: flex-start;align-items: center;}
.studyHelp .planning .highlight::before{content: '';display: block;width: 19px;height: 19px;background: url('../images/page3_icon1.png') no-repeat;margin-right: 15px;}
.studyHelp .planning .highlight:nth-child(2){animation-delay: 0s;}
.studyHelp .planning .highlight:nth-child(3){animation-delay: 0.2s;}
.studyHelp .planning .highlight:nth-child(4){animation-delay: 0.4s;}
.studyHelp .planning .highlight:nth-child(5){animation-delay: 0.6s;}
.studyHelp .planning:nth-child(1) .highlight{padding-left: 92px;}
.studyHelp .planning:nth-child(2) .highlight{padding-left: 92px;}
.studyHelp .planning:nth-child(3) .highlight{padding-left: 92px;}
.studyHelp .planning:nth-child(4) .highlight{padding-left: 46px;}
.studyHelp .planning:nth-child(5) .highlight{padding-left: 92px;}
.studyHelp .planning:nth-child(6) .highlight{padding-left: 92px;}
.studyHelp .button{width: 260px;height: 46px;color:#fff;border-radius: 23px;font-size: 16px;font-weight: bold;margin: auto;background: linear-gradient(260deg,#ff6e20,#ff862e);display: flex;justify-content: center;align-items: center;box-shadow: 0 6px 6px rgba(255,128,16,0.12);}

/*  */
.courseFeatures{background: url('../images/page4.png') no-repeat center top;padding-bottom: 80px;}
.courseFeatures .content{padding-top: 80px;height: 429px;}
.courseFeatures .center{width: 350px;height: 349px;text-align: center;font-size: 22px;line-height: 30px;font-weight: bold;color: #1d9b68;position: relative;display: flex;justify-content: center;align-items: center;margin: auto;}
.courseFeatures .center img{position: absolute;left: 0;top: 0;}
.courseFeatures .center p{position: relative;}
.courseFeatures .relative{position: relative;margin-top: -357px;}
.courseFeatures .item{transition: 0.3s;}
.courseFeatures .item:hover{transform: translateY(-8px);}
.courseFeatures .item .title{font-size: 18px;font-weight: bold;color: #fff;width:137px;height: 32px;border-radius: 16px;background: linear-gradient(117deg,#42e98d,#25cfee);display: flex;justify-content: center;align-items: center;box-shadow: 0 2px 11px rgba(20,145,145,0.21);}
.courseFeatures .item .textCont{font-size: 14px;line-height: 22px;color: #333333;padding: 5px 0 0 17px;}
.courseFeatures .sit0{position: absolute;left: 177px;top: 8px;animation-delay: 0s;}
.courseFeatures .sit1{position: absolute;left: 141px;top: 141px;animation-delay: 0.2s;}
.courseFeatures .sit2{position: absolute;left: 177px;top: 276px;animation-delay: 0.4s;}
.courseFeatures .sit3{position: absolute;left: 787px;top: 8px;animation-delay: 0s;}
.courseFeatures .sit4{position: absolute;left: 823px;top: 141px;animation-delay: 0.2s;}
.courseFeatures .sit5{position: absolute;left: 787px;top: 276px;animation-delay: 0.4s;}

/*  */
.commonProblem{background: url('../images/page5.png') no-repeat center top;padding-bottom: 60px;background-size: cover;}
.commonProblem .content{padding-top: 60px;}
.commonProblem .background{gap: 0;width: 1204px;margin-left: -2px; height: 530px;padding: 35px 30px 12px;display: flex;justify-content: space-between;flex-wrap: wrap;background: url('../images/page5_content.png') no-repeat;border-radius: 20px;box-shadow: 6px 6px 19px rgba(191,229,231,0.46);}
.commonProblem .background .item{width: 554px;height: 221px;border-radius: 10px;padding: 32px 21px 0;position: relative;}
.commonProblem .background .item:nth-child(1){background: url('../images/page5_item1.png') no-repeat;}
.commonProblem .background .item:nth-child(2){background: url('../images/page5_item2.png') no-repeat;}
.commonProblem .background .item:nth-child(3){background: url('../images/page5_item3.png') no-repeat;}
.commonProblem .background .item:nth-child(4){background: url('../images/page5_item4.png') no-repeat;}
.commonProblem .background .title{font-size: 18px;font-weight: bold;color: #333;margin-bottom: 16px;}
.commonProblem .background .flex{font-size: 14px;line-height: 23px;color: #333333;display: flex;justify-content: flex-start;}
.commonProblem .background .flex .flex1{flex: 1;}
.commonProblem .background .button{width: 170px;height: 38px;border-radius: 19px;position: absolute;left: 44px;bottom: 30px;font-size: 14px;color: #fa8444;display: flex;justify-content: center;align-items: center;border: 1px solid #ffc291;background: #ffede3;}
.commonProblem .background .button:hover{background:linear-gradient(260deg,#ff6e20,#ff862e) ;color: #fff;box-shadow: 0 6px 6px rgba(255,128,16,0.12);}
.commonProblem .background .item:hover{box-shadow: 6px 6px 19px rgba(140,230,212,0.46);}

/* btn */
.btnFrames{overflow: hidden;position: relative;}
.btn_active::after {content: "";display: block;width: 14%;height: 290%;background: rgba(255, 255, 255, 0.4);transform: rotate(35deg);position: absolute;left: -20%;top: -120%;animation: leftTransiform ease-in-out 0.5s forwards;-webkit-animation: leftTransiform ease-in-out 0.5s forwards;}
@keyframes leftTransiform {
    0% {left: -20%;}
    100% {left: 120%;}
}



