#app,body,html{height:100%}.video-page{position:relative;height:100vh;background-color:#f7f7f7;overflow-y:auto}.video-page .version{margin-top:30px;text-align:center}.video-page .version .version-row{margin-bottom:10px}.video-section{padding:20px 15px;background-color:#fff;margin-bottom:8px}.video-section .top-userInfo{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.video-section .top-userInfo .avatar{width:45px;height:45px;border-radius:50%;margin-right:10px}.video-section .top-userInfo .nickname,.video-section .top-userInfo .userId{font-size:14px}.video-section .top-userInfo .copyLink{color:#3478f6;font-size:14px}.video-section .video-box{position:relative;width:100%;height:210px;background-color:#000}.video-section #courseVideo{display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.video-section #courseVideo::--webkit-media-controls{display:none!important}.video-section .play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px}.video-section .fullscreen{position:absolute;right:10px;bottom:10px;width:30px;height:30px}.video-section .remain-time{position:absolute;top:15px;right:15px;color:#333;font-size:18px}.video-section .title{font-weight:700;font-size:16px;line-height:28px;color:#333;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;margin-top:12px}.video-section .create-time{font-weight:400;font-size:12px;color:#666;line-height:17px}.answer-section{background-color:#fff}.answer-section .header{display:flex;align-items:center;padding:12px 15px;border-bottom:1px solid #f2f2f4;color:#ea5427;font-size:14px;line-height:20px}.answer-section .header .money{width:16px;height:16px;margin-right:8px}.answer-section .content{padding:20px 15px}.answer-section .content .question{font-size:14px;color:#333;line-height:20px;font-weight:700;margin-bottom:12px}.answer-section .content .answer-item{display:flex;justify-content:space-between;align-items:center;width:100%;height:40px;padding:0 12px;box-sizing:border-box;background:#f5f7fa;border-radius:4px 4px 4px 4px;font-size:14px;overflow:hidden}.answer-section .content .answer-item .checked{width:14px;height:14px}.answer-section .content .answer-item .text-ellipsis{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.answer-section .content .answer-item:not(:last-of-type){margin-bottom:4px}.answer-section .content .answer-item.active{background-color:#dce7fa;color:#3478f6;font-weight:700}.answer-section .content .answer-item.fail{background-color:#ffe6dd;color:#ea5427}.control-box{display:flex;justify-content:space-between;padding:0 15px;padding-bottom:20px}.control-box .submit-btn{display:flex;align-items:center;justify-content:center;width:100%;height:34px;background:#3478f6;border-radius:17px 17px 17px 17px;text-align:center;line-height:34px;color:#fff}.control-box .submit-btn .refresh{width:14px;height:14px;margin-right:8px}.control-box .submit-btn.disabled{background:rgba(52,120,246,.6)}.control-box .submit-btn.fail{background:#ea5427}.answer-placeholder{width:100%;height:44px;font-size:14px;color:#666;line-height:44px;text-align:center;background-color:#fff}.masker{position:fixed;left:0;right:0;bottom:0;top:0;background-color:rgba(0,0,0,.5)}.video-card{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);width:289px;height:302px;background:#fafbfc;border-radius:20px 20px 20px 20px;padding:32px 20px;box-sizing:border-box}.video-card img{width:249px;height:152px;display:block;margin-bottom:8px;-o-object-fit:cover;object-fit:cover}.video-card .title{font-size:14px;color:#333;text-align:center;margin-bottom:32px}.video-card .learn-btn{width:249px;height:34px;background:#3478f6;border-radius:17px 17px 17px 17px;color:#fff;text-align:center;line-height:34px}.apply-card{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);width:299px;height:345px;background:url(../img/apply-dialog.d0ce207f.png) no-repeat}.apply-card.black-card{background-image:url(../img/black-dialog.10e7ae37.png)}.apply-card .center{position:absolute;top:140px;left:50%;width:100%;transform:translateX(-50%)}.apply-card .title{font-size:26px;color:#333;font-weight:700;text-align:center}.apply-card .desc{font-size:14px;color:#333;line-height:21px;text-align:center;margin-top:4px}.apply-card .user-info{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:24px}.apply-card .user-info .avatar{width:55px;height:55px;box-shadow:0 3px 6px 1px rgba(91,116,165,.16);border:3px solid #fff;border-radius:50%}.apply-card .user-info .nickname{font-size:16px;color:#333;line-height:21px;text-align:center;margin-top:8px;font-weight:700}.expire-card{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);width:299px;height:265px;background:url(../img/expire-dialog.d295292d.png) no-repeat}.expire-card .center{position:absolute;top:156px;left:50%;transform:translateX(-50%)}.expire-card .title{font-size:26px;color:#333;font-weight:700;text-align:center;white-space:nowrap}.expire-card .desc{font-size:14px;color:#333;line-height:21px;text-align:center;margin-top:4px}.finish-page{text-align:center}.finish-page img{width:100%;display:block}.finish-page .title{font-size:20px;color:#333;text-align:center;margin-top:32px}.finish-page .text-center{display:flex;justify-content:center}.finish-page .desc{max-width:210px;font-size:14px;color:#333;line-height:21px;text-align:center;margin-top:8px}.finish-page .desc.w112{max-width:112px}.loading-card{width:100%;height:100%}.flex-center,.flex-start,.loading-card{display:flex;justify-content:center;align-items:center}.flex-center,.flex-start{flex-direction:row}.flex-start{justify-content:flex-start}.remark-dialog{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:295px;height:330px;background-color:#fff;border-radius:12px;display:flex;flex-direction:column;align-items:center}.remark-dialog .title{font-size:16px;color:#333;margin:24px 0}.remark-dialog .avatar{width:42px;height:42px;margin-bottom:6px;border-radius:50%;overflow:hidden}.remark-dialog .nickname{font-size:14px;color:#333}.remark-dialog .form{width:265px;margin-top:44px}.remark-dialog .form-item{margin-bottom:12px}.remark-dialog .form-item2{margin-bottom:32px}.remark-dialog .text{font-size:12px;color:#666;margin-bottom:6px}.remark-dialog .input{width:100%;padding:0 12px;box-sizing:border-box;height:36px;background-color:#edf2fa;border-radius:4px;color:#333;font-size:14px;border:none}.remark-dialog .btn-item{height:34px;background:#fff;border-radius:17px;padding:0 50px;border:1px solid #446ce2;text-align:center;line-height:34px;color:#3478f6;font-size:13px}.remark-dialog .save-btn{background:#3478f6;color:#fff}.redPacket{width:100%;height:449px;position:relative;margin-top:15px}.redPacket img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.redPacket .money-center{position:absolute;top:132px;left:50%;transform:translateX(-50%);text-align:center;color:#ea5427}.redPacket .money-center .money-text{font-size:64px;line-height:70px;font-weight:700;margin-right:8px}.redPacket .money-center .unit{position:relative;bottom:-10px;font-size:24px;line-height:70px}.redPacket .money-tips{top:270px;width:210px;height:42px;font-weight:400;font-size:14px;color:#fdf4bc}.redPacket .collect-money,.redPacket .money-tips{position:absolute;left:50%;transform:translateX(-50%);line-height:22px;text-align:center}.redPacket .collect-money{top:328px;font-size:23px;color:#fae14d}input::-webkit-input-placeholder{color:#999}input::-moz-input-placeholder{color:#999}input::-ms-input-placeholder{color:#999}body,dd,div,dl,dt,form,h1,h2,h3,h4,h5,h6,html,input,li,ol,p,select,td,textarea,th,ul{margin:0;padding:0}