.index-course-rank-item-wrap{width:387px;background-color:#fff;border-radius:8px;overflow:hidden}.index-course-rank-item-wrap>.title{display:flex;align-items:center;justify-content:space-between;height:68px;padding:0 16px;background:linear-gradient(180deg,#fcf8ed,#fefbf5,#fff);-webkit-user-select:none;-moz-user-select:none;user-select:none}.index-course-rank-item-wrap>.title>.zh-top{display:flex;align-items:center}.index-course-rank-item-wrap>.title>.zh-top>.icon{width:20px;height:20px}.index-course-rank-item-wrap>.title>.zh-top>.group{margin-left:4px;display:flex;align-items:center;color:#d1802b}.index-course-rank-item-wrap>.title>.zh-top>.group>.text{font-size:18px;font-weight:600}.index-course-rank-item-wrap>.title>.zh-top>.group>.top{margin-left:8px;font-size:14px}.index-course-rank-item-wrap>.title>.en{font-size:18px;font-weight:700;font-style:italic;color:#e2e2e2}.index-course-rank-item-wrap>.content{height:420px;position:relative}.index-course-rank-item-wrap>.content>.switch-button{position:absolute;top:50%;transform:translateY(-50%);cursor:pointer;color:#fff;transition:color .3s ease,opacity .3s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:2;width:40px;height:40px;border-radius:50%;background-color:rgba(0,0,0,.2);align-items:center;justify-content:center;display:flex;opacity:0}.index-course-rank-item-wrap>.content>.switch-button.prev-button{left:10px}.index-course-rank-item-wrap>.content>.switch-button.next-button{right:10px}.index-course-rank-item-wrap>.content:hover>.switch-button{opacity:1}.index-course-rank-item-wrap>.content .ivu-carousel-item:first-child>.course-item:first-child>.num{color:#fa5055}.index-course-rank-item-wrap>.content .ivu-carousel-item:first-child>.course-item:nth-child(2)>.num{color:#ff7130}.index-course-rank-item-wrap>.content .ivu-carousel-item:first-child>.course-item:nth-child(3)>.num{color:#ffb425}.index-course-rank-item-wrap>.content .ivu-carousel-item .course-item{height:63.5px;width:100%;padding:0 14px;display:flex;align-items:flex-start;cursor:pointer}.index-course-rank-item-wrap>.content .ivu-carousel-item .course-item+.course-item{margin-top:20px}.index-course-rank-item-wrap>.content .ivu-carousel-item .course-item:hover>.left-wrap>img{transform:scale(1.1)}.index-course-rank-item-wrap>.content .ivu-carousel-item .course-item>.num{font-size:20px;color:#b8b8b8;width:20px;margin-left:-10px;margin-right:11px;text-align:right}.index-course-rank-item-wrap>.content .ivu-carousel-item .course-item>.left-wrap{width:112px;height:100%;border-radius:3px;overflow:hidden}.index-course-rank-item-wrap>.content .ivu-carousel-item .course-item>.left-wrap>img{width:100%;height:100%;transition:transform .3s ease}.index-course-rank-item-wrap>.content .ivu-carousel-item .course-item>.right-wrap{margin-left:12px;position:relative;flex:1;height:100%;overflow:hidden}.index-course-rank-item-wrap>.content .ivu-carousel-item .course-item>.right-wrap>.title{width:100%;font-size:14px;font-weight:500;line-height:20px;color:#333;margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.index-course-rank-item-wrap>.content .ivu-carousel-item .course-item>.right-wrap>.school-name{color:#666;font-size:12px;line-height:16px}.index-course-rank-item-wrap>.content .ivu-carousel-item .course-item>.right-wrap>.join{position:absolute;bottom:0;font-size:12px;color:#999;line-height:17px;left:0}.index-course-rank-index-wrap>.container{display:flex;align-items:flex-start;justify-content:space-between}