.tab-box {
    text-align: left;
    background: url(../../images/icons/icon_left_top.png) 0 0 no-repeat, url(../../images/icons/icon_right_top.png) 100% 0 no-repeat, url(../../images/icons/icon_right_bottom.png) 100% 100% no-repeat, url(../../images/icons/icon_left_bottom.png) 0 100% no-repeat;
    background-color: var(--card-bg-color);
    border: 1px solid #152e4a;
}
.tab-box .tab-nav {
    display: inline-block;
}
.tab-box .tab-nav .tab-item {
    display: inline-block;
    height: 80px;
    line-height: 80px;
    background: url(../../images/icons/vertical-line.png) 100% no-repeat;
    position: relative;
    width: 120px;
}
.tab-box .tab-nav .tab-item a {
    display: block;
    cursor: pointer;
    font-size: 16px;
    height: 85px;
    color: #58B2CC;
    font-weight: 700;
    text-align: center;
}
.tab-box .tab-nav .tab-item.active > a, .tab-box .tab-nav .tab-item.active:hover > a {
    background: url(../../images/icons/header-nav-active.png) no-repeat;
    background-size: 100% 100%;
}
.tab-box .tab-nav .tab-item:hover > a {
    background: url(../../images/icons/header-nav-hover.png) no-repeat;
    background-size: 100% 100%;
}
.tab-box .tab-nav .tab-item:first-child:before {
    width: 1px;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    clear: both;
    height: 80px;
    line-height: 80px;
    background: url(../../images/icons/vertical-line.png) no-repeat;
    margin-top: 11px
}
.match-container .match-content {
    padding-bottom: 60px;
    display: none;
}
.match-container .match-content.active {
    display: block;
}
.match-container .match-content > .guide_wrap {
    width: auto;
    padding: 0 0 35px 0;

}
.match-container .match-content > .guide_wrap #trend_chart {
    width: auto;
    padding: 24px;
}
.match-container .match-content > .guide_wrap.manual {
    width: auto;
    padding: 35px;
    background: url(../../images/icons/icon_left_top.png) 0 0 no-repeat, url(../../images/icons/icon_right_top.png) 100% 0 no-repeat, url(../../images/icons/icon_right_bottom.png) 100% 100% no-repeat, url(../../images/icons/icon_left_bottom.png) 0 100% no-repeat;
    background-color: var(--card-bg-color);
    border: 1px solid #152e4a;
}
.match-container .match-content .match_box {
    min-width: unset;
    width: auto;
    padding: 0 0 35px 0;
}
.match-container .match-content .rank_box {
    margin: 0 auto;
    padding:  0;
}
.event-logo {
    height: 80px;
    padding: 0 10px;
    display: flex;
    display: -moz-flex;
    display: -webkit-flex;
    display: -ms-flex;
    align-items: center;
}
.event-logo.loading {
    background-repeat: no-repeat;
    background-image: url(../../images/icons/loading.gif);
    background-size: 48px 48px;
    background-position: 50%;
    background-color: #13242C;
}
.event-logo img {
    width: 311px;
    height: 63px;
}
#competition-detail .panel_blue_box, .subject_box .sub_content .sub_card, .guide_wrap ul li {
    background-color: var(--card-bg-color);
}

.guide_wrap .list .guide_title .title_name {
    color: #58B2CC;
}
.guide_wrap .list .guide_title .title_index {
    border-color: #58B2CC;
}
.guide_wrap .list .guide_content {
    border-color: #58B2CC;
}
.guide_wrap .list .guide_title .title_index span {
    background-color: #58B2CC;
}
.guide_wrap .list .guide_title .title_index:after {
    background-color: #58B2CC;
}
.block-box {
    font-size: 0;
}
.block {
    display: inline-block;
    width: 11px;
    height: 14px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin-right: 3px;
}
.block.solved {
    background-image: url(../../images/icons/solved.png);
}
.block.unsolved {
    background-image: url(../../images/icons/unsolved.png);
}
.block:last-of-type {
    margin-right: 0;
}
.broadcast-box {
    padding: 24px;
    margin-top: 24px;
}
.broadcast-box .broadcast-title {
    color: #55AEA6;
    font-size: 20px;
    margin-bottom: 20px;
}
.broadcast-box .broadcast-list > li {
    color: #fff;
    border: none;
    margin: 0;
    padding: 12px;
    background: #153740 none;
}
.broadcast-box .broadcast-list > li:nth-child(2n) {
    background-color: #1E4A50;
}
.broadcast-box .broadcast-list > li .time {
    margin-right: 30px;
}
.broadcast-box .broadcast-list > li .nickname {
    color: #55AEA6;
}
.broadcast-box .broadcast-list > li .score {
    color: #d69d09;
}
.match_actions {
    text-align: right;
}
.match_actions > li {
    border: none;
    display: inline-block;
    text-align: center;
    line-height: 36px;
    padding: 0 12px;
    width: 210px;
    color: #fff;
    cursor: pointer;
    margin-left: 10px;
    background: url(../../images/icons/long-btn.png) no-repeat;
    background-size: 100% 100%;
}
.match_actions > li:hover {
    background: url(../../images/icons/long-btn-hover.png) no-repeat;
    background-size: 100% 100%;
}
#competition-detail .match_information {
    position: relative;
}
.count-down {
    position: absolute;
    top: 24px;
    right: 0;
    display: none;
    text-align: center;
}
.count-down .hint {
    margin-bottom: 10px;
}
.count-down .chunk {
    padding: 2px 6px;
    color: #fff;
    font-weight: 500;
    margin-right: 5px;
    /*background-color: #FF2D5F;*/
    background-color: rgba(255, 45, 95, 0.8);
    border-radius: 4px;
    min-width: 30px;
    height: 24px;
    display: inline-block;
    line-height: 20px;
    text-align: center;
}

