.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}#main{background-color:#f5f6f7}.sport-index{margin:30px auto 0}.sport-index .sport-index-header{align-items:center;display:flex;justify-content:space-between}.sport-index .sport-index-header .navs{font-size:16px;height:40px}.sport-index .sport-index-header .navs .navs-item a{color:#aeb0b3}.sport-index .sport-index-header .navs .navs-item a:hover{color:#ff783c}.sport-index .sport-index-header .navs .navs-item.actived a{color:#303133}.sport-index .sport-index-header .navs .navs-item.actived:after{background-color:#303133;min-width:auto;width:20px}.sport-index .sport-index-header .navs .navs-item.actived:hover a{color:#ff783c}.sport-index .sport-index-header .navs .navs-item.actived:hover:after{background-color:#ff783c}.sport-index .sport-index-header .navs .navs-item:first-of-type{padding-left:0}.sport-index .sport-index-header .nav-right{align-items:center;display:flex}.sport-index .sport-index-header .nav-right .sport-plan{color:#ff783c}.sport-index .sport-index-header .nav-right .sport-plan a{font-size:14px}.sport-index .sport-index-header .nav-right .sport-plan a:hover{color:#ff783c;font-weight:700}.sport-index .sport-index-header .signup-users{background-color:#f5f6f8;border:1px solid #e3e6e8;border-radius:90px;color:#606366;font-size:14px;margin-left:45px;padding:7px 18px}.sport-index .sport-index-header .signup-users:hover{background-color:#f7f8fa;color:#303133}.sport-index .sport-index-body .sport-list{margin-top:20px;padding-bottom:60px}.sport-index .sport-index-body .sport-list a.item{background-color:#fff;border-radius:10px;border-radius:5px;box-shadow:0 5px 10px rgba(0,0,0,.03);display:block;float:left;margin-bottom:30px;margin-right:20px;overflow:hidden;transition:all .2s}.sport-index .sport-index-body .sport-list a.item:hover{box-shadow:0 12px 20px rgba(0,0,0,.08);color:transparent;transform:translateY(-2px)}.sport-index .sport-index-body .sport-list a.item:nth-child(2n+2){margin-right:0}.sport-index .sport-index-body .sport-list a.item .cover{background:no-repeat 50%/cover;height:355px;overflow:hidden;position:relative;width:710px}@media screen and (max-width:1620px){.sport-index .sport-index-body .sport-list a.item .cover,.sport-index .sport-index-body .sport-list a.item .cover .cover__img{height:295px;width:590px}}.sport-index .sport-index-body .sport-list a.item .cover:hover .cover__img{transform:scale(1.05)}.sport-index .sport-index-body .sport-list a.item .cover__img{height:355px;-o-object-fit:cover;object-fit:cover;transition:all .3s;width:710px}.sport-index .sport-index-body .sport-list a.item .title-row{align-items:center;display:flex;justify-content:space-between;margin-top:20px}.sport-index .sport-index-body .sport-list a.item .title-row .title{-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;word-wrap:break-word;color:#303133;display:-webkit-box;overflow:hidden;padding-left:20px;text-overflow:-o-ellipsis-lastline;text-overflow:ellipsis;word-break:break-all}.sport-index .sport-index-body .sport-list a.item .title-row:hover .title{color:#ff783c}.sport-index .sport-index-body .sport-list a.item .title-row .progress-tag{background-color:#c6c9cc;color:#fff;font-size:14px;height:32px;line-height:32px;padding:0 20px 0 25px;position:relative}.sport-index .sport-index-body .sport-list a.item .title-row .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-index .sport-index-body .sport-list a.item .title-row .progress-tag.progress-status-0{background-color:#67c23a}.sport-index .sport-index-body .sport-list a.item .title-row .progress-tag.progress-status-1{background-color:#ffa628}.sport-index .sport-index-body .sport-list a.item .info-row{align-items:center;color:#909499;display:flex;font-size:14px;justify-content:space-between;line-height:1;padding:15px 20px 25px}.sport-users .breadcrumb{margin:30px 0}.sport-users .breadcrumb .el-breadcrumb__item .el-breadcrumb__inner{color:#909499}.sport-users .breadcrumb .el-breadcrumb__item a:hover{color:#909499;opacity:.8}.sport-users .user-list-container{background-color:#fff;border-radius:10px;padding:30px}.sport-users .user-list-container .users-table{border:1px solid #edf0f2;width:100%}.sport-users .user-list-container .users-table td{font-size:14px;padding:20px 30px}.sport-users .user-list-container .users-table thead{background-color:#fafafa;border-bottom:1px solid #edf0f2}.sport-users .user-list-container .users-table thead td{color:#303133;font-weight:700}.sport-users .user-list-container .users-table tbody td{color:#606366}.sport-users .user-list-container .users-table tbody tr+tr{border-top:1px solid #edf0f2}