.cloudclassroom img{display:inline-block;width:100%}.cloudclassroom .banner{max-width:1920px;height:460px;margin:0 auto;overflow:hidden;background:url("../images/yunketangbanner.jpg") no-repeat center top;background-size:1920px 460px}.cloudclassroom .navs{max-width:1200px;min-height:60px;background:#EFF3F5;border-radius:30px;margin:30px auto;overflow:hidden}.cloudclassroom .navs a{display:block;float:left;height:50px;line-height:50px;font-size:16px;color:#333;padding:0 14px;word-break:break-all;margin:5px 15px 5px 5px}.cloudclassroom .navs a.active,.cloudclassroom .navs a:hover{padding:0 14px;background:#1476FF;border-radius:25px;color:#FFFFFF}.cloudclassroom .content-ad{width:1200px;height:170px;margin:0 auto;overflow:hidden}.cloudclassroom .content-list{width:1240px;margin:0 auto;padding-bottom:30px;overflow:hidden;min-height:300px}.content-block{display:block;width:270px;height:312px;margin:15px 20px;float:left;background-image:linear-gradient(-45deg, #F5F8FF 0%, #fff 100%)}.content-block:hover{background-image:linear-gradient(-45deg, #F5F8FF 0%, #fff 100%);box-shadow:0 40px 20px -20px rgba(98,108,121,0.4)}.content-block .img{width:270px;height:150px;position:relative;background-color:#666}.content-block .img:after{display:block;content:"";width:43px;height:43px;background:url("../images/cloudclassroom/play-fill.png") no-repeat center center;background-size:43px 43px;position:absolute;top:50%;right:auto;bottom:auto;left:50%;z-index:0;margin-left:-21px;margin-top:-21px}.content-block .info{width:270px;height:162px;overflow:hidden;padding:0 20px}.content-block .title{height:56px;font-size:18px;color:#333;text-align:justify;line-height:28px;margin-top:20px;margin-bottom:20px;display:block;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.content-block .name,.content-block .pos{width:100%;line-height:16px;height:16px;overflow:hidden;padding-left:20px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;-ms-text-overflow:ellipsis;text-overflow:ellipsis;background:url("../images/cloudclassroom/bussiness-man.png") no-repeat left center;background-size:16px 16px;color:#333}.content-block .pos{background:url("../images/cloudclassroom/company.png") no-repeat left center;background-size:16px 16px;margin-top:10px}.cloudclassroom .pages{overflow:hidden;text-align:center;margin-bottom:60px}.video-detail{width:1200px;margin:0 auto;overflow:hidden}.video-detail .video-detail-top{height:366px;background:#FFFFFF;overflow:hidden;border:1px solid #E5E5E5}.video-detail .video-detail-top .top-left{width:650px;height:364px;float:left;position:relative;background-color:#666}.video-detail .video-detail-top .top-left img{width:100%;height:100%}.video-detail .video-detail-top .top-left .qplayer-center-btn img{width:30px;height:30px}.video-detail .video-detail-top .top-left .time-tag{background:rgba(0,0,0,0.6);position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;z-index:2}.video-detail .video-detail-top .top-left .video-status{width:100%;text-align:center;color:#fff;margin-top:100px}.video-detail .video-detail-top .top-left .video-status img{width:42px;height:42px}.video-detail .video-detail-top .top-left .video-status p{font-size:16px;line-height:30px;margin-bottom:10px}.video-detail .video-detail-top .top-left .video-status p:nth-of-type(1){margin-bottom:20px}.video-detail .video-detail-top .top-left .video-status .largefs{font-size:24px;font-weight:bold}.video-detail .video-detail-top .top-right{width:calc(100% - 650px);height:366px;padding:40px 40px 0;float:left}.video-detail .video-detail-top .top-right h1{height:60px;font-size:20px;font-weight:600;color:#1A192B;line-height:30px;display:block;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;margin-bottom:40px}.video-detail .video-detail-top .top-right p{width:100%;font-size:14px;line-height:20px;font-weight:600;color:#333333;margin-bottom:20px}.video-detail .video-detail-top .top-right p span{position:relative;display:inline-block;min-width:70px;font-weight:300}.video-detail .video-detail-top .top-right .play-info p{margin-bottom:20px;font-size:14px}.video-detail .video-detail-top .top-right .play-info p span{display:inline-block;line-height:16px;margin-bottom:0;padding-left:0}.video-detail .video-detail-top .top-right .play-info p span:after{display:none;position:static;padding-left:0}.video-detail .video-detail-top .top-right .play-info p span:nth-of-type(1){width:80px;text-align:justify}.video-detail .video-detail-top .top-right .play-info p span:nth-of-type(2){width:380px;height:16px;font-weight:bold;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.video-detail .video-detail-top .top-right .opts-box{margin:54px 0 10px;overflow:hidden;position:relative}.video-detail .video-detail-top .top-right .opts-box span{display:block;font-size:14px;line-height:16px;line-height:20px;position:absolute;top:50%;left:148px;transform:translateY(-50%)}.video-detail .video-detail-top .top-right .opts-box .a-button{display:block;width:120px;height:40px;background:#1476FF;border-radius:3px;font-size:18px;font-weight:600;color:#FFFFFF;float:left;text-align:center;line-height:40px;border-radius:20px;margin-right:20px}.video-detail .video-detail-top .top-right .opts-box .a-button.already-button{background:#707494}.video-detail .video-detail-top .top-right .opts-box .a-button.on-button{background:#C3C3C3}.video-detail .video-detail-top .top-right .opts-box .a-button.play-button{background:#1476FF}.video-detail .video-detail-middel{margin:20px 0 60px;overflow:hidden;border:1px solid #E5E5E5}.video-detail .video-detail-middel>h1{font-size:20px;font-weight:600;color:#1A192B;line-height:20px;text-shadow:0px 5px 5px rgba(36,147,255,0.5);position:relative;margin:30px 0;padding-left:40px}.video-detail .video-detail-middel>h1:before{display:block;content:"";width:6px;height:20px;background:#1476FF;position:absolute;top:0;right:auto;bottom:auto;left:0}.video-detail .video-detail-middel .content{font-size:16px;font-weight:400;color:#1A192B;line-height:32px;padding:0 40px 40px}.video-detail .video-detail-middel .content h2{color:#1476FF;font-size:16px;margin-bottom:16px}.video-detail .video-detail-middel .content h2.marginT40{margin-top:40px}.sign-table{margin-top:40px}.m-form-group{margin-bottom:30px;overflow:hidden;zoom:1}.m-form-group .label-title{float:left;font-size:16px;width:130px;line-height:40px;text-align:right;padding-right:20px;min-height:40px;position:relative}.m-form-group .group-content{float:left;width:320px;position:relative}.m-form-group .form-control{height:40px;display:inline-block;margin-right:20px;border-radius:0}.m-form-group .radio-item{margin-right:20px}.signupform-skin .layui-layer-btn0{width:150px;height:40px;line-height:40px;background:#2878FF;border-radius:20px;margin-bottom:20px}