.crumbs{height: 80px;line-height:80px;margin:0;color: #9d9fae;font-size: 16px;border-bottom: 1px solid #326C78;}
.crumbs a{color: #9d9fae;font-size: 16px;}
.crumbs a.active{font-size: 20px;color: #fff;}
.play_1{margin: 30px 0;overflow: hidden;}
.play_1 h3{max-width:450px;height:60px;line-height:60px;font-size: 32px;color:#fff;font-weight: normal;float: left;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.play_1 > .left{width: 75%;}
.play_1 > .left > p{height:60px;line-height:80px;float: left;color: #fff;background: url(../img/ic_teacher1.png) no-repeat left 33px;text-indent: 20px;margin: 0 0 0 20px;}
.play_1 > .left > span.college{float: left;background: #00F2D1;border-radius: 3px;color: #041133;padding:2px 8px;margin: 25px 0 0 10px;font-size: 14px;font-weight: bold;}
.play_1 > .left > span.category{float: left;background: rgba(0,0,0,0.4);border-radius: 3px;color: #fff;padding:2px 8px;margin: 25px 0 0 10px;font-size: 14px;font-weight: bold;}
.play_1 > .left > span.ewm{float: right;}
.play_1 > .left > span.ewm img{width:60px;}
.play_1 > .left .video{width:100%;}
.play_1 > .left .video video{width: 100%;object-fit: fill}
.play_1 > .left .video_info{width: 100%;}
.play_1 > .left .video_info .play_volume{float: right;background: url(../img/ic_playvolume.png) no-repeat left center;background-size: 16px;text-indent: 20px;color: #B4B6C2;margin: 20px 30px 0 0;}
.play_1 > .left .video_info .praise{float: right;background: url(../img/ic_praise.png) no-repeat left center;background-size: 16px;text-indent: 20px;color: #B4B6C2;margin: 20px 20px 0 0;}
.play_1 > .left .video_info .collect{width:16px;height:16px;display:block;float: right;background: url(../img/ic_s3.png) no-repeat left top;background-size: 16px;margin: 23px 10px 0 0;}
.play_1 > .left .video_info .label{width:16px;height:16px;display:block;float: right;background: url(../img/ic_b3.png) no-repeat left top;background-size: 16px;margin: 23px 20px 0 0;}
.play_1 > .left .video_info .more{font-size: 18px;color: #00F2D1;float: right;margin: 13px 10px 0 0;}
.play_1 > .right{width: 23%;background: rgba(0,0,0,0.2);}
.play_1 > .right > h5{height:50px;line-height:50px;text-indent:10px;font-size: 18px;color:#fff;font-weight: normal;}
.play_1 > .right ul{width: 100%;height: 580px;overflow-y: scroll;}
.play_1 > .right ul::-webkit-scrollbar{/*滚动条整体样式*/width:8px;/*高宽分别对应横竖滚动条的尺寸*/height:8px;border-radius: 4px;}
.play_1 > .right ul::-webkit-scrollbar-thumb{/*滚动条里面小方块*/border-radius:5px;-webkit-box-shadow:inset005pxrgba(0,0,0,0.2);background:#00F2D1;border-radius: 4px;}
.play_1 > .right ul::-webkit-scrollbar-track{/*滚动条里面轨道*/-webkit-box-shadow:inset005pxrgba(0,0,0,0.2);border-radius:0;background:rgba(255,255,255,0.1);border-radius: 4px;}
.play_1 > .right ul li{width: 100%;overflow: hidden;margin: 10px 0 20px 0;}
.play_1 > .right .img{width: 120px;height: 80px;overflow: hidden;margin: 0 0 0 10px;float: left;}
.play_1 > .right .right{width: 120px;}
.play_1 > .right .right h5{color: #fff;font-size: 14px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;}
.play_1 > .right .right p:first-of-type{font-size: 12px;color: #B4B6C2;background: url(../img/ic_teacher1.png) no-repeat left center;background-size: 14px;text-indent: 16px;margin: 10px 0 0 0;}
.play_1 > .right .right p:last-of-type{font-size: 12px;color: #B4B6C2;background: url(../img/ic_playvolume.png) no-repeat left center;background-size: 14px;text-indent: 16px;margin: 5px 0 0 0;}
.play_2 > .left{width:75%;overflow: hidden;}
.play_2 > .left > .left{overflow: hidden;}
.play_2 > .left > .left .avatar{width: 70px;height: 70px;overflow: hidden;border-radius: 50%;}
.play_2 > .left > .left .avatar img{width: 100%;min-height: 100%;}
.play_2 > .left > .left p{color: #00F2D1;font-size: 16px;line-height: 40px;}
.play_2 > .left > .right{width: 88%;}
.play_2 > .left > .right label{font-size: 16px;color:#fff;float: left;margin: 0 0 20px 20px;}
.set_image_all {cursor: pointer;position: relative;margin:2px 0 0 0;transition: all 0.3s;}
.set_image_all .set_image_item {position: relative;display: inline-block;z-index: 11;visibility: visible;}
.set_image_all .set_image_top {position: absolute;left: 0;top: -1px;z-index: 10;}
.set_image_all .set_image_top>div {display: inline-block;overflow: hidden;}
.set_image_all .set_image_top>div>img {height: 100%;}
.grade {vertical-align: top;color:#9094a0;margin: 0 0 0 10px;}

.play_2 > .left > .right textarea{width: 95%;height: 120px;background: #041133;border:none;margin: 0 10px 20px 0;border-radius: 10px;padding: 15px;font-size: 16px;box-shadow: 5px 10px 10px rgba(0,0,0,0.2);}
.play_2 > .left > .right textarea::-webkit-input-placeholder{color:#9CA0AC;}
.play_2 > .left > .right > a{width:150px;height:40px;display: block;background: #00F2D1;color: #041133;border-radius: 8px;text-align: center;line-height: 40px;float: right;margin: 0 10px 0 0;box-shadow: 5px 10px 10px rgba(0,0,0,0.2);}
.play_2 > .left > .comment{width: 100%;background:#041133;overflow: hidden;margin: 40px 0 0 0;}
.play_2 > .left > .comment h5{height:80px;line-height: 80px;font-size: 20px;color: #fff;font-weight: normal;text-indent: 30px;}
.play_2 > .left > .comment .comment_list{width: 95%;margin: 20px auto;overflow: hidden;}
.play_2 > .left > .comment .comment_list .list_box{margin: 0 0 50px 0;overflow: hidden;}
.play_2 > .left > .comment .comment_list .left{width:80px;overflow: hidden;}
.play_2 > .left > .comment .comment_list .left .avatar{width: 70px;height:70px;overflow: hidden;border-radius: 50%;margin: 40px 0 0 0;}
.play_2 > .left > .comment .comment_list .left .avatar img{width: 100%;min-height: 100%;}
.play_2 > .left > .comment .comment_list .left p{font-size: 14px;color: #00F2D1;text-align: center;margin: 10px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.play_2 > .left > .comment .comment_list  .right{width: 85%;overflow: hidden;}
.play_2 > .left > .comment .comment_list  .right .text{width: 95%;background: rgba(255,255,255,0.1);box-shadow: 5px 10px 10px rgba(0,0,0,0.3);border-radius: 3px;padding: 10px;margin: 15px 0 0 0;}
.play_2 > .left > .comment .comment_list  .right .text p{font-size: 16px;color: #B4B6C2;line-height: 30px;margin: 0 0 30px 0;}
.play_2 > .left > .comment .comment_list  .right .text .time{overflow: hidden;}
.play_2 > .left > .comment .comment_list  .right .text span{font-size: 14px;color: #B4B6C2;float: left;}
.play_2 > .left > .comment .comment_list  .right .text a{width: 16px;height: 16px;display: block;float: left;background: url(../img/ic_praise.png) no-repeat left top;background-size: 16px;margin: 0 0 0 15px;}
.play_2 > .right{width: 23%;}
.play_2 > .right .main_img{width: 90%;height: 170px;overflow: hidden;margin: 45px 0 0 5%;}
.play_2 > .right .main_img img{width: 100%;min-height: 100%;}
.play_2 > .right > h4{font-size: 20px;color: #fff;font-weight: normal;text-indent: 5%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;margin: 30px 0 0 0;}
.play_2 > .right > p{height:60px;line-height:70px;float: left;color: #fff;font-size:14px;background: url(../img/ic_teacher1.png) no-repeat left 28px;text-indent: 20px;margin: 0 0 0 15px;}
.play_2 > .right > span.college{float: right;background: #00F2D1;border-radius: 3px;color: #041133;padding:2px 5px;margin: 25px 0 0 5px;font-size: 12px;font-weight: bold;}
.play_2 > .right > span.category{float: right;background: rgba(0,0,0,0.4);border-radius: 3px;color: #fff;padding:2px 5px;margin: 25px 15px 0 5px;font-size: 12px;font-weight: bold;}
.play_2 > .right > h5{width: 90%;font-size: 16px;line-height:30px;font-weight: normal;color: #B4B6C2;margin: 15px 0 0 5%;text-align: justify;}
.play_2 > .right > h5 span{color: #fff;}