.container{width: 7.5rem;margin: auto;}

.banner{height: 4.89rem;background: url('../images/banner1.png') no-repeat;background-size: 100% 100%;position: relative;}
.banner .button{font-size: 0.22rem;color: #fff;width: 2.24rem;height: 0.44rem;border: 0.02rem solid #fff;background: linear-gradient(166deg,#fcd123,#fa8444);position: absolute;left:0.25rem;top:3.43rem ;border-radius: 0.2rem;display: flex;justify-content: flex-start;align-items: center;}
.banner .button span{padding: 0 0.25rem 0 0.25rem;}
.banner .button::after{content: '';width: 0.28rem;height: 0.27rem;background: url('../images/banner_icon1.png') no-repeat;background-size: 100% 100%;display: block;}
/*  */
.titleImg{display: block;margin: auto;}
.titleImg.title1{width: 5.12rem;}
.titleImg.title2{width: 7.01rem;}
.titleImg.title3{width: 7.01rem;}
.titleImg.title4{width: 7rem;}
.titleImg.title5{width: 5.33rem;}
/*  */
.studyNeed{padding: 0.5rem 0 0.42rem;background: url('../images/page1.png') no-repeat;background-size: cover;}
.studyNeed .content{display: flex;justify-content: space-between;flex-wrap: wrap;padding: 0.48rem 0.28rem 0;}
.studyNeed .item{width: 3.36rem;height: 1.8rem;border-radius: 0.1rem;background: #fff;box-shadow: 1px 1px 0.07rem rgba(14,60,6,0.21);padding: 0.27rem 0 0 0.33rem;margin-bottom: 0.18rem;}
.studyNeed .title{font-size: 0.26rem;color: #333;font-weight: bold;padding: 0 0 0.03rem 0.03rem;background: url('../images/page1_icon2.png') no-repeat left bottom;background-size: 0.45rem 0.06rem;margin-left: -0.03rem;}
.studyNeed .title span{position: relative;}
.studyNeed .classCont{padding: .1rem 0 0.24rem;font-size: 0.22rem;color: #666;}
.studyNeed .button{width: 1.92rem;height: 0.4rem;border: 1px solid #ffc291;border-radius: 0.19rem;background: #ffede3;font-size: 0.2rem;color: #fa8444;display: flex;justify-content: flex-start;align-items: center;}
.studyNeed .button span{padding: 0 0.18rem 0 0.15rem;}
.studyNeed .button::after{content: '';display: block;width: 0.24rem;height: 0.14rem;background: url('../images/page1_icon1.png') no-repeat;background-size: 100% 100%;}
/*  */
.studyMatch{padding: 0.5rem 0 0.6rem;}
.studyMatch .content{padding-top: 0.36rem;}
.studyMatch .navLists{width: 7.28rem;height: 0.6rem;margin: 0 auto 0.3rem;padding: 0 0.45rem; border-radius: 0.1rem;background: #f0fffb;font-size: 0.2rem;color: #666;display: flex;justify-content: space-between;align-items: center;}
.studyMatch .navLists .li{letter-spacing: 0.05rem;text-indent: 0.05rem;cursor: pointer;}
.studyMatch .navLists .li.lc{letter-spacing: normal;text-indent: 0px;}
.studyMatch .navLists .li.active{font-size: 0.22rem;color: #333;font-weight: bold;position: relative;}
.studyMatch .navLists .li.active::before{content: '';width: 0.67rem;height: 0.04rem;background: url('../images/page2_icon1.png') no-repeat;background-size: 100% 100%;position: absolute;left: calc((100% - 0.67rem)/2);bottom: -0.1rem;}
.studyMatch .language{margin-bottom: 0.4rem;}
.studyMatch .textImg{display: block;margin: auto;width: 7.3rem;}
.studyMatch .button{width: 3.9rem;height: 0.8rem;border-radius: 0.4rem;font-size: 0.28rem;font-weight: bold;color: #fff;background: linear-gradient(260deg,#ff6e20,#ff862e);box-shadow: 0 0.06rem 0.06rem rgba(255,128,16,0.12);display: flex;justify-content: center;align-items: center;margin: auto;}

/*  */
.studyHelp{padding: 0.5rem 0 0.6rem;background: url('../images/page3.png') no-repeat;background-size: cover;}
.studyHelp .content{padding: 0.4rem 0 0;}
.studyHelp .relative{position: relative;}
.studyHelp .background{width: 6.56rem;height: 3.14rem;background: url('../images/page3_content.png') no-repeat;background-size: 100% 100%;position: absolute;right: 0.15rem;top: 0;}
.studyHelp .list{position: relative;padding: 0.35rem 0.31rem 0.51rem 0.36rem;display: flex;justify-content: space-between;flex-wrap: wrap;}
.studyHelp .item{width: 2rem;}
.studyHelp .item:nth-child(1),.studyHelp .item:nth-child(2),.studyHelp .item:nth-child(3){margin-bottom: 1rem;}
.studyHelp .item .title{font-size: 0.26rem;color: #333;font-weight: bold;text-align: center;margin-bottom: 0.19rem;}
.studyHelp .item .li{width: 100%;height: 1.54rem;border: 1px solid #1aac86;background: #fbfffc;border-radius: 0.1rem;position: relative;font-size: 0.22rem;color: #333;padding: 0.2rem 0 0 0.2rem;}
.studyHelp .item .raw{margin-bottom: 0.22rem;display: flex;justify-content: flex-start;align-items: center;}
.studyHelp .item .raw::before{content: '';width: 0.19rem;height: 0.19rem;background: url('../images/page3_icon1.png') no-repeat;background-size: 100% 100%;display: block;margin-right: 0.07rem;}
.studyHelp .item:nth-child(1) .li::before{content: "";position: absolute;left: 0;top: 0;background: url('../images/page3_01.png') no-repeat;background-size:0.73rem auto;width: 100% ;height:100%;}
.studyHelp .item:nth-child(2) .li::before{content: "";position: absolute;left: 0;top: 0;background: url('../images/page3_02.png') no-repeat;background-size:0.73rem auto;width: 100% ;height:100%;}
.studyHelp .item:nth-child(3) .li::before{content: "";position: absolute;left: 0;top: 0;background: url('../images/page3_03.png') no-repeat;background-size:0.73rem auto;width: 100% ;height:100%;}
.studyHelp .item:nth-child(6) .li::before{content: "";position: absolute;left: 0;top: 0;background: url('../images/page3_04.png') no-repeat;background-size:0.75rem auto;width: 100% ;height:100%;}
.studyHelp .item:nth-child(5) .li::before{content: "";position: absolute;left: 0;top: 0;background: url('../images/page3_05.png') no-repeat;background-size:0.73rem auto;width: 100% ;height:100%;}
.studyHelp .item:nth-child(4) .li::before{content: "";position: absolute;left: 0;top: 0;background: url('../images/page3_06.png') no-repeat;background-size:0.74rem auto;width: 100% ;height:100%;}
.studyHelp .button{width: 3.9rem;height: 0.8rem;border-radius: 0.4rem;font-size: 0.28rem;font-weight: bold;color: #fff;background: linear-gradient(260deg,#ff6e20,#ff862e);box-shadow: 0 0.06rem 0.06rem rgba(255,128,16,0.12);display: flex;justify-content: center;align-items: center;margin: auto;}
/*  */
.courseFeatures{padding: 0.5rem 0 0.26rem;}
.courseFeatures .content{padding-top: 0.5rem;}
.courseFeatures .item{width: 6.7rem;height: 0.88rem;border-radius: 0.1rem;border: 1px solid #1aac86;margin: 0 0 0.4rem 0.55rem;position: relative;padding: 0 0.2rem 0 0.95rem;display: flex;justify-content: flex-start;align-items: center;background: #fbfffc;}
.courseFeatures .item .special{width: 1rem;height: 1rem;border-radius: 0.1rem;box-shadow: 0.02rem 0.02rem 0.14rem rgba(35,92,45,0.21);background: linear-gradient(206deg,#27e07a,#26d0ec);display: flex;justify-content: center;align-items: center;text-align: center;padding: 0 0.1rem;line-height: 0.44rem;position: absolute;left:-0.28rem;top:-0.06rem;}
.courseFeatures .item .special span{font-size: 0.26rem;color: #fff;font-weight: bold;letter-spacing: 0.09rem;text-indent: 0.09rem;display: block;}
.courseFeatures .item .textCont{font-size: 0.22rem;color: #151c28;line-height: 0.42rem;position: relative;z-index: 2;}
.courseFeatures .item:nth-child(1):after{content: '';position: absolute;right: 0;bottom: 0;background: url('../images/page4_icon1.png') no-repeat;background-size:0.98rem 0.79rem;width: 0.94rem;height: 0.76rem;}
.courseFeatures .item:nth-child(2):after{content: '';position: absolute;right: 0;bottom: 0;background: url('../images/page4_icon2.png') no-repeat;background-size:0.99rem 0.75rem;width: 0.94rem;height: 0.63rem;}
.courseFeatures .item:nth-child(3):after{content: '';position: absolute;right: 0;bottom: 0;background: url('../images/page4_icon3.png') no-repeat;background-size:0.74rem 0.72rem;width: 0.74rem;height: 0.75rem;}
.courseFeatures .item:nth-child(4):after{content: '';position: absolute;right: 0;bottom: 0;background: url('../images/page4_icon4.png') no-repeat;background-size:0.68rem 0.65rem;width: 0.65rem;height: 0.62rem;}
/*  */
.commonProblem{padding: 0.5rem 0 0.6rem;background: url('../images/page5.png') no-repeat;background-size: cover;}
.commonProblem .padding{padding-top: 0.46rem;}
.commonProblem .content{width: 6.9rem;height: 7.95rem;background: url('../images/page5_content.png') no-repeat;background-size: 100% 100%;margin: auto;box-shadow: 0.06rem 0.06rem 0.19rem rgba(191,229,231,0.46);border-radius: 0.2rem;padding-top: 0.26rem;}
.commonProblem .item{margin-left: 0.22rem;}
.commonProblem .item .title{font-size: 0.28rem;color: #333;width: 6.53rem;height: 0.72rem;background: url('../images/page5_icon2.png') no-repeat;background-size: 100% 100%;padding-left: 0.78rem;display: flex;justify-content: flex-start;align-items: center;}
.commonProblem .item .textCont{font-size: 0.22rem;line-height: 0.42rem;color: #333333;padding:0.1rem 0.3rem 0.33rem 0.43rem;display: flex;justify-content: flex-start;}
.commonProblem .item .textCont .flex1{flex: 1;}
.commonProblem .button{width: 3.9rem;height: 0.8rem;border-radius: 0.4rem;font-size: 0.28rem;font-weight: bold;color: #fff;background: linear-gradient(260deg,#ff6e20,#ff862e);box-shadow: 0 0.06rem 0.06rem rgba(255,128,16,0.12);display: flex;justify-content: center;align-items: center;margin: -0.02rem auto 0;}