.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)}.course-animation .animation-head{background:#3f70a3}.course-animation .animation-head .head-content{height:6.56rem;width:43.75rem;margin:0 auto;position:relative}.course-animation .animation-head .head-content .head-title{background:url(https://assets.19x19.com/img/animation_course/head_title.png) no-repeat;background-size:100% 100%;position:absolute;top:2.19rem;left:0;width:18.13rem;height:3.13rem}.course-animation .animation-head .head-content .return-box{position:absolute;bottom:1.95rem;right:0}.course-animation .animation-head .head-content .return-box .img{width:1.95rem;cursor:pointer}.course-animation .animation-content{min-height:calc(100vh - 8.6rem);background:#aec9ea;padding-bottom:1.95rem}.course-animation .animation-content .animation-list{width:43.75rem;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:.63rem 0}.course-animation .animation-content .animation-list .item{width:100%;margin-top:.78rem;text-align:start}.course-animation .animation-content .animation-list .item .date-box.hide{visibility:hidden}.course-animation .animation-content .animation-list .item .date-box{display:inline-block;min-width:3.44rem;text-align:center;padding:.2rem .78rem;border-radius:.78rem;background:#9fb8d7}.course-animation .animation-content .animation-list .item .date-box .title .t{margin-left:.39rem}.course-animation .animation-content .animation-list .item .date-box .title-txt{color:#e2e9f2;font-size:.63rem}.course-animation .animation-content .animation-list .item .animation-box{background:#fff;border-radius:.63rem;-webkit-box-shadow:0 0 .63rem .2rem #9fb8d7;box-shadow:0 0 .63rem .2rem #9fb8d7;margin-top:.47rem;position:relative;padding:.78rem;display:-webkit-box;display:-ms-flexbox;display:flex;cursor:pointer}.course-animation .animation-content .animation-list .item .animation-box .cover-img{width:5.86rem;height:7.81rem;border-radius:.43rem;overflow:hidden;position:relative}.course-animation .animation-content .animation-list .item .animation-box .cover-img .mark{width:100%;height:100%;position:absolute;top:0;left:0;bottom:0;right:0;background:rgba(0,0,0,.3)}.course-animation .animation-content .animation-list .item .animation-box .cover-img .mark .mark-content{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.course-animation .animation-content .animation-list .item .animation-box .cover-img .mark .mark-content .lock{background:url(https://assets.19x19.com/img/animation_course/lock.png) no-repeat;background-size:100% 100%;width:1.95rem;height:1.95rem}.course-animation .animation-content .animation-list .item .animation-box .cover-img .mark .mark-content .lock-title{margin-top:.2rem}.course-animation .animation-content .animation-list .item .animation-box .cover-img .mark .mark-content .lock-title .txt{color:#fff;font-size:.86rem}.course-animation .animation-content .animation-list .item .animation-box .cover-info{width:calc(100% - 5.86rem);min-width:8.98rem;padding:0 1.41rem;position:relative;overflow:hidden}.course-animation .animation-content .animation-list .item .animation-box .cover-info .info-stars{position:absolute;bottom:1.25rem;display:-webkit-box;display:-ms-flexbox;display:flex}.course-animation .animation-content .animation-list .item .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}.course-animation .animation-content .animation-list .item .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%}.course-animation .animation-content .animation-list .item .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}.course-animation .animation-content .animation-list .item .animation-box .cover-info .title .title-txt{font-size:1.02rem;color:#333;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.course-animation .animation-content .animation-list .item .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}.course-animation .animation-content .animation-list .item .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}.course-animation .animation-content .animation-list .item .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}.course-animation .animation-content .animation-list .item .animation-box .cover-info .chapter .title-txt{font-size:.7rem;color:#969696;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}