.contest-list {
    text-align: left;
}
.contest-list .contest-item {
    text-align: left;
    padding: 30px;
    box-sizing: border-box;
    background: url(../../images/icons/vulrec-box.png) 50% no-repeat;
    background-size: 100% 100%;
    display: inline-block;
    position: relative;
    margin: 12px;
}
.contest-list .contest-item:hover {
    background: url(../../images/icons/vulrec-box-hover.png) 50% no-repeat;
    background-size: 100% 100%;
}
.contest-list .contest-item .cover {
    display: block;
    position: relative;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: 50%;
}
.contest-list .contest-item .card-title {
    color: #d2eaf0;
    font-size: 14px;
    line-height: 20px;
    height: 45px;
    padding-top: 5px;
}
.contest-list .contest-item .card-info {
    text-align: left;
    clear: both;
    margin-bottom: 15px;
}
.contest-list .contest-item .card-info > div {
    font-size: 14px;
    color: var(--cyan-color);
    display: inline-block;
    border-radius: 12px;
    line-height: 1;
}

.contest-list .contest-item .card-info i {
    width: 17px;
    height: 17px;
    display: inline-block;
    margin-right: 4px;
    vertical-align: -2px;
}
.solved-rank {
    width: 32px;
    height: 32px;
    display: inline-block;
    vertical-align: middle;
}
.solved-rank.rank-1 {
    background: url(../../images/icons/icon_rank1.png) 50% no-repeat;
    background-size: 100% 100%;
}
.solved-rank.rank-2 {
    background: url(../../images/icons/icon_rank2.png) 50% no-repeat;
    background-size: 100% 100%;
}
.solved-rank.rank-3 {
    background: url(../../images/icons/icon_rank3.png) 50% no-repeat;
    background-size: 100% 100%;
}
.contest-list .contest-item .card-info .score {
    float: right;
    font-weight: 700;
    color: #ffc600;
}
.contest-list .contest-item .card-info .solved i {
    background: url(../../images/icons/icon_user.png) no-repeat;
    background-size: 100% 100%;
}
.contest-list .contest-item .card-info .score i {
    background: url(../../images/icons/icon_glod.png) no-repeat;
    background-size: 100% 100%;
}
.contest-list .contest-item .card-optimum > li {
    border-bottom: 1px solid #043a68;
    margin-bottom: 10px;
    padding-bottom: 10px;
}
.contest-list .contest-item .card-optimum > li > a {
    display: flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -webkit-flex;
    align-items: center;
}
.contest-list .contest-item .card-optimum > li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border: 0;
}
.contest-list .contest-item .card-optimum .avatar {
    width: 36px;
    height: 36px;
    display: inline-block;
    border: 1px solid #0082ff;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    vertical-align: middle;
    background-image: url(../../images/avatar_default.jpg);
}
.contest-list .contest-item .card-optimum .nickname {
    display: inline-block;
    margin-left: 10px;
    flex: 1;
    height: 36px;
    line-height: 36px;
}
@media (max-width: 1300px) {
    .contest-list .contest-item:nth-child(4n) {
        margin-right: 0;
    }
    .contest-list .contest-item:nth-child(4n+1) {
        margin-left: 0;
    }
    .contest-list .contest-item {
        width: 252px;
        /*height: 258px;*/
    }
    .contest-list .contest-item .cover {
        width: 192px;
        height: 96px;
    }
    .contest-list .contest-item .card-title {
        font-size: 12px;
        line-height: 16px;
        height: 36px;
    }
    .contest-list .contest-item .card-info i {
        width: 15px;
        height: 15px;
    }
    .contest-list .contest-item .card-info > div {
        font-size: 12px;
    }
    .contest-list .contest-item .tags-list {
        margin-bottom: 6px;
    }
    .contest-list .contest-item .difficulty-level {
        margin-bottom: 6px;
    }
    .count-down {
        top: 0;
    }
}

@media (min-width: 1300px) and (max-width: 1500px) {
    .contest-list .contest-item:nth-child(4n) {
        margin-right: 0;
    }
    .contest-list .contest-item:nth-child(4n+1) {
        margin-left: 0;
    }
    .contest-list .contest-item {
        width: 270px;
        /*height: 290px;*/
        margin: 11px;
    }
    .contest-list .contest-item .cover {
        width: 210px;
        height: 105px;
    }
    .count-down {
        top: 0;
    }
}

