i{font-style: normal;}
.line1{white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all;}
.line2{ text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;}
.line3{ text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical;}

/* 比赛报名 */
.application-box{padding: 15px 15px 0;}
.application-box .pic{display: block;width: 100%;margin-bottom: 15px;}
.application-box .pic img{width: 100%;}
.new-bottom-box{width: 100%;height: 80px;display: flex;align-items: center;background-color: #fff;position: fixed;left: 0;bottom: 0;display: flex;
    box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.1);}
.new-bottom-box .bottom-button{flex: 1;display: flex;flex-direction: column;justify-content: center;align-items: center;text-align: center;font-size: .28rem;
color: #666;}
.new-bottom-box .bottom-button .iconfont{font-size: .42rem;color: #c3c3c3;margin-bottom: .1rem;}
.new-bottom-box .bottom-button.on{color: #87c8fa;}
.new-bottom-box .bottom-button.on .iconfont{color: #87c8fa;}

.game-navbar{position: fixed;left: 0;bottom: 0;background-color: #fff;display: flex;justify-content: space-around; align-items: center; height:1rem; box-shadow: 2.5px 4.33px 10px 0px rgb(166, 166, 166);  z-index: 99;width: 100%;}
.game-navbar .navbar-item{color: #C8C8C8;font-size: 0.24rem;text-align: center;}
.game-navbar .navbar-item.active{color: #87c8fa;}
.game-navbar .navbar-item .iconfont{font-size: 0.4rem;}


.tab-nav{padding-bottom: 0;border-bottom: 1px solid #e3e3e3;display: flex;justify-content: space-around;position: fixed;width: 100%;left: 0;top: 0; height: 46px;  background-color: #f4f4f4; z-index: 100;}
.tab-nav .nav-item{position: relative;}
.tab-nav .nav-item a{font-size: 0.28rem;padding: 0.25rem; display: block;}
.tab-nav .nav-item.active a{color: #44a9f7;}
.tab-nav .nav-item.active::before{content: '';position: absolute;left: 50%;transform: translateX(-50%); bottom: 0;width: 80%;height:3px;background-color: #44a9f7;border-radius: 0.1rem;}
.list-box{padding: 0 15px; padding-top:46px;}
.list-box .list-item{width: 100%;margin-top: 35px;background-color: #fff;border-radius: 10px;display: flex;padding: 10px;padding-bottom: 0;}
.list-box .list-item .pic-box{width: 40%;transform: translateY(-20%); position: relative;border-radius: 10px;overflow: hidden;}
.list-box .list-item .pic-box .pic{width: 100%;}
.list-box .list-item .pic-box .status{position: absolute;top: 0;left: 0;z-index: 2;color: #fff;text-align: center;height: 20px;line-height: 20px;border-radius:10px 0 10px 0; font-size: 12px; padding:0 10px;}
.list-box .list-item .pic-box .status.registering{background-color: #44a9f7;}
.list-box .list-item .pic-box .status.green{background-color: #18a689;}
.list-box .list-item .pic-box .status.end{background-color: #a8a8a8;}
.list-box .list-item .cont-box{width: 60%;padding-left: 15px;}
.list-box .list-item .cont-box .title{font-size: 16px;color: #000;font-weight: 700;margin-bottom: 10px;}
.list-box .list-item .cont-box .item-line{font-size: 14px;color: #999999;margin-bottom: 7px;}
.list-box .list-item .cont-box .item-line .iconfont{margin-right: 3px;font-size: 16px; vertical-align: -1px;}

/* 赛事首页 */
.event-homepage .pic{ width: 100%; margin-bottom:-15px; position:relative; z-index: 0;}
.event-homepage .big-box{position:relative; z-index: 1; padding-bottom:80px;}
.event-homepage .box{width: 100%;background-color: #fafbfd;padding:15px 10px 0;border-radius: 10px 10px 0 0;margin-bottom: 10px;}
.event-homepage .box .status{color: #fff;text-align: center;height: 20px;line-height: 20px; padding:0 10px; position: relative;margin-right: 10px; float: left;}
.event-homepage .box .status span{position: relative;z-index: 2;width: 100%;height: 100%; font-size: 12px;}
.event-homepage .box .status::after{content: "";width: 100%;height: 100%;transform: skewX(-15deg); border-radius:2px;position: absolute;left: 0;top: 0;}
.event-homepage .box .status.registering::after{background-color: #44a9f7;}
.event-homepage .box .status.end::after{background-color: #a8a8a8;}
.event-homepage .box .status.green::after{background-color: #18a689;}
.event-homepage .box .title{font-size: 16px;color: #000;font-weight: 700;}
.event-homepage .box .info-line{display: flex;align-items: center;margin-top: 10px;color: #000; font-size: 14px;}
.event-homepage .box .info-line .tit{width: 60px;text-align: justify;text-align-last: justify;margin-right: 15px;font-weight: 700; color:#666;}
.event-homepage .box .info-line .iconfont{color: #b1b2b4;margin-right: 5px;}
.event-homepage .competition-box{width: 100%;background-color: #fff;margin-bottom: 10px;}
.event-homepage .competition-box .competition{padding:15px 0 0;border-bottom: 1px solid #efefef;}
.event-homepage .competition-box .competition a{padding: 0 15px;color: #44a9f7;margin-bottom: 15px;border-right: 1.5px solid #c7c7c7;line-height: 1;font-size: 14px;}
.event-homepage .competition-box .competition a:first-of-type{padding-left:10px;}
.event-homepage .competition-box .competition a:last-of-type{border-right: none}
.event-homepage .competition-box .competition:last-of-type{border-bottom: none}
.event-homepage .news-box{padding: 0 10px;background-color: #fff;margin-bottom: 10px;}
.event-homepage .news-box .news-line{height: 50px;border-bottom: 1px solid #efefef;font-size: 14px;}
.event-homepage .news-box .news-line .left{width: 75%;}
.event-homepage .news-box .news-line .img{width: 20px;margin-right: 5px; vertical-align: middle;}
.event-homepage .news-box .news-line .title{font-weight: 700; color:#666; display: block;}
.event-homepage .news-box .news-line .time{color: #999999;}
.event-homepage .content-box{padding: 10px;background-color: #fff;}
.event-homepage .content-box .title{font-size: 15px;color: #000;margin-bottom: 10px;font-weight: 700;}
.event-homepage .content-box .content{color: #666666;font-size: 12px;line-height: 1.8;word-wrap: break-word;word-break: break-all;}
.event-homepage .content-box .content img{max-width:100%;}
.event-homepage .bottom-box{background-color: #fff;padding: 0.3rem;display: flex;justify-content: space-between;position: fixed;align-items: center;left: 0;bottom: 0;width: 100%; box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.18); z-index: 10;}
.event-homepage .bottom-box .btn{width: 100%;background-color: #44a9f7; border-radius:5px; height: 0.77rem;line-height: 0.77rem;text-align: center;color: #fff;margin-bottom: 0;}
.event-homepage .bottom-box .end{background-color: #999;}

/* 参赛选手详情 */
.contestants-details{font-size: 14px;}
.contestants-details .contestants-details-item{margin-bottom:10px;}
.contestants-details .user_box{width: 100%;background-color: #fff;margin-bottom: 10px;}
.contestants-details .user_box .user{padding: 10px;border-bottom: 1px solid #efefef;}
.contestants-details .user_box .user .pic{width: 50px;height: 50px;border-radius: 50%;}
.contestants-details .user_box .user .name{color: #666;margin-right: 10px;}
.contestants-details .user_box .user .sex{padding:0 5px;font-size: 12px;border-radius: 5px 5px 5px 0;}
.contestants-details .user_box .user .sex.man{background-color: #e1f1fe;color: #44a9f7;}
.contestants-details .user_box .user .sex.woman{background-color: #fdf5ff;color: #f744d3;}
.contestants-details .user_box .user .tit{padding-top: 5px;color: #000;}
.contestants-details .user_box .user .birthday{color: #999999;}
.contestants-details .user_box .user .birthday .iconfont{width: 20px;line-height: 20px;text-align: center; background-color: #44a9f7;color: #fff;border-radius:50%;font-size: 12px;margin-right: 10px;}
.contestants-details .user_box .num-box{padding: 12px 10px;color: #999999;}
.contestants-details .user_box .num-box>div{margin-right: 10px;}
.contestants-details .user_box .num-box span{color: red;}
.contestants-details .number-box{width: 100%;background-color: #fff;padding:0 10px;height: 54px;color: #999;text-align: center;font-size: 15px;}
.contestants-details .number-box .year{width: 20%;}
.contestants-details .number-box .num{color: #000;font-weight: 700;}
.contestants-details .number-box .iconfont{color: #000;font-size: 12px;}
.contestants-details .number-box .num-item{border-right: 1px solid #efefef;text-align: center;padding: 0 10px;}
.contestants-details .number-box .num-item:last-of-type{border-right:none;}
.contestants-details .item-box{width: 100%;background-color: #fff;border-radius: 10px;align-items: stretch; border-top:1px solid #eee;}
.contestants-details .item-box .left{width: 30%;display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;color: #999999;border-right: 1px solid #efefef;line-height: 1.6; padding:15px 0;}
.contestants-details .item-box .left .top{font-size: 20px;color: #000;font-weight: 700;}
.contestants-details .item-box .left .project_name{padding-bottom:2px; color:#44a9f7;}
.contestants-details .item-box .left .points{color: red;}
.contestants-details .item-box .right{width: 70%;}
.contestants-details .item-box .right .title{line-height: 40px;color: #000;font-weight: 700;padding-left:20px;border-bottom: 1px solid #efefef;font-size: 15px;position: relative;}
.contestants-details .item-box .right .title::after{content: "";position: absolute;left: 10px;top: 13px;height: 15px;width: 2px;background-color: #44a9f7;}
.contestants-details .item-box .right .score-line{height: 50px;border-bottom: 1px solid #efefef;}
.contestants-details .item-box .right .score-line .name{flex: 1;text-align: center;color: #999;}
.contestants-details .item-box .right .score-line .win{color:#44a9f7;}
.contestants-details .item-box .right .score-line .score-box{width: 98px;height: 30px;background-color: #f3f5f7;color: #999;}
.contestants-details .item-box .right .score-line .score-box .score{color: #000;}
.contestants-details .item-box .right .score-line .score-box .score:first-of-type .status{margin-right: 5px;}
.contestants-details .item-box .right .score-line .score-box .score:last-of-type .status{margin-left: 5px;}
.contestants-details .item-box .right .score-line .score-box .score.win{color: #44a9f7;}
.contestants-details .item-box .right .score-line .score-box .score.win .status{display: block;}
.contestants-details .item-box .right .score-line .score-box .vs{width:50px;text-align: center;text-transform: uppercase;}
.contestants-details .item-box .right .score-line .score-box .status{display: block; width: 18px;line-height: 18px;text-align: center; background-color: #44a9f7;color: #fff; border-radius:50%;font-size: 12px;}
.contestants-details .item-box .right .score-line:last-of-type{border-bottom:none;}

/* 立即报名 */
.register-box{padding:10px;width: 100%;overflow-x: hidden;}
.register-box .box{width:100%; background-color:#fff; border-radius:10px; margin-bottom:15px;}
.register-box .second-box{background: none; margin:0;}
.register-box .box .title{padding: 15px;font-size: 16px;color: #000;font-weight: 700;border-bottom: 1px solid #efefef;line-height: 1.5;}
.register-box .box .info-box{padding: 15px;}
.register-box .box .info-box .p-tit{font-size: 16px; color:#44a9f7; padding:0 15px 10px; border-bottom:1px solid #eee;}
.register-box .box .info-line{display: flex;align-items: center;margin-bottom: 12px;color: #000;font-size: 14px;}
.register-box .box .info-line .tit{margin-right: 5px;color: #999;}
.register-box .box .info-line .phone{color: #fe0000;}
.register-box .box .info-line .price{color: #ff0000;font-weight: 700;}
.register-box .box .btn{width: 48%;line-height: 40px;font-size: 14px;}
.register-box .box .project-box{padding:15px 0; margin-top:10px; background: #fff;}
.register-box .box .project-box .info-line{padding:0 15px; margin:10px 0 0;}
.register-box .box .project-box .sign-btn{margin:0 15px; padding:12px 0 0;}
.register-box .box .project-box .btn{width:100%; display: block; border-radius:5px;}
.register-box .box .project-box .btn-red{background-color: #f00;}
.register-box .box .project-box .btn-orange{background-color: #f60;}
.register-box .title-line{padding-bottom:5px;}
.register-box .box .nav-box{width: 100%; overflow:hidden;padding:15px 0 15px 15px;box-sizing: border-box;}
.register-box .box .nav-box .swiper-slide{width:auto;margin-right:15px; text-align:center;box-sizing: border-box;height: 30px;line-height: 30px;
    transition:all .3s ease;display:block;font-size: 12px;color: #000;background-color: #dedede;color: #666666;padding: 0 5px;border-radius: 5px;}
.register-box .box .nav-box .swiper-slide.active{ background-color: #44a9f7;color: #fff;}
.register-box .btn{width: 100%;background-color: #44a9f7;color: #fff;text-align: center;margin-bottom: 0;}

/* 填写报名信息 */
.sign-box{padding: 15px;}
.sign-box .box{background-color: #fff;padding: 0 15px; border-radius: 10px;margin-bottom: 10px;}
.sign-box .box .form-line{border-bottom: 1px solid #EDEDED;display: flex;justify-content: space-between;align-items: center;color: #000;font-size: .28rem;line-height:0.8rem;box-sizing: border-box;position: relative; padding:0.1rem 0;}
.sign-box .box .form-line:last-child{border-bottom: none;}
.sign-box .box .form-line .tit{width:1.7rem;}
.sign-box .box .form-line i{margin-right: 5px; color: #FF0000;}
.sign-box .box .form-line .inpu-box{justify-content: start; flex: 1;}
.sign-box .box .form-line .inpu-box .text,.sign-box .box .form-line .weui-input{text-align: left;}
.sign-box .box .form-line input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #e1e1e1;font-size: .28rem; } 
.sign-box .box .form-line input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #e1e1e1;font-size: .28rem; } 
.sign-box .box .form-line input:-ms-input-placeholder{ color: #e1e1e1;font-size: .28rem; } 
.sign-box .box .form-line input::-webkit-input-placeholder{ color: #e1e1e1;font-size: .28rem; }
.sign-box .box .form-line .inpu-box .radio-label{margin-right: 30px;color: #999;}
.sign-box .box .form-line .inpu-box span{font-size: .32rem;}
.sign-box .box .form-line .inpu-box .avatar{width:80px;}
.sign-box .box .form-line.name .inpu-box{width: 3rem;}
.sign-box .box .form-line.name .registrants-box{width: 2rem;height: .65rem; color: #44A9F7;border: 1px solid #44A9F7;border-radius: 5px;font-size: 14px;
    display: flex;align-items: center;justify-content: center;}
.sign-box .box .form-line.name .registrants-box .iconfont{font-size: 20px;margin-right:5px;}
.sign-box .tips-box{background-color: #f9e5e6;padding:10px 15px; border-radius: 10px; font-size: 14px;}
.sign-box .tips-box .iconfont{font-size: 20px;color: #d9260f;margin-right: 5px;}
.sign-box .tips-box span{color: #d9260f; font-weight: 700;}
.sign-box .tips-box .top{padding:0 0 6px;}
.sign-box .inpu-box{height: 100%;display: flex;width: 5rem;justify-content:flex-end;align-items: center;}
.sign-box .inpu-box .text,.form-line .sign-box .date,.form-line .sign-box .text,.form-line .sign-box select{border: none;outline: none;height: 100%;display: block;text-align: right;width: 100%;-webkit-appearance: none;font-size: 0.32rem;}
.sign-box .inpu-box .radio{margin: 0 5px 0 0;}
.sign-box .btn-box {padding-top: 15px;}
.sign-box .btn-box .btn{ border-radius:0.12rem;width:7.03rem;height:0.89rem;line-height: 0.89rem;color: #fff;font-size: 0.33rem;text-align:center;display: block;margin-bottom: 0.23rem;background-color:#44A9F7;border: none;outline: none;}
.sign-box .btn-box .btn.save{background-color: transparent;color: #44A9F7;border: 2px solid #44A9F7;}

/* 常用报名人 */
.registrants-form .registrants-line{border-bottom: 1px solid #EDEDED;color: #000;font-size:14px;box-sizing: border-box;position: relative; background: #fff; margin-bottom:10px;}
.registrants-form .registrants-line .avatar{width:50px; height: 50px; border-radius:50%; margin-right:6px;}
.registrants-form .registrants-line .right{flex: 1;}
.registrants-form .registrants-line .top{padding:10px;}
.registrants-form .registrants-line .name{color: #000;margin-right: 10px;}
.registrants-form .registrants-line .sex{padding:0 5px;font-size: 12px;border-radius: 5px 5px 5px 0;}
.registrants-form .registrants-line .sex.man{background-color: #e1f1fe;color: #44a9f7;}
.registrants-form .registrants-line .sex.woman{background-color: #fdf5ff;color: #f744d3;}
.registrants-form .registrants-line .phone{padding-top: 5px;color: #999;}
.registrants-form .registrants-line .birthday{color: #999999;}
.registrants-form .registrants-line .birthday .iconfont{width: 18px;line-height: 18px;text-align: center; background-color: #44a9f7;color: #fff;border-radius:50%;font-size: 12px;margin-right: 5px;}
.registrants-form .registrants-line .btn{text-align: right; border-top: 1px solid #f2f2f2; padding:10px 15px;}
.registrants-form .registrants-line .btn a{color:#777; margin-left:0.2rem; }
.registrants-form .registrants-line .btn a i{margin-right:5px;}

/* 动态秩序表 */
.order-table-nav{padding: 0 10px;background-color: #fff;}
.order-table-nav .nav-item{max-width: 25%; min-width: 20%; text-align: center;}
.order-table-nav .nav-item a{display:block; color: #000; padding:0 5px;font-size: 16px;text-align: center;line-height: 46px;}
.order-table-nav .nav-item.active a{color: #44a9f7;border-bottom: 2px solid #44a9f7;}
.dynamic-box{padding: 10px 10px 5px; background: #fff;}
.order-table-day{width: 100%;line-height: 40px;border-left: 1px solid #c7c7c7;font-size: 14px;}
.order-table-day .day{width: 50%;text-align: center; border-bottom: 1px solid #c7c7c7; border-right: 1px solid #c7c7c7;}
.order-table-day .day:nth-of-type(1), .order-table-day .day:nth-of-type(2){border-top: 1px solid #c7c7c7;}
.order-table-day .day.active{color: #44a9f7;}
.order-table-site{display: grid;grid-template-columns: repeat(5,60px);column-gap: calc((100% - 300px) / 4);}
.order-table-site .site-item{ font-size: 14px;color: #999999;text-align: center;margin-top: 15px; padding-bottom: 5px;}
.order-table-site .site-item.active{color: #44a9f7;border-bottom: 1px solid #44a9f7;}
.dynamic-list{padding: 15px 10px;color: #252525;background-color: #f8f8f8;}
.dynamic-list .title-line{font-size: 14px;padding-bottom: 10px;}
.dynamic-list .line-box{width: 100%;background-color: #fff;margin-bottom: 15px;border: 1px solid #EDEDED;border-radius: 5px;padding: 0 5px; display: block;}
.dynamic-list .line-box .line-item{height: 40px;border-bottom: 1px solid #EDEDED;font-size: 14px;padding: 0 10px;}
.dynamic-list .line-box .line-item:last-of-type{border-bottom: none;}
.dynamic-list .line-box .line-item .name{font-size: 12px;}
.dynamic-list .line-box .line-item .name span{font-size: 14px;margin-right: 10px;}
.dynamic-list .line-box .line-item .score{position: relative;color: #44a9f7;font-size: 16px;}
.dynamic-list .line-box .line-item .score .iconfont{color: #05aa62;margin-right: 10px;}
.dynamic-list .line-box .line-item .score i{color: #dba85b;font-size: 12px;display: inline-block;transform: translateY(-7px);}

/* 签表 */
.competition-nav{line-height:40px;padding: 0 15px;background-color: #f6f6f6;overflow-x: scroll;white-space: nowrap;}
.competition-nav .nav-item{display: inline-block;margin-right:25px;}
.competition-nav .nav-item a{color: #000;font-size: 16px;}
.competition-nav .nav-item.active a{color: #44a9f7;border-bottom: 2px solid #44a9f7;}
.tabbed-tab{padding:5px 10px 15px;background-color: #fff; font-size: 14px;}
.tabbed-tab .tab-item{text-align: center;background-color: #f6f6f6;color: #000;border-radius: 3px; padding:7px 15px; margin-top:10px;}
.tabbed-tab .tab-item.active{background-color: #44a9f7;color: #fff;}
.tabbed-tab .tab-item.active a{color: #fff;}
/* 小组赛 */
.tabbed-table-box{padding: 10px 10px 0; background-color: #f7f7f7;}
.tabbed-table-box .sign-table {overflow-x: scroll;white-space: nowrap;width:100%;  padding-bottom:10px;}
.tabbed-table-box .sign-table .tabbed-table{text-align: center;color: #000; font-size:12px;border-radius: 10px;border:1px solid #e3e3e3;max-width: 20000px;width: auto;display: inline-block;margin-right: 15px;border-collapse: collapse;  border-spacing: 0;}
.tabbed-table-box .tabbed-table tr{width: 100%;max-width: 20000px;}
.tabbed-table-box .tabbed-table th,.tabbed-table-box .tabbed-table td{min-width:50px;padding: 8px;overflow: hidden;border-right:1px solid #e3e3e3;border-bottom:1px solid #e3e3e3;font-weight: normal;}
.tabbed-table-box .tabbed-table tr th:first-of-type{color: #44a9f7;}
.tabbed-table-box .tabbed-table th:last-of-type,.tabbed-table-box .tabbed-table td:last-of-type{border-right:none;}
.tabbed-table-box .tabbed-table tr:last-of-type td{border-bottom: none;}
.tabbed-table-box .tabbed-table td.diagonal-line{ background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPjxsaW5lIHgxPSIwIiB5MT0iMCIgeDI9IjEwMCUiIHkyPSIxMDAlIiBzdHJva2U9IiNlM2UzZTMiIHN0cm9rZS13aWR0aD0iMSIvPjwvc3ZnPg==) no-repeat 100% center; }
.tabbed-table-box .tabbed-table td .score{background: #fff;border: 1px solid #ccc;border-radius: 5px;height: 26px;line-height: 26px;text-align: center; display: block; padding:0 5px; color:#f60;}
.tabbed-table-box .tabbed-table td a.score{color:#333;}
.tabbed-table-box .tabbed-table td .score_set{background: #fcf8e3;}
.tabbed-table-box .tabbed-table td .user_schedule{background: #d0faca;}
.tabbed-table-box .tabbed-table td select{border: 1px solid #ccc;border-radius: 5px;height: 26px; padding:0 5px;}

/* 淘汰赛 */
.knockout-box{padding:0 10px; font-size: 14px;}
.knockout-nav{display: grid;grid-template-columns: repeat(3,100px);column-gap: calc((100% - 300px) / 2);}
.knockout-nav .nav-item{width: 100%;text-align: center;line-height: 30px;border-radius: 3px;border: 1px solid #ccc;color: #333333;margin-bottom: 15px;}
.knockout-nav .nav-item.active{color: #44a9f7;border: 1px solid #44a9f7;}
.knockout-nav .nav-item.active a{color: #44a9f7;}
.knockout-list .line-box{border-radius: 10px;border:1px solid #e3e3e3;border-top: none;overflow: hidden;padding: 0 15px;position: relative;margin-bottom: 15px;}
.knockout-list .line-box::before{content: "";position: absolute;width: 100%;left: 0;top: 0; border-top: 5px solid #44a9f7;}
.knockout-list .line-box li{height: 42px;border-top:1px solid #e3e3e3;padding:0 15px 0 5px;}
.knockout-list .line-box li:first-of-type{border: none; height: 45px;}
.knockout-list .line-box li.li-one{padding-left: 15px;}
.knockout-list .line-box li .name{font-size: 13px;}
.knockout-list .line-box li .item_schedule{color:#44a9f7;}
.knockout-list .line-box li .score{position: relative;color: #44a9f7;}
.knockout-list .line-box li .score .iconfont{color: #05aa62;margin-right: 10px;}
.knockout-list .line-box li .rank{font-weight: bold; font-size: 15px;}
.knockout-list .line-box li .btn{background: #1a7bb9; color:#fff; font-size: 12px; margin-left:12px; border-radius:3px; padding:3px 5px;}
.knockout-list .line-box li .select{background: #18a689;}
.knockout-list .line-box .arrow{position: absolute;left:5px; top: 50%;transform: translateY(-50%);color: #c7c7c7;font-size: 20px; background: #fff;}
.knockout-list .line-box .right{left:auto; right: 5px;}

/* 成绩公告 */
.grades-title{background-color: #fff; padding: 10px; font-size: 16px;color: #000;border-top: 1px solid #efefef;margin-bottom: 10px;line-height: 1.7;font-weight: 700;}
.grades-nav{line-height:40px;padding: 0 15px;background-color: #fff;overflow-x: scroll;white-space: nowrap;margin-bottom: 10px;}
.grades-nav .nav-item{display: inline-block;margin-right:25px;}
.grades-nav .nav-item a{color: #000;font-size: 16px;}
.grades-nav .nav-item.active a{color: #44a9f7;border-bottom: 2px solid #44a9f7;}
.grades-box{background-color: #fff; margin-top:10px;}
.grades-box .grades-line{height: 60px;border-top: 1px solid #efefef; font-size: 14px;text-align: center;color: #333;}
.grades-box .grades-line.title{height: 44px;font-weight: 700;color: #000;border-bottom:none;font-size: 15px;}
.grades-box .grades-line>div:nth-of-type(1){width: 20%;}
.grades-box .grades-line>div:nth-of-type(2){width: 50%;}
.grades-box .grades-line>div:nth-of-type(3){width: 30%;}
/* .grades-box .grades-line>div:nth-of-type(4){width: 30%;} */
.grades-box .grades-line .number{font-weight: 700;color: #000;font-size: 16px;}
.grades-box .grades-line .number img{width: 25px;}
.grades-box .grades-line .pic{width: 40px;height: 40px; border-radius: 50%;overflow: hidden;}
.grades-box .grades-line .name{padding:2px 0;}
.grades-box .grades-line .top{width: 90px;text-align: center;line-height: 30px;color: #fff;border-radius: 15px;}
.grades-box .grades-line:nth-child(2) .top{background-color: #ffb13d;}
.grades-box .grades-line:nth-child(3) .top{background-color: #b3c2c6;}
.grades-box .grades-line:nth-child(4) .top{background-color: #e47b55;}

/* 选手名单 */
.game-project-nav{background-color: #fff; padding:0 10px;}
.game-project-nav .nav-con{overflow-x: scroll; white-space: nowrap;}
.game-project-nav .nav-item{display: inline-block;margin-right:25px;}
.game-project-nav .nav-item a{display:block; color: #000;font-size: 16px; line-height:40px; height: 40px;}
.game-project-nav .nav-item.active a{color: #44a9f7;border-bottom: 2px solid #44a9f7;}

.user-search-box{margin:0 10px 10px;}
.user-search-box .search{width: 72%;border: 1px solid #44a9f7;height: 35px;border-radius: 3px; background: #fff;}
.user-search-box .search i{width: 30px;font-size: 16px;color: #ccc;text-align: center;}
.user-search-box .search input{flex: 1;height: 100%; font-size: 14px;}
.user-search-box .btn{width: 25%;line-height: 35px;margin-bottom: 0;border-radius: 3px;font-size: 14px; background: #ddd;}

.player-box{padding: 10px 0 0;background-color: #fff; position: fixed; top:0; left:0; width: 100%; z-index: 999;}
.player-box .group-box{display:grid;grid-template-columns: repeat(3,100px);column-gap: calc((100% - 300px) / 2);}
.group-box .nav-item{width: 100%;text-align: center;line-height: 30px;border-radius: 3px;background-color: #ededed; color: #333333;margin-bottom: 15px;}
.group-box .nav-item.active{background-color: #44a9f7;}
.group-box .nav-item.active a{color: #fff;}
.player-box .cont{color: #999;font-size: 14px; line-height: 1.5;text-align: center;}
.player-list {padding:0 15px;background-color: #fff; margin-top:105px;}
.player-list li{border-bottom:1px solid #efefef;color: #999999; padding:10px 0; font-size: 15px;}
.player-list li .item{padding:4px 0;}
.player-list li .name{color: #44a9f7;margin-right: 5px;}
.player-list li .sex{padding:0 5px;font-size: 12px;border-radius: 5px 5px 5px 0;}
.player-list li .sex.man{background-color: #e1f1fe;color: #44a9f7;}
.player-list li .sex.woman{background-color: #fdf5ff;color: #f744d3;}
.player-list li .center{line-height: 1.6;}
.player-list li .center .num{font-size: 14px;color: #000;}
.player-list li .group{width:60px;line-height:24px;background-color: #44a9f7;color: #fff;border-radius: 3px;margin-bottom: 5px;}

/* 排行榜 */
.rank-top-nav{position: fixed;width: 100%;left: 0;top: 0;z-index: 101;}
.rank-top-nav .nav-item{flex: 1; margin:0 8px;}
.rank-top-nav .nav-item select{width:100%; height: 44px; -webkit-appearance: none; border:none; border-bottom: 2px solid #44a9f7; background: url(../images/down.png) no-repeat right center; color:#44a9f7; background-size:20px 20px; font-size: 15px; text-align: center;}
.top-box{position: relative;width: 100%;height: 4.1rem; background: linear-gradient(to bottom, #ecf6fe, #fff); z-index: 0;}
.top-box .top-item{width:2.05rem;position: absolute;top: 0.9rem; display: block;}
.top-box .top-item img{width: 100%;}
.top-box .top-item.item1{top: .2rem;left: 50%;transform: translateX(-50%);}
.top-box .top-item.item2{left:.40rem;}
.top-box .top-item.item3{right:.40rem;}
.top-box .top-item .pic{width: 0.9rem;height:0.9rem;position: absolute;top: .5rem;left: .58rem;border-radius: 50%;border:2px solid #fff; overflow: hidden;}
.top-box .top-item .cont-box{width: 100%;position: absolute;text-align: center;top: 1.52rem;}
.top-box .top-item .cont-box {font-size: .28rem;}
.top-box .top-item .cont-box .name{padding-bottom: .05rem;font-size: .28rem;}
.top-box .top-item .cont-box .tit{font-size: .18rem;padding-bottom: .08rem;font-weight: 700;}
.top-box .top-item .cont-box .integral{font-size: .26rem;}
.rank-box{margin-top:44px;}
.rank-box .rank-line{padding:8px 0; border-bottom: 1px solid #ddd; font-size: 13px;text-align: center;color: #111;position: relative;}
.rank-box .con .rank-line:nth-child(2n+1){background: #fff;}
.rank-box .rank-line.title{padding:15px 0 12px; font-weight: 700;color: #000;font-size: 15px; position: relative; z-index: 10;}
.rank-box .rank-line>div:nth-of-type(1){width:20%;}
.rank-box .rank-line>div:nth-of-type(2){width:40%;}
.rank-box .rank-line>div:nth-of-type(3){width:40%; font-size: 15px;}
.rank-box .rank-line .number{font-weight: 700;color: #000;font-size: 16px;}
.rank-box .rank-line .pic{width:40px; height: 40px; border-radius:50%; border:1px solid #ccc; margin-bottom:3px;}
.rank-box .rank-line.title::after{display: none;}
.rank-box .rank-line::after{content: "";font-family: "iconfont"; content: "\e631";position: absolute;right: 10px;top: 50%;top: 50%;transform: translateY(-50%); color: #8b8b8b;font-size: 12px;}

/* 比分详情 */
.score_details{padding: 15px;min-height: 100vh;background-color: #f6f6f6;}
.score_details .details_box{width: 100%;padding: 0 15px;background-color: #fff;margin-bottom:15px;border-radius: 6px;}
.score_details .item_box .item{width: 30%;text-align: center;padding: 15px 0 12px;font-size: 16px;}
.score_details .item_box .tit{color: #000;margin-bottom: 10px;}
.score_details .item_box .num{color: #44a9f7; height: 24px; line-height: 24px;}
.score_details .name_box {padding: 10px;}
.score_details .name_box .name{flex:1; text-align: center;font-size: 16px;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.score_details .name_box .name .tit{color: #000;margin-bottom: 5px;font-weight: 700;}
.score_details .name_box .name .no{color: #f60; font-size: 14px;}
.score_details .name_box .name .dui{width:15px;}
.score_details .name_box .vs{width: 35px;}
.score_details .site_box{padding:10px 15px;}
.score_details .site_box .right{text-align: right;}
.score_details .site_box .site_name{background: #44a9f7; color: #fff; padding:5px 10px; border-radius:5px; margin-top:8px; text-align: center;}
.score_list li{padding:20px 0 15px;border-bottom: 1px solid #efefef;}
.score_list li .title{font-size: 16px;color: #000;padding-left: 15px;line-height: 1;border-left: 3px solid #44a9f7;margin-bottom: 15px;font-weight: 700;}
.score_list li .score-box>div{width: 33.3%; text-align: center;}
.score_list li .score-box .name{color: #999;font-size: 16px;}
.score_list li .score-box .score{display: flex;align-items: center;justify-content: center;font-size: 24px;}
.score_list li .score-box .score .horizontal_line{background-color: #44a9f7;width: 10px;height: 2px;border-radius: 2px;margin: 0 20px;}
.score_details .title-line{color: #000;font-size: 16px;margin-bottom:15px;}
.score_details .total_box {padding:10px 15px 20px 15px;}
.score_details .total_box .title{font-size: 16px;color: #999;margin-bottom: 15px;}
.score_details .total_box .title span{color: #44a9f7;}
.score_details .total_box .score{font-size: 32px;}
.score_details .total_box .score .horizontal_line{background-color: #44a9f7;width: 10px;height: 2px;border-radius: 2px;margin: 0 25px;}
.score_details .total_box .score .win{color: red;}

.game-detail-banner{width: 100%;height: 4.2rem;overflow: hidden; margin-bottom:-15px; position:relative; z-index: 0;}
.game-detail-banner .swiper-container{width: 100%;height: 100%; overflow: hidden;}
.game-detail-banner .swiper-container img{width:100%;}
.game-detail-banner .swiper-container .swiper-pagination .swiper-pagination-bullet{background-color: #fff;opacity: 1;}
.game-detail-banner .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width:0.6rem;border-radius:0.2rem;}

/* 比分设置 */
.match-set-panel{}
.match-set-panel .orderList-nav{position: relative;}
.match-set-panel .tab-content{background: #fff; height: 11rem;}
.match-set-panel .tab-content .content-item{background: #fff;}
.match-set-panel .input-line .input-box{width:5.2rem;}
.match-set-panel .input-line .input-box label{display: flex; align-items: center; margin-left:0.3rem;}
.match-set-panel .input-line .input-box .checkbox{width:18px; height: 18px; margin: 0 0.1rem; vertical-align: -3px;}
.match-set-panel .input-line .timeCon{justify-content: space-between;}
.match-set-panel .input-line .timeCon label{margin:0;}
.match-set-panel .stateCon .input-box{line-height: 24px; padding:5px 0;}

.match-set-panel .two-item{display: flex; justify-content: center; align-items: center;}
.match-set-panel .two-item .line{padding:0 5px;}
.match-set-panel .two-item input{text-align: center; padding:5px; min-width: 36px; width: 100%; border: 1px solid #e5e6e7; border-radius:5px; height: 30px; line-height: 30px; font-size: 14px;}
.match-set-panel .two-item i{margin-left:6px; font-size: 18px;}
.match-set-panel .timeCon .line{float:left; line-height: 34px; padding:0 10px;}
.match-set-panel .timeCon input{float:left;}
.match-set-panel .button-group{margin-top:5px;}
.match-set-panel .score-table{margin:10px 0 0;}
.match-set-panel .scorePanel{border-top:1px solid #EBEBEB; display: flex; align-items: stretch;}
.match-set-panel .scorePanel:first-child{border:none;}
.match-set-panel .scorePanel .dishCon{width:110px; border-right:1px solid #EBEBEB; padding:6px;}
.match-set-panel .scorePanel .smallCon{ flex: 1;}
.match-set-panel .score-table .small-list{padding-top:5px; border-top:1px solid #EBEBEB; min-height: 46px; white-space: nowrap; text-align: left;}
.match-set-panel .score-table .small-list:first-child{border:none;}
.match-set-panel .score-table .small-list .small-item{padding:5px; background: #eee; display: inline-block; width: 120px; border-radius:3px; margin:0 0 5px 5px; vertical-align: middle;}
.match-set-panel .score-table .small-list .add-small-item{display:inline-block; margin:5px 8px; color: #1a7bb9; border:1px solid #1a7bb9; border-radius:3px;}
.match-set-panel .score-table .small-list .add-small-item span{font-size: 20px;}
.match-set-panel .list-attribute .item{margin:0;}
.match-set-panel .list-attribute .item .con .t{width:1.35rem;}

.s-table-box{overflow-x: scroll;white-space: nowrap;width: 100%;}
.score-table{text-align: center;color: #000; font-size:12px; border:1px solid #e3e3e3; display: inline-block; width: auto; border-collapse: collapse;  border-spacing: 0; max-width: 20000px;}
.score-table tr{width:100%; max-width: 20000px;}
.score-table th, .score-table td{padding: 5px;overflow: hidden;border-right:1px solid #e3e3e3;border-bottom:1px solid #e3e3e3;font-weight: normal;}
.score-table th{background: #F5F5F6; height: 36px;}
.score-table th:last-of-type, .s-table td:last-of-type{border-right:none;}
.score-table tr:last-of-type td{border-bottom: none;}
.score-table .no-padding{padding:0;}
.score-table .no-borders{border: none;}

.select-knockout-user .user-content{height:6rem; background: #fff; font-size: 0.28rem;}
.select-knockout-user .user-form-con label{display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #EDEDED; padding:0.3rem 0.2rem;}
.select-knockout-user .user-form-con label .name{flex: 1;}
.select-knockout-user .user-form-con label input{margin-left:0.2rem;width: 0.4rem;height: 0.4rem;}