body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,Helvetica,Arial,PingFang TC,Microsoft Yahei,Hiragino Sans GB,Heiti TC,WenQuanYi Micro Hei,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:content-box}h2{font-weight:400}.login-wrapper{width:100vw;height:100vh;box-sizing:border-box;display:flex;justify-content:center;align-items:center;flex-direction:column;margin-top:-60px}.login-title{color:#333;font-size:30px}.login-form{margin-top:40px}.login-form .login-item{position:relative}.login-form .login-item-title{position:absolute;bottom:10px;left:2px;transition:all .28s ease}.login-form .login-item i{width:100%}.login-form .login-item i:after{content:"";position:absolute;z-index:2;width:0;height:2px;background-color:#555;bottom:-1px;left:50%;transition:all .25s ease}.login-form .login-item+.login-item{margin-top:30px}.login-form .login-submit{display:block;margin:20px auto;background-color:#f5aa38;box-shadow:0 4px 9.6px .4px rgba(251,170,56,.5);width:188px;height:56px;border:#f5aa38;border-radius:28px;color:#fff;outline:transparent;cursor:pointer}.login-form .login-submit:hover{background-color:#f5aa38}.login-form .login-submit:active{border:none;background-color:#f5aa38}.login-form .login-submit[disabled]{background-color:#ccc;box-shadow:none}.inputTitlePosition{-webkit-transform:translateY(-20px);transform:translateY(-20px);color:#f5aa38;font-size:14px}.login-item-input{outline:transparent;background-color:transparent;color:#333;border:none;border-bottom:1px solid #ccc;width:340px;max-width:70vw;height:40px;box-sizing:border-box;font-size:16px}.login-item-input+.login-item-title.animatedPosition,.login-item-input.titleAnimation:focus+.login-item-title{-webkit-transform:translateY(-20px);transform:translateY(-20px);color:#f5aa38;font-size:14px}.login-item-input.titleAnimation:focus~i:after{width:100%;left:0}.error-message{font-size:14px;color:#e25443;text-align:center;min-height:22px;line-height:1.6;max-width:70vw}.video-list-page{min-height:calc(100vh - 100px);position:relative;padding-bottom:50px}.banner{width:100%;display:block}.video-list-wrapper{padding:15px}.video-grid-list{display:flex;flex-wrap:wrap;margin-top:30px}.video-grid-list a{text-decoration:none}.video-grid-list .video-item{margin:0 8px 20px}.video-grid-list .video-item>a{display:flex;flex-direction:column}.video-grid-list .video-item .cover{position:relative}.video-grid-list .video-item .cover img{width:100%;display:block;border-radius:10px;border:1px solid #bebebf;box-shadow:0 10px 15px -16px rgba(0,0,0,.1)}.video-grid-list .video-item .cover .duration{position:absolute;left:5px;bottom:5px;padding:3px;background-color:rgba(26,46,59,.85);border-radius:3px;color:hsla(0,0%,100%,.6)}.video-grid-list .video-item .title{color:#28292b;text-decoration:none;margin-top:10px;font-size:15px}@media (min-width:588px){.video-grid-list .video-item{width:calc(50% - 16px)}}@media (min-width:874px){.video-grid-list .video-item{width:calc(33.3% - 16px)}}@media (min-width:1160px){.video-grid-list .video-item{width:calc(25% - 16px)}}@media (min-width:1800px){.video-grid-list .video-item{width:calc(20% - 16px)}}@media (max-width:587px){.video-grid-list .video-item{margin:0 0 20px;width:100%}}.pad-footer{background-color:#ffa507;color:#fff;font-size:15px;text-align:center;padding:15px 0;position:absolute;bottom:0;left:0;width:100%}.container-detail{padding:15px;box-sizing:content-box;display:flex;align-items:center;flex-direction:column;flex:1 0 auto}.detail-content{width:100%}.detail-content .title{font-size:20px;margin:15px 0}.pad-video-player{width:100%;max-height:calc(100vh - 80px)}.video-player-wrapper{width:100%;position:relative;padding-top:56.25%}@media (min-width:1280px){.detail-content{width:calc(100% - 10vw)}}@media (min-width:1800px){.detail-content{width:calc(100% - 20vw)}}.video-player-inner{position:absolute;left:0;top:0;width:100%;height:100%;max-height:calc(100vh - 80px);border:1px solid #eee;box-shadow:0 15px 20px -16px rgba(0,0,0,.1)}.pad-next-play{width:100%;margin-top:20px}.pad-detail-list{margin-top:30px;overflow-x:scroll;white-space:nowrap}.pad-detail-list a{text-decoration:none}.pad-detail-list .video-item{display:inline-block;width:200px;margin:0 8px 20px}.pad-detail-list .video-item>a{display:flex;flex-direction:column}.pad-detail-list .video-item .cover{position:relative}.pad-detail-list .video-item .cover img{width:100%;display:block;border-radius:10px;border:1px solid #bebebf;box-shadow:0 10px 15px -16px rgba(0,0,0,.1)}.pad-detail-list .video-item .cover .duration{position:absolute;left:5px;bottom:5px;padding:3px;background-color:rgba(26,46,59,.85);border-radius:3px;color:hsla(0,0%,100%,.6)}.pad-detail-list .video-item .title{color:#28292b;text-decoration:none;margin-top:10px;font-size:15px;white-space:normal}.nav-container{display:flex;height:50px;align-items:center;position:fixed;justify-content:space-between;top:0;width:100%;z-index:10;background-color:hsla(0,0%,100%,.9);border-bottom:1px solid #ebebeb;padding-left:15px}.nav-container .logo{margin:0 10px;height:30px}.nav-container .logo img{height:30px}.nav-container .pad-links,.nav-container .tab{display:flex;align-items:center;height:100%}.nav-container .tab{text-decoration:none;margin:0 5px;color:#28292b;border-bottom:2px solid transparent}.nav-container .tab.selected,.nav-container .tab:hover{color:#f5aa38;border-bottom:2px solid #f5aa38}.nav-container .right{display:flex;padding:0 15px}.nav-container .right .name{flex:1 1}@media (max-width:414px){.nav-container .right .name{display:none}}.nav-container .signout{padding:0 15px;display:block;cursor:pointer}.body-container{padding-top:50px;width:100%}.questionnaire{position:relative;height:calc(100vh - 50px);font-family:FangYuanKaTongPOPZi}.questionnaire .background{background-color:#fff}.questionnaire .background-img{position:absolute;right:0;bottom:0;width:100%}@media (min-width:1280px){.questionnaire .background-img{width:75%}}@media (min-width:1800px){.questionnaire .background-img{width:50%}}.questionnaire .main-page{border:0;position:absolute;top:0;left:0;width:100%;height:100%;overflow-y:scroll;overflow-x:hidden}.questionnaire .bgm-btn{z-index:100;position:absolute;right:15px;top:15px;width:30px;height:30px;background-image:url(/static/media/bgm-btn.fbd2dc70.svg);background-size:contain;background-repeat:no-repeat}.questionnaire .bgm-anim{-webkit-animation:rorate-anim 1.5s linear 0s infinite forwards;animation:rorate-anim 1.5s linear 0s infinite forwards}@-webkit-keyframes rorate-anim{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rorate-anim{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.questionnaire .pad-question{width:100%;text-align:center}.questionnaire .pad-question .pad-bg{display:inline-block;position:relative}.questionnaire .pad-question .pad-bg .heart-bg{display:inline-block;width:258px;-webkit-animation:heart-scale .5s cubic-bezier(.99,1.9,.56,.73) 0s 1 forwards;animation:heart-scale .5s cubic-bezier(.99,1.9,.56,.73) 0s 1 forwards}.questionnaire .pad-question .pad-bg .lightning{position:absolute;top:-14px;left:37.5px;width:198.5px}.questionnaire .pad-question .pad-bg .horn{position:absolute;left:-25px;top:90px;width:47px;height:46px;-webkit-transform:rotate(333deg);transform:rotate(333deg);-webkit-animation:horn-shake 1s ease-in-out 0s infinite;animation:horn-shake 1s ease-in-out 0s infinite}.questionnaire .pad-question .pad-bg .alarm-clock{position:absolute;top:0;right:-25px;width:47px;height:47px}.questionnaire .pad-question .pad-bg .girl{position:absolute;left:0;bottom:-25px;width:99px;height:95px}.questionnaire .pad-question .pad-bg .small-heart1{position:absolute;left:60px;top:-10px;width:15px;height:13px;-webkit-animation:heart-scale 2s ease 0s infinite;animation:heart-scale 2s ease 0s infinite}.questionnaire .pad-question .pad-bg .small-heart2{position:absolute;left:105px;top:0;width:20px;height:17px;-webkit-animation:heart-scale 2s ease .2s infinite;animation:heart-scale 2s ease .2s infinite}.questionnaire .pad-question .pad-bg .small-heart3{position:absolute;left:80px;top:20px;width:19px;height:17px;-webkit-animation:heart-scale 2s ease .3s infinite;animation:heart-scale 2s ease .3s infinite}.questionnaire .pad-question .pad-bg .text{position:absolute;top:75px;left:40px;width:180px;color:#fff;font-size:20px;-webkit-transform:scale(0);transform:scale(0);line-height:24px;opacity:0;-webkit-animation:question-fade 1s cubic-bezier(.99,1.9,.56,.73) forwards;animation:question-fade 1s cubic-bezier(.99,1.9,.56,.73) forwards;-webkit-animation-delay:.3px;animation-delay:.3px}@-webkit-keyframes heart-scale{0%{-webkit-transform:scale(0);transform:scale(0);opacity:0}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes heart-scale{0%{-webkit-transform:scale(0);transform:scale(0);opacity:0}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@-webkit-keyframes horn-shake{0%{-webkit-transform:scale(1) rotate(333deg);transform:scale(1) rotate(333deg)}10%{-webkit-transform:scale(1.2) rotate(333deg);transform:scale(1.2) rotate(333deg)}20%{-webkit-transform:scale(1.2) rotate(328deg);transform:scale(1.2) rotate(328deg)}30%{-webkit-transform:scale(1.2) rotate(333deg);transform:scale(1.2) rotate(333deg)}40%{-webkit-transform:scale(1.2) rotate(338deg);transform:scale(1.2) rotate(338deg)}50%{-webkit-transform:scale(1.2) rotate(333deg);transform:scale(1.2) rotate(333deg)}60%{-webkit-transform:scale(1.2) rotate(328deg);transform:scale(1.2) rotate(328deg)}70%{-webkit-transform:scale(1.2) rotate(333deg);transform:scale(1.2) rotate(333deg)}80%{-webkit-transform:scale(1.2) rotate(338deg);transform:scale(1.2) rotate(338deg)}90%{-webkit-transform:scale(1.2) rotate(333deg);transform:scale(1.2) rotate(333deg)}to{-webkit-transform:scale(1) rotate(333deg);transform:scale(1) rotate(333deg)}}@keyframes horn-shake{0%{-webkit-transform:scale(1) rotate(333deg);transform:scale(1) rotate(333deg)}10%{-webkit-transform:scale(1.2) rotate(333deg);transform:scale(1.2) rotate(333deg)}20%{-webkit-transform:scale(1.2) rotate(328deg);transform:scale(1.2) rotate(328deg)}30%{-webkit-transform:scale(1.2) rotate(333deg);transform:scale(1.2) rotate(333deg)}40%{-webkit-transform:scale(1.2) rotate(338deg);transform:scale(1.2) rotate(338deg)}50%{-webkit-transform:scale(1.2) rotate(333deg);transform:scale(1.2) rotate(333deg)}60%{-webkit-transform:scale(1.2) rotate(328deg);transform:scale(1.2) rotate(328deg)}70%{-webkit-transform:scale(1.2) rotate(333deg);transform:scale(1.2) rotate(333deg)}80%{-webkit-transform:scale(1.2) rotate(338deg);transform:scale(1.2) rotate(338deg)}90%{-webkit-transform:scale(1.2) rotate(333deg);transform:scale(1.2) rotate(333deg)}to{-webkit-transform:scale(1) rotate(333deg);transform:scale(1) rotate(333deg)}}@-webkit-keyframes question-fade{0%{-webkit-transform:scale(0);transform:scale(0);opacity:0}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes question-fade{0%{-webkit-transform:scale(0);transform:scale(0);opacity:0}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.questionnaire .pad-answer{display:flex;height:calc(100% - 260px);align-items:center;-webkit-animation:move-transform .8s cubic-bezier(.99,1.9,.56,.73) forwards;animation:move-transform .8s cubic-bezier(.99,1.9,.56,.73) forwards;-webkit-animation-delay:.3px;animation-delay:.3px;-webkit-transform:translateX(375px);transform:translateX(375px);opacity:0}.questionnaire .pad-answer.row{flex-direction:row;justify-content:space-around}.questionnaire .pad-answer.column{flex-direction:column;justify-content:center;align-items:center}.questionnaire .question-index{position:absolute;text-align:center;bottom:10px;left:0;width:100%;pointer-events:none}.questionnaire .answer-option{position:relative;text-align:center}.questionnaire .answer-option .option-img{display:flex;flex-direction:column}.questionnaire .answer-option .option-img>img{height:90px}.questionnaire .answer-option .option-img>span{margin-top:10px}.questionnaire .answer-option .option-text{display:block;padding:10px;white-space:wrap;text-align:left;font-size:16px;margin:10px 15px 0;border-radius:10px;border:1px solid #1a1a1a;color:#28292b;cursor:pointer;line-height:22px}@-webkit-keyframes move-transform{0%{-webkit-transform:translateX(375px);transform:translateX(375px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes move-transform{0%{-webkit-transform:translateX(375px);transform:translateX(375px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}.questionnaire .pad-cover,.questionnaire .pad-cover .cover-content{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.questionnaire .pad-cover .examination-title{text-align:center;font-size:40px;margin-top:20vh}.questionnaire .pad-cover .sub-title{text-align:center;font-size:20px;margin-top:20px}.questionnaire .pad-cover .description{text-align:center;margin-top:50px;line-height:30px;color:#fa0d2f;font-size:18px}.questionnaire .pad-cover .button-wrap{margin-top:25px;text-align:center;z-index:1;cursor:pointer}.questionnaire .pad-description{position:absolute;left:0;top:0;width:100%;height:100%;text-align:center;font-size:18px;display:flex;flex-direction:column;justify-content:center;align-items:center}.questionnaire .pad-description .section{margin-bottom:25px;line-height:28px;padding:0 15px}.questionnaire .pad-description .title{margin-bottom:25px;font-size:30px}.questionnaire .pad-description .button-wrap{margin-top:50px}.questionnaire .pad-description .pad-input-name .desc{font-size:18px;display:block;margin-bottom:15px}.questionnaire .pad-description .pad-input-name .input{font-size:18px;display:inline-block;text-align:center}.questionnaire .pad-description .pad-input-name .error{font-size:13px;display:block;color:#ff5448}.questionnaire .button{border:0;outline:0;background-color:#ff5448;border-radius:9px;box-shadow:#ff5448;color:#fff;width:200px;height:48px;font-size:20px;cursor:pointer}.questionnaire .pad-result{position:absolute;left:0;top:0;width:100%;height:100%;color:#28292b;display:flex;flex-direction:column;align-items:center}.questionnaire .pad-result .result-wrapper{width:calc(100% - 30px);max-width:500px;background-color:#fff;border:1px solid #ccc}.questionnaire .pad-result .pad-image{background-color:#e9e9e9}.questionnaire .pad-result .resut-image{width:100%;margin-top:0;display:block}.questionnaire .pad-result .pad-score{margin-top:10px;text-align:center;font-size:24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.questionnaire .pad-result .pad-score .score{color:#fa0d2f;font-size:30px}.questionnaire .pad-result .pad-desc{text-align:left;margin-top:20px;font-size:20px;padding:0 15px 10px}.questionnaire .pad-result .result-text{font-size:20px}.questionnaire .pad-result .pad-logo{text-align:center}.questionnaire .pad-result .logo{height:30px}.questionnaire .pad-result .buttons{text-align:center;margin-top:25px}.questionnaire .pad-result .btn{background-color:#f2a653;border:0;outline:0;color:#fff;border-radius:6px;width:115px;height:48px;margin:0 20px;font-size:16px}.questionnaire .pad-result .pad-download{text-align:center;margin-top:15px}.questionnaire .pad-result .pad-download .btn{width:150px}.questionnaire .pad-result .pad-download .txt{margin-top:10px}@media (min-width:588){.questionnaire .pad-result{margin:20%}}.questionnaire .pad-share-mask{position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.5)}.questionnaire .pad-share{background-color:hsla(0,0%,100%,.6);position:absolute;height:200px;bottom:0;left:0;width:100%;background-color:#fff;border-top-left-radius:10px;border-top-right-radius:10px;font-family:-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,Helvetica,Arial,PingFang TC,Microsoft Yahei,Hiragino Sans GB,Heiti TC,WenQuanYi Micro Hei,sans-serif}.questionnaire .pad-share .pad-loading{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.questionnaire .pad-share .loading{-webkit-animation:rorate-anim 1.5s linear 0s infinite forwards;animation:rorate-anim 1.5s linear 0s infinite forwards;width:20px;margin-right:5px}.questionnaire .pad-share .close{position:absolute;right:0;top:0}.questionnaire .pad-share .close>img{width:44px;height:44px}.questionnaire .pad-share .share-text{text-align:center;margin-top:15px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.questionnaire .pad-share .share-buttons{margin-top:50px;display:flex;justify-content:space-around;align-items:center}.questionnaire .pad-share .share-buttons .share-button{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1 1}.questionnaire .pad-share .share-buttons img{width:40px;height:40px}.questionnaire .pad-share .share-buttons .text{text-align:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin-top:10px}@font-face{font-family:FangYuanKaTongPOPZi;src:url(/static/media/FangYuanKaTongPOPZi.7001b061.ttf) format("truetype")}
/*# sourceMappingURL=main.9f8a5433.chunk.css.map */