[hidden]{display:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}.course-cover{cursor:pointer}[v-cloak]{display:none}.tutorial-nav{overflow:hidden}.tutorial-nav .tutorial-nav-left{display:flex;align-items:center}.tutorial-nav-left li{position:relative;padding:17px 0;margin:0 25px;min-width:52px;text-align:center;font-size:14px;color:#323232;cursor:pointer;border-bottom:4px solid transparent}.tutorial-nav-left li i{position:absolute;bottom:0;right:-25px;transform:translate(-50%,-119%);width:2px;height:14px;background:#d9d9d9}.tutorial-nav-left li:first-of-type{margin-left:0}.tutorial-nav-left .specail{color:#00a8e9;border-bottom:4px solid #00a8e9}.container section{min-height:400px;background:#fff}.tutorial-list{box-sizing:border-box;padding:40px;background:#fff;overflow:hidden}@media screen and (min-width:995px){.tutorial-list li{float:left;width:23.8%}.tutorial-list li:nth-of-type(4n+2){margin-right:1.5%;margin-left:1.5%}.tutorial-list li:nth-of-type(4n+3){margin-right:1.5%}}@media screen and (min-width:495px) and (max-width:995px){.tutorial-list li{float:left;width:49%}.tutorial-list li:nth-of-type(odd){margin-right:2%}}@media screen and (max-width:494px){.tutorial-list li{float:left;width:100%}}.tutorial-list li .course-cover{width:100%}.tutorial-list li .course-title{font-size:16px;font-weight:400;font-stretch:normal;margin:15px 0 10px}.tutorial-list li .other-tag{display:flex;margin-bottom:25px;align-items:center}.course-tag{font-size:14px;padding:1px;font-weight:700;color:#4caf50;border:1px solid #4caf50;border-radius:3px}.tag-center{border:1px solid #00a8e9;color:#00a8e9}.tag-large{border:1px solid #fc8a0d;color:#fc8a0d}.tutorial-list li .course-teacher{color:#333;font-size:14px;padding-left:15px}.list-no-data{padding-top:190px;text-align:center}.course-details{width:100%;box-sizing:border-box;padding:40px;background:#fff}.details-title{display:flex}.details-cover{flex:1;box-sizing:border-box;padding-right:37px}.details-cover img{width:100%}.details-introduction{flex:1}.details-introduction ul{display:flex;align-items:center}.details-introduction .title{font-size:28px;font-weight:400;font-stretch:normal;line-height:22px;letter-spacing:0;color:#323232;margin-bottom:35px}.details-introduction .pipe{margin:0 14px;width:1px;height:12px;background:#d9d9d9}.details-introduction .details-introduction-content{font-size:12px;color:#323232}.details-introduction .word{line-height:25px;font-size:16px;font-weight:400;font-stretch:normal;letter-spacing:0;color:#323232;margin-top:35px}@media screen and (min-width:495px) and (max-width:875px){.details-introduction ul{display:flex;align-items:center;flex-wrap:wrap}.details-introduction .word{margin-top:25px}.details-introduction-content-ipad{margin-top:5px}}@media screen and (max-width:585px){.details-title{display:block}.details-cover{width:100%}.details-introduction .title{margin:20px 0}.details-cover{padding:0}}.lession-title{color:#000;font-size:16px;margin:40px 0;padding-left:8px;border-left:4px solid #00a8e9}.lession-list{display:flex;justify-content:space-between;align-items:center;height:50px;border-bottom:1px dashed #eee}.lession-list:nth-of-type(2){border-top:1px dashed #eee}.lession-list-title{font-size:14px;color:#333}.lession-play-btn{font-size:14px;color:#00a8e9;cursor:pointer}.mp4-close{position:absolute;z-index:1000;top:-19px;right:0;margin:0 auto;cursor:pointer;font-weight:700;color:#00a8e9;background:#000}.tcdPageCode{text-align:right;padding:12px!important;background:#fff;margin-top:12px}.tcdPageCode a,.tcdPageCode li{display:inline-block}.tcdPageCode a{color:#3a3a3a}.tcdPageCode a:focus,.tcdPageCode a:hover{background:#eee;color:#3a3a3a}.tcdPageCode .current a{background:#00a8e9;color:#fff}.tcdPageCode .disabled{color:#c8c8c8}.help-pagebox{padding-right:20px}.help-pagebox .tcdPageCode{padding-top:119px;padding-bottom:30px}.tcdPageCode a.banclick{cursor:not-allowed}.tutorial-last-line{height:15px}@media screen and (min-width:1025px){.mp4-warp video{width:759px;height:413px}}.mp4-warp{position:fixed;top:0;right:0;bottom:0;left:0;display:-ms-flexbox;display:flex;z-index:99999;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.homo-wrap{position:relative}@media screen and (max-width:1025px){.mp4-warp{width:100%}.homo-wrap{width:100%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.mp4-warp video{width:100%}}