.subject-model-type-opacity.button.type-1{background:url(https://assets.19x19.com0.4) no-repeat;background-size:100% 100%;background:rgba(65,102,146,.4)}.subject-model-type-opacity.button.type-2{background:url(https://assets.19x19.com0.5) no-repeat;background-size:100% 100%;background:rgba(65,102,146,.5)}.subject-model-type-opacity.button.type-3{background:url(https://assets.19x19.com0.6) no-repeat;background-size:100% 100%;background:rgba(65,102,146,.6)}.subject-model-type-opacity.button.type-4{background:url(https://assets.19x19.com0.7) no-repeat;background-size:100% 100%;background:rgba(65,102,146,.7)}.subject-model-type-opacity.page.type-1{background:url(https://assets.19x19.com0.15) no-repeat;background-size:100% 100%;background:rgba(65,102,146,.15)}.subject-model-type-opacity.page.type-2{background:url(https://assets.19x19.com0.25) no-repeat;background-size:100% 100%;background:rgba(65,102,146,.25)}.subject-model-type-opacity.page.type-3{background:url(https://assets.19x19.com0.35) no-repeat;background-size:100% 100%;background:rgba(65,102,146,.35)}.subject-model-type-opacity.page.type-4{background:url(https://assets.19x19.com0.45) no-repeat;background-size:100% 100%;background:rgba(65,102,146,.45)}.animation-bcg{min-height:calc(100vh - 2.04rem);background:#dfedff;padding:4.38rem 7.97rem;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.animation-bcg,.animation-bcg .study-cards{display:-webkit-box;display:-ms-flexbox;display:flex}.animation-bcg .study-cards{width:50rem;height:15.63rem;margin:0 auto;margin-top:3.44rem;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.animation-bcg .study-cards .item{cursor:pointer;width:10.31rem;height:15.63rem;border-radius:.63rem;background:#bfcbd9;position:relative}.animation-bcg .study-cards .item .finished-icon{background:url(https://assets.19x19.com/img/animation_course/finished.png) no-repeat;background-size:100% 100%;width:1.56rem;height:1.05rem;position:absolute;bottom:1.56rem;left:0;right:0;margin:0 auto}.animation-bcg .study-cards .item .unfinished-icon{background:url(https://assets.19x19.com/img/animation_course/unfinished.png) no-repeat;background-size:100% 100%;width:1.41rem;height:1.41rem;position:absolute;bottom:1.56rem;left:0;right:0;margin:0 auto}.animation-bcg .study-cards .item .title{position:absolute;top:7.81rem;left:0;right:0;margin:0 auto}.animation-bcg .study-cards .item .title .title-txt{font-size:1.41rem;color:#fafbfc}.animation-bcg .study-cards .item .icon{width:3.59rem;height:3.59rem;position:absolute;top:2.27rem;left:0;right:0;margin:0 auto}.animation-bcg .study-cards .item .icon1{background:url(https://assets.19x19.com/img/animation_course/icon1.png) no-repeat;background-size:100% 100%}.animation-bcg .study-cards .item .icon2{background:url(https://assets.19x19.com/img/animation_course/icon2.png) no-repeat;background-size:100% 100%}.animation-bcg .study-cards .item .icon3{background:url(https://assets.19x19.com/img/animation_course/icon3.png) no-repeat;background-size:100% 100%}.animation-bcg .study-cards .item .icon4{background:url(https://assets.19x19.com/img/animation_course/icon4.png) no-repeat;background-size:100% 100%}.animation-bcg .study-cards .item.knowledge{background:#ed5a55}.animation-bcg .study-cards .item.example{background:#feb70e}.animation-bcg .study-cards .item.exercise{background:#33c72f}.animation-bcg .study-cards .item.story{background:#1e98c5}.animation-bcg .animation{width:50rem;margin:0 auto;margin-top:.78rem;text-align:start}.animation-bcg .animation .animation-box{background:#fff;border-radius:.63rem;-webkit-box-shadow:0 0 .63rem .2rem #ccd9e9;box-shadow:0 0 .63rem .2rem #ccd9e9;margin-top:.47rem;padding:.98rem;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}.animation-bcg .animation .animation-box .cover-img{width:5.86rem;height:7.81rem;border-radius:.43rem;overflow:hidden}.animation-bcg .animation .animation-box .cover-info{width:calc(100% - 5.86rem);min-width:8.98rem;padding:0 1.41rem;position:relative;overflow:hidden}.animation-bcg .animation .animation-box .cover-info .info-stars{position:absolute;bottom:1.25rem;display:-webkit-box;display:-ms-flexbox;display:flex}.animation-bcg .animation .animation-box .cover-info .info-stars .stars-item{background:url(https://assets.19x19.com/img/animation_course/star_dark.png) no-repeat;background-size:100% 100%;width:1.41rem;height:1.41rem;display:inline-block;margin-right:.59rem}.animation-bcg .animation .animation-box .cover-info .info-stars .stars-item.light{background:url(https://assets.19x19.com/img/animation_course/star_light.png) no-repeat;background-size:100% 100%}.animation-bcg .animation .animation-box .cover-info .title{position:absolute;top:2.93rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.animation-bcg .animation .animation-box .cover-info .title .title-txt{font-size:1.02rem;color:#333;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.animation-bcg .animation .animation-box .cover-info .title .new{background:url(https://assets.19x19.com/img/animation_course/new.png) no-repeat;background-size:100% 100%;width:2.07rem;height:1.02rem;margin-left:.31rem}.animation-bcg .animation .animation-box .cover-info .title .try-listen{background:url(https://assets.19x19.com/img/animation_course/try_listen.png) no-repeat;background-size:100% 100%;width:2.07rem;height:1.02rem;margin-left:.31rem}.animation-bcg .animation .animation-box .cover-info .chapter{position:absolute;top:.94rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:1.02rem}.animation-bcg .animation .animation-box .cover-info .chapter .title-txt{font-size:.7rem;color:#969696;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.animation-bcg .animation .animation-box .return-box{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);right:1.72rem;z-index:1}.animation-bcg .animation .animation-box .return-box .img{width:1.95rem;height:1.95rem;cursor:pointer}.document-page-content-web{position:relative}.document-page-content-web .animation-video{width:100%;height:100%;background:rgba(0,0,0,.5);z-index:998}.document-page-content-web .animation-video .video-box{position:absolute;top:0;left:0;width:100%;height:100%;z-index:301}.document-page-content-web .animation-video .video-box video{width:100%;height:100%}.document-page-content-web .animation-video .return-box{position:absolute;top:2.34rem;right:1.56rem;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:123}.document-page-content-web .animation-video .return-box .img{width:1.95rem;height:1.95rem;cursor:pointer}