@charset "utf-8";
.mainbanner{background-color:#f7f8fa;width:100%;position:relative;display:flex;flex-direction:column;align-items:center;}
.mainbanner>.bg{padding-top:122px;}
.mainbanner .con-large{padding-top:16px;}
.mainbanner .btn{margin-top:45px;padding:16px 32px;border-radius:4px;box-shadow: 0px 8px 23px 0px rgba(49, 127, 72, 0.24);}
.mainbanner img{width:792px;height:320px;margin-top:146px;}

.points .con-large{padding-top:30px;width: 56%; line-height: 36px; text-align: center;}
.mainpart1{padding-top:160px;display:flex;flex-direction:column;align-items:center;}
.mainpart1 .maintext{line-height:62.4px;}


.mainpart1 .tabs{padding-top:40px;}
.mainpart1 .tabcontents{width:940px;gap:40px;margin:0 auto;padding-top:82px;}

.tabcon .con-basic{text-align:right;line-height:20px;width:188px;}
.tabcontents .title-card{font-size:20px;}

.area3{background:url(../images/notice_brand.png) 50% 100% no-repeat;background-size:cover;}
.area4{background:url(../images/survey_brand.png) 50% 100% no-repeat;background-size:cover;}
.area5{background:url(../images/online_book_brand.png) 50% 100% no-repeat;background-size:cover;}
.area6{background:url(../images/pass_brand.png) 50% 100% no-repeat;background-size:cover;}
.area7{background:url(../images/family_brand.png) 50% 100% no-repeat;background-size:cover;}
.area8{background:url(../images/register_brand.png) 50% 100% no-repeat;background-size:cover;}
.area9{background:url(../images/onlinerefund_brand.png) 50% 100% no-repeat;background-size:cover;}


.mainpart2{padding-top:100px;padding-bottom:100px;display:flex;flex-direction:column;margin:0 auto;align-items:center;}
.mainpart2>.maintext{padding-top:100px;}
.autos{padding-top:80px;}

.autos li{display:flex;align-items:center;width:100%;height:320px;position:relative;}
.autos li img{width:450px;height:320px;margin-left:143px;object-fit:cover;border:transparent;border-radius:20px;}
.autos li>.auto-right{margin-right:143px;margin-left:0;}
.autos li + li{margin-top:80px;}
.autotexts{display:flex;flex-direction:column;width:323px;}
.refundintro{background:url(../images/money_bag.png)0px 0px no-repeat;background-size:64px auto;}
.deleteintro{background:url(../images/pay_back.png)0px 0px no-repeat;background-size:64px auto;}
.teacherintro{background:url(../images/teacher_fee.png)0px 0px no-repeat;background-size:64px auto;}
.autotexts>.title-auto{padding-top:96px;}
.autotexts>.con-middle{padding-top:24px;}



@media screen and (max-width:600px){
.mainbanner{background-color:var(--color-white);height:fit-content;background-size:139px;}
.mainbanner>.bg{padding-top:80px;}
.deleteintro{order:1;}
.mainbanner img{width:100%;height:139px;margin-top:50px;object-fit:contain;order:1;}
.mainbanner .btn{order:2;width:100%;}
.mainbanner img{width:100%;height:139px;margin-top:50px;object-fit:contain;order:1;}
.mainbanner .btn{order:2;}
.mainbanner .maintext{line-height:44.8px;   padding: 0 50px; width: 100%;letter-spacing:-1.5px;}
.mainpart1,.mainpart2{width:100%;}
.points>.maintext{line-height:39.2px;   padding: 0 30px; width: 90%;letter-spacing:-1.5px;}
.mainpart1 .tabcontents{width:100%;}
.tabcon{width:100%;height:251px;padding:14px;}
.tabs{width:100%;}
.tab{width:50%;}
.points .con-large{padding:30px 37px 0 37px;width:100%;}
.area3{background:url(../images/notice_brand.png) 50% 50% no-repeat;background-size:cover;}
.area4{background:url(../images/survey_brand.png) 50% 50% no-repeat;background-size:cover;}
.area5{background:url(../images/online_book_brand.png) 50% 50% no-repeat;background-size:cover;}
.area6{background:url(../images/pass_brand.png) 50% 50% no-repeat;background-size:cover;}
.area7{background:url(../images/family_brand.png) 50% 50% no-repeat;background-size:cover;}
.area8{background:url(../images/register_brand.png) 50% 50% no-repeat;background-size:cover;}
.area9{background:url(../images/onlinerefund_brand.png) 50% 0% no-repeat;background-size:cover;}
.mainpart1,.mainpart2{padding-top:80px;}

.autos li{flex-direction:column;height:fit-content;}
.autos li img{width:100%;margin-left:0;margin-top:40px;}
.refundintro{width:100%;}
.autos li>.auto-right{margin-right:0;order:2;}
.autotexts{align-items:center;}
.autotexts>.title-auto{padding-top:70px;font-size:28px;}
.refundintro{background:url(../images/money_bag.png)50% 0px no-repeat;background-size:46px auto;}
.deleteintro{background:url(../images/pay_back.png)50% 0px no-repeat;background-size:46px auto;}
.teacherintro{background:url(../images/teacher_fee.png)50% 0px no-repeat;background-size:46px auto;}
.copyright{padding:10px;}
.autotexts>.con-middle{font-size:var(--font-primary);line-height:24px;width:80%;padding-top:20px;text-align:center;}
}