.rank-con{background:#fff;border-radius:4px}.rank-con .rank-title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:16px;border-bottom:1px solid #eee}.rank-con .rank-title h3{font-size:16px;color:#666}.rank-con .rank-title span{font-size:14px;color:#999;cursor:pointer}.rank-con .con-list .rank-body{height:auto}.rank-flex-right{background:#f7f8f9;padding-bottom:20px}.rank-flex-right li .item-img{width:74px;height:48px}.rank-flex-right li .item-content{min-width:1px}.item-title{list-style:none;float:left;height:auto}.item-title a{font-size:14px;display:inline-block;text-decoration:none;padding:4px 15px}.item-title .active{background:rgba(54,133,253,.2);color:#3685fd;border-radius:15px}.item-children .item-title{list-style:none;float:left;height:auto}.item-children .item-title a{font-size:14px;display:inline-block;text-decoration:none;padding:4px 15px;color:#777}.item-children .item-title a:hover{color:#3685fd}.item-children .item-title .active{background:rgba(54,133,253,.2);background:none!important;color:#3685fd;border-radius:15px}.course-index{width:1200px;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.course-index .item-left{-webkit-box-flex:1;-ms-flex:1;flex:1;max-width:925px;margin-right:10px}.course-index .item-right{-webkit-box-flex:1;-ms-flex:1;flex:1;max-width:284px;margin-top:20px}.con-tag{width:100%;margin:0 auto;padding-right:10px}.con-tag .title-tool{font-size:14px;color:#777;line-height:20px;padding:30px 0 15px}.con-tag span{line-height:30px;font-size:14px}.con-tag .title-lable{display:inline-block;height:auto;max-width:285px;white-space:nowrap}.con-tag .tagsList-item{display:inline-block}.con-tag .tagsList-item.all{max-height:160px;overflow:auto}.con-tag .tagsList-item.lettle{max-height:80px;overflow:hidden}.con-tag .item-list{display:inline-block}.con-tag .title-item{margin-left:30px;cursor:pointer;display:inline-block}.con-tag .title-item:hover{color:#3685fd}.con-tag .con-tagsList mark{width:100%;height:auto}.con-tag .con-tagsList li{list-style:none;width:auto;height:auto;display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:10px}.con-tag .con-tagsList a{font-size:14px;display:inline-block;text-decoration:none;padding:4px 15px}.con-tag .con-tagsList .active{background:rgba(54,133,253,.2);color:#3685fd;border-radius:15px}.con-tag .con-tagsList .ismany{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.con-tag .con-tagsList .ismany div{-webkit-box-flex:1;-ms-flex:1;flex:1}.con-tag .con-tagsList .ismany .isshow{max-width:80px;height:34px;margin-top:10px}.con-tag .con-tagsList .ismany .isshow .el-button{padding:0 10px}.con-tag .el-divider{margin:10px 0}.con-course-flex{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.con-course-flex .item-flex{-webkit-box-flex:1;-ms-flex:1;flex:1}.con-course-flex .item-flex .con-course{width:100%;padding:0 -32px;margin-left:0}.con-course-flex .item-flex .con-course :nth-child(4n){margin-right:0}.con-course-flex .item-flex .con-course li{width:210px;margin-right:19px;margin-left:0;margin-bottom:25px}.con-course-flex .item-flex .con-course li .item-img{width:210px;height:120px}.con-course-flex .item-flex .con-course li .item-img img{width:100%}.con-course-flex .item-flex .con-course li .item-teacher{height:20px}.con-course-flex .item-flex .con-course li div span{color:#777;font-size:12px}.con-course-flex .item-flex .con-course li div .item-school{float:left;width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.con-course-flex .item-flex .con-course li div .item-edu{float:right;text-align:right}.con-course-flex .con-rank{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:280px;max-width:280px}.con-course-flex .con-rank .con-list{width:280px}