@media (min-width: 1500px) and (max-width: 1800px) {
    .contest-list .contest-item:nth-child(5n) {
        margin-right: 0;
    }
    .contest-list .contest-item:nth-child(5n+1) {
        margin-left: 0;
    }
    .contest-list .contest-item {
        width: 270px;
        /*height: 290px;*/
    }
    .contest-list .contest-item .cover {
        width: 210px;
        height: 105px;
    }
}

@media (min-width: 1800px) {
    .contest-list .contest-item:nth-child(5n) {
        margin-right: 0;
    }
    .contest-list .contest-item:nth-child(5n+1) {
        margin-left: 0;
    }
    .contest-list .contest-item {
        width: 300px;
        /*height: 307px;*/
    }
    .contest-list .contest-item .cover {
        width: 240px;
        height: 120px;
    }
}

.caLogs #trend_chart {
    width: 250px !important;
    height: auto !important;
    padding-right: 25px;
    border-right: 1px solid #58B2CC;
    margin: 0 25px 0 0;
}
.caLogs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.caLogs .table-box {
    flex: 1;
}
.caLogs .pagination_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.caLogs .el-table {
    min-height: 250px;
}
.group-apply-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: flex;
}
.group-apply-box .source-box {
    flex: 1;
}
.group-apply-box .source-box .active_row {
    background: #0080ff !important;
}
.group-apply-box .checked-box {
    width: 250px;
    margin-left: 20px;
    /*padding: 12px;*/
    /*border: 1px solid #053a66;*/
}
.group-apply-box .checked-box .checked-title .count-limit {
    color: #FF2D5F;
    float: right;
    font-size: 12px;
    height: 18px;
    line-height: 18px;
}
.group-apply-box .checked-box .member-list > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: flex;
    padding: 12px 0;
    border-bottom: 1px solid #053a66;
}
.group-apply-box .checked-box .member-list > li:first-child {
    padding-top: 0;
}
.group-apply-box .checked-box .member-list > li .avatar {
    width: 36px;
    height: 36px;
    display: inline-block;
    border: 1px solid #0082ff;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    vertical-align: middle;
    background-image: url(../../images/avatar_default.jpg);
}
.group-apply-box .checked-box .member-list > li .nickname {
    display: inline-block;
    margin: 0 10px;
    flex: 1;
    height: 36px;
    line-height: 36px;
}
.group-apply-box .checked-box .member-list > li .level {
    color: #487898;
    height: 36px;
    line-height: 36px;
}
.group-apply-box .checked-box .member-list > li .btn-delete {
    height: 36px;
    line-height: 36px;
    font-size: 20px;
    color: red;
    cursor: pointer;
}
.group-apply-box .source-title, .group-apply-box .checked-title {
    border-left: 4px solid var(--cyan-color);
    padding-left: 6px;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 20px;
    clear: both;
}
.group-apply-box .pagination_box {
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.group-apply-box.view-mode .source-box {
    display: none;
}
.group-apply-box.view-mode .checked-box .member-list > li .btn-delete {
    display: none;
}
.group-apply-box.view-mode .checked-box {
    margin: 0;
    width: 100%;
}
.match-container .match-content[data-nav="notice"] .guide_wrap {
    padding: 0 0 35px 0;
}
.guide_wrap .notice-list > li:last-child {
    margin-bottom: 0;
}
#competition-detail .match_cover {
    background-color: #13242C;
}
#competition-detail .match_cover.loading {
    background-repeat: no-repeat;
    background-image: url(../../images/icons/loading.gif);
    background-size: 48px 48px;
    background-position: 50%;
}
.guide_wrap .list .guide_content a.rule-detail-link {
    color: #58B2CC;
}

.user_name img {
    width: 30px;
    height: 30px;
    margin-right: 8px;
    border-radius: 50%
}

.user_name .marque_box {
    width: 120px;
    overflow: hidden;
    text-align: left
}

.user_name .marque_box .marquee {
    display: table-cell
}

.rank_box .el-table td, .rank_box .el-table thead .cell {
    background: transparent;
}
.rank_box .el-table thead .cell {
    background: #152222;
}

.rank_box .el-table--enable-row-hover .el-table__body tr:hover > td {
    background: none;
}
.rank_box .el-table thead .score {
    color: #58B2CC;
    font-weight: 700;
}
.rank_box .el-table tbody tr {
    background-color: var(--card-bg-color);
}
.rank_box .el-table tbody tr:hover {
    background: url(../../images/icons/bian.png) 0 0 no-repeat, url(../../images/icons/bian2.png) 100% 0 no-repeat, url(../../images/icons/bian3.png) 0 100% no-repeat, url(../../images/icons/bian4.png) 100% 100% no-repeat;
    background-color: rgba(0, 0, 0, 0.8);
}