.pvp-modal-open,
.pvp-toast-wrap {
    overflow: hidden;
}

.pvp-modal-dialog-st .selectteam .st-team .st-team-member label.disabled i,
.selectteam .st-team .st-team-member label.disabled i,
.selectteam .st-team .st-team-member label.diserror i {
    visibility: hidden;
}

.fade {
    opacity: 0;
    -webkit-transition: opacity 0.15s linear;
    -o-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear;
}

.fade.in {
    opacity: 1;
}

.pvp-btn {
    font-size: 14px;
    line-height: 1;
    text-align: center;
    padding: 8px 13px;
    display: inline-block;
    border-radius: 3px;
    color: #fff;
    background-image: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0) 30%,
        rgba(0, 0, 0, 0.2)
    );
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
}

.g-dialog,
.pvp-modal-dialog {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.pvp-btn:hover {
    background-image: linear-gradient(
        to top,
        rgba(255, 255, 255, 0) 30%,
        rgba(255, 255, 255, 0.3)
    );
}

.pvp-btn:active {
    background-image: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0) 30%,
        rgba(0, 0, 0, 0.3)
    );
}

.pvp-btn.blue,
.pvp-btn.red {
    background-color: #842913;
}

.pvp-btn.gray {
    background-color: #697290;
}

.pvp-input {
    box-sizing: border-box;
    background-color: rgba(0, 0, 0, 0.25);
    border: 1px solid rgba(255, 255, 255, 0.08);
    outline: 0;
    color: rgba(255, 255, 255, 0.3);
    font-size: 12px;
    padding: 0 30px 0 8px;
}

.pvp-input:focus,
.pvp-input:hover {
    border: 1px solid rgba(255, 255, 255, 0.18);
}

.pvp-input.disabled,
.pvp-input:disabled {
    border: 1px solid rgba(255, 255, 255, 0.11);
    opacity: 0.5;
}

.pvp-checkbox {
    font-size: 12px;
    position: relative;
    display: inline-block;
    color: rgba(255, 254, 254, 0.3);
    margin-right: 20px;
}

.pvp-checkbox i {
    position: absolute;
    top: 2px;
    left: 0;
    background-image: url(/csgo/images/teamsprite.png);
    background-position: -2px -136px;
    width: 16px;
    height: 16px;
}

.pvp-checkbox i:hover {
    background-position: -2px -66px;
}

.pvp-checkbox input {
    width: 15px;
    opacity: 0;
    margin: 0;
}

.pvp-checkbox input:checked + i {
    background-position: -2px -101px;
}

.pvp-checkbox input:checked + i:hover {
    background-position: -2px -377px;
}

.pvp-checkbox input:checked:disabled + i {
    background-position: -2px -342px;
}

.pvp-checkbox input:disabled + i {
    background-position: -2px -31px;
}

.pvp-toast-wrap {
    position: fixed;
    left: 50%;
    top: 50%;
    bottom: 10px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 10001;
    height: 40px;
}

.pvp-toast {
    font-size: 14px;
    text-align: center;
    line-height: 40px;
    border-radius: 5px;
    color: #dbdbdb;
    padding: 0 30px;
    margin-bottom: 10px;
    min-width: 260px;
    white-space: nowrap;
}

.pvp-toast.info,
.pvp-toast.warning {
    background-color: rgba(132, 41, 20, 0.95);
}

.pvp-modal-open .pvp-modal {
    overflow-x: hidden;
    overflow-y: auto;
}

.pvp-modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}

.pvp-modal.fade .pvp-modal-dialog {
    -webkit-transition: -webkit-transform 0.3s ease-out;
    -o-transition: -o-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    -o-transform: translate(0, -25%);
    transform: translate(0, -25%);
}

.pvp-modal.in .pvp-modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
}

.pvp-modal-dialog {
    position: relative;
    margin: 80px auto 10px;
    width: 420px;
    padding: 1px;
    border-right: 1px solid #313d4e;
    border-bottom: 1px solid #313d4e;
    background-color: #11151f;
    background-image: radial-gradient(
        circle 220px at center -70px,
        rgba(255, 255, 255, 0.15),
        rgba(255, 255, 255, 0)
    );
    z-index: 999;
}

.pvp-modal-dialog:after,
.pvp-modal-dialog:before {
    content: '';
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
}

.pvp-modal-dialog:before {
    right: 0;
    height: 1px;
    background-image: linear-gradient(to right, #6e220f 60%, #313d4e 70%);
}

.pvp-modal-dialog:after {
    bottom: 0;
    width: 1px;
    background-image: linear-gradient(to bottom, #6e220f 60%, #313d4e 70%);
}

.pvp-modal-dialog.lg {
    width: 460px;
}

.pvp-modal-dialog.modal-info-tip {
    width: 700px;
    height: 500px;
}

.pvp-modal-dialog.modal-info-tip .pvp-modal-body {
    height: 457px;
    overflow-y: auto;
    padding: 0;
}

.pvp-modal-dialog.modal-info-tip .pvp-modal-body p {
    color: #e2e2e2;
    box-sizing: border-box;
    padding: 20px 30px 40px;
    line-height: 2;
    font-size: 14px;
    min-height: 457px;
}

.pvp-modal-content {
    position: relative;
    border-radius: 0;
    outline: 0;
    background-color: #11151f;
}

.pvp-modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #000;
    z-index: 100;
}

.pvp-modal-backdrop.fade {
    filter: alpha(opacity=0);
    opacity: 0;
}

.pvp-modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: 0.5;
}

.pvp-modal-header {
    min-height: 32px;
    line-height: 32px;
    border-bottom: 1px solid #45454e;
    position: relative;
    background-color: #11151f;
}

.pvp-modal-header .close {
    position: absolute;
    background-image: url(/csgo/images/teamsprite.png);
    background-position: 0 -1717px;
    width: 16px;
    height: 16px;
    right: 10px;
    top: 50%;
    margin-top: -8px;
    z-index: 99;
}

.pvp-modal-dialog .pvp-modal-body div.warning,
.pvp-modal-title {
    position: relative;
}

.pvp-modal-title {
    font-size: 16px;
    color: #e2e2e2;
    line-height: 40px;
    padding-left: 12px;
    background-image: radial-gradient(
        circle 220px at center -70px,
        rgba(255, 255, 255, 0.15),
        rgba(255, 255, 255, 0)
    );
}

.pvp-modal-dialog .pvp-modal-body {
    position: relative;
    padding: 28px 40px 28px 60px;
    background-color: #11151f;
}

.pvp-modal-dialog .pvp-modal-body div.warning p {
    font-size: 14px;
    color: #e2e2e2;
    line-height: 1.714;
    padding-left: 46px;
    word-wrap: break-word;
    word-break: break-all;
}

.pvp-modal-dialog .pvp-modal-body div.warning i {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -14px;
    background-image: url(/csgo/images/modal/modal-icons.png);
    background-position: -5px -131px;
    width: 28px;
    height: 28px;
}

.pvp-modal-dialog .pvp-modal-body div.warning span {
    color: #0093ff;
    padding-right: 3px;
}

.pvp-modal-dialog .pvp-modal-body .warning i {
    background-position: -5px -131px;
}

.pvp-modal-dialog .pvp-modal-body .sure i {
    background-position: -5px -3px;
}

.pvp-modal-dialog .pvp-modal-body .success i {
    background-position: -5px -46px;
}

.pvp-modal-dialog .pvp-modal-body .fail i {
    background-position: -5px -90px;
}

.pvp-modal-footer {
    padding: 12px;
    text-align: right;
    border-top: 1px solid #454650;
    background-color: #11151f;
}

.pvp-modal-footer .pvp-btn {
    min-width: 100px;
}

.pvp-modal-footer .pvp-btn + .pvp-btn {
    margin-bottom: 0;
    margin-left: 10px;
}

.pvp-modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    white-space: normal;
    background-color: rgba(0, 0, 0, 0.7);
    border: 1px solid rgba(255, 255, 255, 0.08);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    line-break: auto;
}

.popover.bottom {
    margin-top: 15px;
}

.popover.bottom > .arrow {
    top: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: rgba(255, 255, 255, 0.08);
}

.popover.bottom > .arrow:after {
    top: 1px;
    margin-left: -10px;
    content: '';
    border-top-width: 0;
    border-bottom-color: rgba(0, 0, 0, 0.7);
}

.popover > .arrow {
    border-width: 11px;
}

.popover > .arrow,
.popover > .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.overlay,
.tip-block {
    display: none;
    position: absolute;
}

.popover > .arrow:after {
    content: '';
    border-width: 10px;
}

.popover .popover-content {
    padding: 14px;
}

.tip-block {
    min-width: 260px;
    height: 40px;
    border-radius: 5px;
    top: 50%;
    left: 50%;
    z-index: 99;
    transform: translate(-50%, -50%);
}

.tip-block.wrong-tip {
    background-color: rgba(132, 41, 20, 0.95);
}

.tip-block.true-tip {
    background-color: rgba(2, 84, 144, 0.95);
}

.tip-block p.info-tip {
    padding: 0 30px;
    text-align: center;
    font-size: 14px;
    color: #dbdbdb;
    line-height: 40px;
}

.overlay {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 88;
    background-color: rgba(0, 0, 0, 0.2);
}

#transfer_modal .pvp-modal-footer {
    text-align: center;
}

.text-overflow {
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
}

