.big-title .line{width:60px;height:2px;background-color:#00a0e9;margin:18px auto 0}.page-banner{height:410px;background-color:#fff}.page-banner-bg{background-image:url("/static/images/xiaoyi_2018/activity/openClass2023/bannerH.jpg");background-size:1920px 410px}.page-banner-main{padding-top:0;height:100%}.page-banner-main .ban-title h1{height:56px;line-height:56px;font-size:40px;color:#0b204c;font-weight:bold;letter-spacing:2px;margin-bottom:6px}.page-banner-main .ban-title h4{height:42px;font-size:0;text-align:left;margin:0 0 12px}.page-banner-main .ban-title h4 strong{display:inline-block;vertical-align:middle;font-size:38px;color:#1966ff;line-height:42px;margin-right:8px}.page-banner-main .ban-title h4 span{display:inline-block;vertical-align:middle;height:42px;line-height:42px;font-size:24px;color:#fff;font-weight:bold;letter-spacing:2px;padding:0 16px;background-image:linear-gradient(90deg,#1967ff 0,#2cbeff 100%);background-color:#2cbeff;transform:skew(-10deg);-webkit-transform:skew(-10deg)}.page-banner-main .ban-title .text3{height:43px}.page-banner-main .ban-title .text3 p{display:inline-block;height:43px;font-size:0;text-align:left;letter-spacing:1.5px;position:relative;line-height:42px;border-bottom:1px solid #0b0305;margin-top:0}.page-banner-main .ban-title .text3 p:before{content:'';position:absolute;left:0;bottom:-5px;width:100%;height:1px;border-bottom:1px dashed #0b0305}.page-banner-main .ban-title .text3 p span{display:inline-block;font-size:18px;color:#333;font-weight:500;line-height:42px;position:relative;padding-right:15px;margin-right:15px}.page-banner-main .ban-title .text3 p span:before{content:"";width:1px;position:absolute;left:auto;top:50%;margin-top:-8px;right:0;height:16px;background-color:#666}.page-banner-main .ban-title .text3 p span:last-child{padding-right:0;margin-right:0}.page-banner-main .ban-title .text3 p span:last-child:before{display:none}.advance-notice{padding:55px 0 70px}.advance-notice .main{width:74%;display:flex;align-items:center;margin:55px auto 0}.advance-notice .main .img{width:auto;position:relative}.advance-notice .main .img:before{content:'';position:absolute;left:-14px;top:-14px;width:calc(100% - 6px);height:calc(100% - 6px);background:linear-gradient(90deg,#077bea 0,#00d5b1 100%);background-color:#00d5b1}.advance-notice .main .img img{position:relative;z-index:2;width:auto;height:auto;border:4px solid var(--whiteColor)}.advance-notice .main .title{width:43.5%;text-align:left;margin-left:5.5%}.advance-notice .main .title h6{line-height:32px;font-size:22px;color:#333;font-weight:bold;position:relative;left:-8px;margin-bottom:19px}.advance-notice .main .title p{line-height:25px;font-size:14px;color:#333;padding-left:30px;position:relative;margin-bottom:13px}.advance-notice .main .title p:before{content:'';position:absolute;left:0;top:3px;width:20px;height:20px;background-image:url(/static/images/xiaoyi_2018/activity/openClass/icon.png);background-position:-65px 0;background-repeat:no-repeat}.advance-notice .main .title p:nth-child(2):before{background-position:-45px 0}.advance-notice .main .title a{display:block;width:144px;height:38px;line-height:38px;text-align:center;font-size:14px;color:var(--domColor);border:1px solid var(--domColor);background:var(--whiteColor);margin-top:23px}.advance-notice .main .title a:hover{color:var(--whiteColor);background:var(--domColor)}.advance-notice .main .title a.end{background:#dae1ea;color:#666;opacity:.6;cursor:not-allowed}.curriculum-system{padding:55px 0 70px;background-image:url(/static/images/xiaoyi_2018/activity/openClass2023/bg2.png);background-color:#f2f6ff;background-position:center;background-repeat:no-repeat}.curriculum-system ul{display:flex;align-items:stretch;margin:28px -12px 0}.curriculum-system ul li{width:calc(50% - 24px);background-color:#fff;border-radius:5px;margin:0 12px}.curriculum-system ul li .title1{padding:20px 25px;background-color:#1967ff;border-radius:5px 5px 0 0;position:relative}.curriculum-system ul li .title1:before{content:"";position:absolute;right:0;bottom:-1px;width:124px;height:71px;background-image:url(/static/images/xiaoyi_2018/product/product_agg/small-bg2.png);background-position:right bottom;background-size:100%;background-repeat:no-repeat}.curriculum-system ul li:last-child .title1{background-color:#2cbeff}.curriculum-system ul li:last-child .title1:before{width:119px;background-image:url(/static/images/xiaoyi_2018/product/product_agg/small-bg1.png)}.curriculum-system ul li .title1 h3{line-height:30px;font-size:20px;color:#fff}.curriculum-system ul li .title1 p{max-width:74%;line-height:23px;font-size:14px;color:#fff;margin-top:3px}.curriculum-system ul li .title2{padding:20px 25px 25px}.curriculum-system ul li .title2 h5{font-size:16px;color:#000;line-height:24px;position:relative;padding-left:20px}.curriculum-system ul li .title2 h5:before{content:'';position:absolute;left:0;top:50%;width:11px;height:2px;background-color:#596edb}.curriculum-system ul li:last-child .title2 h5:before{background-color:#2cbeff}.curriculum-system ul li .title2 h6{font-size:14px;color:#4b5b76;line-height:20px;margin-top:8px}.curriculum-system ul li .title2 p{height:auto;overflow:hidden;text-align:left;font-size:0;padding:0 6% 12px 0;border-bottom:1px solid #edf2f8;margin:12px 0 14px}.curriculum-system ul li .title2 p:last-child{padding-bottom:0;border-bottom:0;margin-bottom:0}.curriculum-system ul li .title2 p span{display:inline-block;vertical-align:middle;padding:0 10px;height:22px;font-size:12px;line-height:22px;color:#888999;border:1px solid #dae1ea;border-radius:2px;margin-right:10px;margin-bottom:10px}.features{padding:55px 0 70px}.features ul{display:flex;justify-content:center;margin:30px auto 0}.features ul li{margin:0 25px;position:relative;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out}.features ul li:before{content:'';position:absolute;z-index:2;right:0;top:0;width:60px;height:14px;background-color:#fff}.features ul li:after{content:'';position:absolute;z-index:2;right:50px;top:-10px;width:0;height:0;border:10px solid;border-color:transparent transparent transparent #fff;transform:rotate(315deg);-webkit-transform:rotate(315deg)}.features ul li img{border-radius:5px 5px 0 0}.features ul li .title{background-color:#fff;padding:18px 15px 25px;text-align:center;position:relative;border-radius:0 0 5px 5px;box-shadow:8px 8px 20px rgba(55,99,170,.1)}.features ul li .title h6{font-size:18px;color:#333;line-height:24px;font-weight:bold;margin-bottom:7px}.features ul li .title p{line-height:22px;color:#999;font-size:14px}.features ul li:hover{transform:translateY(-10px);-webkit-transform:translateY(-10px)}.features ul li:hover .title{box-shadow:8px 8px 20px rgba(207,216,221,.63)}.review{padding:55px 0 70px;background-image:url(/static/images/xiaoyi_2018/activity/live/bg4.svg);background-repeat:no-repeat}.review .review-swiper{position:relative;padding:0 80px;margin:32px auto 0}.review .swiper-container{position:initial;padding-bottom:10px;margin:0 -12px}.review .swiper-slide .img{background-color:#fff;box-shadow:8px 8px 12px rgba(55,99,170,.1);margin:0 12px 25px}.review .swiper-slide .img img{display:block;width:100%;height:auto;object-fit:cover}.review .swiper-slide .img p{text-align:center;line-height:26px;font-size:16px;color:#333;padding:15px}.review .swiper-slide:hover .img{box-shadow:0 0 16px rgba(207,216,221,.63),0 4px 16px rgba(207,216,221,.63)}.review .swiper-container .swiper-button-next,.review .swiper-container .swiper-button-prev{margin:-28px 7px 7px;width:48px;height:48px;border-radius:50%;background:linear-gradient(-90deg,#01adff,#5570fb);box-shadow:2px 3px 10px 0 rgba(1,173,255,.28);z-index:3}.review .swiper-container .swiper-button-next:after,.review .swiper-container .swiper-button-prev:after{content:'';position:absolute;left:50%;top:50%;margin:-13px 0 0 -9px;width:18px;height:26px;background-image:url(/static/images/xiaoyi_2018/product/wonderBI/personal/icon2.png);background-position:-258px -85px;background-repeat:no-repeat;transform:rotate(180deg);-webkit-transform:rotate(180deg)}.review .swiper-container .swiper-button-next:after{transform:rotate(0);-webkit-transform:rotate(0)}.review .swiper-container .swiper-button-next{right:0}.review .swiper-container .swiper-button-prev{left:0}.review .swiper-container .swiper-button-next:hover,.review .swiper-container .swiper-button-prev:hover{background-image:linear-gradient(-90deg,#09f 0,#575dfa 100%);background-color:#5064e6}.swiper-container .swiper-pagination{bottom:0 !important;top:auto;left:0;right:auto;width:100%;height:9px;text-align:center;font-size:0}.swiper-container .swiper-pagination-bullet{display:inline-block !important;background:none;opacity:1;margin:0 6px !important;width:9px;height:9px;position:relative;outline:0;vertical-align:middle}.swiper-container .swiper-pagination-bullet span{width:3px;height:3px;background:#01adff;display:block;border-radius:50%;margin-top:3px;margin-left:3px}.swiper-container .swiper-pagination-bullet i{background:#01adff;height:1px;width:22px;z-index:3;position:absolute;top:4px;transform:scaleX(0);transform-origin:left;transition-timing-function:linear;-webkit-transform:scaleX(0);-webkit-transform-origin:left;-webkit-transition-timing-function:linear}.swiper-container .swiper-pagination-bullet-active span,.swiper-container .swiper-pagination-bullet:hover span{width:9px;height:9px;margin-top:0;margin-left:0;background:#01adff;position:relative;z-index:1}.swiper-container .swiper-pagination-bullet-active i{animation:middle 5s;-webkit-animation:middle 5s}.swiper-container .swiper-pagination-bullet:first-child.swiper-pagination-bullet-active i{animation:first 5s;-webkit-animation:first 5s}.swiper-container .swiper-pagination-bullet:last-child.swiper-pagination-bullet-active i{animation:last 5s;-webkit-animation:last 5s}@-webkit-keyframes first{0{left:0;-webkit-transform:scaleX(0.5)}100%{left:2px;-webkit-transform:scaleX(1)}}@keyframes first{0{left:0;transform:scaleX(0.5)}100%{left:2px;transform:scaleX(1)}}@-webkit-keyframes last{0{left:-10px;-webkit-transform:scaleX(0.7)}20%{left:2px;-webkit-transform:scaleX(0.3)}100%{left:0;-webkit-transform:scaleX(0.3)}}@keyframes last{0{left:-10px;transform:scaleX(0.7)}20%{left:2px;transform:scaleX(0.3)}100%{left:0;transform:scaleX(0.3)}}@-webkit-keyframes middle{0{left:-10px;-webkit-transform:scaleX(0.7)}20%{left:2px;-webkit-transform:scaleX(0.45)}100%{left:2px;-webkit-transform:scaleX(1)}}@keyframes middle{0{left:-10px;transform:scaleX(0.7)}20%{left:2px;transform:scaleX(0.45)}100%{left:2px;transform:scaleX(1)}}.learning-style{padding:60px 0}.learning-style ul{display:flex;flex-wrap:wrap;margin:34px -11px 0}.learning-style ul li{margin:0 11px 25px;width:calc(50% - 26px);flex:0 0 calc(50% - 26px);background-image:linear-gradient(180deg,#f2f5fe,#edf2fe);border:2px solid #fff;box-shadow:8px 8px 20px rgba(55,99,170,.1),-8px -8px 20px #fff;border-radius:4px;position:relative;transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out}.learning-style ul li:before{content:'';position:absolute;bottom:0;right:0;width:100%;height:100%;background-image:url(/static/images/xiaoyi_2018/activity/openClass2023/bg5-2.png);background-size:auto 65%;background-position:top right;background-repeat:no-repeat;opacity:.55}.learning-style ul li a{display:block;padding:36px 24px 32px 86px;position:relative;z-index:2}.learning-style ul li .icon{position:absolute;top:36px;left:24px;width:42px;height:39px;background-image:url(/static/images/xiaoyi_2018/activity/live/icon.png);background-position:0 0;background-size:180px 116px;background-repeat:no-repeat}.learning-style ul li .icon2{background-position:-42px 0}.learning-style ul li .icon3{background-position:-84px 0}.learning-style ul li .icon4{background-position:-126px 0}.learning-style ul li h6{font-size:18px;line-height:26px;color:#000;position:relative;margin-bottom:8px}.learning-style ul li p{font-size:14px;line-height:22px;color:#4c5b76;margin-bottom:24px}.learning-style ul li span{display:inline-block;line-height:20px;font-size:14px;color:#00a0e9;position:relative}.learning-style ul li span:after{content:"";display:inline-block;margin-left:6px;width:6px;height:6px;border-top:2px solid #00a0e9;border-left:2px solid #00a0e9;border-radius:2px;position:relative;top:-1px;transform:rotate(135deg);transition:all .4s ease-in-out;-webkit-transform:rotate(135deg);-webkit-transition:all .4s ease-in-out}.learning-style ul li:hover{box-shadow:inset 8px 8px 20px rgba(55,99,170,.1),8px 8px 20px rgba(55,99,170,.16),-8px -8px 20px #fff}.learning-style ul li:hover span:after{margin-left:12px}.problem{padding:55px 0 50px;height:auto;overflow:hidden;background-color:#f2f6ff;position:relative}.problem:before,.problem:after{content:'';position:absolute;left:0;top:0;width:50%;height:100%;background-image:url(/static/images/xiaoyi_2018/activity/openClass2023/bg6.png);background-position:left top;background-repeat:no-repeat;opacity:.2;transform:rotate(30deg);-webkit-transform:rotate(30deg)}.problem:after{left:auto;right:-31%;top:auto;bottom:-46%;background-position:right bottom;transform:rotate(217deg);-webkit-transform:rotate(217deg)}.problem ul{width:80%;margin:28px auto 0}.problem ul li{border-radius:20px;background-color:#fff;box-shadow:8px 8px 20px 0 rgba(55,99,170,.1),-8px 0 22px 0 rgba(255,255,255,.25);margin:12px 12px 24px}.problem ul li .text{padding:21px 35px 28px 25px}.problem ul li h6{padding-left:36px;line-height:44px;font-size:16px;color:#333;position:relative;margin-bottom:10px}.problem ul li h6:before,.problem ul li p:before{content:'Q';position:absolute;left:0;top:8px;width:28px;height:28px;line-height:28px;color:#fff;font-size:16px;text-align:center;background-color:#596efb;border-radius:50%}.problem ul li h6:after{content:'';position:absolute;left:36px;right:0;bottom:0;height:1px;border-bottom:1px dashed #dae1ea}.problem ul li p{padding-left:36px;line-height:25px;font-size:16px;color:#666;position:relative}.problem ul li p:before{content:'A';left:5px;top:1px;width:22px;height:22px;line-height:22px;font-size:14px;background-color:#cdd5df}@media only screen and (min-width:768px){main{padding-top:73px}}@media screen and (min-width:768px) and (max-width:1519px){.page-ban .page-ban-bg{background-size:auto 130px}.advance-notice .main{width:78%}.review .review-swiper{padding:0 37px;margin:32px -37px 0}.review .swiper-container{padding:0 10px;margin:7px -30px 0}.curriculum-system ul li .title2 p{padding-right:0}}@media only screen and (max-width:767.98px){main{padding-top:53px}main .max-width-1200{padding:0 20px;width:calc(100% - 40px)}.big-title .line{width:50px;margin-top:12px}.page-banner{height:300px}.page-banner-bg{background-size:auto 300px;background-position:66% center}.page-banner .page-banner-main .ban-title{padding:0 2%;width:96%;max-width:96%}.page-banner-main .ban-title *{text-align:left}.page-banner-main .ban-title h4{height:37px;margin-bottom:8px}.page-banner-main .ban-title h4 strong{font-size:30px;line-height:37px}.page-banner-main .ban-title h4 span{height:37px;line-height:37px;font-size:20px;padding:0 12px}.page-banner-main .ban-title h1{height:40px;line-height:40px;font-size:28px;margin-bottom:0}.page-banner-main .ban-title p span{height:42px;line-height:42px}.advance-notice{padding:35px 0 45px}.advance-notice .main{width:98%;display:block;align-items:initial;margin:40px auto 0}.advance-notice .main .img{width:calc(100% - 14px);margin-left:14px}.advance-notice .main .img img{width:calc(100% - 8px)}.advance-notice .main .title{width:100%;margin:15px 0 0}.advance-notice .main .title h6{line-height:28px;font-size:18px;left:0;margin-bottom:12px}.advance-notice .main .title p{margin-bottom:8px}.curriculum-system{padding:35px 0 25px}.curriculum-system ul{display:block;align-items:initial;margin-top:24px}.curriculum-system ul li{width:calc(100% - 24px);margin-bottom:24px}.curriculum-system ul li .title2 p{padding-right:0}.features{padding:35px 0 25px}.features ul{display:block;justify-content:initial;margin-top:24px}.features ul li{margin-bottom:24px}.review{padding:35px 0 50px}.review .max-width-1200{width:100%;padding:0}.review .review-swiper{padding:0 35px;margin-top:25px}.learning-style{padding:35px 0 30px;background-size:cover}.learning-style ul{margin-top:24px}.learning-style ul li{flex:0 0 calc(100% - 26px);width:calc(100% - 26px);margin-bottom:22px}.learning-style ul li a{padding:25px 24px 30px 86px}.learning-style ul li .icon{top:25px}.learning-style ul li p{margin-bottom:10px}.problem{padding:35px 0 25px}.problem:before{top:-30%}.problem:after{right:-10%;bottom:-27%}.problem ul{width:calc(100% + 24px);position:relative;z-index:2;margin:22px -12px 0}}