.video-modal-diy{font-size:30px;text-align:center}.course-play-page[data-v-4602b212]{min-height:calc(100vh - 80px);background-color:#f8f8f8;overflow:hidden}.course-play-page .player-box[data-v-4602b212]{max-width:1200px;margin:0 auto}.course-play-page .player-box .player-video[data-v-4602b212]{float:left;width:872px;height:540px}.course-play-page .player-box .player-chapter[data-v-4602b212]{float:right;width:306px;height:540px;background:#fff;border-radius:8px;padding:17px 0;box-sizing:border-box}.course-play-page .player-box .player-chapter>span[data-v-4602b212]{font-size:18px;color:#333;position:relative;margin-left:25px}.course-play-page .player-box .player-chapter>span[data-v-4602b212]:before{content:"";display:block;width:2px;height:18px;margin-left:17px;background:#2badef;position:absolute;top:50%;transform:translateY(-50%)}.course-play-page .player-box .player-chapter>ul[data-v-4602b212]{padding:0}.course-play-page .player-box .player-chapter>ul li[data-v-4602b212]{list-style-type:none;width:100%;height:40px;line-height:40px;cursor:pointer;font-size:14px;color:#333;padding-left:17px;padding-right:13px;box-sizing:border-box}.course-play-page .player-box .player-chapter>ul li[data-v-4602b212]:hover{background-color:#fafafa}.course-play-page .player-box .player-chapter>ul li .course-title[data-v-4602b212]{display:inline-block;overflow:hidden}.course-play-page .player-box .player-chapter>ul li .course-name[data-v-4602b212]{display:inline-block;max-width:97px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-left:10px}.course-play-page .player-box .player-chapter>ul li .course-status[data-v-4602b212]{display:block;float:right;width:20px;height:100%;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAABqCAYAAACMLWCdAAAAAXNSR0IArs4c6QAABABJREFUWEftWF1oI1UU/k5+pibNtt1ma+r6i33RgFioLD60NMlDV5ksbYXSBx+Mr118KAV/HiwWFJFF2BcFF8EUBe2KtKUkrpXdmQouLcoaFhShskiFrtna0l3atEkmc+TOZLJJOtttq49z3zL3fPec+53v3vkmBJvxyMUhHwVcJ8VUqZS7uXpmLlcfRtUPWtMvNwWgjbnI9RYAb3muqEP/8M5u/oPNwZlNK74CPHHppYcC3JBhcBuBahZkMIPodq6kPb0mf/23ABsBxy8ONTcdc98gUKtd6dYzBrZ3XbtPZk9P3zKAj6WHJ4jo7fpMFqBNaobc/jySK99Bh35u5cWp1+kJJfEAdvN3qvZUk7RVasL5Z0bwzeoPmL15VcwVC9pWCz2aHu5wk+sP8aTvwedwdf1XbJV2DLCX3Jg6NY5P/0wjnV2qLJgv6eEa4KmWp/BOOIHBxXHoXMJ89zm8+/sXuLx2raYKA3hy7oxf8gQEzQb9IuvZjgGU9BI+ujGDy2u/1PNV3HF5jpvkfDv8PoHesMjpPfEsfG4Jl7I/7SFZJ/38ygtTo2Y7vh9qbtIO1o6dAjpu9X+ZrTQ6ODf08DGP5zcATXa9ZGBXd3PHX31frVYEYAW2p4faGsjzJgGvVUuOmT/Jcek9SzV7gNYCgjAm/+Pit+6VVrKnP9/eV+T7yc0BHoKdmpN+CJx5AxxlOMB9WHPIccg5yqEqv5GPAnUk50iuloFCLJYA8ysAOsszGTAnJVWdrI6sKIcjkZYi0TSIIrZkMqte5kFSVcN6VoCFaFQFUS9CIXhGRkCdnUAgAM5kUJqcBF+/DjCrkqJEK0CjPOAzAfJeuGAA6oc2OmqCgVelK1eSRkYrm2diAtTdbV9pJgNtbExkXZAUJWICYzFRd7N3dtY2m7HS1haK/f0CuCkpiunlCrEYH/RMMjMaFMX03vlo9B8iCh4IzJyVFKXdAo4T0cR9gWwUdlZSlI8r7chHIj8TUVfdB4C5ltsNaJrY34+Sqhrs1QtgBkDvnsxiR8wLXuaBPQKwgsuSS4DIlBxzBkRJ0Ttbyd13f3UBzi3n3HKH1YwZ7yjHUY6jnHsx4JwO53T8T6cjlUoluN52Asl4PG5vOxVFadne3p6me9hOZlYbGxsHo9Fore1MpVKqsCo+nw/hcBjBYBAejwfr6+tYXl7GxsYGBDgej9+1naI8YTsFqKenxwDUj8XFRQMsbKcsy6bttLJ1dXUhFArZsiUyLy0Z/z8uyLJs2s5UKmXYzr6+PttsIkbTNMzPz4tyN+PxuGk7DwMEcFuW5Zb/XOrRyKkmaL92WMTUvJGFAHK5nL3tNHle8Pv9A3sEYPWg3FNR+t0vHSApelfdp38BGGqqcAc5JEMAAAAASUVORK5CYII=);background-repeat:no-repeat;background-position-y:50%}.course-play-page .player-box .player-chapter>ul li .course-playing[data-v-4602b212]{display:block;width:20px;height:100%;float:right}.course-play-page .player-box .player-chapter>ul li .course-playing img[data-v-4602b212]{width:100%;vertical-align:middle}