#app{background-color:#ff8225}.ShareLesson{position:relative;background:url(../img/share-success.910d26bd.png) no-repeat;background-size:100%}.ShareLesson .successText{margin-bottom:12vh}.ShareLesson .font1{color:#13bd6b;font-size:8vw;font-weight:700;font-weight:800;color:#ff6903}.ShareLesson .font2{width:100%;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;height:24vw;line-height:24vw}.ShareLesson .font2 span{font-size:14.6666666667vw;font-weight:700;color:red;letter-spacing:2.66667vw;margin-top:5.33333vw;padding-left:2.66667vw}.ShareLesson img{width:100%;height:100%}.ShareLesson .line{z-index:1001;top:0;left:0;width:100vw;height:100vh;background-color:#517fff}.ShareLesson .line-default{position:absolute;-webkit-transform:rotate(90%);transform:rotate(45deg);top:50%;left:50%;height:5.33333vw;width:400vw;background-color:#5582ff;-webkit-transform:translate(-50%,-50%) rotate(1turn);transform:translate(-50%,-50%) rotate(1turn)}.ShareLesson .line .line-1{-webkit-transform:translate(-50%,-50%) rotate(15deg);transform:translate(-50%,-50%) rotate(15deg)}.ShareLesson .line .line-2{-webkit-transform:translate(-50%,-50%) rotate(30deg);transform:translate(-50%,-50%) rotate(30deg)}.ShareLesson .line .line-3{-webkit-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg)}.ShareLesson .line .line-4{-webkit-transform:translate(-50%,-50%) rotate(60deg);transform:translate(-50%,-50%) rotate(60deg)}.ShareLesson .line .line-5{-webkit-transform:translate(-50%,-50%) rotate(75deg);transform:translate(-50%,-50%) rotate(75deg)}.ShareLesson .line .line-6{-webkit-transform:translate(-50%,-50%) rotate(90deg);transform:translate(-50%,-50%) rotate(90deg)}.ShareLesson .line .line-7{-webkit-transform:translate(-50%,-50%) rotate(105deg);transform:translate(-50%,-50%) rotate(105deg)}.ShareLesson .line .line-8{-webkit-transform:translate(-50%,-50%) rotate(120deg);transform:translate(-50%,-50%) rotate(120deg)}.ShareLesson .line .line-9{-webkit-transform:translate(-50%,-50%) rotate(135deg);transform:translate(-50%,-50%) rotate(135deg)}.ShareLesson .line .line-10{-webkit-transform:translate(-50%,-50%) rotate(150deg);transform:translate(-50%,-50%) rotate(150deg)}.ShareLesson .line .line-11{-webkit-transform:translate(-50%,-50%) rotate(165deg);transform:translate(-50%,-50%) rotate(165deg)}.ShareLesson .line .line-12{-webkit-transform:translate(-50%,-50%) rotate(180deg);transform:translate(-50%,-50%) rotate(180deg)}.ShareLesson .line .line-13{-webkit-transform:translate(-50%,-50%) rotate(195deg);transform:translate(-50%,-50%) rotate(195deg)}.ShareLesson .line .line-14{-webkit-transform:translate(-50%,-50%) rotate(210deg);transform:translate(-50%,-50%) rotate(210deg)}.ShareLesson .line .line-15{-webkit-transform:translate(-50%,-50%) rotate(225deg);transform:translate(-50%,-50%) rotate(225deg)}.ShareLesson .line .line-16{-webkit-transform:translate(-50%,-50%) rotate(240deg);transform:translate(-50%,-50%) rotate(240deg)}.ShareLesson .line .line-17{-webkit-transform:translate(-50%,-50%) rotate(255deg);transform:translate(-50%,-50%) rotate(255deg)}.ShareLesson .line .line-18{-webkit-transform:translate(-50%,-50%) rotate(270deg);transform:translate(-50%,-50%) rotate(270deg)}.ShareLesson .line .line-19{-webkit-transform:translate(-50%,-50%) rotate(285deg);transform:translate(-50%,-50%) rotate(285deg)}.ShareLesson .line .line-20{-webkit-transform:translate(-50%,-50%) rotate(300deg);transform:translate(-50%,-50%) rotate(300deg)}.ShareLesson .line .line-21{-webkit-transform:translate(-50%,-50%) rotate(315deg);transform:translate(-50%,-50%) rotate(315deg)}.ShareLesson .line .line-22{-webkit-transform:translate(-50%,-50%) rotate(330deg);transform:translate(-50%,-50%) rotate(330deg)}.ShareLesson .line .line-23{-webkit-transform:translate(-50%,-50%) rotate(345deg);transform:translate(-50%,-50%) rotate(345deg)}.ShareLesson .line .line-24{-webkit-transform:translate(-50%,-50%) rotate(1turn);transform:translate(-50%,-50%) rotate(1turn)}.ShareLesson .main{width:calc(100% - 5.33333vw);margin:0 2.66667vw;z-index:1001;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.ShareLesson .main::-webkit-scrollbar{display:none}.ShareLesson main{width:100%;margin-top:20vh;z-index:1001;border-radius:2.66667vw 2.66667vw 0 0;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.ShareLesson main .icon{margin-top:-32vw;width:53.3333333333vw;height:62.6666666667vw;margin-bottom:5.33333vw}.ShareLesson main .icon img{width:100%;height:100%}.ShareLesson main .avarat{width:18.13333vw;height:18.13333vw;margin-bottom:2.66667vw}.ShareLesson main .avarat img{border-radius:50%;overflow:hidden;border:.53333vw solid #bdbdbd}.ShareLesson main p{font-size:4.8vw;font-family:PingFang SC;font-weight:700;color:#333;line-height:18.66667vw}.ShareLesson main .successInfo{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;width:100%;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.ShareLesson main .lesson-img{margin-top:5.33333vw}.ShareLesson footer{width:100%;padding:2.66667vw}.ShareLesson .lessonList{width:100%;overflow-x:scroll;display:-webkit-box;display:-webkit-flex;display:flex}.ShareLesson .lessonList .lessonItem{padding:2.66667vw;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;font-size:3.73333vw}.ShareLesson .lessonList .lessonItem .left{width:26.66667vw;height:21.33333vw;border-radius:2.66667vw;overflow:hidden}.ShareLesson .lessonList .lessonItem .right{width:26.66667vw;word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.ShareLesson .card{margin:0 auto;margin-top:5.33333vw;margin-bottom:13.33333vw;width:100%;overflow:hidden;border:1px solid #f2f2f2;border-radius:3.2vw;box-shadow:0 .53333vw 1.6vw 0 rgba(35,24,21,.1);background:#fff;display:-webkit-box;display:-webkit-flex;display:flex;padding:4.26667vw}.ShareLesson .card-left{width:80%;padding-right:4vw;font-size:3.3333333333vw;line-height:5.33333vw;text-indent:6.6666666667vw}.ShareLesson .card-right{width:28%;-webkit-box-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;font-size:3.4666666667vw}.ShareLesson .card-right .head{width:10.66667vw;height:10.66667vw;border:.53333vw solid #ff6903;border-radius:50%;margin-bottom:1.33333vw}.ShareLesson .card-right .head img{border-radius:50%}.ShareLesson .card-right .nickname{margin-bottom:1.33333vw;font-size:3.4666666667vw;width:100%;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ShareLesson .card-right .tip{font-size:3.4666666667vw}.tip-box{width:100%;position:relative}.tip-box .up-title{margin-top:10.66667vw}.tip-box .tip-title{font-size:5.86667vw;letter-spacing:.53333vw;color:#fff;text-align:end;padding-top:9.3333333333vw}.tip-box .img-arrowhead{width:12vw;height:12vw;position:absolute;-webkit-animation:myfirst 4s infinite;animation:myfirst 4s infinite}@-webkit-keyframes myfirst{0%{right:40px;top:10px}25%{right:20px;top:0}50%{right:40px;top:10px}75%{right:20px;top:0}to{right:40px;top:10px}}@keyframes myfirst{0%{right:40px;top:10px}25%{right:20px;top:0}50%{right:40px;top:10px}75%{right:20px;top:0}to{right:40px;top:10px}}.van-overlay{background-color:transparent!important}