body{background-color:#E7ECF6}.sns-main{position:relative;background-color:#E7ECF6}.sns-main::before{display:inline-block;content:"";width:359px;height:433px;background:url("../images/newindex/list_bg_r.png") no-repeat right top;background-size:359px 433px;position:absolute;top:0px;right:0;bottom:auto;z-index:0}.sns-main::after{display:inline-block;content:"";width:360px;height:440px;background:url("../images/newindex/list_bg_l.png") no-repeat right top;background-size:360px 440px;position:absolute;left:0;bottom:0;z-index:0}.class-banner{width:100%;height:200px;overflow:hidden;margin:0 auto;background:url("../images/course/class-bg.jpg") no-repeat;background-size:100% 200px;text-align:center}.class-banner .class-title{width:488px;height:53px;margin:50px auto 0}.class-list{width:100%;background:linear-gradient(180deg, rgba(255,255,255,0.8) 0%, #fff 100%);margin:0 auto;width:1200px;overflow:hidden;padding:40px;margin-top:-70px}.m-meet-list-item{background:#fff;float:left;width:360px;height:332px;border-radius:8px;line-height:26px;margin:0 20px 20px 0;padding-bottom:10px;border:1px solid #E5E5E5;transition:all 0.5s;overflow:hidden;position:relative}.m-meet-list-item .classtype{padding:4px 12px;color:#fff;font-size:14px;border-radius:4px;overflow:hidden;position:absolute;z-index:1;top:10px;left:10px;background:linear-gradient(270deg, #39f 0%, #0061e7 100%)}.m-meet-list-item:nth-of-type(3n){margin-right:0}.m-meet-list-item:hover{transform:translateY(-6px);box-shadow:0px 10px 20px 0px rgba(153,153,153,0.3)}.m-meet-list-item .tags{width:100%;overflow:hidden;margin-top:6px;padding:0 20px;margin-bottom:8px;height:26px;overflow:hidden}.m-meet-list-item .tags .tag{display:inline-block;height:20px;line-height:16px;font-size:12px;padding:2px 4px;margin-right:6px;color:#999;border-radius:2px}.m-meet-list-item .tags .tag:nth-child(1){background:#ffc3c1}.m-meet-list-item .tags .tag:nth-child(2){background:#abd6f6}.m-meet-list-item .tags .tag:nth-child(3){background:#aef8d5}.m-meet-list-item .tags .tag:nth-child(4){background:#FADCDC}.m-meet-list-item .tags .tag:nth-child(5){background:#E4F5CE}.m-meet-list-item .tags .tag:nth-child(1){background:#ffc3c1}.m-meet-list-item .tags .tag:nth-child(2){background:#abd6f6}.m-meet-list-item .tags .tag:nth-child(3){background:#aef8d5}.m-meet-list-item .tags .tag:nth-child(4){background:#FADCDC}.m-meet-list-item .tags .tag:nth-child(5){background:#E4F5CE}.m-meet-list-item .tags .tag:nth-child(6){background:#abd6f6}.m-meet-list-item .tags .tag:nth-child(7){background:#aef8d5}.m-meet-list-item .tags .tag:nth-child(8){background:#FADCDC}.m-meet-list-item .tags .tag:nth-child(9){background:#E4F5CE}.m-meet-list-item .item-img{display:block;width:100%;height:192px}.m-meet-list-item h3{margin:15px 20px 0px;position:relative}.m-meet-list-item h3 span{display:inline-block;height:52px;font-size:16px;font-weight:400;line-height:26px;color:#333;position:relative;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;-ms-text-overflow:ellipsis;text-overflow:ellipsis}.m-meet-list-item h3:before{display:inline-block;content:"";width:4px;height:20px;background-color:#0036A1;position:absolute;left:-20px;top:4px}.m-meet-list-item p{padding:0 20px;margin-bottom:10px;font-size:12px;height:20px;color:#333;line-height:20px;max-width:100%;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;-ms-text-overflow:ellipsis;text-overflow:ellipsis}.m-meet-list-item p .icon{display:block;width:14px;height:14px;background:url("../images/course/zuzhiruzhu.png");background-size:17px;float:left;margin-right:5px;margin-top:3px}.page-list{padding:40px 0}.change-class{width:100%;overflow:hidden;border-top:1px solid #E3E3E3;padding-top:20px}.change-class a{display:inline-block;width:100px;height:40px;line-height:40px;text-align:center;color:#fff;font-size:16px;font-weight:700;margin-left:20px;background-color:#FFA200;border-radius:40px}.change-class a.classdisable{background-color:#E3E3E3}.video-content{width:100%;height:750px;background-color:#000;margin-bottom:40px}.video-content video{width:100%;height:100%}.header-box{width:1200px;min-height:366px;margin:0 auto;overflow:hidden;background-color:#fff}.header-box .img{width:650px;height:366px;position:relative}.header-box .img img{width:100%;height:100%}.header-box .img .classtype{padding:4px 12px;color:#fff;font-size:14px;border-radius:4px;overflow:hidden;position:absolute;z-index:1;top:10px;left:10px;background:linear-gradient(270deg, #39f 0%, #0061e7 100%)}.header-box .introduce{width:550px;padding:30px 40px}.header-box .introduce h3{width:100%;line-height:30px;font-size:20px;font-weight:700;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.header-box .introduce .tags{width:100%;overflow:hidden;margin-top:6px;margin-bottom:40px}.header-box .introduce .tags .tag{display:inline-block;height:20px;line-height:16px;font-size:12px;padding:2px 4px;margin-right:6px;color:#999;border-radius:2px}.header-box .introduce .tags .tag:nth-child(1){background:#ffc3c1}.header-box .introduce .tags .tag:nth-child(2){background:#abd6f6}.header-box .introduce .tags .tag:nth-child(3){background:#aef8d5}.header-box .introduce .tags .tag:nth-child(4){background:#FADCDC}.header-box .introduce .tags .tag:nth-child(5){background:#E4F5CE}.header-box .introduce .tags .tag:nth-child(1){background:#ffc3c1}.header-box .introduce .tags .tag:nth-child(2){background:#abd6f6}.header-box .introduce .tags .tag:nth-child(3){background:#aef8d5}.header-box .introduce .tags .tag:nth-child(4){background:#FADCDC}.header-box .introduce .tags .tag:nth-child(5){background:#E4F5CE}.header-box .introduce .tags .tag:nth-child(6){background:#abd6f6}.header-box .introduce .tags .tag:nth-child(7){background:#aef8d5}.header-box .introduce .tags .tag:nth-child(8){background:#FADCDC}.header-box .introduce .tags .tag:nth-child(9){background:#E4F5CE}.header-box .introduce .info{width:100%;color:#5B5B72;font-size:14px;line-height:20px;margin-top:15px;overflow:hidden}.header-box .introduce .info:nth-of-type(1){margin-top:30px}.header-box .introduce .info>span{color:#5B5B72;display:block;float:left;margin-right:10px;width:60px}.header-box .introduce .info>span:nth-of-type(2){width:calc(100% - 80px)}.detail-list{width:1200px;margin:0 auto;overflow:hidden;margin-top:20px;background-color:#fff;border:1px solid #E5E5E5;padding:20px 40px 0;margin-bottom:40px}.detail-list li{padding:10px 0;border-bottom:1px solid #E5E5E5}.detail-list li .list-item{display:inline-block;height:32px;line-height:32px;overflow:hidden;font-size:18px;color:#5B5B72;font-weight:400;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.detail-list li .icon{width:20px;margin-right:10px;background-color:#0036A1}.detail-list li .icon.icon-video{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAActJREFUOE+1lDFIW1EUhr+TvEShamknJyl0yxpNHEOr6WiXSBdJCyYuunfMIiI4uaWFNski1cWxaAedSqwOgnQtnQoipSASNOadcu8LiZr0vVD1LA/evfc//3/Of45wxyEenja/QeiigTfaYMGXoRAiExM2phv/AvaYpQoO57EIfWf+DHZ+XkDB9UjcIJBZD7ORcYV46Snh0BroMEi9u3zzWEPACYQW2ZvZtGwNuAX6rl4iEBLlWeA9YGSEfWpk2BtFius+Y//NDvFihIO5ugX9UUvTiB4KY5Ucou+AegCgyXUJRBE+Uc2+ssmTpTgqy8BzICckS3lUij0wNM89FcIXqtlJEuVVYKH1XyX/f4DIZ37/ecnjh8fAEHAO9CE6d1vAX8CjZimcewJsNyWoy+0a+kpuAxofGa/5RbemzFsrmbdeU8pTKJtXbOM31wbQAbbYy76wmROVUUSXUCZAZoXYepSB2i4wDgSx9BiqbvPtdbplbDM1yScTOI0jj028PEKYFWNTFAexE9EZiiJEEN5SzX6wE2Li2ui1VpcoqY/98MBI6h71U8EdvOTrdK3jQms52JPgtXQdoLkYuqS9Ie32i7bHTR1gpivHfwFojLzb/SueVQAAAABJRU5ErkJggg==") no-repeat left center}.detail-list li .icon.icon-zixun{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAfRJREFUOE+tlLtPFFEUh79zhxEkFsZE+1Wi8YGPoEsg8YHUFiZKCUpsLAyQ+AeQ+FeYmMjSbnyUUJDQ+ViJGHWxchMqTdRuYWXnzjFndzbuKuqMeqtb3Pud33n9hP98pJOnwtWiyxyjWFaYje3fz0BEMwPbPiRAFQx08v5uQnc6PVAVcV14XWNlYh1UBGYdF847lkci8oWHwGXAA0EKsKVpJVonqJ/iyY0vYtSGuoG7IUHPa+AQECUP/8S08hhQUT1O6dpb4czcKMglShPT5AtvgKNAK/LvgK1aW9kifNzPyvV3wuD8NKq38bUcQc/LDEALZlADepz083R8TRgsTKFM0Vs5yEZuNQHa24+IniXc8YnYh2xGTUU7uwTvaqh/BFxMstE2YEPhDL2VA51AvgILqG4i0jmbqjEio8DepCbtCrcFmpo66CJKFRHr+I/zOZIFaIE/IPE5nP9MrCFBdxNY9w4XbqD+MWBQa+A2KftaH0H3KsiRlF3+RVPyczMgt3he6SOfewUcSwnsHBvxJ3g2WbY5vInIHSQeQoMF0P0ZB9vqu4X6w5Qm3wvD8/uIdCmDsvZhby6AygNK41eSXQaG7u2hHgwg0rCg1EfVIVqluusF5bGtxL5slxvXf7CtxA++++FfGmsrleKYuVNTVur0Uj78Bu0e1RV4O1G6AAAAAElFTkSuQmCC") no-repeat left center}.detail-list li .title{width:850px;margin-right:20px}.detail-list li .name{width:200px;text-align:right;margin-right:20px}.detail-list li .from{width:200px;text-align:right}