body,html{background:#fff;height:100%}.course-video video,.videoBox{height:211px;width:100%}.videoTitle{font-size:17px;color:#000}.videoTitle .videoTitle-t{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0 15px;height:37px;background-color:#f1f1f1}.videoTitle-t-one img{width:16px;height:16px;vertical-align:-3px}.videoTitle-t-one i{display:inline-block;width:1px;height:16px;background:#cacaca;position:relative;top:3px}.videoTitle-t-one img.share{padding-left:0;border-right:none}.videoTitle-b{padding:0 15px}.videoTitle-b text{font-weight:700;display:block;font-size:17px;color:#000;padding:20px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.njtab{border-top:10px solid #ebecea;height:51px;line-height:42px;font-size:15px;color:#000;padding:0 10px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;border-bottom:1px solid #edeeec}.njtab-div{width:calc((100% - 30px)/4);height:100%;margin-right:10px;display:inline-block;text-align:center}.njtab-div:last-child{margin-right:0}.njtab-div.active{color:#32a658;height:40px;border-bottom:2px solid #32a658}.nav{height:48px;padding-top:20px;width:100%;position:fixed;top:0;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;z-index:9999;background:#f8f8f8;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:16px;line-height:24px;margin:0;padding:0;font-weight:600}.show{padding:12px}.task-list{border-bottom:1px solid #e4e4e4;padding-bottom:15px;margin-bottom:16px}.task-img{border-radius:6px;overflow:hidden}.task-list img{width:100%;border-radius:6px}.task-name{height:45px;line-height:45px}.task-name span{overflow:hidden}.task-name span,.task-name span img{width:24px;height:24px;border-radius:100px}.task-name span img{display:inline-block;position:relative;top:5px}.task-name b{font-size:14px;color:#000;font-weight:400}.task-name em{float:right;font-size:12px;color:#666}.task-fun{height:25px}.foleft{float:left}.foright{float:right}.task-fun span.foleft span,.task-fun span.foright span{display:inline-block;height:25px;font-size:14px;color:#000}.task-fun span.foleft span{margin-right:19px}.task-fun span img{width:23px;position:relative;top:4px}.mychild{padding:15px}.newheight{height:48px}.mychild a{display:inline-block;height:32px;line-height:30px;font-size:15px;color:#666;padding:0 18px;border:1px solid #c9c8c8;border-radius:100px;margin-right:5px}.mychild a.cur{background:#32a658;color:#fff;border:1px solid #32a658}.addimg{padding:0 16px;margin-top:5px}.addimg img{width:100%}.f-but{position:fixed;left:0;right:0;margin:0 auto;bottom:32px;width:210px;background:#32a658}.f-but,.f-but a{height:39px;border-radius:100px}.f-but a{display:block;width:100%;font-size:18px;color:#fff;text-align:center;line-height:39px}