.width-fit{margin:0 auto;width:1440px}@media screen and (max-width:1620px){.width-fit{width:1200px}}.width-default{margin:0 auto;width:1200px}.flex-center{align-items:center;display:flex;justify-content:center}.clearfix{zoom:1}.clearfix:after{clear:both;content:".";display:block;height:0;visibility:hidden}.sport-main .top{height:33.333vw;max-height:640px;min-height:400px;position:relative}.sport-main .top .menu-container{background:hsla(0,0%,8%,.39);bottom:0;color:#fff;height:72px;position:absolute;width:100%}.sport-main .top .menu-container .menu{display:flex;font-size:20px;justify-content:space-between;line-height:72px;margin:0 auto;width:1200px}.sport-main .top .menu-container .menu .menu-item{display:inline-flex;justify-content:center;padding:0 20px}.sport-main .top .menu-container .menu .menu-item.active{background:linear-gradient(270deg,#ff783c,#ffa629)}.sport-main .top .menu-container .menu .menu-item:hover{color:#fff}.sport-main .content{margin:0 auto;width:1200px}.sport-main .content .progress-tag{background-color:#c6c9cc;color:#fff;float:right;font-size:14px;height:32px;line-height:32px;padding:0 20px 0 25px;position:relative}.sport-main .content .progress-tag:before{background-color:#fff;bottom:0;content:"";display:block;height:23px;left:0;position:absolute;top:15px;transform:rotate(45deg) translateX(-15px);width:23px}.sport-main .content .progress-tag.primary{background-color:#ffa628}.sport-main .content .intro,.sport-main .content .plan{padding:40px 0 0}.sport-main .content .plan .title{color:#ff783c;font-size:18px;margin-bottom:15px;padding-bottom:8px;position:relative}.sport-main .content .plan .title:after{background-color:#ff783c;bottom:0;content:"";height:2px;left:0;position:absolute;width:24px}.sport-main .content .plan .plan-content img{max-width:100%}.sport-main .content .last-score-div{font-size:20px;font-weight:700;padding:40px 0 0}.sport-main .content .last-score-div .services{color:#909499;font-size:14px;font-weight:400;padding-left:20px}.sport-main .content .user-passed-status-row{font-size:20px;font-weight:700;padding:40px 0 0}.sport-main .content .cert-lists{color:#303133;display:flex;flex-direction:column;font-size:14px;margin:30px 0}.sport-main .content .cert-lists .cert-item{align-items:center;background:#fff9f5;border:1px solid #ffddcf;border-radius:5px;display:flex;height:90px;justify-content:space-between;margin-bottom:10px;padding:20px;width:1200px}.sport-main .content .cert-lists .cert-item_left .title{color:#ff783c;font-size:16px;margin-bottom:10px}.sport-main .content .cert-lists .cert-item_left .cert-name{color:#ffa628;margin:0 10px}.sport-main .content .cert-lists .ibd-btn{background:#66bf39;border-radius:5px;color:#fff;font-size:14px;height:40px;text-align:center;width:120px}.sport-main .content .cert-lists .apply{background:#ff783c}.sport-main .content .cert-lists .buy{background:#ff4533}.sport-main .content .course{min-height:350px;padding-top:40px}.sport-main .content .course .course-item{display:flex;justify-content:flex-start;position:relative}.sport-main .content .course .course-item .info{display:flex;flex:1;flex-direction:column;justify-content:space-between;margin-left:30px}.sport-main .content .course .course-item .info .name{font-size:20px;font-weight:700}.sport-main .content .course .course-item .info .study{color:#909499;font-size:12px;padding-left:20px}.sport-main .content .course .course-item .passed-tag{position:absolute;right:250px;top:25%}.sport-main .content .task .task-top{padding-top:40px}.sport-main .content .task .task-top .plan{padding:0}.sport-main .content .task .task-top .progress-tag{float:right}.sport-main .content .survey{min-height:350px;padding-top:40px}.sport-main .content .survey .survey-list{position:relative}.sport-main .content .survey .survey-list .survey-item{padding-bottom:20px;position:relative}.sport-main .content .survey .survey-list .survey-item .title-row{display:flex;flex:1;justify-content:space-between}.sport-main .content .survey .survey-list .survey-item .title-row .name{font-size:20px;font-weight:700}.sport-main .content .survey .survey-list .survey-item .title-row .name a:hover{color:#ff783c}.sport-main .content .survey .survey-list .survey-item .info-row{color:#909499;font-size:14px;margin-top:15px}.sport-main .content .survey .survey-list .survey-item .info-row span+span{margin-left:20px}.sport-main .content .survey .survey-list .survey-item .btns-row{margin-top:15px}.sport-main .content .survey .survey-list .survey-item+.survey-item{border-top:1px solid #edf0f2;padding-top:20px}.sport-main .content .survey .survey-list .passed-tag{position:absolute;right:250px;top:40px}.sport-main .content .reword{padding:0 40px 40px}.sport-main .content .reword .title{color:#ff783c;font-weight:700;padding-top:40px}.sport-main .content .reword .reword-item-body{padding-top:15px}.sport-main .content .reword .reword-item-body .item-content{display:inline-block;transition:all .3s;width:290px}.sport-main .content .reword .reword-item-body .item-content .img{border-radius:5px;height:171px;margin-top:20px;overflow:hidden;width:285px}.sport-main .content .reword .reword-item-body .item-content .img img{transition:all .3s}.sport-main .content .reword .reword-item-body .item-content .user{align-items:center;display:flex;margin-bottom:15px;margin-top:15px}.sport-main .content .reword .reword-item-body .item-content .user .avatar img{border-radius:50%;height:24px;width:24px}.sport-main .content .reword .reword-item-body .item-content .user .school{color:#909499;font-size:14px;margin-left:10px}.sport-main .content .reword .reword-item-body .item-content:hover{transform:translateY(-2px)}.sport-main .content .reword .reword-item-body .item-content:hover .img img{transform:scale(1.05)}.sport-main .content .reword .reword-item-body .item-content.item-content-no-img{display:inline-block;margin-right:15px;width:263px}.sport-main .content .reword .reword-item-body .item-content.item-content-no-img:nth-child(4n){margin-right:0}.sport-main .content .judgement-container{margin-top:40px}.sport-main .content .judgement-container .navs{margin-bottom:20px}.sport-main .content .judgement-container .navs .navs-item{padding-bottom:15px}.sport-main .content .judgement-container .navs .navs-item.actived:after{width:30px}.sport-main .content .judgement-container .record-list{display:flex;flex-wrap:wrap}.sport-main .content .judgement-container .record-list .list-item{align-items:stretch;border:1px solid #e3e6e8;border-radius:5px;display:block;display:flex;height:90px;justify-content:space-between;margin:0 20px 20px 0;padding:20px;width:285px}.sport-main .content .judgement-container .record-list .list-item:nth-child(4n+4){margin-right:0}.sport-main .content .judgement-container .record-list .list-item .avatar{border-radius:50%;height:50px;margin-right:20px;width:50px}.sport-main .content .judgement-container .record-list .list-item .info{align-items:stretch;display:flex;flex:1;flex-direction:column;justify-content:space-between}.sport-main .content .judgement-container .record-list .list-item .info .name{align-items:center;color:#303133;display:flex;font-size:16px;justify-content:space-between}.sport-main .content .judgement-container .record-list .list-item .info .name .name{-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;word-wrap:break-word;display:-webkit-box;overflow:hidden;text-overflow:-o-ellipsis-lastline;text-overflow:ellipsis;word-break:break-all}.sport-main .content .judgement-container .record-list .list-item .info .name .score{color:#ff783c;font-size:14px;margin-left:5px;white-space:nowrap}.sport-main .content .judgement-container .record-list .list-item .info .submit-time{color:#aeb0b3;font-size:14px}