.multi-text-overflow {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.fake-loading {
    display: inline-block;
    vertical-align: middle;
}

.fake-loading div {
    border-radius: 100%;
    margin: 2px;
    border: 2px solid #b7bbc2;
    border-bottom-color: transparent;
    height: 14px;
    width: 14px;
    vertical-align: middle;
    background: 0 0 !important;
    display: inline-block;
    -webkit-animation: rotateloading 0.75s 0s linear infinite;
    animation: rotateloading 0.75s 0s linear infinite;
}

@keyframes rotateloading {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.g-dialog {
    position: fixed;
    z-index: 100;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-right: 1px solid #313d4e;
    border-bottom: 1px solid #313d4e;
    background-color: #11151f;
    background-image: radial-gradient(
        circle 220px at center -70px,
        rgba(255, 255, 255, 0.15),
        rgba(255, 255, 255, 0)
    );
    overflow: hidden;
}

.g-dialog:after,
.g-dialog:before {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    content: '';
}

.g-dialog:before {
    right: 0;
    height: 1px;
    background-image: linear-gradient(to right, #6e220f 60%, #313d4e 70%);
}

.g-dialog:after {
    bottom: 0;
    width: 1px;
    background-image: linear-gradient(to bottom, #6e220f 60%, #313d4e 70%);
}

.g-dialog .m-title {
    height: 46px;
    border-bottom: 1px solid #2a2d36;
    background-color: #11151f;
    position: relative;
    background-image: radial-gradient(
        circle 220px at center -70px,
        rgba(255, 255, 255, 0.15),
        rgba(255, 255, 255, 0)
    );
    color: #e2e2e2;
    font-size: 16px;
    text-indent: 24px;
    line-height: 45px;
}

.g-dialog .m-title:after {
    content: '';
    position: absolute;
    left: 60px;
    right: 60px;
    top: -10%;
    z-index: -1;
    bottom: 0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.8);
}

.g-dialog .m-title a {
    float: right;
    width: 45px;
    height: 45px;
    line-height: 42px;
    margin-right: 10px;
    font-size: 24px;
    color: #707070;
}

.g-dialog .m-title a:hover {
    color: #0093ff;
}

.g-dialog .m-content {
    width: 680px;
    max-height: 445px;
    overflow: auto;
    color: #e2e2e2;
    font-size: 14px;
    line-height: 26px;
    padding: 20px 30px 40px;
}

.g-dialog .m-info {
    position: relative;
    width: 476px;
    color: #e2e2e2;
    padding: 30px 40px 45px 80px;
    font-size: 14px;
    line-height: 1.45;
}

.g-dialog .m-info span {
    color: #0093ff;
}

.g-dialog .m-info:before {
    content: '';
    position: absolute;
    width: 30px;
    height: 30px;
    margin-left: -40px;
    margin-top: -22px;
    top: 50%;
    background-image: url(data:image/png;base64,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);
    background-repeat: no-repeat;
}

.g-dialog .m-info.m-confirm:before {
    background-position: 0 0;
}

.g-dialog .m-info.m-fail:before {
    background-position: -32px 0;
}

.g-dialog .m-info.m-success:before {
    background-position: 0 -32px;
}

.g-dialog .m-info.m-warning:before {
    background-position: 0 0;
}

.g-dialog .m-bot {
    text-align: right;
    padding: 15px;
    font-size: 0;
    border-top: 1px solid #2a2d36;
}

.record-time,
.record-vs,
header li a {
    text-align: center;
}

.g-dialog .m-bot a {
    display: inline-block;
    box-sizing: content-box;
    width: 100px;
    height: 27px;
    line-height: 26px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    border-radius: 5px;
    border-top: 1px solid rgba(255, 255, 255, 0.4);
    margin-left: 10px;
}

header,
header li a {
    width: 100%;
    height: 41px;
}

.g-dialog .m-bot a.confirm {
    background-image: linear-gradient(to bottom, #b74029, #8a3322);
}

.g-dialog .m-bot a.cancel {
    background-image: linear-gradient(to bottom, #68718f, #3d455c);
}

.g-dialog .m-bot a:hover {
    opacity: 0.9;
}

.g-dialog .m-cont {
    padding: 20px;
    border-bottom: 1px solid #2a2d36;
}

header {
    background-color: rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

header ul {
    font-family: simsun, Helvetica, Arial, sans-serif;
    width: 916px;
    margin: 0 auto;
    overflow: hidden;
}

@media screen and (min-width: 1200px) {
    header ul {
        width: 1200px;
    }
}

header li {
    box-sizing: content-box;
    float: left;
    width: 25%;
    list-style: none;
}

header li a {
    display: block;
    margin: 0 auto;
    line-height: 40px;
    font-size: 16px;
    position: relative;
    text-decoration: none;
}

header li a span {
    font-family: 'MicroSoft Yahei', Helvetica, Arial, sans-serif;
    color: #fff;
}

header li a.active,
header li a:hover {
    color: #fff;
    background: rgba(0, 0, 0, 0.3);
    border-bottom: 2px solid #c44a26;
}

header li a.active span,
header li a:hover span {
    color: #ea5c32;
}

header li:last-child {
    margin-right: 0;
}

#wm_tooltip {
    position: fixed;
    z-index: 999;
    border: 1px solid #ea5c32;
    background-color: #ea5c32;
    min-height: 18px;
}

.record-li,
.record-vs {
    position: relative;
    box-sizing: border-box;
}

#wm_tooltip h3 {
    color: #fff;
    padding: 1px 2px;
    line-height: 16px;
    font-size: 12px;
    font-weight: 400;
    max-width: 500px;
    overflow: hidden;
    word-wrap: break-word;
}

.record-wrap {
    width: 916px;
    margin: 0 auto;
    cursor: default;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

@media screen and (min-width: 1200px) {
    .record-wrap {
        width: 1200px;
    }
}

.record-wrap img {
    width: 100%;
    height: 100%;
    border: none;
    outline: 0;
}

.record-li {
    width: 287px;
    height: 210px;
    margin-left: 27px;
    margin-bottom: 27px;
    background-image: url(/csgo/images/cups/record-li_bg.png);
    float: left;
}

.record-li:nth-child(3n + 1) {
    margin-left: 0;
}

@media screen and (min-width: 1200px) {
    .record-li,
    .record-li:nth-child(3n + 1) {
        margin-left: 17px;
    }

    .record-li {
        margin-bottom: 17px;
    }

    .record-li:nth-child(4n + 1) {
        margin-left: 0;
    }
}

.record-time {
    height: 45px;
    line-height: 45px;
    font-size: 18px;
    background-color: rgba(56, 68, 99, 0.2);
    color: #ea5c32;
    letter-spacing: 1px;
}

.record-vs {
    padding: 25px 20px 0;
    height: 146px;
}

.record-vs .record-status {
    width: 118px;
    height: 23px;
    font-size: 14px;
    color: #9e9e9e;
    line-height: 23px;
    text-align: left;
    box-sizing: border-box;
    padding-left: 5px;
    position: absolute;
    left: 0;
    top: 0;
    background: url(/csgo/images/cups/cup-sprites.png) -25px -508px no-repeat;
}

.record-part {
    float: left;
    padding-top: 10px;
    width: 112px;
    text-align: center;
}

.record-part .record-score strong {
    font-size: 30px;
    color: #9e9e9e;
}

.record-part .record-score strong.left {
    text-align: right;
}

.record-part .record-score strong.right {
    text-align: left;
}

.record-part .record-score span {
    font-size: 18px;
    color: #e2e2e2;
    padding: 0 6px;
}

.record-part .record-type {
    margin-top: 10px;
    font-size: 18px;
    color: #e2e2e2;
}

.record-team {
    width: 65px;
    float: left;
}

.record-logo {
    width: 65px;
    height: 65px;
    box-sizing: border-box;
    background-color: #262b2f;
    position: relative;
}

.record-name {
    width: 65px;
    height: 20px;
    line-height: 20px;
    font-size: 11px;
    color: #9e9e9e;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
    font-family: 'Microsoft YaHei';
}

.record-detail {
    width: 82px;
    height: 28px;
    box-sizing: border-box;
    line-height: 26px;
    position: absolute;
    bottom: 10px;
    left: 50%;
    margin-left: -41px;
    border-radius: 12px;
    font-size: 12px;
    cursor: pointer;
    color: #ea5c32;
    border: 1px solid #ea5c32;
}

.record-detail .match-record {
    width: 287px;
    background-color: #202020;
    display: none;
    box-sizing: border-box;
    padding: 0 20px;
    position: absolute;
    left: -103px;
    top: 57px;
    z-index: 99;
}

.record-detail .match-record ul {
    width: 247px;
    height: 73px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.record-detail .match-record ul:after {
    content: '';
    width: 247px;
    height: 0;
    top: 37px;
    left: 0;
    border-bottom: 1px solid #ea5c32;
    position: absolute;
}

.record-detail .match-record ul li {
    width: 82px;
    float: left;
}

.record-detail .match-record ul li .match-session {
    width: 100%;
    height: 36px;
    font-size: 14px;
    text-align: center;
    line-height: 36px;
    color: #e2e2e2;
}

.record-detail .match-record ul li .match-time {
    width: 100%;
    height: 36px;
    font-size: 14px;
    text-align: center;
    line-height: 36px;
    color: #ea5c32;
}

.record-detail .match-record ul li .match-time span {
    padding: 0 3px;
}

.record-detail:hover {
    background-color: #ea5c32;
    border-color: #ea5c32;
    color: #fff;
}

.record-detail:hover .match-record {
    display: block;
}

.record-detail:active {
    background-color: rgba(234, 92, 50, 0.8);
    border-color: rgba(234, 92, 50, 0.8);
    color: rgba(255, 255, 255, 0.8);
}

.record-detail.disabled,
.record-detail.disabled:active,
.record-detail.disabled:hover {
    background: 0;
    border-color: #5d5d5d;
    color: #5d5d5d;
}

section.match-reward-part ul.reward-list {
    width: 874px;
    height: 88px;
    border-bottom: 1px solid #323848;
    margin: 0 auto;
}

@media screen and (min-width: 1200px) {
    section.match-reward-part ul.reward-list {
        width: 1065px;
    }
}

section.match-reward-part ul.reward-list:last-child {
    border-bottom: 0;
}

section.match-reward-part ul.reward-list li {
    float: left;
    padding-left: 24px;
}

section.match-reward-part ul.reward-list li .reward-logo {
    width: 88px;
    height: 88px;
    float: left;
    position: relative;
}

section.match-reward-part ul.reward-list li .reward-logo span {
    width: 100%;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    color: #757575;
    position: absolute;
    line-height: 88px;
}

section.match-reward-part ul.reward-list li .reward-logo span.rank1,
section.match-reward-part ul.reward-list li .reward-logo span.rank2,
section.match-reward-part ul.reward-list li .reward-logo span.rank3 {
    line-height: 74px;
}

section.match-reward-part ul.reward-list li .reward-logo .bg-circle {
    width: 70px;
    height: 46px;
    background-color: #2d3343;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

section.match-reward-part ul.reward-list li .reward-logo .img-block {
    display: block;
    cursor: pointer;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

section.match-reward-part
    ul.reward-list
    li
    .reward-logo
    .img-block
    .award-float {
    width: 231px;
    height: 283px;
    padding: 20px;
    box-sizing: border-box;
    position: absolute;
    right: -260px;
    bottom: 54px;
    box-shadow: 0 0 5px #000;
    background-color: #2d3343;
    z-index: 999;
}

section.match-reward-part
    ul.reward-list
    li
    .reward-logo
    .img-block
    .award-float
    .award-show {
    width: 100%;
    height: 120px;
    display: flex;
    justify-content: center;
    align-items: center;
}

section.match-reward-part
    ul.reward-list
    li
    .reward-logo
    .img-block
    .award-float
    .award-info {
    display: inline-block;
    box-sizing: border-box;
    border-top: 1px solid #3d4352;
    padding-top: 10px;
}

section.match-reward-part
    ul.reward-list
    li
    .reward-logo
    .img-block
    .award-float
    .award-info
    p {
    font-size: 14px;
    line-height: 1.8;
    color: #9e9e9e;
}

section.match-reward-part
    ul.reward-list
    li
    .reward-logo
    .img-block
    .award-float
    .award-info
    p.rc {
    color: #e04945;
}

section.match-reward-part
    ul.reward-list
    li
    .reward-logo
    .img-block
    .award-float {
    display: none;
}

section.match-reward-part
    ul.reward-list
    li
    .reward-logo
    .img-block:hover
    .award-float {
    display: block;
}

section.match-reward-part ul.reward-list li .reward-info {
    width: 140px;
    height: 88px;
    margin-left: 15px;
    text-align: left;
    line-height: 88px;
    float: left;
}

section.match-reward-part ul.reward-list li .reward-info strong {
    font-size: 16px;
    color: #9e9e9e;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block;
}

section.match-reward-part ul.reward-list li .reward-info .reward-text {
    box-sizing: border-box;
    padding-top: 20px;
}

section.match-reward-part ul.reward-list li .reward-info .reward-text p {
    font-size: 14px;
    text-align: left;
    line-height: 1.8;
}

section.match-reward-part
    ul.reward-list
    li
    .reward-info
    .reward-text
    p.reward-dec {
    color: #057bd6;
}

section.match-reward-part
    ul.reward-list
    li
    .reward-info
    .reward-text
    p.reward-type {
    color: #e2e2e2;
}

section.match-reward-part ul.reward-list li:first-child .reward-logo {
    background: url(/csgo/images/cups/cup-sprites.png) -6px -420px no-repeat;
}

section.match-reward-part ul.reward-list li:first-child .reward-logo a {
    z-index: 10;
}

section.match-reward-part
    ul.reward-list
    li.zd
    .reward-logo
    .img-block
    .award-float
    .award-info
    p.rc {
    color: #fcdb3b;
}

section.match-reward-part
    ul.reward-list
    li.zd
    .reward-info
    .reward-text
    p.reward-dec {
    color: #fcdb3b;
    line-height: 48px;
}

section.match-reward-part
    ul.reward-list
    li.zd
    .reward-info
    .reward-text
    p.reward-type {
    display: none;
}

section.match-reward-part
    ul.reward-list.personal-reward
    li:first-child
    .reward-logo {
    background-position-x: -96px;
}

section.match-reward-part
    ul.reward-list:nth-of-type(1)
    li:first-child
    .reward-logo {
    background-position: -6px -144px;
}

section.match-reward-part ul.reward-list:nth-of-type(1) a {
    z-index: 40;
}

section.match-reward-part
    ul.reward-list:nth-of-type(2)
    li:first-child
    .reward-logo {
    background-position: -6px -234px;
}

section.match-reward-part ul.reward-list:nth-of-type(2) a {
    z-index: 30;
}

section.match-reward-part
    ul.reward-list:nth-of-type(3)
    li:first-child
    .reward-logo {
    background-position: -6px -324px;
}

section.match-reward-part ul.reward-list:nth-of-type(3) a {
    z-index: 20;
}

section.match-reward-part ul.reward-list.sp li:first-child {
    padding-left: 42px;
}

section.match-reward-part ul.reward-list.sp li:first-child .reward-logo {
    width: 50px;
    background-position-x: -115px !important;
}

section.match-reward-part ul.reward-list.sp li:first-child .reward-logo span {
    left: 18px;
    top: 36px;
}

section.match-reward-part
    ul.reward-list.sp
    li:first-child
    .reward-logo
    span.sp1 {
    left: 14px;
}

section.match-reward-part ul.reward-list.sp li:first-child .reward-info {
    width: 27px;
}

section.match-reward-part ul.reward-list.sp li:first-child .reward-info strong {
    font-size: 30px;
}

section.match-reward-part ul.reward-list.sp li:nth-of-type(2) {
    padding-left: 80px;
}

.g-matchtab {
    margin: 20px auto;
    width: 916px;
}

@media screen and (min-width: 1200px) {
    .g-matchtab {
        width: 1200px;
    }
}

.g-matchtab ul {
    font-size: 0;
}

.g-matchtab ul li {
    font-size: 16px;
    cursor: default;
}

.g-matchtab .m-match {
    border-bottom: 3px solid #2d3343;
    height: 71px;
}

.g-matchtab .m-match li {
    float: left;
    text-align: center;
    width: 50%;
    line-height: 68px;
    color: #fff;
}

.g-matchtab .m-match li.active,
.g-matchtab .m-match li:hover {
    border-bottom: 3px solid #ce4a35;
    color: #ce4a35;
}

.g-matchtab .m-group {
    text-align: center;
}

.g-matchtab .m-group li {
    display: inline-block;
    line-height: 60px;
    width: 10%;
    color: #666;
    position: relative;
}

.g-matchtab .m-group li.active,
.g-matchtab .m-group li:hover {
    color: #fff;
}

.g-matchtab .m-group li.me_in_group:after {
    content: 'me';
    position: absolute;
    top: 22px;
    margin-left: 5px;
    padding: 0 5px;
    height: 16px;
    line-height: 14px;
    font-size: 12px;
    border-radius: 7px;
    color: #fff;
    background: #ce4a35;
}

.g-vs-2,
.g-vs-4 {
    height: 530px;
    overflow: hidden;
}

.g-vs-4 .g-vsmap {
    width: 605px;
    margin: -125px auto 0;
}

.g-vs-2 .g-vsmap {
    width: 356px;
    margin: -125px auto 0;
}

.g-vsmap .m-sc3 {
    /* position: absolute;
    left: 0;
    top: 197px; */
}

.g-vsmap .m-schedule .m-start_time {
    color: #999;
    position: absolute;
    text-align: center;
    width: 120px;
    z-index: 100;
    font-size: 14px;
}

.g-vsmap .m-sc4 .m-start_time {
    margin-top: -18px;
}
.g-vsmap .m-sc2 .m-start_time {
    margin-top: 4px;
}

.g-vsmap .m-sc3 {
    display: none !important;
}

.g-vsmap .m-sc3 .m-start_time {
    margin-top: 30px;
}

.g-vsmap .m-sc3 .j-teams {
    margin-bottom: 12px;
}

.g-vsmap .m-sc3 .runnermatch_background {
    display: none;
}

.g-vsmap .m-sc1 .m-start_time {
    margin-top: 32px;
}

.g-vsmap {
    box-sizing: content-box;
    margin: 10px 0 0 319px;
    height: 192px;
    width: 680px;
    display: flex;
    justify-content: space-between;
    float: left;
    position: relative;
}

.g-vsmap .m-schedule {
    width: 120px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.g-vsmap .m-sc2 .m-teams {
    height: 134px;
}

.g-vsmap .m-sc2 .m-teams dd {
    margin-bottom: 69px;
}

.g-vsmap .m-sc1 .m-teams {
    height: 78px;
}
.g-vsmap .m-sc1 .m-teams dd {
    margin-bottom: 13px;
}
.g-vsmap .m-group {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    position: relative;
}

.g-vsmap .m-team,
.g-vsmap .m-team-champion,
.g-vsmap .m-teams {
    color: #010000;
}

.g-vsmap .m-team .me,
.g-vsmap .m-team-champion .me,
.g-vsmap .m-teams .me {
    color: #ce4a35;
}

.g-vsmap .m-team h5,
.g-vsmap .m-team-champion h5,
.g-vsmap .m-teams h5 {
    position: absolute;
    left: -21px;
    margin-top: 48px;
}

.g-vsmap .m-team dl,
.g-vsmap .m-team-champion dl,
.g-vsmap .m-teams dl {
    width: 120px;
    font-size: 14px;
}

.g-vsmap .m-team dt,
.g-vsmap .m-team-champion dt,
.g-vsmap .m-teams dt {
    height: 24px;
    line-height: 24px;
    padding: 0 10px;
    background: #35dcbb;
    text-align: center;
}

.g-vsmap .m-teams .promotion_background {
    background-color: #34abb9 !important;
    color: #4be4f7 !important;
}

.g-vsmap .m-teams .promotion_background span {
    color: #4be4f7 !important;
}

.g-vsmap .m-teams .runnermatch_background {
    position: absolute;
    left: 139px;
    top: 67px;
    width: 70px;
}

.g-vsmap .m-teams dd {
    height: 27px;
    line-height: 27px;
    padding: 0 20px 0 30px;
    /* background-color:rgba(50,69,45,1); */
    /*background-color:#fff;*/
    /*border-left: 32px solid #353b4b;*/
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    cursor: default;
    color: #ccc;
    margin-bottom: 11px;
}

.g-vsmap .m-teams dd span {
    position: absolute;
    right: 10px;
    color: #ccc;
}

.g-vsmap .m-teams dd img {
    width: 25px;
    height: 25px;
    position: absolute;
    left: 0;
    cursor: auto;
    margin: 1px;
}

.g-vsmap .m-team dd,
.g-vsmap .m-team-champion dd {
    box-sizing: content-box;
    height: 60px;
    padding: 5px;
    background: #2d3343;
    text-align: center;
}

.g-vsmap .m-team dd img,
.g-vsmap .m-team-champion dd img {
    display: block;
    height: 40px;
    margin: 0 auto 3px;
}

.g-vsmap .m-team dd span,
.g-vsmap .m-team-champion dd span {
    display: block;
    font-size: 14px;
    line-height: 1.3;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.g-vsmap .m-team dd:before,
.g-vsmap .m-teams dd:before {
    /*content: '';*/
    /*z-index: 2;*/
    /*position: absolute;*/
    /*box-sizing: border-box;*/
    /*border-right-style: solid;*/
    /*border-width: 1px;*/
    /*color: #3d4352;*/
    /*height: 50%;*/
    /*pointer-events: none*/
}

.g-vsmap .m-team dd:after,
.g-vsmap .m-teams dd:after {
    /*content: '';*/
    /*color: #3d4352;*/
    /*position: absolute;*/
    /*border-width: 1px;*/
    /*border-bottom-style: solid;*/
    /*top: 50%;*/
    /*right: -76px;*/
    /*width: 40px;*/
    /*height: 1px*/
}

.g-vsmap .m-team:nth-child(odd) dd:before,
.g-vsmap .m-teams:nth-child(odd) dd:before {
    border-top-style: solid;
}

.g-vsmap .m-team:nth-child(even) dd:before,
.g-vsmap .m-teams:nth-child(even) dd:before {
    transform: translate(0, -100%);
    border-bottom-style: solid;
}

.g-vsmap .m-teams dd:before {
    left: 0;
    width: 188px;
}

.g-vsmap .m-teams dd:after {
    margin-top: 11px;
}

.g-vsmap .m-teams dd:after(even) {
    margin-top: 10px;
}

.g-vsmap .m-teams:nth-child(even) dd:nth-child(even):before,
.g-vsmap .m-teams:nth-child(odd) dd:nth-child(even):before {
    margin-top: 31px;
}

.g-vsmap .m-team dt {
    position: absolute;
    width: 100%;
    margin-top: -24px;
}

.g-vsmap .m-team dd:before {
    right: 0;
    width: 29px;
    margin-right: -29px;
    margin-top: 32px;
}

.g-vsmap .m-team:nth-child(even) dd:nth-child(even):before,
.g-vsmap .m-team:nth-child(odd) dd:nth-child(even):before {
    margin-top: 30px;
}

.g-vsmap .m-team-champion {
    color: #2d3343;
}

.g-vsmap .m-team-champion dd {
    border-width: 3px;
    border-left-style: solid;
}

.g-vsmap .m-team-champion dd span {
    color: #919295;
}

.g-vsmap .m-team-champion:after {
    content: '';
    position: absolute;
    width: 58px;
    height: 50px;
    right: -72px;
    margin-top: -60px;
    background: url(/csgo/images/cups/cup.png);
}

.g-vsmap .m-sc1 .m-group dd:before {
    border-right: none;
    width: 150px;
}

.g-vsmap .m-sc1 .m-group dd:after {
    display: none;
}

.g-vsmap .m-group .m-fail,
.g-vsmap .m-group .m-win {
    color: #4be4f7;
    z-index: 3;
}

.g-vsmap .m-group .m-fail span,
.g-vsmap .m-group .m-win span {
    color: #4be4f7 !important;
}

.g-vsmap .m-group .m-win:after,
.g-vsmap .m-group .m-win:before,
.g-vsmap .m-group .m-fail:after,
.g-vsmap .m-group .m-fail:before {
    color: #000;
}

.g-vsmap .m-champion {
    width: 150px;
    height: 32px;
    line-height: 32px;
    background: #ce4a35;
    color: #fff !important;
    font-size: 14px;
    border-left: 32px solid #913425;
    padding: 0 10px;
}

.g-vsmap .m-champion img {
    width: 32px;
    height: 32px;
    position: absolute;
    left: -32px;
}

.g-vsmap .m-champion span {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block;
}

.g-vsmap .m-promotion .m-teams dd:after,
.g-vsmap .m-team-third dd:before {
    display: none;
}

.g-vsmap .m-champion.m-champion-top {
    position: absolute;
    margin-top: -200px;
}

.g-vsmap .m-champion.m-champion-top:before {
    bottom: 0;
    margin-left: 36px;
    margin-bottom: -80px;
    height: 80px;
    width: 1px;
    border-left-style: solid;
}

.g-vsmap .m-champion.m-champion-right {
    margin-top: 23px;
    position: relative;
}

.g-vsmap .m-champion.m-champion-right:before {
    left: 0;
    width: 77px;
    margin-left: -109px;
    top: 16px;
    height: 1px;
    border-top-style: solid;
}

.g-vsmap .m-champion:before {
    content: '';
    position: absolute;
    color: #3d4352;
    border-width: 1px;
}

.g-vsmap .m-champion:after {
    content: '';
    position: absolute;
    left: 20px;
    top: -56px;
    width: 58px;
    height: 50px;
    background: url(/csgo/images/cups/cup.png);
}

.g-vsmap .m-promotion .m-teams dd:before {
    border-right: none;
    width: 150px;
}

.g-vsmap .m-promotion .promotion {
    position: absolute;
    right: -55px;
    color: #ea5c32;
    font: inherit;
}

.g-vsmap .m-promotion .promotion:before {
    content: '';
    position: absolute;
    width: 12px;
    height: 15px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAPBAMAAAAizzN6AAAAHlBMVEUAAADqXDLqXDLqXDLqXDLqXDLqXDLqXDLqXDLqXDK0skHXAAAACXRSTlMA8MusoH4nRUL/0havAAAAIElEQVQI12OYCQYMKAAqSAEl4giiVBPYgmYymINMbAYAUhgpX0KFQPIAAAAASUVORK5CYII=);
    margin-left: -18px;
    margin-top: 9px;
}

.g-vsmap .m-teams-third {
    position: absolute;
    margin-top: 130px;
}

.g-vsmap .m-team-third {
    position: absolute;
    margin-top: 120px;
}

.g-vsmap .rank {
    position: absolute;
    right: -20px;
    color: #f8ff34;
}

.g-vsmap .rank.rank3 {
    color: #e29340;
}

.g-vsmap .rank.rank2 {
    color: #ccc;
}

.g-vsmap .rank.rank1 {
    color: #f8ff34;
}

@media screen and (min-width: 1200px) {
    .g-vs-4 .g-vsmap {
        width: 751px;
    }

    .g-vs-2 .g-vsmap {
        width: 422px;
    }

    .g-vsmap {
        width: 680px;
    }

    .g-vsmap .m-team dd:after,
    .g-vsmap .m-teams dd:after {
        width: 92px;
        right: -171px;
    }

    .g-vsmap .m-champion.m-champion-right {
        left: -65px;
    }

    .g-vsmap .m-champion.m-champion-right:before {
        width: 89px;
        margin-left: -120px;
    }

    .g-vsmap .m-teams dd:before {
        width: 230px;
    }
}

.rank-table {
    width: 916px;
    margin: 0 auto;
    position: relative;
}

@media screen and (max-width: 1200px) {
    .rank-table {
        width: 916px;
    }
}

.rank-table ul.table-ul.fixed {
    width: 1200px;
    position: fixed;
    top: 0;
    z-index: 999;
}

@media screen and (max-width: 1200px) {
    .rank-table ul.table-ul.fixed {
        width: 916px;
    }
}

.rank-table ul.table-ul li {
    -webkit-display: flex;
    display: flex;
    cursor: pointer;
}

.rank-table ul.table-ul li .rank-tab {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    flex: 1;
    height: 54px;
    font-size: 14px;
    line-height: 1.2;
    color: #fff;
}

.rank-table ul.table-ul li .rank-tab a {
    color: #e2e2e2;
}

.rank-table ul.table-ul.table-head li {
    background-color: rgba(23, 28, 43, 0.55);
}

.rank-table ul.table-ul.table-body li,
.rank-table ul.table-ul.table-show li {
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.3);
}

.rank-table ul.table-ul.table-body li:nth-child(2n),
.rank-table ul.table-ul.table-show li:nth-child(2n) {
    background-color: rgba(0, 0, 0, 0.45);
}

.rank-table ul.table-ul.table-body li .rank-tab,
.rank-table ul.table-ul.table-show li .rank-tab {
    position: relative;
    color: #e2e2e2;
}

.rank-table ul.table-ul.table-body li:hover,
.rank-table ul.table-ul.table-show li:hover {
    background-color: rgba(0, 0, 0, 0.6);
}

.rank-table ul.table-ul.table-body.table-show,
.rank-table ul.table-ul.table-show.table-show {
    width: 914px;
    display: none;
    position: absolute;
}

@media screen and (max-width: 1200px) {
    .rank-table ul.table-ul.table-body.table-show,
    .rank-table ul.table-ul.table-show.table-show {
        width: 916px;
    }
}

.rank-table ul.table-ul.table-body.table-show.fixed,
.rank-table ul.table-ul.table-show.table-show.fixed {
    position: fixed;
}

.rank-table ul.table-ul.table-body.table-show li,
.rank-table ul.table-ul.table-show.table-show li {
    position: relative;
    background-color: #2e3344;
    border: 0;
}

.rank-table ul.table-ul.table-body.table-show li:before,
.rank-table ul.table-ul.table-show.table-show li:before {
    content: '';
    width: 52px;
    height: 20px;
    font-size: 12px;
    text-align: center;
    line-height: 1;
    background: url(/csgo/images/rank-sprites.png) -83px -102px no-repeat;
    color: #ba9745;
    position: absolute;
    left: 12px;
    top: -15px;
}

.rank-league .rank-table {
    width: 1200px;
}

@media screen and (max-width: 1200px) {
    .rank-league .rank-table {
        width: 916px;
    }
}

.rank-league ul.table-ul li .rank-tab.rank-wj {
    flex: 2;
    padding-left: 5px;
    justify-content: flex-start;
}

.rank-league ul.table-ul li .rank-tab.rank-pm {
    flex: 0.8;
}

.rank-league ul.table-ul li .rank-tab.rank-wj a {
    color: #9e9e9e;
}

.rank-league .rank-table ul.table-body li .rank-tab.rank-pm span.up:before,
.rank-league .rank-table ul.table-show li .rank-tab.rank-pm span.up:before {
    content: '';
    width: 10px;
    height: 20px;
    position: absolute;
    background: url(/csgo/images/rank-sprites.png) -40px -106px no-repeat;
    left: 14px;
    top: 22px;
}

.rank-league .rank-table ul.table-body li .rank-tab.rank-pm span.down:before,
.rank-league .rank-table ul.table-show li .rank-tab.rank-pm span.down:before {
    content: '';
    width: 10px;
    height: 20px;
    position: absolute;
    background: url(/csgo/images/rank-sprites.png) -56px -106px no-repeat;
    left: 14px;
    top: 22px;
}

.rank-league .rank-table ul.table-body li .rank-tab.rank-sc,
.rank-league .rank-table ul.table-show li .rank-tab.rank-sc {
    color: #93bb74;
}

.rank-league .rank-table ul.table-body li .rank-tab.rank-bc,
.rank-league .rank-table ul.table-show li .rank-tab.rank-bc {
    color: #b36254;
}

.rank-league .rank-table ul.table-body li .rank-tab.rank-bsjf,
.rank-league .rank-table ul.table-show li .rank-tab.rank-bsjf {
    color: #5e6db2;
}

.rank-league .rank-table ul.table-body li .rank-tab.rank-jl,
.rank-league .rank-table ul.table-show li .rank-tab.rank-jl {
    color: #ada178;
}

.rank-league .rank-table ul.table-body li .rank-tab.rank-jl img,
.rank-league .rank-table ul.table-show li .rank-tab.rank-jl img {
    width: 35px;
    height: 35px;
    float: left;
}

.rank-league .rank-table ul.table-body li .rank-tab.rank-jl img:first-child,
.rank-league .rank-table ul.table-show li .rank-tab.rank-jl img:first-child {
    margin-right: 8px;
}

.rank-league .rank-table ul.table-body li .rank-tab.rank-jl a.img-hover,
.rank-league .rank-table ul.table-show li .rank-tab.rank-jl a.img-hover {
    float: left;
    width: 35px;
    height: 35px;
    position: relative;
    z-index: 999;
    background: url(/csgo/images/cups/template/img-icon.png) no-repeat;
}

.rank-league
    .rank-table
    ul.table-body
    li
    .rank-tab.rank-jl
    a.img-hover
    .hover-block,
.rank-league
    .rank-table
    ul.table-show
    li
    .rank-tab.rank-jl
    a.img-hover
    .hover-block {
    width: 192px;
    height: 209px;
    box-sizing: border-box;
    padding: 0 12px;
    position: absolute;
    bottom: -215px;
    left: -160px;
    background-color: #2d3343;
    display: none;
}

.rank-league
    .rank-table
    ul.table-body
    li
    .rank-tab.rank-jl
    a.img-hover
    .hover-block
    li,
.rank-league
    .rank-table
    ul.table-show
    li
    .rank-tab.rank-jl
    a.img-hover
    .hover-block
    li {
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border-bottom: 1px solid #242936;
    border-top: 1px solid #3d4352;
    background-color: #2d3343;
}

.rank-league
    .rank-table
    ul.table-body
    li
    .rank-tab.rank-jl
    a.img-hover
    .hover-block
    li:first-child,
.rank-league
    .rank-table
    ul.table-show
    li
    .rank-tab.rank-jl
    a.img-hover
    .hover-block
    li:first-child {
    border-top: 0;
}

.rank-league
    .rank-table
    ul.table-body
    li
    .rank-tab.rank-jl
    a.img-hover
    .hover-block
    li:last-child,
.rank-league
    .rank-table
    ul.table-show
    li
    .rank-tab.rank-jl
    a.img-hover
    .hover-block
    li:last-child {
    border-bottom: 0;
}

.rank-league
    .rank-table
    ul.table-body
    li
    .rank-tab.rank-jl
    a.img-hover
    .hover-block
    li
    .content-block,
.rank-league
    .rank-table
    ul.table-show
    li
    .rank-tab.rank-jl
    a.img-hover
    .hover-block
    li
    .content-block {
    display: flex;
    align-items: center;
    width: 100%;
}

.rank-league
    .rank-table
    ul.table-body
    li
    .rank-tab.rank-jl
    a.img-hover
    .hover-block
    li
    img,
.rank-league
    .rank-table
    ul.table-show
    li
    .rank-tab.rank-jl
    a.img-hover
    .hover-block
    li
    img {
    flex-direction: row;
    width: 35px;
    height: 35px;
}

.rank-league
    .rank-table
    ul.table-body
    li
    .rank-tab.rank-jl
    a.img-hover
    .hover-block
    li
    span,
.rank-league
    .rank-table
    ul.table-show
    li
    .rank-tab.rank-jl
    a.img-hover
    .hover-block
    li
    span {
    width: 60px;
    text-align: left;
    line-height: 1.5;
}

.rank-league
    .rank-table
    ul.table-body
    li
    .rank-tab.rank-jl
    a.img-hover
    .hover-block
    li
    span.info-1,
.rank-league
    .rank-table
    ul.table-show
    li
    .rank-tab.rank-jl
    a.img-hover
    .hover-block
    li
    span.info-1 {
    font-size: 14px;
    color: rgba(254, 254, 254, 0.4);
}

.rank-league
    .rank-table
    ul.table-body
    li
    .rank-tab.rank-jl
    a.img-hover:hover
    .hover-block,
.rank-league
    .rank-table
    ul.table-show
    li
    .rank-tab.rank-jl
    a.img-hover:hover
    .hover-block {
    display: block;
}

.rank-league .rank-table ul.table-body li .rank-tab.rank-wj img,
.rank-league .rank-table ul.table-show li .rank-tab.rank-wj img {
    width: 33px;
    height: 33px;
    position: relative;
    left: -5px;
    margin-right: 3px;
    border: 2px solid rgba(255, 255, 255, 0.1);
    border-radius: 50%;
}

.rank-league .rank-table ul.table-body li .rank-tab.rank-wj span.name,
.rank-league .rank-table ul.table-show li .rank-tab.rank-wj span.name {
    width: 130px;
    text-align: left;
    line-height: 1.5;
}

.rank-record {
    margin-top: 100px;
}

.rank-record .rank-table {
    width: 1200px;
}

@media screen and (max-width: 1200px) {
    .rank-record .rank-table {
        width: 916px;
    }
}

.rank-record .rank-table .table-ul .rank-tab {
    box-sizing: border-box;
    justify-content: flex-start;
}

.rank-record .rank-table .table-ul .rank-tab span.name {
    color: #9e9e9e;
    width: 145px;
    box-sizing: border-box;
}

@media screen and (max-width: 1200px) {
    .rank-record .rank-table .table-ul .rank-tab span.name {
        width: 105px;
    }
}

.rank-record .rank-table .table-ul .rank-sj {
    flex: 2;
    padding-left: 16px;
}

.rank-record .rank-table .table-ul .rank-ms,
.rank-record .rank-table .table-ul .rank-sc {
    flex: 1;
}

.rank-record .rank-table .table-ul .rank-dt {
    flex: 2;
}

.rank-record .rank-table .table-ul .rank-qz {
    flex: 1;
}

.rank-record .rank-table .table-ul .rank-t {
    flex: 2;
    box-sizing: border-box;
    padding-left: 15px;
}

.rank-record .rank-table .table-ul .rank-t span.name {
    text-align: left;
}

.rank-record .rank-table .table-ul .rank-t img {
    position: relative;
    left: -10px;
}

.rank-record .rank-table .table-ul .rank-bf {
    justify-content: center;
    flex: 1;
}

.rank-record .rank-table .table-ul .rank-ct {
    justify-content: flex-end;
    padding-right: 16px;
    flex: 2;
}

.rank-record .rank-table .table-ul .rank-ct span.name {
    text-align: right;
}

.rank-record .rank-table .table-ul .rank-ct img {
    position: relative;
    right: -9px;
}

.rank-record .rank-table .table-ul.table-head li {
    background-color: rgba(0, 0, 0, 0.45);
}

.rank-record .rank-table .table-ul.table-body li .rank-bf {
    font-size: 18px;
    font-weight: 700;
    color: #0093ff;
}

.rank-record .rank-table .table-ul.table-body li .rank-bf span {
    padding: 0 3px;
}

section.match-team .match-team-block {
    box-sizing: content-box;
    padding-right: 30px;
    width: 916px;
    margin: 0 auto;
    position: relative;
}

@media screen and (min-width: 1200px) {
    section.match-team .match-team-block {
        width: 1200px;
    }
}

section.match-team .match-team-block .teams-block {
    width: 810px;
    height: 126px;
    overflow: hidden;
    margin: 0 auto;
    box-sizing: border-box;
    text-align: center;
}

@media screen and (min-width: 1200px) {
    section.match-team .match-team-block .teams-block {
        width: 990px;
    }
}

section.match-team .match-team-block .teams-block.on {
    height: auto;
}

section.match-team .match-team-block .teams-block .team-block {
    display: inline-block;
    margin-left: 20px;
}

section.match-team .match-team-block .teams-block .team-block .team-img {
    width: 65px;
    height: 65px;
    margin-bottom: 20px;
}

section.match-team .match-team-block .teams-block .team-block .team-img a {
    display: block;
}

section.match-team .match-team-block .teams-block .team-block .team-img img {
    width: 65px;
    height: 65px;
}

section.match-team .match-team-block .teams-block .team-block span {
    display: block;
    width: 65px;
    text-align: center;
    line-height: 1.5;
    font-size: 14px;
    color: #ea5c32;
    margin-bottom: 20px;
}

section.match-team .match-team-block .teams-block.teams-eight .team-block {
    margin-left: 34px;
}

section.match-team
    .match-team-block
    .teams-block.teams-eight
    .team-block:first-child {
    margin-left: 0;
}

section.match-team .match-team-block .teams-block.teams-four .team-block {
    margin-left: 34px;
}

section.match-team
    .match-team-block
    .teams-block.teams-four
    .team-block:first-child {
    margin-left: 0;
}

section.match-team .match-team-block .teams-block.teams-two .team-block {
    margin-left: 34px;
}

section.match-team
    .match-team-block
    .teams-block.teams-two
    .team-block:first-child {
    margin-left: 0;
}

section.match-team .match-team-block .icon-more-block {
    position: absolute;
    right: 5px;
    top: 0;
    box-sizing: border-box;
    width: 65px;
    height: 65px;
    border: 1px solid #293036;
}

section.match-team .match-team-block .icon-more-block .icon-more {
    display: block;
    width: 63px;
    height: 63px;
    text-align: center;
    line-height: 63px;
    color: #758f9c;
    font-size: 22px;
    font-weight: 700;
}

section.match-team .match-team-block .roll-back-block {
    width: 800px;
    margin: 0 auto;
    display: none;
    padding-left: 30px;
}

@media screen and (min-width: 1200px) {
    section.match-team .match-team-block .icon-more-block {
        right: 50px;
    }

    section.match-team .match-team-block .roll-back-block {
        width: 950px;
    }
}

section.match-team .match-team-block .roll-back-block a.roll-back-icon {
    display: block;
    width: 100%;
    height: 30px;
    border-top: 1px solid #282e3e;
    position: relative;
}

section.match-team .match-team-block .roll-back-block a.roll-back-icon i {
    display: block;
    width: 12px;
    height: 8px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
    background: url(/csgo/images/cups/cup-sprites.png) -193px -127px no-repeat;
}

section.match-team .match-team-block .roll-back-block a.roll-back-icon i:active,
section.match-team .match-team-block .roll-back-block a.roll-back-icon i:hover {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAHBAMAAAAsQKpuAAAAKlBMVEUAAADqXDLqXDLqXDLqXDLqXDLqXDLqXDLqXDLqXDLqXDLqXDLqXDLqXDKfY4X0AAAADXRSTlMA1BUSz7sxL+vqvr0tZ7ZY4gAAADNJREFUCNdjYGBITGAAAubeySDK5O4VAyDHV0bWmYFB5aKCIpAbK8TAJBvAUK3AwKBVAADXxAkT9Ft9pAAAAABJRU5ErkJggg==)
        center center no-repeat;
}

section.match-team
    .match-team-block
    .roll-back-block
    a.roll-back-icon
    i:active {
    opacity: 0.5;
}

section.match-team
    .match-team-block
    .roll-back-block
    a.roll-back-icon
    i.disabled {
    background-position-x: -12px;
}

.g-teamtip {
    position: absolute;
    display: none;
    z-index: 100;
    left: 0;
    top: 0;
    padding: 0 15px;
    border: 1px solid #313d4e;
    background-color: #11151f;
    background-image: radial-gradient(
        circle 220px at center -70px,
        rgba(255, 255, 255, 0.15),
        rgba(255, 255, 255, 0)
    );
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.g-teamtip:after,
.g-teamtip:before {
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    background: #1c2029;
    left: -7px;
    top: 40px;
    transform: rotate(45deg);
}

.g-teamtip:before {
    background: #343a49;
    margin-left: -1px;
}

.g-teamtip.aright:after,
.g-teamtip.aright:before {
    left: auto;
    right: -7px;
}

.g-teamtip.aright:before {
    margin-left: auto;
    margin-right: -1px;
}

.g-teamtip.abottom:after,
.g-teamtip.abottom:before {
    top: auto;
    bottom: 24px;
    background: #11151f;
}

.g-teamtip.abottom:before {
    background: #343a49;
}

.g-teamtip .m-title {
    height: 46px;
    border-bottom: 1px solid #2a2d36;
    background-color: #11151f;
    position: relative;
    background-image: radial-gradient(
        circle 220px at center -70px,
        rgba(255, 255, 255, 0.15),
        rgba(255, 255, 255, 0)
    );
    color: #e2e2e2;
    font-size: 16px;
    line-height: 45px;
    padding-left: 24px;
}

.g-teamtip .m-teamlist p.l:before,
.g-teamtip .m-title:after,
.g-teamtip .m-title:before {
    position: absolute;
    content: '';
}

.g-teamtip .m-title:after {
    left: 30px;
    right: 30px;
    top: 50%;
    z-index: -1;
    bottom: 0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.8);
}

.g-teamtip .m-title:before {
    width: 17px;
    height: 21px;
    margin-left: -22px;
    margin-top: 14px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAANCAQAAADcF/zKAAAA30lEQVQYGQXBvSoFAAAG0K8YlPIGjGaDMhksjCbiDhTlbxChG1LyAlcRixRJmRiUGCQUBqVbNimbovwk3SLHOTFvTcmSKQfK9i04tmtbSaPEHQAAgC6Je/cGXQB+HZqxhz8FiUdfelQp+QDrajX7Qb/EJSoGRJtTcG7Dn2ctEjugYkTUmfUKKGuQWAX8GhbR5AS8aZW4wjv4Niaixownn9olShi0DCqGREQ3+iVW3akWi35Q0SdiAgWJa5+KWhS9gA9zOj2gR+IGAADAqKroVTRp2rhdt84c2bRiy6gO9f9eAzzwvd9ZPwAAAABJRU5ErkJggg==)
        center center no-repeat;
}

.g-teamtip .m-teamlist {
    padding: 20px 25px;
    width: 160px;
}

.g-teamtip .m-teamlist p {
    font-size: 14px;
    line-height: 1.8;
    color: #9e9e9e;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.g-teamtip .m-teamlist p.l {
    color: #ea5c32;
}

.g-teamtip .m-teamlist p.l:before {
    width: 20px;
    height: 20px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAAY1BMVEUAAADESibESibESibESibESibESibESibESibESibESibESibESibESibESibESibESibESibESibESibESibESibESibESibESibESibESibESibESibESibESibESibESiY54sgmAAAAIHRSTlMAi9PLp171tXhZRCgO6eHPuZJRIBUJSZiTfHJuZjMjS7pLNDYAAACuSURBVBjTdZFJDoNADARrViCQsO9L5v+vjBIDQkKpi+0+2K02O7WLY1dzpTIvq5R9meqUssg8pHuYKJOu0YoTpRsAioELQwGQ5DKtq1STALqToe/3vRrSJ4wtZN5n0I7wTHEWSp2yhLCQ6hKsI1bQBe9MCMb58AYVMylofdjxLaiJxALRIUaATX6HmA9x5ntILG2HuIml0zxczFOUV60s/gdyj06ocgk5P0O+v+MDtLULLuOhu8QAAAAASUVORK5CYII=);
    margin-left: -25px;
    margin-top: 2px;
}

h2.match-title {
    width: 208px;
    height: 33px;
    margin: 30px auto;
    text-align: center;
    line-height: 34px;
    font-size: 16px;
    color: rgba(119, 143, 156, 0.8);
    background: url(/dota2/images/cups/match-title.png) 50% 0 no-repeat;
}

.rule-read,
h2.match-title + div.match-content {
    margin: 0 auto;
    padding: 0 10px;
    font-size: 14px;
}

h2.match-title + div.match-content {
    width: 874px;
    line-height: 22px;
    color: #d2d3d7;
    text-overflow: ellipsis;
    overflow: hidden;
}

@media screen and (min-width: 1200px) {
    h2.match-title + div.match-content {
        width: 1065px;
    }
}

.rule-read {
    display: block;
    width: 874px;
    color: #ea5c32;
    cursor: pointer;
}

@media screen and (min-width: 1200px) {
    .rule-read {
        width: 1065px;
    }
}

.pvp-read-rule {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background: rgba(0, 0, 0, 0.4);
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}

.pvp-read-rule .pvp-modal-dialog {
    box-sizing: content-box;
    overflow: hidden;
    width: 700px;
    height: 500px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
    z-index: 100;
    background: #11151f;
}

@media screen and (min-width: 1200px) {
    .pvp-read-rule .pvp-modal-dialog {
        width: 900px;
        height: 700px;
    }
}

.pvp-read-rule .pvp-modal-dialog:after,
.pvp-read-rule .pvp-modal-dialog:before {
    content: '';
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
}

.pvp-read-rule .pvp-modal-dialog:before {
    right: 0;
    height: 1px;
    background-image: linear-gradient(to right, #ea5c32 60%, #313d4e 70%);
}

.pvp-read-rule .pvp-modal-dialog:after {
    bottom: 0;
    width: 1px;
    background-image: linear-gradient(to bottom, #ea5c32 60%, #313d4e 70%);
}

.pvp-read-rule .pvp-modal-dialog .pvp-modal-content {
    position: relative;
    border-radius: 0;
    outline: 0;
    background-color: #11151f;
}

.pvp-read-rule .pvp-modal-dialog .pvp-modal-content .pvp-modal-header {
    min-height: 32px;
    line-height: 32px;
    border-bottom: 1px solid #45454e;
    position: relative;
    background-color: #11151f;
}

.match-part .match-way,
.news-part .news-info h2.news-title {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.pvp-read-rule .pvp-modal-dialog .pvp-modal-content .pvp-modal-header .close {
    position: absolute;
    background-image: url(/csgo/images/teamsprite.png);
    background-position: 0 -1717px;
    width: 16px;
    height: 16px;
    right: 10px;
    top: 50%;
    margin-top: -8px;
    z-index: 99;
    cursor: pointer;
    outline: 0;
}

.pvp-read-rule
    .pvp-modal-dialog
    .pvp-modal-content
    .pvp-modal-header
    .pvp-modal-title {
    font-size: 16px;
    color: #e2e2e2;
    line-height: 40px;
    padding-left: 12px;
    background-image: radial-gradient(
        circle 220px at center -70px,
        rgba(255, 255, 255, 0.15),
        rgba(255, 255, 255, 0)
    );
}

.pvp-read-rule .pvp-modal-dialog .pvp-modal-content .pvp-modal-body {
    height: 465px;
    overflow-y: auto;
    padding: 0;
    background-color: #11151f;
}

@media screen and (min-width: 1200px) {
    .pvp-read-rule .pvp-modal-dialog .pvp-modal-content .pvp-modal-body {
        width: 900px;
        height: 658px;
    }
}

.pvp-read-rule .pvp-modal-dialog .pvp-modal-content .pvp-modal-body p {
    color: #e2e2e2;
    box-sizing: border-box;
    padding: 20px 30px 40px;
    line-height: 2;
    font-size: 14px;
    min-height: 457px;
}

section.match-header {
    width: 916px;
    margin: 23px auto 0;
}

@media screen and (min-width: 1200px) {
    section.match-header {
        width: 1200px;
    }
}

section.match-header .header-section {
    display: flex;
}

section.match-header .header-section .section {
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    height: 260px;
}

section.match-header .header-section .arrow-btn {
    display: block;
    width: 15px;
    height: 9px;
    cursor: pointer;
    background: url(/dota2/images/cups/icon-tri.png) -44px -17px no-repeat;
}

section.match-header .header-section .arrow-btn:active {
    background-position-x: -137px;
}

section.match-header .header-section .arrow-btn.disabled {
    background-position-x: -197px;
}

.news-part {
    width: 412px;
    position: relative;
}

@media screen and (min-width: 1200px) {
    .news-part {
        width: 696px;
    }
}

.news-part .img-cover {
    width: 412px;
    height: 260px;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 10;
    background: url(/dota2/images/cups/img-cover-s.png);
}

@media screen and (min-width: 1200px) {
    .news-part .img-cover {
        width: 696px;
        background: url(/dota2/images/cups/img-cover.png) 0 4px no-repeat;
    }
}

.news-part .news-logo {
    position: absolute;
    width: 100%;
    height: 100%;
    background-position: right center;
    background-repeat: no-repeat;
    background-size: cover;
}

.news-part .news-info {
    width: 100%;
    box-sizing: border-box;
    position: absolute;
    bottom: 14px;
    padding: 0 25px 0 20px;
    z-index: 30;
}

.news-part .news-info h2.news-title {
    width: 367px;
    font-size: 30px;
    line-height: 1.8;
    color: #fff;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

@media screen and (min-width: 1200px) {
    .news-part .news-info h2.news-title {
        width: 651px;
    }
}

.news-part .news-info p.news-sub_title {
    width: 367px;
    margin-top: 10px;
    font-size: 14px;
    line-height: 1.5;
    height: 42px;
    color: #9e9e9e;
    margin-bottom: 28px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

@media screen and (min-width: 1200px) {
    .news-part .news-info p.news-sub_title {
        width: 651px;
    }
}

.news-part .news-info .news-btn {
    position: absolute;
    left: 50%;
    bottom: 10px;
    margin-left: -4px;
}

.news-part .news-info .news-btn.hide {
    display: none;
}

.match-part {
    width: 336px;
    box-sizing: border-box;
    background-color: rgba(0, 0, 0, 0.2);
    padding: 26px;
}

.match-part .match-way .way-type {
    font-size: 14px;
    color: #778f9c;
}

.match-part .match-way .way-time {
    font-size: 24px;
    line-height: 2;
    color: #ea5c32;
}

.match-part .match-way .way-detail {
    font-size: 14px;
    line-height: 2;
    color: rgba(255, 255, 255, 0.8);
    margin-left: 5px;
}

.match-part .match-way:last-child {
    border-bottom: 0;
    padding-top: 10px;
}

.match-part .match-way:last-child span {
    float: left;
}

.match-part .match-way:last-child ul {
    float: left;
    margin-left: 10px;
}

.match-part .match-way:last-child ul li {
    width: 47px;
    height: 47px;
    position: relative;
    float: left;
    margin-right: 10px;
}

.match-part .match-way:last-child ul li .bg-circle {
    width: 50px;
    height: 30px;
    background-color: rgba(0, 0, 0, 0.22);
    position: absolute;
    left: 50%;
    top: 30%;
    transform: translate(-50%, -50%);
}

.match-part .match-way:last-child ul li img {
    max-width: 50px;
    max-height: 50px;
    position: absolute;
    left: 50%;
    top: 30%;
    transform: translate(-50%, -50%);
}

.match-part .match-way:last-child ul li:last-child {
    margin-right: 0;
    width: 50px;
    height: 28px;
    border: 1px solid #2e3544;
}

.match-part .match-way:last-child ul li:last-child .award-btn {
    width: 30px;
    height: 13px;
    background: url(/dota2/images/cups/icon-tri.png) 9px 4px no-repeat;
    position: absolute;
    left: 50%;
    top: 38%;
    transform: translate(-50%, -50%);
}

.match-part .match-way:last-child ul li:last-child .award-btn:hover {
    background: url(/dota2/images/cups/icon-tri.png) -13px 4px no-repeat;
}

.match-part .match-way:last-child ul li:last-child .award-btn:active {
    background: url(/dota2/images/cups/icon-tri.png) 9px -13px no-repeat;
}

.match-part .match-way:last-child ul li:last-child .award-btn.disabled {
    background-position: -180px 1px;
}

.apply-part {
    width: 168px;
}

.apply-part .part-top {
    box-sizing: border-box;
    height: 198px;
    padding-top: 28px;
    position: relative;
    background-color: #0d151a;
}

.apply-part .part-top:before {
    content: '';
    border-right: 19px solid #0d151a;
    border-top: 19px solid transparent;
    border-bottom: 19px solid transparent;
    position: absolute;
    top: 40px;
    left: -19px;
}

.apply-part .part-top .apply-state {
    text-align: center;
    padding-bottom: 8px;
    margin-bottom: 10px;
}

.apply-part .part-top .apply-state span {
    font-size: 21px;
    line-height: 1.5;
    color: #afb0b1;
    padding-bottom: 8px;
    border-bottom: 2px solid #afb0b1;
}

.apply-part .part-top .member-state {
    text-align: center;
}

.apply-part .part-top .member-state.default span {
    font-size: 38px;
    color: #77c5ff;
    font-weight: 700;
}

.apply-part .part-top .member-state.non-default strong {
    font-size: 38px;
    color: #ea5c32;
    font-weight: 700;
}

.apply-part .part-top .member-state.non-default span {
    font-size: 25px;
    color: #ea5c32;
}

.apply-part .part-top .member-state.non-default span.normal {
    font-size: 40px;
    letter-spacing: 2px;
    font-weight: 700;
}

.apply-part .part-top .match-type {
    margin-top: 10px;
    text-align: center;
}

.apply-part .part-top .match-type span {
    font-size: 14px;
    color: #afb0b1;
}

.apply-part .part-bottom {
    height: 62px;
}

.apply-part .part-bottom a {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 62px;
}

.apply-part .part-bottom a.state-btn {
    cursor: pointer;
}

.apply-part .part-bottom a.state-yellow {
    background-color: #b74029;
}

.apply-part .part-bottom a.state-blue {
    background-color: #32404b;
}

.apply-part .part-bottom a.apply-state {
    font-size: 20px;
    font-weight: 700;
    color: #fff;
}

.apply-part .part-bottom a.apply-state:hover {
    background-color: #d3482d;
}

.apply-part .part-bottom a.apply-state:active {
    background-color: #b74029;
}

.apply-part .part-bottom a.apply-state.disabled {
    color: #5d5d5d;
    background-color: #9e9e9e;
}

.apply-part .part-bottom a.ing-state {
    font-size: 16px;
    color: #6f8693;
    cursor: default;
}

.apply-part .part-bottom a.rest-time {
    line-height: 1.2;
    box-sizing: border-box;
    padding-top: 8px;
    cursor: default;
    color: #fff;
}

.apply-part .part-bottom a.rest-time span {
    font-size: 14px;
}

.apply-part .part-bottom a.rest-time strong {
    display: block;
    font-size: 24px;
    font-weight: 700;
}

.apply-part .part-bottom a.disabled {
    font-size: 20px;
    color: rgba(255, 255, 255, 0.1);
    background-color: #3b404d;
    cursor: default;
}

.match-end {
    width: 504px;
    height: 260px;
    box-sizing: border-box;
    padding: 16px 28px;
    float: left;
    background-color: rgba(0, 0, 0, 0.3);
}

.match-end ul.reward-list {
    border-bottom: 1px solid #7a7f8b;
}

.match-end ul.reward-list.third-rank {
    border: 0;
}

.match-end ul.reward-list li {
    width: 50%;
    float: left;
}

.match-end ul.reward-list li .reward-logo {
    width: 70px;
    height: 70px;
    font-size: 14px;
    color: #e2e2e2;
    text-align: left;
    line-height: 70px;
    float: left;
    position: relative;
}

.match-end ul.reward-list li .reward-logo .bg-circle,
.match-end ul.reward-list li .reward-logo img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.match-end ul.reward-list li .reward-logo .bg-circle {
    width: 43px;
    height: 43px;
    border-radius: 50%;
    background-color: #2d3343;
}

.match-end ul.reward-list li .reward-info {
    height: 100%;
    text-align: left;
}

.match-end ul.reward-list li .reward-info strong {
    display: inline-block;
    width: 120px;
    line-height: 70px;
    font-size: 14px;
    color: #9e9e9e;
}

.match-end ul.reward-list li .reward-info .reward-text {
    box-sizing: border-box;
    padding-top: 12px;
}

.match-end ul.reward-list li .reward-info .reward-text p {
    font-size: 14px;
    text-align: left;
    line-height: 1.8;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.match-end ul.reward-list li .reward-info .reward-text p.reward-dec {
    color: #057bd6;
}

.match-end ul.reward-list li .reward-info .reward-text p.reward-type {
    color: #e2e2e2;
}

.match-end ul.reward-list li:first-child .reward-logo {
    background: url(/csgo/images/cups/cup-sprites.png) no-repeat;
}

.match-end ul.reward-list li.zd .reward-info .reward-text p.reward-dec {
    color: #fcdb3b;
}

.match-end ul.reward-list:nth-of-type(1) li:first-child .reward-logo {
    background-position: -22px -155px;
}

.match-end ul.reward-list:nth-of-type(1) li:first-child .reward-info strong {
    font-size: 24px;
    color: #0093ff;
}

.match-end ul.reward-list:nth-of-type(1) li .reward-text {
    color: #0093ff;
}

.match-end ul.reward-list:nth-of-type(2) li:first-child .reward-logo {
    background-position: -22px -245px;
}

.match-end ul.reward-list:nth-of-type(3) li:first-child .reward-logo {
    background-position: -22px -335px;
}

.match-end .icon-block {
    margin-top: 10px;
}

.match-end .icon-block a.award-btn {
    margin: 0 auto;
}

#match_intro.hide,
#match_rule.hide,
#news_roll_back.hide {
    display: none;
}

.roll-back-news {
    width: 800px;
    margin: 50px auto 0;
}

@media screen and (min-width: 1200px) {
    .roll-back-news {
        width: 950px;
    }
}

.roll-back-news a.roll-back-icon {
    display: block;
    width: 100%;
    height: 30px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    position: relative;
}

.roll-back-news a.roll-back-icon i {
    display: block;
    width: 15px;
    height: 9px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
    background: url(/dota2/images/cups/icon-tri.png) -44px 0 no-repeat;
}

.roll-back-news a.roll-back-icon i:active {
    background-position-x: -73px;
}

.roll-back-news a.roll-back-icon i.disabled {
    background-position-x: -12px;
}

.selectteam {
    font-size: 12px;
}

.selectteam .st-info {
    margin-bottom: 12px;
}

.selectteam .st-info p {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 5px;
    white-space: nowrap;
    color: #fff;
}

.selectteam .st-info span {
    display: block;
    color: #fa4c4c;
    padding-left: 18px;
}

.selectteam .st-info span:before {
    content: '!';
    position: absolute;
    margin-left: -18px;
    width: 12px;
    height: 12px;
    line-height: 12px;
    text-align: center;
    border-radius: 50%;
    box-shadow: 0 0 0 1px #fa4c4c;
}

.selectteam .st-team h5 {
    box-sizing: content-box;
    height: 36px;
    line-height: 36px;
    color: #deb87c;
    background: #2c2d35;
    border-top: 1px solid #454650;
}

.selectteam .st-team h5 label {
    display: inline-block;
    margin: 0 48px 0 18px;
}

.selectteam .st-team h5 label i {
    margin: 11px 6px 0 0;
}

.selectteam .st-team .st-team-member {
    height: 333px;
    overflow: auto;
}

.selectteam .st-team .st-team-member label {
    position: relative;
    display: block;
    height: 37px;
    line-height: 37px;
    color: #b6b6b8;
    overflow: hidden;
}

.selectteam .st-team .st-team-member label:nth-child(even) {
    background: rgba(0, 0, 0, 0.5);
}

.selectteam .st-team .st-team-member label.disabled,
.selectteam .st-team .st-team-member label.diserror {
    background: #505050;
}

.selectteam .st-team .st-team-member label.diserror .error {
    display: block;
}

.selectteam .st-team .st-team-member label.flag:before {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    left: 90px;
    top: 8px;
    background: url(/csgo/images/icons.png) 0 -64px no-repeat;
}

.selectteam .st-team .st-team-member label:after {
    content: '';
    clear: both;
    display: table;
}

.selectteam .st-team .st-team-member label i {
    margin: 11px 84px 0 18px;
}

.selectteam .st-team .st-team-member label img {
    width: 27px;
    height: 27px;
    border-radius: 50%;
    float: left;
    margin: 5px 12px 0 0;
}

.selectteam .st-team .st-team-member label .name {
    float: left;
    width: 180px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.selectteam .st-team .st-team-member label .error {
    color: #fb3838;
    float: right;
    margin-right: 15px;
    display: none;
}

.selectteam .st-team label i {
    float: left;
    width: 15px;
    height: 15px;
    background-color: #2f3038;
    border: 1px solid #4a4b56;
}

.selectteam .st-team label input {
    display: none;
}

.selectteam .st-team label input:checked + i {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAJAQMAAADeqkRuAAAABlBMVEUAAADqShL4PTp+AAAAAXRSTlMAQObYZgAAACNJREFUCNdjYFBgYEhgYDjAwNjA0MzAcIyBIYeBwYKBQYABADYQA78NgJ/7AAAAAElFTkSuQmCC);
    background-position: 1px 2px;
    background-repeat: no-repeat;
}

.pvp-modal-dialog-st {
    position: fixed;
    width: 496px;
    left: 50%;
    top: 50%;
    margin: -283px 0 0 -248px;
}

.pvp-modal-dialog-st .pvp-modal-footer {
    text-align: center;
}

.pvp-modal-dialog-st .pvp-modal-body {
    padding: 20px;
}

.pvp-modal-dialog-st .selectteam {
    font-size: 12px;
}

.pvp-modal-dialog-st .selectteam .st-info {
    margin-bottom: 12px;
}

.pvp-modal-dialog-st .selectteam .st-info p {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 5px;
    white-space: nowrap;
    color: #fff;
}

.pvp-modal-dialog-st .selectteam .st-info span {
    display: block;
    color: #fa4c4c;
    padding-left: 18px;
}

.pvp-modal-dialog-st .selectteam .st-info span:before {
    content: '!';
    position: absolute;
    margin-left: -18px;
    width: 12px;
    height: 12px;
    line-height: 12px;
    text-align: center;
    border-radius: 50%;
    box-shadow: 0 0 0 1px #fa4c4c;
}

.pvp-modal-dialog-st .selectteam .st-team h5 {
    box-sizing: content-box;
    height: 36px;
    line-height: 36px;
    color: #deb87c;
    background: #2c2d35;
    border-top: 1px solid #454650;
}

.pvp-modal-dialog-st .selectteam .st-team h5 label {
    display: inline-block;
    margin: 0 48px 0 18px;
}

.pvp-modal-dialog-st .selectteam .st-team h5 label i {
    margin: 11px 6px 0 0;
}

.pvp-modal-dialog-st .selectteam .st-team .st-team-member {
    height: 333px;
    background: #3f404b;
    overflow: auto;
}

.pvp-modal-dialog-st .selectteam .st-team .st-team-member label {
    position: relative;
    display: block;
    height: 37px;
    line-height: 37px;
    color: #b6b6b8;
    overflow: hidden;
}

.pvp-modal-dialog-st
    .selectteam
    .st-team
    .st-team-member
    label:nth-child(even) {
    background: #353640;
}

.pvp-modal-dialog-st .selectteam .st-team .st-team-member label.disabled {
    background: #505050;
}

.pvp-modal-dialog-st .selectteam .st-team .st-team-member label.flag:before {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    left: 90px;
    top: 8px;
    background: url(/csgo/images/icons.png) 0 -64px no-repeat;
}

.pvp-modal-dialog-st .selectteam .st-team .st-team-member label:after {
    content: '';
    clear: both;
    display: table;
}

.pvp-modal-dialog-st .selectteam .st-team .st-team-member label i {
    margin: 11px 84px 0 18px;
}

.pvp-modal-dialog-st .selectteam .st-team .st-team-member label img {
    width: 27px;
    height: 27px;
    border-radius: 50%;
    float: left;
    margin: 5px 12px 0 0;
}

.m-password h5,
.m-password input {
    color: #e2e2e2;
    margin-bottom: 15px;
}

.pvp-modal-dialog-st .selectteam .st-team .st-team-member label span {
    float: left;
    max-width: 270px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.pvp-modal-dialog-st .selectteam .st-team label i {
    float: left;
    width: 15px;
    height: 15px;
    background-color: #2f3038;
    border: 1px solid #4a4b56;
}

.pvp-modal-dialog-st .selectteam .st-team label input {
    display: none;
}

.pvp-modal-dialog-st .selectteam .st-team label input:checked + i {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAJAQMAAADeqkRuAAAABlBMVEUAAADqShL4PTp+AAAAAXRSTlMAQObYZgAAACNJREFUCNdjYFBgYEhgYDjAwNjA0MzAcIyBIYeBwYKBQYABADYQA78NgJ/7AAAAAElFTkSuQmCC);
    background-position: 1px 2px;
    background-repeat: no-repeat;
}

.m-password {
    width: 410px;
    padding: 40px;
    font-size: 14px;
}

.m-password input {
    display: inline-block;
    width: 100%;
    border: 1px solid #292e3b;
    background: #292e3c;
    line-height: 20px;
    padding: 5px 10px;
    outline: 0;
}

.m-password p {
    padding-left: 25px;
    line-height: 18px;
}

.m-password p:before {
    content: '!';
    position: absolute;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    text-align: center;
    line-height: 16px;
    margin-left: -25px;
}

.m-password .tip {
    color: #9e9e9e;
}

.m-password .tip:before {
    color: #f6d832;
    border: 1px solid #f6d832;
}