@-webkit-keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@-webkit-keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@-webkit-keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@-webkit-keyframes rock{75%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}80%{-webkit-transform:rotate(-8deg);transform:rotate(-8deg)}85%{-webkit-transform:rotate(6deg);transform:rotate(6deg)}90%{-webkit-transform:rotate(-4deg);transform:rotate(-4deg)}95%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}}@keyframes rock{75%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}80%{-webkit-transform:rotate(-8deg);transform:rotate(-8deg)}85%{-webkit-transform:rotate(6deg);transform:rotate(6deg)}90%{-webkit-transform:rotate(-4deg);transform:rotate(-4deg)}95%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}}j-layout-main .slot-wrapper>h4{padding:8px 0;border-bottom:1px solid var(--divider-color)}j-layout-main .courses li,j-layout-main .vip-member-plan-pc{margin:50px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}j-layout-main .courses li img,j-layout-main .vip-member-plan-pc img{width:140px;height:90px;border-radius:4px;margin:0 80px}j-layout-main .order-item{margin:20px 0;padding:20px;cursor:pointer;border-radius:8px}j-layout-main .order-item:hover{background:var(--indicator-background)}j-layout-main .tasks{padding-left:80px}j-layout-main .tasks .about{margin:20px 0}j-layout-main .coupons li{margin:50px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}j-layout-main .about{-webkit-box-flex:1;-ms-flex:1;flex:1}j-layout-main .about p:first-child{border-bottom:1px solid var(--divider-color)}j-layout-main .about p:first-child,j-layout-main .about p:last-child{padding:8px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:14px}j-layout-main .about p:last-child{color:#666}j-layout-main .about .discountPrice /deep/ .money{color:#e13176;font-size:16px}j-layout-main .summary{text-align:right}j-layout-main .summary p{margin:10px 0}j-layout-main .slot-wrapper>h2{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:8px 0;margin-top:40px;border-bottom:1px solid #e5e5e5}j-layout-main .recommendedCourses{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:-50px;margin-bottom:50px}j-layout-main .recommendedCourses>li{width:300px;padding:20px 0;display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:50px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}j-layout-main .recommendedCourses>li img{width:120px;height:80px;border-radius:4px;margin-right:20px}j-layout-main .recommendedCourses>li .info{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden}j-layout-main .recommendedCourses>li .info p{margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}j-layout-main .container{height:143px;width:33.3333333%;margin-right:50px}j-layout-main .container>.item{color:#fff;background-repeat:no-repeat;background-size:100% 100%;border-radius:12px;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 20px 0 18px}j-layout-main .container>.item>.createType,j-layout-main .container>.item>.type{width:24px;word-wrap:break-word;font-size:16px}j-layout-main .container>.item>.createType{cursor:pointer}j-layout-main .container>.item>.content{font-size:10px;margin-left:23px;-webkit-box-flex:1;-ms-flex:1;flex:1}j-layout-main .container>.item>.content>.discountType{margin-bottom:10px;font-size:20px}j-layout-main .container>.item>.content .count{margin:8px 0}p.pay-tip{min-width:20em;font-size:13px;line-height:150%}p.pay-tip span{color:#e13176}j-layout-main .account{padding:20px 0}j-layout-main .account span{font-size:20px}j-layout-main .courses.tasks,j-layout-main .tasks.tasks{padding-left:0}j-layout-main .courses.tasks .about,j-layout-main .tasks.tasks .about{margin-left:40px}j-layout-main .courses li,j-layout-main .tasks li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}j-layout-main .courses li img,j-layout-main .tasks li img{margin:0 20px}j-layout-main .courses li .checkbox,j-layout-main .tasks li .checkbox{margin-left:40px}j-layout-main .delete{color:#e13176;cursor:pointer}j-layout-main .summary p:first-child{font-size:24px}j-layout-main .summary p:nth-child(2){color:#666}j-layout-main .about .rawPrice{text-decoration:line-through}j-layout-main .about .discountPrice{color:#e13176;font-size:16px}j-layout-main .blank{padding-top:.8rem;padding-bottom:.8rem;text-align:center;color:var(--divider-color)}j-layout-main .blank svg{fill:currentColor;width:100px;height:100px}j-layout-main .blank p{margin-top:16px}