@charset "utf-8";
/*暑期专题页*/
/*main*/
.container-wrap{background-color:#1f0f3e;}
.main-h2{margin:119px auto 60px;width:907px;height:121px;background-image:url('https://assets-cdn.lanqb.com/topics_sq/h2-bg.png');background-size:100% 100%;text-align:center;}
.main-h2 img{height:78px;margin-top:22px;}
@media (min-width:768px){
  .main-h2{margin:75px auto 36px;width:577px;height:78px;}
  .main-h2 img{height:52px;margin-top:13px;}
}
@media (min-width:992px){
  .main-h2{margin:96px auto 50px;width:754px;height:101px;}
  .main-h2 img{height:65px;margin-top:18px;}
}
@media (min-width:1200px){
  .main-h2{margin:119px auto 60px;width:907px;height:121px;}
  .main-h2 img{height:78px;margin-top:22px;}
}
.container-wrap .btn-center{text-align:center;}
.container-wrap .btn{display:inline-block;margin-top:30px;background-image:-moz-linear-gradient(1deg,rgb(135,0,255) 6%,rgb(61,204,225) 69%,rgb(0,255,233) 99%);background-image:-webkit-linear-gradient(1deg,rgb(135,0,255) 6%,rgb(61,204,225) 69%,rgb(0,255,233) 99%);background-image:-ms-linear-gradient(1deg,rgb(135,0,255) 6%,rgb(61,204,225) 69%,rgb(0,255,233) 99%);width:220px;height:50px;line-height:50px;border-radius:100px;font-size:24px;color:#ffffff;border:none;}
.container-wrap .blue{color:#1ff1ef}
.container-wrap .red{color:#fe26cf}
.container-wrap .pb-bd{position:relative;display:inline-block;}
.container-wrap .pb-bd .bg-white{z-index:2;position:relative;display:inline-block;width:100%;height:100%;border-radius:100%;background-color:#ffffff;text-align:center;}
.container-wrap .pb-bd:before{z-index:1;content:'';display:inline-block;position:absolute;left:-5px;top:0;width:100%;height:100%;border-radius:100%;background-color:#1ff1ef}
.container-wrap .pb-bd:after{z-index:1;content:'';display:inline-block;position:absolute;right:-5px;top:0;width:100%;height:100%;border-radius:100%;background-color:#fe26cf}

/*part01*/
.part01{text-align:center;}
.part01 .p1-banner{z-index:1;position:absolute;top:-130px;left:50%;transform:translate3d(-50%,0,0);-ms-transform:translate3d(-50%,0,0);-moz-transform:translate3d(-50%,0,0);-webkit-transform:translate3d(-50%,0,0);-o-transform:translate3d(-50%,0,0);}
.part01 .p1-text01-group{display:inline-block;margin-top:162px;width:1104px;height:334px;background-size:100% 100%;background-image:url('https://assets-cdn.lanqb.com/topics_sq/c1-text01_1.png');-webkit-animation-name:myWobble;animation-name:myWobble;-webkit-animation-duration:.9s;animation-duration:.9s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear;}
.part01 .container{position:relative;z-index:2;}
.p1-text02{margin-top:40px;}
.p1-text03{margin-top:15px;padding:10px 80px;border-top:1px solid #fe26cf;border-bottom:1px solid #fe26cf;}
@media (min-width:768px){
  .part01 .p1-banner{width:1370px;}
  .part01 .p1-text01-group{margin-top:100px;width:701px;height:213px;}
  .p1-text02{margin-top:30px;width:490px;}
  .p1-text03{width:335px;padding:6px 35px;}
}
@media (min-width:992px){
  .part01 .p1-banner{width:1670px;}
  .part01 .p1-text01-group{margin-top:133px;width:917px;height:278px;}
  .p1-text02{margin-top:35px;width:640px;}
  .p1-text03{width:439px;padding:8px 50px;}
}
@media (min-width:1200px){
  .part01 .p1-banner{width:1920px;}
  .part01 .p1-text01-group{margin-top:162px;width:1104px;height:334px;}
  .p1-text02{margin-top:40px;width:auto;}
  .p1-text03{width:auto;padding:10px 80px;}
}

/*part02*/
.part02{position:relative;z-index:2;margin-top:200px;overflow:hidden;}
.p2-item{float:left;width:25%;text-align:center;padding-bottom:70px;position:relative;}
.p2-item01{background-image:-moz-linear-gradient(90deg,rgba(31,15,62,0.6) 0%,rgba(246,33,68,0.21) 65%,rgba(31,15,62,0) 100%);background-image:-webkit-linear-gradient(90deg,rgba(31,15,62,0.6) 0%,rgba(246,33,68,0.21) 65%,rgba(31,15,62,0) 100%);background-image:-ms-linear-gradient(90deg,rgba(31,15,62,0.6) 0%,rgba(246,33,68,0.21) 65%,rgba(31,15,62,0) 100%);}
.p2-item02{background-image:-moz-linear-gradient(90deg,rgba(31,15,62,0.6) 0%,rgba(80,57,217,0.21) 65%,rgba(31,15,62,0) 100%);background-image:-webkit-linear-gradient(90deg,rgba(31,15,62,0.6) 0%,rgba(80,57,217,0.21) 65%,rgba(31,15,62,0) 100%);background-image:-ms-linear-gradient(90deg,rgba(31,15,62,0.6) 0%,rgba(80,57,217,0.21) 65%,rgba(31,15,62,0) 100%);}
.p2-item03{background-image:-moz-linear-gradient(90deg,rgba(31,15,62,0.6) 0%,rgba(249,46,255,0.21) 65%,rgba(31,15,62,0) 100%);background-image:-webkit-linear-gradient(90deg,rgba(31,15,62,0.6) 0%,rgba(249,46,255,0.21) 65%,rgba(31,15,62,0) 100%);background-image:-ms-linear-gradient(90deg,rgba(31,15,62,0.6) 0%,rgba(249,46,255,0.21) 65%,rgba(31,15,62,0) 100%);}
.p2-item04{background-image:-moz-linear-gradient(90deg,rgba(31,15,62,0.6) 0%,rgba(31,241,239,0.21) 65%,rgba(31,15,62,0) 100%);background-image:-webkit-linear-gradient(90deg,rgba(31,15,62,0.6) 0%,rgba(31,241,239,0.21) 65%,rgba(31,15,62,0) 100%);background-image:-ms-linear-gradient(90deg,rgba(31,15,62,0.6) 0%,rgba(31,241,239,0.21) 65%,rgba(31,15,62,0) 100%);}
.p2-item + .p2-item{border-left:2px solid #ffffff;}
.p2-item .p2-icon{position:absolute;top:90px;left:50%;transform:translate3d(-50%,0,0);-ms-transform:translate3d(-50%,0,0);-moz-transform:translate3d(-50%,0,0);-webkit-transform:translate3d(-50%,0,0);-o-transform:translate3d(-50%,0,0);-ms-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;text-decoration-skip:objects;}
.p2-item .p2-img{margin:190px 0 0 -1.5%;width:103%;position:relative;}
.p2-item .p2-img img{width:100%}
.p2-item .p2-img a{position:absolute;width:180px;height:50px;line-height:50px;font-size:24px;color:#ffffff;border-radius:100px;bottom:60px;left:50%;transform:translate3d(-50%,0,0);-ms-transform:translate3d(-50%,0,0);-moz-transform:translate3d(-50%,0,0);-webkit-transform:translate3d(-50%,0,0);-o-transform:translate3d(-50%,0,0);opacity:0;visibility:hidden;}
.p2-item01 .p2-img a{background-color:#f62144;box-shadow:1.455px 6.847px 0.86px 0.14px rgba(246,33,68,0.2);}
.p2-item02 .p2-img a{background-color:#5039d9;box-shadow:1.455px 6.847px 0.86px 0.14px rgba(80,57,217,0.2);}
.p2-item03 .p2-img a{background-color:#f92eff;box-shadow:1.455px 6.847px 0.86px 0.14px rgba(249,46,255,0.2);}
.p2-item04 .p2-img a{background-color:#1ff1ef;box-shadow:1.455px 6.847px 0.86px 0.14px rgba(31,241,239,0.2);}
.p2-item p{font-size:18px;color:#ffffff;margin-top:10px;}
.p2-item:hover .p2-img a{opacity:1;visibility:inherit;}
.p2-item:hover .p2-icon{top:100px;}
@media (min-width:768px){
  .p2-item .p2-text{width:144px;}
  .p2-item .p2-icon{width:76px;top:66px;}
  .p2-item .p2-img{margin:118px 0 0 -1.5%}
  .p2-item .p2-img a{width:114px;height:32px;line-height:32px;font-size:16px;}
  .p2-item:hover .p2-icon{top:76px;}
}
@media (min-width:992px){
  .p2-item .p2-text{width:187px}
  .p2-item .p2-icon{width:99px;top:90px;}
  .p2-item .p2-img{margin:160px 0 0 -1.5%}
  .p2-item .p2-img a{width:150px;height:42px;line-height:42px;font-size:22px;}
  .p2-item:hover .p2-icon{top:100px;}
}
@media (min-width:1200px){
  .p2-item .p2-text{width:auto}
  .p2-item .p2-icon{width:158px;top:90px;}
  .p2-item .p2-img{margin:190px 0 0 -1.5%}
  .p2-item .p2-img a{width:180px;height:50px;line-height:50px;font-size:24px;}
  .p2-item:hover .p2-icon{top:100px;}
}

/*part03*/
.p3-con{padding:10px 0 70px;}
.pb-con{position:relative;margin:0 20px;text-align:center;}
.pb-con:before{z-index:2;content:'';display:inline-block;position:absolute;top:-20px;left:-20px;width:100%;height:100%;border:10px solid #fe26cf;}
.pb-con:after{z-index:1;content:'';display:inline-block;position:absolute;bottom:-20px;right:-20px;width:100%;height:100%;border:10px solid #0bf1ff;}
.p3-item{z-index:3;position:relative;display:inline-block;width:500px;margin:60px 30px 0;padding:23px 23px 35px;background-color:#ffffff;vertical-align:top;color:#1f0f3e;line-height:1;}
.p3-item .tips{position:absolute;left:0;top:0;width:142px;height:142px;overflow:hidden;}
.p3-item .tips:after{z-index:1;content:'Pick me!';display:inline-block;position:absolute;top:13px;left:-37px;width:142px;height:40px;line-height:40px;font-size:14px;color:#ffffff;background-color:#fe26cf;transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);}
.p3-item .tips span{position:relative;z-index:2;}
.p3-item .p3-intro{text-align:left;}
.p3-item .avatar{display:inline-block;}
.p3-item .p3-text{display:inline-block;margin-left:18px;vertical-align:top;}
.p3-item h3{font-size:30px;margin-top:5px;}
.p3-item h4{font-size:24px;margin-top:15px;}
.p3-item .p3-img{margin-top:10px;width:100%;}
.p3-item p{text-align:justify;margin-top:20px;font-size:14px;line-height:1.286;}
.p3-item .p3-btn{width:180px;position:absolute;bottom:-20px;left:50%;transform:translate3d(-50%,0,0);-ms-transform:translate3d(-50%,0,0);-moz-transform:translate3d(-50%,0,0);-webkit-transform:translate3d(-50%,0,0);-o-transform:translate3d(-50%,0,0);opacity:0;visibility:hidden;}
.part03 .btn-center .btn{margin-top:52px;}
.p3-item:hover .p3-btn{opacity:1;visibility:inherit;}
@media (min-width:768px){
  .p3-item{width:500px;}
}
@media (min-width:992px){
  .p3-item{width:400px;}
}
@media (min-width:1200px){
  .p3-item{width:500px;}
}

/*part04*/
.p4-con{text-align:right;position:relative;}
.p4-list{position:relative;display:inline-block;border-width:5px;border-style:solid;border-radius:30px;padding:33px 31px;vertical-align:top;margin-top:110px;}
.p4-list01{border-color:#1ff1ef}
.p4-list02{border-color:#fe26cf;margin-left:70px;}
.p4-list .p4-item{position:relative;background-color:#ffffff;border-top:5px solid #1ff1ef;}
.p4-list02 .p4-item{border-color:#fe26cf}
.p4-list .p4-item + .p4-item{margin-top:30px;}
.p4-list .p4-item p{margin-top:25px;text-align:center;font-size:14px;color:#1f0f3e;line-height:1.286;}
.p4-list .p4-item img{margin-top:20px;}
.p4-list01 .p4-item h3{position:absolute;left:-92px;width:40px;height:160px;font-size:14px;color:#ffffff;line-height:1.186;padding:0 10px;text-align:center;background-image:-moz-linear-gradient(-90deg,rgb(135,0,255) 6%,rgb(61,204,225) 69%,rgb(0,255,233) 99%);background-image:-webkit-linear-gradient(-90deg,rgb(135,0,255) 6%,rgb(61,204,225) 69%,rgb(0,255,233) 99%);background-image:-ms-linear-gradient(-90deg,rgb(135,0,255) 6%,rgb(61,204,225) 69%,rgb(0,255,233) 99%);box-sizing:border-box;}
.p4-list01 .p4-item h3:before{content:'';display:inline-block;width:16px;height:2px;background-color:#1ff1ef;position:absolute;right:-16px;top:30px;}
.p4-list01 .p4-item h3:after{content:'';display:inline-block;width:0;height:100%;vertical-align:middle;}
.p4-list01 .p4-item span{display:inline-block;vertical-align:middle;}
.p4-list02 .p4-item:before{content:'';display:inline-block;width:74px;height:2px;background-color:#fe26cf;position:absolute;left:-110px;top:30px;}
.p4-title{position:absolute;top:-86px;left:50%;transform:translate3d(-50%,0,0);-ms-transform:translate3d(-50%,0,0);-moz-transform:translate3d(-50%,0,0);-webkit-transform:translate3d(-50%,0,0);-o-transform:translate3d(-50%,0,0);}
.p4-title p{position:relative;display:inline-block;font-size:24px;line-height:1;}
.p4-title p:before,.p4-title p:after{content:'';display:inline-block;position:absolute;width:40px;height:3px;top:6px;}
.p4-title p:before{left:-50px;}
.p4-title p:after{right:-50px;}
.p4-title p span{position:relative;display:inline-block;}
.p4-title p span:before,.p4-title p span:after{content:'';display:inline-block;position:absolute;width:20px;height:3px;top:16px;}
.p4-title p span:before{left:-30px;}
.p4-title p span:after{right:-30px;}
.p4-title01 p:before,.p4-title01 p:after{background-color:#1ff1ef;}
.p4-title01 p span:before,.p4-title01 p span:after{background-color:#fe26cf;}
.p4-title02 p:before,.p4-title02 p:after{background-color:#fe26cf;}
.p4-title02 p span:before,.p4-title02 p span:after{background-color:#1ff1ef;}
.p4-list-center{position:absolute;top:0;left:50%;transform:translate3d(-50%,0,0);-ms-transform:translate3d(-50%,0,0);-moz-transform:translate3d(-50%,0,0);-webkit-transform:translate3d(-50%,0,0);-o-transform:translate3d(-50%,0,0);margin-left:27px;}
.p4-list-center .pb-bd{width:90px;height:90px;line-height:80px;font-size:54px;}
.part04 .btn-center .btn{margin-top:60px;}
@media (min-width:768px){
  .p4-list{padding:25px 23px;}
  .p4-list .p4-item img{width:264px}
  .p4-list .p4-item p{font-size:12px;}
  .p4-list01 .p4-item h3{left:-84px;}
  .p4-list02{margin-left:45px;}
  .p4-list02 .p4-item:before{width:49px;left:-77px;}
}
@media (min-width:992px){
  .p4-list{padding:33px 31px;}
  .p4-list .p4-item img{width:350px;}
  .p4-list .p4-item p{font-size:14px;}
  .p4-list01 .p4-item h3{left:-92px;}
  .p4-list02{margin-left:70px;}
  .p4-list02 .p4-item:before{width:74px;left:-110px;}
}
@media (min-width:1200px){
  .p4-list .p4-item img{width:auto}
}

/*part05*/
.p5-con{padding:50px 0 78px;}
.p5-con h3{font-size:30px;margin:28px 0;line-height:1;}
.p5-con h3 span{font-size:20px;line-height:30px;vertical-align:top;margin:0 20px;}
.p5-p{display:inline-block;text-align:left;}
.p5-con p{color:#ffffff;font-size:18px;line-height:1.35;}
.text-redbg{display:inline-block;width:176px;background-color:#fe26cf;border-radius:100px;margin-top:10px;margin-right:10px;padding-left:3px;}
.text-redbg .numb{display:inline-block;width:16px;height:16px;line-height:16px;border-radius:100%;background-color:#ffffff;font-size:14px;color:#fe26cf;text-align:center;vertical-align:top;margin-top:3px;}
.part05 .btn-center .btn{margin-top:52px;}
@media (min-width:768px){
  .p5-con p{font-size:16px;}
}
@media (min-width:992px){
  .p5-con p{font-size:18px;}
}
@media (min-width:1200px){
}

/*part06*/
.p6-con{padding:84px 0;}
.p6-item{z-index:2;position:relative;display:inline-block;width:284px;}
.p6-item + .p6-item{margin-left:100px;position:relative;}
.p6-item + .p6-item:before{content:'';display:inline-block;position:absolute;top:138px;left:-53px;width:2px;height:150px;background-color:#ffffff;}
.p6-item .p6-icon{width:100px;height:100px;line-height:100px;}
.p6-item h3{font-size:18px;color:#1ff1ef;margin-top:40px;line-height:1;}
.p6-item p{font-size:14px;color:#ffffff;margin-top:25px;line-height:2.143;text-align:justify;}
.p6-item .p6-text{display:inline-block;margin-top:50px;padding:11px 0;width:100%;height:19px;border-top:1px solid #1ff1ef;border-bottom:1px solid #1ff1ef;box-sizing:content-box;}
.p6-item .p6-text img{height:100%;}
@media (min-width:768px){
  .p6-item{width:170px;}
  .p6-item + .p6-item{margin-left:60px;}
  .p6-item + .p6-item:before{left:-33px;height:200px;}
  .p6-item .p6-text{margin-top:50px;}
  .p6-item .p6-text img{height:60%;}
}
@media (min-width:992px){
  .p6-item{width:230px;}
  .p6-item + .p6-item{margin-left:100px;}
  .p6-item + .p6-item:before{left:-53px;height:150px;}
  .p6-item .p6-text{margin-top:30px;}
  .p6-item .p6-text img{height:80%;}
}
@media (min-width:1200px){
  .p6-item{width:284px;}
  .p6-item .p6-text{margin-top:50px;}
  .p6-item .p6-text img{height:100%;}
}

/*part07*/
.part07 h3{font-size:24px;color:#ffffff;text-align:center;margin-top:-20px;}
.p7-con{text-align:center;}
.p7-item{position:relative;display:inline-block;vertical-align:top;}
.p7-item + .p7-item{margin-left:49px;}
.p7-item01{margin-top:29px;}
.p7-item02{margin-top:116px;}
.p7-item .pb-bd:before{left:-8px;}
.p7-item .pb-bd:after{right:-8px;}
.p7-item .text-redbg{z-index:2;position:absolute;bottom:-14px;left:50%;transform:translate3d(-50%,0,0);-ms-transform:translate3d(-50%,0,0);-moz-transform:translate3d(-50%,0,0);-webkit-transform:translate3d(-50%,0,0);-o-transform:translate3d(-50%,0,0);height:40px;line-height:40px;width:295px;text-align:left;font-size:18px;color:#ffffff;}
.p7-item .text-redbg .numb{margin:9px 7px 0;width:22px;height:22px;line-height:22px;}
@media (min-width:768px){
  .p7-item + .p7-item{margin-left:20px;}
  .p7-item img{width:212px}
  .p7-item02 img{width:269px}
  .p7-item .text-redbg{width:210px;font-size:12px;}
}
@media (min-width:992px){
  .p7-item + .p7-item{margin-left:34px;}
  .p7-item img{width:270px}
  .p7-item02 img{width:343px}
  .p7-item .text-redbg{width:260px;font-size:16px;}
}
@media (min-width:1200px){
  .p7-item + .p7-item{margin-left:49px;}
  .p7-item img{width:328px}
  .p7-item02 img{width:414px}
  .p7-item .text-redbg{width:295px;font-size:18px;}
}

/*part08*/
.p8-con{margin-left:-36px;}
.p8-item{display:inline-block;margin:0 0 60px 55px;padding:8px;}
.p8-item img{width:226px;-ms-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}
.p8-item:hover img{filter:brightness(0.7);}
.p8-item p{vertical-align:top;background-color:#ffffff;font-size:14px;color:#1f0f3e;padding:10px 0 18px;}
.pb-con:before{border-width:8px;top:-16px;left:-16px;}
.pb-con:after{border-width:8px;bottom:-16px;right:-16px;}
@media (min-width:768px){
  .p8-con{margin-left:-34px;}
  .p8-item{margin:0 0 60px 50px;}
  .p8-item img{width:187px;}
}
@media (min-width:992px){
  .p8-con{margin-left:-35px;}
  .p8-item{margin:0 0 60px 50px;}
  .p8-item img{width:181px;}
}
@media (min-width:1200px){
  .p8-con{margin-left:-40px;}
  .p8-item{margin:0 0 60px 56px;}
  .p8-item img{width:226px;}
}

/*part09*/
.part09{margin:148px 0;}
.part09 .container{position:relative;}
.p9-bg{z-index:1;position:absolute;top:0;bottom:0;left:-112px;width:1680px;background-image:-moz-linear-gradient(1deg,#5149d2 0%,#fe7dc2 100%);background-image:-webkit-linear-gradient(1deg,#5149d2 0%,#fe7dc2 100%);background-image:-ms-linear-gradient(1deg,#5149d2 0%,#fe7dc2 100%);}
.p9-con{z-index:2;position:relative;text-align:left;overflow:inherit;padding-bottom:44px;}
.p9-con .p9-text{z-index:2;position:relative;margin-top:-67px;}
.p9-con h3{z-index:2;position:relative;display:inline-block;margin-top:32px;font-size:24px;line-height:1;color:#ffffff;letter-spacing:6px;padding:12px 18px;background-image:-moz-linear-gradient(1deg,#a012c0 0%,#4a0a9e 100%);background-image:-webkit-linear-gradient(1deg,#a012c0 0%,#4a0a9e 100%);background-image:-ms-linear-gradient(1deg,#a012c0 0%,#4a0a9e 100%);}
.p9-con .btn-center{text-align:left;}
.p9-con h4{margin-top:18px;font-size:14px;color:#ffffff;letter-spacing:9px;}
.p9-con .p9-img{z-index:1;position:absolute;top:0;bottom:0;right:-330px;height:100%;}
@media (min-width:768px){
  .p9-con .p9-text{width:627px;}
  .p9-con h3{margin-top:20px;font-size:18px;padding:10px 18px;}
  .p9-con .p9-img{right:-230px;}
}
@media (min-width:992px){
  .p9-con .p9-text{width:821px;}
  .p9-con h3{margin-top:32px;font-size:24px;padding:12px 18px;}
  .p9-con .p9-img{right:-300px;}
}
@media (min-width:1200px){
  .p9-con .p9-text{width:auto}
  .p9-con h3{margin-top:32px;font-size:24px;padding:12px 18px;}
  .p9-con .p9-img{right:-330px;}
}

/*animate*/
@-webkit-keyframes myWobble{
  11.11%{background-image:url('https://assets-cdn.lanqb.com/topics_sq/c1-text01_1.png');}
  22.33%{background-image:url('https://assets-cdn.lanqb.com/topics_sq/c1-text01_2.png');}
  33.33%{background-image:url('https://assets-cdn.lanqb.com/topics_sq/c1-text01_3.png');}
  44.44%{background-image:url('https://assets-cdn.lanqb.com/topics_sq/c1-text01_4.png');}
  55.55%{background-image:url('https://assets-cdn.lanqb.com/topics_sq/c1-text01_1.png');}
}
@keyframes myWobble{
  11.11%{background-image:url('https://assets-cdn.lanqb.com/topics_sq/c1-text01_1.png');}
  22.33%{background-image:url('https://assets-cdn.lanqb.com/topics_sq/c1-text01_2.png');}
  33.33%{background-image:url('https://assets-cdn.lanqb.com/topics_sq/c1-text01_3.png');}
  44.44%{background-image:url('https://assets-cdn.lanqb.com/topics_sq/c1-text01_4.png');}
  55.55%{background-image:url('https://assets-cdn.lanqb.com/topics_sq/c1-text01_1.png');}
}