.mooc-head-con{position:relative;font-family:MicrosoftYaHei;height:88px;margin-left:20px;margin-right:20px;padding-top:20px}.mooc-head-con .mooc-head{position:absolute;height:88px;width:23.5%;border-radius:4px}.mooc-head-con .mooc-head .head-inner-con{margin:0 auto;width:80%;padding-top:25px}.mooc-head-con .mooc-head .head-inner-con .head-fl{float:left;margin-left:10%}.mooc-head-con .mooc-head .head-inner-con .head-fl .head-name{font-size:16px;color:#fff;font-weight:700}.mooc-head-con .mooc-head .head-inner-con .head-fl .desc{font-size:12px;color:#fff;opacity:.49}.mooc-head-con .mooc-head .head-inner-con .head-fr{float:right;height:30px;width:23%;margin-right:10%;border-radius:14px;background:#fff}.mooc-head-con .mooc-head .head-inner-con .head-fr .num{font-size:18px;font-weight:700;text-align:center;padding-top:3px}.mooc-head-con .mooc-head .head-inner-con .head-fr .num:first-child{color:#ec1555}.mooc-head-con .mooc-head .head-inner-con .head-fr .num:nth-child(2){color:#543eed}.mooc-head-con .mooc-head .head-inner-con .head-fr .num:nth-child(3){color:#ff8a00}.mooc-head-con .mooc-head:first-child{left:0;background:url(../../assets/img/xuanke.d44ddf22.png);background-size:cover;-webkit-box-shadow:0 2px 10px 0 rgba(236,21,85,.47);box-shadow:0 2px 10px 0 rgba(236,21,85,.47)}.mooc-head-con .mooc-head:nth-child(2){left:25.4%;background:url(../../assets/img/danwei.36bbcd4f.png);background-size:cover;-webkit-box-shadow:0 2px 10px 0 rgba(83,62,237,.47);box-shadow:0 2px 10px 0 rgba(83,62,237,.47)}.mooc-head-con .mooc-head:nth-child(3){left:50.8%;background:url(../../assets/img/hudong.74c43fb9.png);background-size:cover;-webkit-box-shadow:0 2px 10px 0 rgba(255,126,12,.47);box-shadow:0 2px 10px 0 rgba(255,126,12,.47)}.mooc-head-con .mooc-head:nth-child(4){left:76.2%;background:url(../../assets/img/rizhi.500f0f02.png);background-size:cover;margin-right:0;-webkit-box-shadow:0 2px 10px 0 rgba(62,153,237,.47);box-shadow:0 2px 10px 0 rgba(62,153,237,.47)}.mooc-type-con{margin-top:20px;height:500px;width:100%}.mooc-type-con .grid-content{height:100px;border:2px solid #eff1f5;border-top:none;border-left:none}.mooc-type-con .grid-content .type-icon{text-align:center;font-size:27px;padding-top:20px}.mooc-type-con .grid-content .type-desc{text-align:center;padding-top:15px;font-size:14px}.mooc-type-con .grid-content .color-ziyuanzongshu{color:#f96262}.mooc-type-con .grid-content .color-shipinlei{color:#50a8fb}.mooc-type-con .grid-content .color-yinpinlei{color:#6b41e4}.mooc-type-con .grid-content .color-wendanglei{color:#ffa759}.mooc-type-con .grid-content .color-qita{color:#47d698}.mooc-type-con .grid-content .color-kaoshishu{color:#65e2f8}.mooc-type-con .grid-content .color-tupianlei{color:#50a8fb}.mooc-type-con .grid-content .color-zuoyeshu{color:#f86599}.mooc-type-con .grid-content .color-kaoshi{color:#65e2f8}.mooc-type-con .grid-content .color-zongtimushu{color:#6481f0}.mooc-type-con .grid-content .color-tongguorenshu{color:#47d698}.mooc-type-con .grid-content .color-gonggaoshu{color:#f0647e}.mooc-type-con .grid-content .color-tongguoshuai{color:#7d58e7}.mooc-type-con .grid-content .color-xuankerenshu{color:#ffa759}.mooc-type-con .grid-content .color-rizhishu{color:#65e2f8}.mooc-type-con .grid-content:hover{background:#44a1f7;color:#fff;cursor:pointer}.mooc-type-con .grid-content:hover .color-gonggaoshu,.mooc-type-con .grid-content:hover .color-kaoshi,.mooc-type-con .grid-content:hover .color-kaoshishu,.mooc-type-con .grid-content:hover .color-qita,.mooc-type-con .grid-content:hover .color-rizhishu,.mooc-type-con .grid-content:hover .color-shipinlei,.mooc-type-con .grid-content:hover .color-tongguorenshu,.mooc-type-con .grid-content:hover .color-tongguoshuai,.mooc-type-con .grid-content:hover .color-tupianlei,.mooc-type-con .grid-content:hover .color-wendanglei,.mooc-type-con .grid-content:hover .color-xuankerenshu,.mooc-type-con .grid-content:hover .color-yinpinlei,.mooc-type-con .grid-content:hover .color-ziyuanzongshu,.mooc-type-con .grid-content:hover .color-zongtimushu,.mooc-type-con .grid-content:hover .color-zuoyeshu{color:#fff}.mooc-type-con .fourth-line .grid-content{border-bottom:none}