1 line
25 KiB
CSS
1 line
25 KiB
CSS
@charset "utf-8";body,button,dd,div,dl,dt,form,h1,h2,h3,h4,h5,h6,html,iframe,input,li,p,select,table,td,textarea,th,ul{margin:0;padding:0}html body{background:#f2f2f2;font:13px/1 "Microsoft YaHei",tahoma,Verdana,Geneva,sans-serif;color:#333;position:relative;font-family:-apple-system,"SF UI Text","Helvetica Neue",Arial,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","WenQuanYi Zen Hei",sans-serif;height:auto}ul{list-style:none}a{text-decoration:none}body,html{height:100%!important}.content{min-height:100%}.curriculum{width:100%;min-height:80vh;margin:0 auto;overflow:hidden;letter-spacing:0}.inforht{color:#333;font-size:22px;line-height:28px;margin:15px 4% 10px;word-break:break-all;text-align:center}.inforpm{color:#666;font-size:13px;min-height:13px;margin:0 4%;text-align:center}.stime{color:#fff;background:red;height:32px;line-height:32px;float:left;width:90%}.znars{background:url(../images/clock.png) no-repeat 0;float:left;margin-left:10px;padding-left:25px;font-size:16px}.coursemain{padding:15px;overflow:hidden;line-height:normal;position:relative;word-wrap:break-word}.coursemain .downSurplusBtn{position:absolute;bottom:0;left:0;width:100%;height:50px;line-height:50px;box-shadow:0 0 60px 60px #fff;background-color:#fff;text-align:center;font-size:14px;letter-spacing:1px;color:#4f91ff}.downSurplusBtn .downBtn{position:absolute;left:50%;top:-8px;margin-left:-5px;border-color:transparent #4f91ff #4f91ff transparent;border-style:solid;border-width:1px;width:8px;height:8px;transform:rotate(45deg)}.coursemain article{display:inline!important}.coursemain img{max-width:100%!important;height:auto!important;vertical-align:middle}.coursemain video{max-width:100%;height:auto;object-fit:contain}.fotfer{display:none;padding:10px 4%;width:100%}.fottit{position:relative;font-size:18px;line-height:30px;font-weight:700}.fottit img{width:30px;float:left;margin:0 10px 0 0}.fuwent{margin-top:10px;overflow:hidden}.fuctdiv{width:100%;color:#666;cursor:pointer;margin-bottom:12px;position:relative;display:flex;align-items:center}.fuctdiv:nth-child(4n+1){margin-left:0}.fuctdiv .nosder{background:url(../image/nosder.png) no-repeat;background-size:24px 30px;display:block;width:24px;height:30px;position:absolute;right:6px;top:29px;display:none!important}.fuctdiv img{width:50px;margin-right:5px;height:55px}.fuctdiv .sourcecontent{flex:1;overflow:hidden;text-align:left}.fuctdiv p{overflow:hidden;text-overflow:ellipsis;font-size:14px;line-height:20px;color:#666}.fuctdiv .sourceName{font-size:16px;color:#333;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;text-overflow:ellipsis;-webkit-line-clamp:2}.coursemain{font-size:16px}.coursemain p{display:block;margin:1em 0;line-height:1.5}.coursemain article{font-size:18px;color:#333;letter-spacing:0}.relation{padding:20px 4%;word-wrap:break-word;font:initial;line-height:normal}.relation .relationformul{margin-top:12px}.relation .relationformul .formtitle{text-align:center;font-size:20px;font-weight:700;color:#000}.relation .relationformul .formcontro{font-size:14px;font-weight:400;color:#666;margin-top:12px;margin-bottom:12px}.relation .relationinfoul{padding:0 16px 10px}.relation .label{font-size:14px;padding:17px 0 5px;color:#333;font-weight:700}.relation .relationinfoul .infoli{margin:10px 0;padding:5px 0 8px;position:relative;border-bottom:1px dashed #ececec}.relationinfoul .infoli:last-child:before{display:none}.relation .relationinfoul .infoli:last-child{margin:10px 0}.relation .relationinfoul .infoli .infotitle{font-size:18px;font-weight:700;color:#333;margin-bottom:6px;cursor:pointer}.relation .relationinfoul .infoli .infotitle a{font-size:16px;font-weight:700;color:#333;margin-bottom:12px;cursor:pointer}.relation .relationinfoul .infoli .infointroduce{font-size:14px;font-weight:400;color:#666;margin-bottom:4px;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;text-overflow:ellipsis;-webkit-line-clamp:2}.relation .relationinfoul .infoli .infotime{font-size:12px;font-weight:400;color:#999}.relation .relationcourseul{padding:0 16px 10px}.relation .relationcourseul .relationcourseulflex{padding:10px 0;display:block}.relation .relationcourseul .relationcourseulflex a{display:inline-block;width:48%;cursor:pointer;margin-right:4%;margin-bottom:10px;border-radius:2px}.relation .relationcourseul .relationcourseulflex a:nth-child(2n+0){margin-right:0}.relation .relationcourseul .relationcourseulflex a .courseli{display:block;width:100%;height:100%;padding:0 0 10px;border-radius:4px;overflow:hidden}.relation .relationcourseul .relationcourseulflex a .courseli .coursecover{width:100%;height:108px;background-size:cover;background-position:50%}.relation .relationcourseul .relationcourseulflex a .courseli .coursecover img{width:100%;height:100%;border-radius:3px}.relation .relationcourseul .relationcourseulflex a .courseli .courseprice{margin-top:12px;margin-left:6px;font-size:16px;font-weight:700;color:#f5222d}.relation .relationcourseul .relationcourseulflex a .courseli .coursefl{color:#333;margin-top:8px;margin-left:6px;font-size:14px;margin-bottom:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.relation .relationshopul{padding:0 16px 10px}.relation .relationshopul .relationshopulflex{padding:10px 0;display:block}.relation .relationshopul .relationshopulflex a{display:inline-block;width:48%;cursor:pointer;margin-right:4%;margin-bottom:10px;border-radius:4px;overflow:hidden;padding-bottom:10px}.relation .relationshopul .relationshopulflex a:nth-child(2n+0){margin-right:0}.relation .relationshopul .relationshopulflex a:hover{box-shadow:0 0 18px 6px rgba(191,205,229,.65)}.relation .relationshopul .relationshopulflex a .shopli{display:block;width:100%;height:100%}.relation .relationshopul .relationshopulflex a .shopli .shopcover{width:100%;height:166px;background-repeat:no-repeat}.relation .relationshopul .relationshopulflex a .shopli .shopcover img{width:100%;height:100%}.relation .relationshopul .relationshopulflex a .shopli .shopprice{margin-top:12px;margin-left:6px;font-size:16px;font-weight:700;color:#f5222d;min-height:22.5px}.relation .relationshopul .relationshopulflex a .shopli .shopbottom{height:67px}.relation .relationshopul .relationshopulflex a .shopli .shopfl{color:#333;margin-top:8px;margin-left:6px;font-size:14px;margin-bottom:0;text-overflow:ellipsis;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.videoContentbox{position:relative}.videoContentbox .videoPoster{position:absolute;top:0;left:0;z-index:10;width:100%;height:100%;background-size:contain;background-position:50%;background-repeat:no-repeat;background-color:#000}.videoPoster .videoIcon{position:absolute;top:50%;left:50%;width:40px;height:40px;background-color:hsla(0,0%,100%,.14901960784313725);border-radius:50%;transform:translate(-50%,-50%)}.sharesource{padding:20px 4%;word-wrap:break-word;overflow:hidden;font:initial;line-height:normal;display:block!important}.sharesource .infoSourcebox{display:block;font-size:14px;color:#999;margin-top:12px}.sharesource .infoSourcebox span{margin-left:20px}.sharesource .infoSourcebox span:first-child{margin-left:0}.sharesource .infoSourcebox a{color:#2e97ff}.sharesource .likesharenewbox{border-top:1px solid #ececec;text-align:right;line-height:44px;margin-top:12px}.sharesource .likesharenewbox .share{color:#4f91ff;padding-left:20px;background:url(/design/designstatic/common/image/share1.png) 0 no-repeat;display:inline-block;background-size:15px 16px;font-size:14px;margin-right:15px;background-position-y:14px}.sharesource .likesharenewbox .like{color:#4f91ff;padding-left:20px;background:url(../image/praise.png) 0 no-repeat;display:inline-block;background-size:15px 15px;font-size:14px;background-position-y:13px}.sharesource .likesharenewbox .likeactive{color:#4f91ff;padding-left:20px;background:url(../image/praised.png) 0 no-repeat;display:inline-block;background-size:15px 15px;font-size:14px;background-position-y:13px}.sharesource .likesharebox{margin-top:12px;display:flex;align-items:center;justify-content:center}.sharesource .likesharebox .like{display:inline-block;height:40px;line-height:40px;border-radius:20px;color:#fff;font-size:18px;padding:0 22px 0 50px;cursor:pointer;background:url(../image/likew.png) 50% no-repeat;background-size:18px 18px;background-position-x:22px;background-color:#eee;background-position-y:9px;min-width:104px;box-sizing:border-box}.sharesource .likesharebox .likeactive{background-color:#fe9845}.sharesource .likesharebox .nolikebtn{background-position-x:center;width:0}.sharesource .likesharebox .share{width:84px;height:40px;background:#fff;border:1px solid #2e97ff;border-radius:20px;font-size:18px;text-align:center;line-height:40px;color:#2e97ff;display:inline-block;margin-left:40px;padding-left:18px;cursor:pointer;background:url(../image/sharel.png) 50% no-repeat;background-size:18px 18px;background-position-x:16px;box-sizing:border-box;width:104px}.curshare{float:left;background:url(../image/new_share.png) no-repeat 0;background-size:16px 16px;padding-left:20px;cursor:pointer;position:relative;display:none}.curshare .detail_pay_bubble{position:absolute;right:-18px;top:-10px;width:30px;height:16px;background:url(/design/designstatic/front/images/detailPay.png) no-repeat 50%;background-size:30px auto}.coursemain .xgplayer-poster{background-size:contain!important;background-repeat:no-repeat}#shortvideopreview{margin:0 auto;max-width:100%;width:100%;height:0;padding-top:56.25%;background-color:#000}.coursemain video::-internal-media-controls-download-button{display:none}.coursemain video::-webkit-media-controls-enclosure{overflow:hidden}.coursemain video::-webkit-media-controls-panel{width:calc(100% + 30px)}.coursemain audio::-internal-media-controls-download-button{display:none}.coursemain audio::-webkit-media-controls-enclosure{overflow:hidden}.coursemain audio::-webkit-media-controls-panel{width:calc(100% + 30px)}.shareUserBox{width:100%;height:75px;background:#fff;box-shadow:0 4px 8px 0 rgba(0,0,0,.08);display:flex;align-items:center;padding:0 12px;box-sizing:border-box}.shareUserBox .cover{width:45px;height:45px;border-radius:50%;overflow:hidden;margin-right:10px;position:relative}.shareUserBox .cover img{width:100%;height:100%;position:absolute;top:0;left:0}.shareUserBox .userdetail{flex:1;overflow:hidden}.shareUserBox .userdetail .username{font-size:16px;color:#333;margin-bottom:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shareUserBox .userdetail .username span{font-size:14px;color:#666;margin-left:8px}.shareUserBox .userdetail .usergs{font-size:14px;color:#3485ff;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.shareUserBox .userwx{width:24px;margin-left:25px}.shareUserBox .userwx a{width:24px;display:inline-block;height:20px;background:url(/design/designstatic/common/image/infowechat.png) 50% no-repeat;background-size:100% 100%;cursor:pointer}.shareUserBox .userphone{width:18.5px;margin-left:25px}.shareUserBox .userphone a{width:18.5px;display:inline-block;height:20px;background:url(/design/designstatic/common/image/infophone.png) 50% no-repeat;background-size:100% 100%;cursor:pointer}.cardwxphonebtns{position:fixed;right:0;bottom:200px;width:66px;height:132px}.cardwxphonebtns a{display:inline-block;width:66px;height:66px}.cardwxphonebtns .cardphone{background:url(/design/designstatic/common/image/infopcphone1.png) 50% no-repeat;background-size:22px 27px;cursor:pointer;position:absolute;right:0;top:0;background-color:#4f91ff}.cardwxphonebtns .cardwx{background:url(/design/designstatic/common/image/infopcwechat1.png) 50% no-repeat;background-size:30px 25px;cursor:pointer;position:absolute;right:0;bottom:0;background-color:#4f91ff}.cardwxphonebtns a:hover{background-color:#4889f6}.formModule[data-form-type=mobile] .smsBox .smsButton{font-size:14px}.sharesource .relateinfo{font-size:14px;padding:20px 0 0}.sharesource .relateinfo div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sharesource .relateinfo div a{color:#333;font-size:14px}.sharesource .relateinfo div a:hover{color:#333}.sharesource .relateinfo div a:focus{color:#333}.sharesource .relateinfo div a span{color:#666;margin-left:14px}.sharesource .relateinfo .next{margin-top:14px}.mobileyzbox{width:100%}.mobileyzbox .mobileuser{position:relative;width:100%;height:47px}.mobileyzbox .mobileuser .cover{position:absolute;width:65px;height:65px;padding:1.5px;background-color:#fff;overflow:hidden;border-radius:50%;left:30px;top:-18px}.mobileyzbox .mobileuser .cover img{width:62px;height:62px;position:absolute;top:3px;left:3px;border-radius:50%}.mobileyzbox .usertext{margin:10px 24px auto;background:#f1f4f6;border-radius:10px;position:relative;padding:12px;color:#333;font-size:14px}.mobileyzbox .usertext .triangle-up{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:10px solid #f1f4f6;position:absolute;top:-9px;left:32.5px}.mobileyzbox .subbtn{display:flex;align-items:center;justify-content:center}.mobileyzbox .subbtn a{display:inline-block;width:210px;height:40px;text-align:center;background:#108ee9;border-radius:20px;font-size:16px;line-height:40px;margin-top:20px;margin-bottom:12px;color:#fff}.mobileyzbox .yzform{margin:10px 24px auto}.mobileyzbox .yzform .mobilebox input{box-shadow:none;border:0;background:#fff;min-height:32px;line-height:32px;box-sizing:border-box;margin:0;width:100%;font-variant:tabular-nums;list-style:none;-webkit-font-feature-settings:"tnum","tnum";font-feature-settings:"tnum","tnum";position:relative;display:inline-block;min-width:0;padding:4px 11px;color:rgba(0,0,0,.85);font-size:14px;line-height:1.5715;background-color:#fff;background-image:none;border-radius:2px;-webkit-transition:all .3s;transition:all .3s}.mobileyzbox .yzform .yzmbox{display:flex;align-items:center;border-bottom:1px solid #f9f9f9;padding-bottom:6px}.mobileyzbox .yzform .yzmbox input{flex:1;overflow:hidden;box-shadow:none;border:0;background:#fff;min-height:32px;line-height:32px;box-sizing:border-box;margin:0;width:100%;font-variant:tabular-nums;list-style:none;-webkit-font-feature-settings:"tnum","tnum";font-feature-settings:"tnum","tnum";position:relative;display:inline-block;min-width:0;padding:4px 11px;color:rgba(0,0,0,.85);font-size:14px;line-height:1.5715;background-color:#fff;background-image:none;border-radius:2px;-webkit-transition:all .3s;transition:all .3s}.mobileyzbox .yzform .erroralert{color:#ff4d4f;font-size:14px;text-align:left;margin-left:10px;line-height:1.5715;display:none}.mobileyzbox .yzform .erroryzmalert{color:#ff4d4f;font-size:14px;text-align:left;margin-left:10px;line-height:1.5715;display:none}.mobileyzbox .yzform .yzmbox .yzmbtn{width:100px;text-align:right;margin-left:5px;font-size:16px}.mobileyzbox .yzform .yzmbox .yzmbtn a{color:#1890ff;cursor:pointer}.mobileyzbox .yzform .yzmbox .yzmbtn div{color:#666;display:none}.mobileyzmodal{width:320px;border-radius:5px!important}.mobileyzmodal .layui-layer-content{overflow:inherit!important}.albumbox{position:relative}.albumbox *{box-sizing:border-box}.albumbox .swiper-wrapper{padding-left:0}.albumbox #plate-navcm{width:100%;padding:10px 0}.albumbox #plate-navcm .box{margin-bottom:12px;position:relative}.albumbox #plate-navcm img{width:100%}.albumbox .likebox{width:20px;height:20px;position:absolute;bottom:10px;right:10px}.albumbox .likebox a{display:inline-block;width:22px;height:22px;background:url(/appstatic/images/albumunlike.png) 50% no-repeat;background-size:100% 100%;cursor:pointer}.albumbox .likebox a.like{background:url(/appstatic/images/albumlike.png) 50% no-repeat;background-size:100% 100%}.albumbox .swiper-likebox{width:32px;height:32px;position:fixed;bottom:32px;right:10px;z-index:99}.albumbox .swiper-likebox a{display:inline-block;width:32px;height:32px;background:url(/appstatic/images/albumunlike.png) 50% no-repeat;background-size:100% 100%;cursor:pointer;display:none}.albumbox .swiper-likebox a.like{background:url(/appstatic/images/albumlike.png) 50% no-repeat;background-size:100% 100%}.albumbox .swiper-likebox a.active{display:inline-block}.albumbox .swiper-downbox{width:32px;height:32px;position:fixed;bottom:82px;right:10px;z-index:99}.albumbox .swiper-downbox a{display:inline-block;width:32px;height:32px;background:url(/appstatic/images/albumdown.png) 50% no-repeat;background-size:100% 100%;cursor:pointer;display:none}.albumbox .swiper-downbox a.active{display:inline-block}.albumbox #origin-img{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000}.albumbox #origin-img .swiper-slide img{width:100%;vertical-align:middle}.albumbox .swiper-pagination{top:1em;bottom:auto;color:#fff}.vscardcustomerServicebtn{width:53px;height:53px;background:#fff;box-shadow:0 5px 14px 0 rgba(51,121,238,.38);position:fixed;bottom:120px;right:12px;border-radius:50%;overflow:hidden;cursor:pointer;display:flex;align-items:center}.vscardcustomerServicebtn img{width:25px;height:26px;margin-left:14px}.infotypeone{position:fixed!important;width:100%;height:100%;left:0;top:0}.infotypeone .swiper-wrapper{padding-left:0}.infotypezero .swiper-wrapper{padding-left:0}.infotypeone .swiper-wrapper .swiper-slide{background:#000;color:#fff}.infotypeone .swiper-wrapper .swiper-slide .infocontent{position:absolute;bottom:30px;left:0;z-index:998;width:calc(100% - 64px);padding-left:24px;box-sizing:border-box}.infotypeone .swiper-wrapper .swiper-slide .infocontent .formBtn{font-size:12px;background:hsla(0,0%,100%,.15);padding:4px 8px;text-align:center;display:inline-block;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.infotypeone .swiper-wrapper .swiper-slide .infocontent .infotitle{font-size:14px;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.infotypeone .swiper-wrapper .swiper-slide .infocontent .infointroducetext{font-size:13px}.infotypeone .swiper-wrapper .swiper-slide .infocontent .infointroducetext a{font-size:12px;background:hsla(0,0%,100%,.1);padding:4px 8px;text-align:center;display:inline-block;margin-bottom:4px;color:#fff;margin-left:12px}.infotypeone .video-js .vjs-control:focus{border:0;text-shadow:none;outline-width:0}.infotypeoneShare{z-index:2;position:fixed;box-sizing:border-box;background:none;color:#fff;background:rgba(0,0,0,.35)}.infotypeoneShare .userdetail .username{color:#fff}.infotypeoneShare .userdetail .username span{color:#fff}.infotypeoneShare .userdetail .usergs{color:#fff}.infotypeoneShare .userwx a{background-image:url(/appstatic/images/dashboard/9.png)}.infotypeoneShare .userphone a{background-image:url(/appstatic/images/dashboard/10.png);width:18.5px}.vjs-ended .vjs-big-play-button{display:block!important}.vjs-poster{background-size:contain!important}.vjs-paused .vjs-big-play-button{display:block!important}.vjs-has-started .vjs-control-bar{z-index:998}.infotypeone .vjs-audio-button,.infotypeone .vjs-picture-in-picture-control{display:none!important}.actioncontent{position:fixed;width:64px;height:255px;right:0;bottom:30px;z-index:99}.actioncontent div{color:#fff;text-align:center}.actioncontent .like{width:100%;padding-top:33px;box-sizing:border-box;background:url(/appstatic/images/video-like-white-icon.png) top no-repeat;background-size:26.5px 26px;margin-bottom:24px}.actioncontent .onlike{background-image:url(/appstatic/images/video-like-red-icon.png)}.actioncontent .comment{width:100%;padding-top:33px;box-sizing:border-box;background:url(/appstatic/images/dashboard/12.png) top no-repeat;background-size:28px 25.5px;margin-bottom:24px}.actioncontent .share{width:100%;padding-top:33px;box-sizing:border-box;background:url(/appstatic/images/video-share-white-icon.png) top no-repeat;background-size:27px 28px;margin-bottom:24px}.actioncontent .recommend{width:100%;padding-top:33px;box-sizing:border-box;background:url(/appstatic/images/dashboard/14.png) top no-repeat;background-size:21.5px 25px;position:relative}.doudongItem{animation:doudongInfo 10s 0s infinite}.actioncontent .recommend i{position:absolute;background-color:red;right:7px;top:-7px;display:inline-block;border-radius:50%;z-index:auto;min-width:20px;height:20px;padding:0 6px;color:#fff;font-weight:400;font-size:12px;line-height:20px;white-space:nowrap;text-align:center;background:red;border-radius:10px;box-shadow:0 0 0 1px #fff;font-style:inherit}.tjmodalshadow{display:none;position:fixed;width:100vw;height:100vh;top:0;left:0;background-color:rgba(0,0,0,.3);z-index:999}.tjmodal{position:fixed;bottom:0;left:0;width:100%;height:66%;z-index:1000;box-shadow:0 0 10px 0 #dfdfdf;transition:all .3s;background:#f9f9f9;border-radius:10px 10px 0 0;overflow-y:auto;padding:20px 16px 12px;box-sizing:border-box}.tjmodal.tjmodalhide{height:0;padding:0}.formmodal{position:fixed;bottom:0;left:0;width:100%;height:66%;z-index:1000;box-shadow:0 0 10px 0 #dfdfdf;transition:all .3s;background:#f9f9f9;border-radius:10px 10px 0 0;overflow-y:auto;padding:20px 16px 12px;box-sizing:border-box}.formmodal.formmodalhide{height:0;padding:0}.nohasprevmore:before{content:"没有更多内容了";position:absolute;top:-400px;width:100%;text-align:center;color:#fff;height:400px;background:#000;font-size:14px;vertical-align:bottom;padding-top:376px;box-sizing:border-box}.nohasnextmore:after{content:"没有更多内容了";position:absolute;bottom:-400px;width:100%;text-align:center;color:#fff;height:400px;background:#000;font-size:14px;vertical-align:bottom;padding-bottom:376px;box-sizing:border-box}#origininfo-img{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000}@keyframes doudongInfo{0%{transform:rotate(0deg)}60%{transform:rotate(0deg)}62%,64%,66%{transform:rotate(-3deg)}63%,65%,67%{transform:rotate(3deg)}68%{transform:rotate(-2deg)}69%{transform:rotate(2deg)}70%{transform:rotate(0deg)}72%,74%,76%{transform:rotate(-3deg)}73%,75%,77%{transform:rotate(3deg)}78%{transform:rotate(-2deg)}79%{transform:rotate(2deg)}80%{transform:rotate(0deg)}82%,84%,86%{transform:rotate(-3deg)}83%,85%,87%{transform:rotate(3deg)}88%{transform:rotate(-2deg)}89%{transform:rotate(2deg)}90%{transform:rotate(0deg)}92%,94%,96%{transform:rotate(-3deg)}93%,95%,97%{transform:rotate(3deg)}98%{transform:rotate(-2deg)}99%{transform:rotate(2deg)}to{transform:rotate(0deg)}}@media (max-width:576px){.coursemain{padding:0;font-size:18px}.coursemain p{line-height:1.8em;margin:0 0 20px}.weixinBox p{font-size:16px;line-height:1.75em;margin:10px 0;min-height:1em;letter-spacing:.6px}.weixinBox h1,.weixinBox h2,.weixinBox h3,.weixinBox h4,.weixinBox h5,.weixinBox h6{font-weight:400;font-size:16px}.coursemain h2,.coursemain h3,.coursemain h4{font-size:18px;font-weight:700;padding-bottom:20px;color:#333;letter-spacing:0;line-height:32px}.curriculum{text-align:left;box-sizing:border-box;overflow:visible;padding:calc(20px + env(safe-area-inset-top)) calc(30px + env(safe-area-inset-right)) 20px calc(30px + env(safe-area-inset-left))}.inforht{margin:0;font-size:22px;color:#333;letter-spacing:0;line-height:1.4;font-weight:500;text-align:left}.inforpm{display:block;margin:12px 0;color:grey;font-size:13px}.curshare{display:inline;color:grey;font-size:13px}.fotfer{padding:0}.sharesource{padding:0}.sharesource .likesharebox{margin-top:24px}.sharesource .likesharebox .like{height:32px;line-height:32px;background-size:14px;min-width:80px}.sharesource .likesharebox .share{height:32px;line-height:32px;background-size:14px;width:80px;font-size:14px}.sharesource .relateinfo{font-size:14px;padding:20px 0 0}.sharesource .relateinfo div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sharesource .relateinfo div a{color:#333;font-size:14px}.sharesource .relateinfo div a:hover{color:#333}.sharesource .relateinfo div a:focus{color:#333}.sharesource .relateinfo div a span{color:#666;margin-left:14px}.sharesource .relateinfo .next{margin-top:14px}.infostatement{font-size:10px!important;line-height:18px}.infostatementtip{font-size:10px!important;line-height:18px}.relation{padding:1px 0 0;width:auto;border-radius:8px}.relation .relationformul{padding-top:17px;margin:20px 0}.relation .bottomBtnBox{padding:40px 10px 35px}.relation .bottomBtnBox .submit{border-radius:50px;width:100%;letter-spacing:2px}.relation .formModule{padding:12px 10px 6px}.relation .formModule .label{margin-bottom:5px}.relation .formModule .formContent{padding-left:0}.relation .formModule:hover{background-color:#fff}.relation .relationinfoul{padding:0}.relation .relationcourseul{padding:0}.relation .relationshopul{padding:0}.coursebottom{padding-right:5px}.relation .relationshopul .relationshopulflex a .shopli .shopcover{height:108px;background-size:auto 100%;background-position:50%}.relation .formModule .label{font-weight:500}.relation .formContent .inputIcon{left:10px}}.shareMax{padding:20px}.shareMax .shareBox{display:flex;align-items:center}.shareMax .shareBox input{flex:1;box-sizing:border-box;margin:0;font-variant:tabular-nums;list-style:none;font-feature-settings:"tnum","tnum";position:relative;display:inline-block;width:100%;min-width:0;padding:4px 11px;color:rgba(0,0,0,.85);font-size:14px;line-height:1.5715;background-color:#fff;border:1px solid #d9d9d9;border-radius:2px}.shareMax .shareBox button{line-height:1.5715;position:relative;display:inline-block;font-weight:400;white-space:nowrap;text-align:center;background-image:none;box-shadow:0 2px 0 rgba(0,0,0,.015);cursor:pointer;transition:all .3s cubic-bezier(.645,.045,.355,1);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;touch-action:manipulation;height:32px;padding:4px 15px;font-size:14px;color:#fff;border:1px solid #722ed1;background:#722ed1;text-shadow:0 -1px 0 rgba(0,0,0,.12);box-shadow:0 2px 0 rgba(0,0,0,.045);margin-left:10px}.shareMax .qrcode{width:160px;height:160px;margin:15px auto}.shareMax .download{text-align:center;display:block;color:#722ed1;cursor:pointer} |