@charset "utf-8";

/* @font-face {
    font-family: 'alibaba';
    src: url(../font/Alibaba-PuHuiTi-Regular.woff) format('woff');
    src: url(../font/Alibaba-PuHuiTi-Regular.ttf) format('truetype'),
        url(../font/Alibaba-PuHuiTi-Regular.otf) format('otf'),
        url(../font/Alibaba-PuHuiTi-Regular.svg#iconfont) format('svg');
    font-weight: normal;
    font-style: normal;
} */

html {
    background-color: #18191a;
}

.container {
    width: 100%;
    min-width: 968px;
    background: #18191a url(../images/bg.jpg) center -20px no-repeat;
    color: #fff;
    overflow: hidden;
}

.btn {
    display: block;
    /* transition: filter 0.2s linear; */
    text-align: center;
    cursor: pointer;
}

/* .btn:hover {
    text-decoration: none;
    -webkit-filter: brightness(1.3);
    filter: brightness(1.3);
} */

.grey {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}

.w968 {
    position: relative;
    width: 968px;
    margin: 0 auto;
}

.w1000 {
    position: relative;
    width: 1000px;
    margin: 0 auto;
}

.navbar {
    height: 38px;
    background-color: rgba(0, 0, 0, .7);
}

.logo-home {
    position: absolute;
    top: 4px;
    left: 8px;
    display: block;
    width: 79px;
}

.logo-home img {
    display: block;
    width: 100%;
    height: 100%;
}

.logo-rank {
    position: absolute;
    top: 12px;
    left: 104px;
    display: block;
    padding: 0;
    margin: 0;
}

.logo-rank img {
    display: block;
    margin: 0;
}

.logo-line {
    position: absolute;
    top: 8px;
    left: 93px;
    display: block;
    width: 1px;
    height: 22px;
    background-color: #e7ce75;
}

.nav-rank {
    margin-left: 260px;
}

.nav-rank-a {
    display: block;
    float: left;
    height: 38px;
    line-height: 38px;
    padding: 0 20px;
    transition: all .3s ease-out;
    font-weight: normal;
    font-size: 12px;
    color: rgba(255, 255, 255, .4);
}

.nav-rank-a:hover {
    color: #fff;
}

/* ----------------------- 抬头-start ---------------------------- */
.ranking-head {
    height: 70px;
    padding-top: 114px;
}

.ranking-head-hall {
    height: 158px;
    padding-top: 100px;
}

.ranking-head-logo {
    height: 73px;
    margin-bottom: 20px;
    text-align: center;
}

.nowdate {
    height: 24px;
    line-height: 24px;
    margin-bottom: 15px;
    text-align: center;
    font-family: 'alibaba', '微软雅黑', Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 20px;
    color: #fff;
}

.ranking-search {
    width: 388px;
    height: 26px;
    line-height: 26px;
    margin: 0 auto;
    border: 1px solid #525354;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden;
}

.ranking-head-hall .ranking-search {
    width: 508px;
}

.searchType {
    float: left;
    width: 120px;
    height: 26px;
    background-color: #3d3d3d;
    border: none;
    -webkit-border-top-left-radius: 4px;
    -moz-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    text-align: center;
    font-weight: normal;
    font-size: 14px;
    color: #ccbf8a;
    cursor: pointer;
}

.ranking-input {
    float: left;
    width: 220px;
    height: 26px;
    line-height: 26px;
    padding-left: 10px;
    background-color: transparent;
    font-size: 14px;
    color: #fff;
    border: none;
    outline: none;
}

.btn-ranking-search {
    position: relative;
    display: block;
    float: left;
    width: 38px;
    height: 26px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDA2IDc5LmRhYmFjYmIsIDIwMjEvMDQvMTQtMDA6Mzk6NDQgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyMi40IChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo5MDExMzU1NTdBMjIxMUVGQjNEMjk5OTY5RUE1Q0YwQSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo5MDExMzU1NjdBMjIxMUVGQjNEMjk5OTY5RUE1Q0YwQSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjkwMTEzNTUzN0EyMjExRUZCM0QyOTk5NjlFQTVDRjBBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjkwMTEzNTU0N0EyMjExRUZCM0QyOTk5NjlFQTVDRjBBIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+IObRnwAAAMtJREFUeNpi+P//PwMUiwFxNxA//Q8Br4B4EhDLIqlhgDGsgfjbfwRAZv8DYg9kDXxA/Bcq2QbEUkg21iJpFIdpmAgV6Ea2GglXQ+WXgviMQOInAwMDKxAzMeAGIDVsIMwEZXxlwA+eQ2l+kA3/gAwQZsGj4TsQc4AwyIaFQMwMxJU4FGdCFS8FOw3qexjIA2JOqGfZgDgNSU4EOR4C/qOCe0hBDQMrkDWAsAYQL4dGFAyA+DZAvAXKP4ct3FmBWBTqJGTxUyAdAAEGAFJ1Wxv31FbiAAAAAElFTkSuQmCC) center center no-repeat;
    transition: all .3s linear;
    font-size: 0;
    opacity: .6;
    cursor: pointer;
}

.btn-ranking-search:hover {
    opacity: 1;
}

.ranking-head-hall .btn-ranking-search {
    width: 100px;
    height: 24px;
    line-height: 24px;
    margin-top: 1px;
    margin-left: 4px;
    background: url(../images/btn_search.png) no-repeat;
    text-indent: 12px;
    text-align: left;
    font-size: 13px;
    color: #b9b9b9;
    opacity: 1;
}

.ranking-head-hall .ranking-input {
    width: 170px;
}

.btn-ranking-search i {
    display: block;
    position: absolute;
    top: 0;
    right: 2px;
    width: 24px;
    height: 24px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDA2IDc5LmRhYmFjYmIsIDIwMjEvMDQvMTQtMDA6Mzk6NDQgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyMi40IChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo5MDExMzU1NTdBMjIxMUVGQjNEMjk5OTY5RUE1Q0YwQSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo5MDExMzU1NjdBMjIxMUVGQjNEMjk5OTY5RUE1Q0YwQSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjkwMTEzNTUzN0EyMjExRUZCM0QyOTk5NjlFQTVDRjBBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjkwMTEzNTU0N0EyMjExRUZCM0QyOTk5NjlFQTVDRjBBIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+IObRnwAAAMtJREFUeNpi+P//PwMUiwFxNxA//Q8Br4B4EhDLIqlhgDGsgfjbfwRAZv8DYg9kDXxA/Bcq2QbEUkg21iJpFIdpmAgV6Ea2GglXQ+WXgviMQOInAwMDKxAzMeAGIDVsIMwEZXxlwA+eQ2l+kA3/gAwQZsGj4TsQc4AwyIaFQMwMxJU4FGdCFS8FOw3qexjIA2JOqGfZgDgNSU4EOR4C/qOCe0hBDQMrkDWAsAYQL4dGFAyA+DZAvAXKP4ct3FmBWBTqJGTxUyAdAAEGAFJ1Wxv31FbiAAAAAElFTkSuQmCC) center center no-repeat;
    transition: all .3s linear;
    opacity: .6;
}

.ranking-head-hall .btn-ranking-search:hover {
    color: #fff;
}

.btn-ranking-search:hover i {
    opacity: 1;
}

/* ----------------------- 抬头-end ------------------------------ */

/* ----------------------- 排行列表-start ---------------------------- */
.ranking-date {
    height: 40px;
    padding-top: 32px;
    border-bottom: 1px solid rgba(255, 255, 255, .2);
    text-align: center;
}

.ranking-date-menu {
    position: relative;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    width: 80px;
    height: 40px;
    line-height: 40px;
    margin: 0 25px;
    /* transition: all .3s linear; */
    font-size: 14px;
    color: #bea356;
    cursor: pointer;
}

.ranking-date-menu:hover {
    color: #ccbf8a;
}

.ranking-date-menu.active {
    font-weight: bold;
    font-size: 16px;
    color: #ccbf8a;
}

.ranking-date-menu::after {
    position: absolute;
    left: 40px;
    right: 40px;
    bottom: 0px;
    display: block;
    content: '';
    height: 4px;
    background-color: #ccbf8a;
    transition: all .3s ease-in;
}

.ranking-date-menu.active::after {
    left: 19px;
    right: 19px;
}

.ranking-container {
    position: relative;
    margin-top: 31px;
}

.ranking-model {
    width: 152px;
    min-height: 550px;
    background: url(../images/aside_bar.png) right top no-repeat;
}

.ranking-model-menu {
    width: 92px;
    height: 30px;
    line-height: 30px;
    padding-left: 28px;
    margin-bottom: 2px;
    background: 8px center no-repeat;
    border: 1px solid #383839;
    transition: all .3s linear;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size: 12px;
    color: #bea356;
    cursor: pointer;
}

.ranking-model-menu:hover {
    color: #ccbf8a;
}

.ranking-model-menu.active {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAQCAYAAADJViUEAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkQzRDM1NjQ5OENGRDExRUY5OEJDODM0REZBNjAzNDQxIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkQzRDM1NjRBOENGRDExRUY5OEJDODM0REZBNjAzNDQxIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RDNEMzU2NDc4Q0ZEMTFFRjk4QkM4MzRERkE2MDM0NDEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RDNEMzU2NDg4Q0ZEMTFFRjk4QkM4MzRERkE2MDM0NDEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5dp7Q8AAAAwElEQVR42mI8s7+LAQnIAPFxKE0ITGdC4vAD8TYgngrEjARwFkgDTDMbEK8D4iNA3MFAJGCBmjQPiL9AbXXBo/4H1AK4Zh8gNgViQyDuAeJMPJofAbE8smZeIL4NxN+A+AYQ78Gj+RW6s5HBJCgm2s/IIACILfCo/4AcoOia3YjwM07NG4D4IR7Nn/A5excUk+XnCiAOwaP+BTRqsWqWA2JjAn7GaTMoMObi0fwLn+ZH6KYT42dvIP7PQBqYDhBgADgOJQjtrjzWAAAAAElFTkSuQmCC);
    background-color: rgba(204, 191, 138, .12);
    border-color: #746e54;
    color: #ccbf8a;
}

.ranking-body {
    position: relative;
}

.table-ranking {
    width: 840px;
    margin: 0 auto;
    border-color: #363739;
    text-align: center;
    color: #ccbf8a;
    font-size: 12px;
}

.table-item {
    display: none;
}

.table-item.active {
    display: block;
}

.table-ranking thead {
    background: url(../images/th.png);
    background-size: 100%;
}

.table th {
    height: 32px;
    line-height: 32px;
    font-weight: normal;
}

.table-ranking th {
    border: 0;
}

.table tbody tr {
    position: relative;
    width: 100%;
    height: 32px;
    line-height: 32px;
    text-align: center;
    /* background: rgba(0, 0, 0, .3); */
    /* background: url(../images/bg_wrap_3.png); */
    cursor: pointer;
}

.table td img {
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
}

/* .table-ranking tbody tr:hover::after {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 837px;
    height: 31px;
    background-color: rgba(204, 191, 138, .12);
    border: 1px solid #706a50;
    z-index: 3;
} */

.table-ranking tbody tr:nth-child(odd) {
    background: #1f2023;
}

.table-ranking tbody tr:nth-child(even) {
    background: #141415;
}

.table-ranking tbody tr:hover {
    background-color: rgba(204, 191, 138, .12);
    border-top: 1px solid #706a50;
    /* border-color: #706a50; */
    border-left-color: #706a50;
    border-bottom-color: #706a50;
}

.csname {
    width: 210px;
    height: 32px;
    line-height: 32px;
    padding: 0 8px;
    text-align: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.csname.bold {
    /* font-weight: bold; */
    color: #ffeabd;
}

tr:hover .csname {
    text-decoration: underline;
}

.isonline {
    background: center no-repeat
}

.online1 {
    background-image: url(../images/online1.png);
}

.online0 {
    background-image: url(../images/online2.png);
}

.navigation-page {
    margin-top: 24px;
    margin-bottom: 30px;
    text-align: center;
    font-size: 0;
}

.navigation-page a,
.navigation-page span {
    width: 28px;
    height: 28px;
    padding: 0;
    margin: 0 6px;
    background-color: transparent;
    /* border: 1px solid #726c52; */
    border: none;
    font-size: 12px;
    color: #ccbf8a;
}

.navigation-page.pagerank a,
.navigation-page.pagerank span {
    background: url(../images/icon_page.png) center no-repeat;
}

.navigation-page .layui-laypage-first,
.navigation-page .layui-laypage-last,
.navigation-page .layui-laypage-prev,
.navigation-page .layui-laypage-next,
.navigation-page .layui-laypage-count {
    width: auto;
    background-image: none !important;
}

.navigation-page a:hover,
.navigation-page a.active,
.layui-laypage .layui-laypage-curr {
    text-decoration: none;
    border-color: rgba(204, 191, 138, .5);
    color: #ccbf8a;
}

.layui-laypage .layui-laypage-curr .layui-laypage-em {
    background-color: transparent;
}

.layui-laypage .layui-laypage-curr em {
    color: #ffd052;
}

.jump-map-page {
    position: absolute;
    bottom: -34px;
    left: 0;
    width: 580px;
    text-align: center;
    font-size: 0;
}

.jump-map-page .layui-laypage {
    margin: 0;
}

.jump-map-page a,
.jump-map-page span {
    margin-bottom: 0;
    padding: 0 6px;
    background-color: transparent;
    border: 0;
    font-size: 12px;
    color: #ccbf8a;
}

.jump-map-page a:hover,
.jump-map-page a.active,
.jump-map-page .layui-laypage .layui-laypage-curr {
    text-decoration: none;
    border-color: #ffd052;
    color: #ffd052;
}

.jump-map-page .layui-laypage-prev,
.jump-map-page .layui-laypage-next {
    color: #00b4ef !important
}

.jump-map-page .layui-laypage .layui-laypage-curr em {
    color: #ffd052;
}

/* .clubpage.navigation-page .layui-laypage-prev,
.clubpage.navigation-page .layui-laypage-next {
    width: 28px;
    background: center url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAANlJREFUOE+t1NENgyAQBuBegns4Sh3gSNignaTtJHYDEvFdR3EPHq6eiaYKKCImJobIB4Q/P9wyPzB7TdM8pJRfn6+1LpVSQ8zaE8gYANTj9xsRP9uJxhgCgMFaWx3BE8g7KIqiI6LSh47gi8dj0OXIudAFzLXTFZgDdcCrqBe8ggbBVPQQFEJwPu/j2yNi9Z/Rtm1rIuIMD0T0RMR+98hnMV4seCkpmBfkgKdiDngVW4E5sBVojOnO3Gaoyrb15USDJ871NUdjrxeX+hJClJyjLAUb08Sx//wAmbEaJNX6wV4AAAAASUVORK5CYII=) no-repeat !important;
    font-size: 0px;
} */

.layui-disabled,
.layui-disabled:hover {
    color: #bea356 !important;
}

/* ----------------------- 排行列表-end ------------------------------ */

/* ----------------------- 个人数据抬头-start ---------------------------- */
.personal-username-bar {
    position: relative;
    height: 69px;
    padding-left: 72px;
    text-align: center;
    font-size: 0;
}

.personal-username {
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    height: 36px;
    line-height: 36px;
    margin-top: 2px;
    /* border-top: 1px solid rgba(255, 255, 255, .15); */
    border-bottom: 1px solid rgba(255, 255, 255, .15);
    text-align: center;
    font-size: 0;
}

.personal-username.clubname {
    font-weight: bold;
    font-size: 26px;
    color: rgba(255, 255, 255, .8);
}

.personal-username em {
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    height: 35px;
    line-height: 35px;
    font-weight: bold;
    font-size: 26px;
    color: rgba(255, 255, 255, .8);
}

.icon-vip-level {
    display: inline-block;
    vertical-align: top;
    *display: inline;
    zoom: 1;
    width: 72px;
    height: 32px;
    margin-top: 5px;
    margin-left: 5px;
    background: url(../images/vip_bg.png) right 4px no-repeat;
    text-align: left;
}

.personal-clubname {
    height: 28px;
    line-height: 28px;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    color: rgba(255, 255, 255, .8);
}

.personal-clubname a {
    color: rgba(255, 255, 255, .8);
}

.username-line {
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    width: 46px;
    height: 41px;
}

.username-line1 {
    background-image: url(../images/uline_l.png?v=0.1);
}

.username-line2 {
    background-image: url(../images/uline_r.png?v=0.1);
}

.userinfo-honor {
    margin-bottom: 18px;
}

.userinfo-avatar {
    position: relative;
}

.userinfo-avatar-box {
    position: relative;
    width: 142px;
    height: 142px;
    background: #45484e;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 3px;
    z-index: 3;
}

.align-right {
    text-align: right;
}

.avatar-img-blur {
    position: absolute;
    top: 38px;
    left: 18px;
    display: block;
    width: 142px;
    height: 142px;
    background-size: cover;
    -webkit-filter: blur(15px);
    -moz-filter: blur(15px);
    -ms-filter: blur(15px);
    -o-filter: blur(15px);
    filter: blur(15px);
    opacity: .4;
    z-index: 1;
}

.userinfo-avatar-img {
    position: relative;
    display: block;
    width: 100%;
    z-index: 3;
}

.userinfo-honor-title {
    height: 24px;
    line-height: 24px;
    font-weight: normal;
    font-size: 12px;
    color: #ccbf8a;
}

.swiper-honor-box {
    position: relative;
    width: 772px;
    height: 140px;
    padding-top: 8px;
    background: url(../images/medal_bg.png) no-repeat;
    background-size: 100%;
}

.swiper-pagination-progress {
    top: 144px;
    width: 100%;
    height: 4px;
}

.swiper-pagination-progress .swiper-pagination-progressbar {
    /* background-image: linear-gradient(to right, #e47f3c, #fecd14); */
    background-color: #45484e;
}

.swiper-honor-prev,
.swiper-honor-next {
    position: absolute;
    top: 22px;
    width: 12px;
    height: 109px;
    cursor: pointer;
}

.swiper-honor-prev {
    left: 10px;
    background-image: url(../images/btn_honor_prev.png);
}

.swiper-honor-next {
    right: 10px;
    background-image: url(../images/btn_honor_next.png);
}

.swiper-honor-prev.swiper-button-disabled,
.swiper-honor-next.swiper-button-disabled {}

.swiper-honor {
    width: 710px;
    height: 136px;
    margin: 0 auto;
}

.swiper-honor-slide {
    width: 88px;
    height: 132px;
    padding-top: 4px;
    margin-right: 12px;
    background: url(../images/medal_item.png) no-repeat;
}

.swiper-honor-slide.swiper-honor-no {
    background-image: url(../images/medal_no.png);
}

.honor-xz-img {
    position: relative;
    display: block;
    width: 68px;
    height: 64px;
    line-height: 64px;
    margin: 0 auto;
    text-align: center;
}

.honor-xz-img img {
    display: inline-block;
    vertical-align: middle;
    /* *display: inline; */
    zoom: 1;
    max-width: 100%;
    max-height: 100%;
    margin-top: 3px;
}

.honor-xz-name {
    display: flex;
    height: 44px;
    line-height: 22px;
    padding: 0 5px;
    margin-top: 5px;
    align-items: center;
    text-align: center;
    font-size: 12px;
    color: #ccbf8a;
}

.honor-xz-name em {
    width: 100%;
    text-align: center;
    margin: 0 auto;
}

.isArray {
    cursor: pointer;
}

/* 勋章弹窗 */
.slideArray {
    display: none;
}

.xzArray {
    position: absolute;
    top: 170px;
    left: 50%;
    display: none;
    min-width: 150px;
    min-height: 100px;
    padding: 12px 8px;
    margin-left: -509px;
    background-color: rgba(26, 26, 26, .8);
    box-shadow: 0 0 30px rgba(0, 0, 0, 1);
    border: 1px solid #464749;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    transition: all .3s ease-in-out;
    backdrop-filter: blur(15px);
    z-index: 100;
}

.xzArray.ishover {
    display: block;
}

.rowname {
    position: relative;
    height: 26px;
    line-height: 26px;
    padding-left: 16px;
    font-weight: bold;
    font-size: 16px;
    color: #ffff;
    opacity: .8;
}

.rowname::before {
    position: absolute;
    top: 8px;
    left: 0;
    width: 10px;
    height: 10px;
    content: '';
    background-color: #a3a4a4;
    transform: rotate(45deg);
}

.rowlist {
    position: relative;
    /* width: 984px; */
    padding: 0 8px;
    padding-bottom: 20px;
    margin: 0 auto;
}

/* .rowlist::before {
    position: absolute;
    top: 0;
    left: 5px;
    width: 1px;
    height: 100%;
    content: '';
    background-color: #a3a4a4;
} */

.rowlist li {
    float: left;
    width: 82px;
    padding-bottom: 10px;
}

.rowlist li .honor-xz-name {
    height: 40px;
    line-height: 20px;
    /* padding: 0 6px; */
    font-size: 12px;
}

.xzsub {
    position: absolute;
    top: 1px;
    right: 0;
    display: block;
    width: 36px;
    height: 16px;
    line-height: 16px;
    /* padding: 0 5px; */
    border: 1px solid #707070;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    text-align: center;
    font-size: 12px;
    color: #cbbe89;

}

.personal-main {
    padding: 10px 8px;
    border: 1px solid #464748;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.personal-main-container {
    height: 918px;
    margin-bottom: 20px;
}

.personal-aside {
    width: 273px;
    height: 918px;
    padding-right: 8px;
    border-right: 1px solid #464748;
}

.personal-container {
    /* width: 660px; */
    width: 660px;
    height: 920px;
}

/* 广告 */
.ad-activity {
    position: relative;
    display: block;
    width: 660px;
    height: 116px;
    margin-bottom: 28px;
}

.ad-activity-img {
    display: block;
    width: 100%;
    height: 100%;
}

.ad-tag {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100px;
    height: 18px;
    line-height: 18px;
    background-color: #ff2338;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-bottom-right-radius: 10px;
    border-bottom-right-radius: 10px;
    text-align: center;
    font-size: 12px;
    color: #fff;
}

/* 侧边个人数据 */
.player-info-aside {
    height: 510px;
}

.club-aside {
    height: 320px;
}

.player-info-item {
    height: 30px;
    line-height: 30px;
    color: #bea356;
    font-size: 0;
}

.player-info-item label,
.player-info-cont {
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    height: 30px;
    font-size: 12px;
}

.player-info-item label {
    width: 64px;
    color: #bea356;
}

.player-info-cont {
    width: 200px;
    padding-left: 5px;
    background: url(../images/label_black.jpg) left top no-repeat;
    color: #CCBF88;
}

.player-info-cont2 {
    background-position: 0 -32px;
}

.club-aside .player-info-item label {
    width: 86px;
    text-align: right;
}

.club-aside .player-info-cont {
    width: 86px;
    width: 178px;
    margin-left: 4px;
}

.player-info-cont img {
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    margin: -2px 2px 0;
}

.player-info-cont a {
    text-decoration: underline;
    color: #ccbf8a;
}

.level_vip_icon {
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    width: 25px;
    height: 25px;
    margin: -2px 2px 0;
    background: repeat;
}

.icon-vip-level .level_vip_icon {
    vertical-align: middle;
}

.level_vip_1 {
    background-image: url(../images/vip/1.gif);
}

.level_vip_2 {
    background-image: url(../images/vip/2.gif);
}

.level_vip_3 {
    background-image: url(../images/vip/3.gif);
}

.level_vip_4 {
    background-image: url(../images/vip/4.gif);
}

.level_vip_5 {
    background-image: url(../images/vip/5.gif);
}

.level_vip_6 {
    background-image: url(../images/vip/6.gif);
}

.level_vip_7 {
    background-image: url(../images/vip/7.gif);
}

.level_vip_8 {
    background-image: url(../images/vip/8.gif);
}

.level_vip_9 {
    background-image: url(../images/vip/9.png);
}

.level_vip_10 {
    background-image: url(../images/vip/10.png);
}

.level_vip_11 {
    background-image: url(../images/vip/11.png);
}

.level_vip_12 {
    background-image: url(../images/vip/12.png);
}

/* -----------------------------  游戏实时日志  ---------------------------- */
.title-crumb {
    position: relative;
    height: 32px;
    line-height: 32px;
    background: url(../images/crumbs_repeat.png);
    padding-left: 28px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    font-size: 12px;
    color: #bea356;
}

.title-crumb::before {
    position: absolute;
    top: 16px;
    left: 15px;
    content: '';
    display: block;
    width: 9px;
    height: 2px;
    background-color: rgba(255, 255, 255, .4);
}

.title-crumb-yue {
    margin-right: 15px;
}

.gamelog {
    position: relative;
    width: 273px;
    height: 408px;
    /* background: rgba(85, 95, 115, .3); */
    /* background: url(../images/bg_wrap_7.png); */
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.gamelog-item {
    width: 100%;
    height: 24px;
    line-height: 24px;
    padding: 0 3px;
    /* border-bottom: 1px solid #234671; */
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 0;
    overflow: hidden;
}

.gamelog-nav {
    margin-top: 15px;
    text-align: center;
}

.user-police {
    color: #44b5ff;
}

.user-terrorist {
    color: #d4090e;
}

.gamelog-item b {
    margin-right: 3px;
    font-weight: normal;
    color: #44b5ff;
}

.gamelog-time {
    width: 242px;
    color: rgba(255, 255, 255, .2);
}

.gamelog-time,
.gamelog-item b,
.user-police,
.user-terrorist,
.icon-gun,
.icon-head,
.icon-terrorist,
.icon-police {
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    height: 24px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    font-size: 11px;
    overflow: hidden;
}

.icon-gun {
    width: 46px;
    height: 17px;
    background-image: url(../images/icon_gun.gif);
}

.icon-head {
    width: 33px;
    height: 21px;
    background-image: url(../images/baotou.gif);
}

.icon-terrorist {
    width: 19px;
    height: 21px;
    background-image: url(../images/feitu.gif);
}

.icon-police {
    width: 19px;
    height: 21px;
    background-image: url(../images/jingcha.gif);
}

.gamelog-model {
    position: absolute;
    bottom: -0;
    width: 100%;
    height: 24px;
    text-align: center;
    font-size: 0;
}

.gamelog-model-item {
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    width: 44px;
    height: 24px;
    line-height: 24px;
    padding: 0;
    margin: 0 5px;
    background: url(../images/btn_gamelog2.png) center no-repeat;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    font-size: 12px;
    color: #ccbf8a;
    cursor: pointer;
}

.gamelognav-model-item {
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    width: 20px;
    height: 20px;
    line-height: 20px;
    margin: 0px 5px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    font-size: 12px;
    color: #ccbf8a;
    cursor: pointer;
}

.gamelognav-model-item.active {
    /* background-color: #fca230; */
    color: rgba(255, 255, 255, 1);
}

.gamelog-model-item.active {
    background-image: url(../images/btn_gamelog.png);
}

/* -----------------------------  游戏实时日志  ---------------------------- */

/* -----------------------------  游戏模式数据展示  ---------------------------- */

.gamemode-container {
    position: relative;
    height: 356px;
    margin-bottom: 10px;
}

/* 游戏模式菜单 */
.gamemode-menu {
    height: 34px;
}

.gamemode-menu-item {
    position: relative;
    float: left;
    width: 78px;
    height: 34px;
    line-height: 34px;
    padding-left: 30px;
    background: url(../images/btn_gamemode_menu.png) no-repeat;
    transition: all .3s ease-in-out;
    font-size: 12px;
    color: #F0BF59;
    cursor: pointer;
}

.gamemode-menu-item.active {
    background-image: url(../images/btn_gamemode_menu_on.png);
    color: #F2BE58
}

.icon-gamemode {
    display: block;
    position: absolute;
    top: 9px;
    left: 11px;
    width: 16px;
    height: 16px;
}

.icon-gamemode0 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAIAAACQkWg2AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDA2IDc5LmRhYmFjYmIsIDIwMjEvMDQvMTQtMDA6Mzk6NDQgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyMi40IChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0NTNFNDREMzdGMTMxMUVGOEU2NUM5MDk2NjYxQzVCNyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0NTNFNDRENDdGMTMxMUVGOEU2NUM5MDk2NjYxQzVCNyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQ1M0U0NEQxN0YxMzExRUY4RTY1QzkwOTY2NjFDNUI3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjQ1M0U0NEQyN0YxMzExRUY4RTY1QzkwOTY2NjFDNUI3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+gPYsbgAAAgBJREFUeNpsUktrFEEQ7mpms7NZsg82ya5IhsWEzcHkoEg0B6Mnb0rQiyAo+AdE/A0eRfAPePAiKh69eYlC1JOah6eYmD0ocWHMwsTsTneVVT296wObHrqnqr6q+ro+2H1+VZHyC9T/FwcAKQIOCBQiDK2ZyyFJTpKPb3ygiycVgEXn+qcGAGBmhL/LM8Du/Tg87GOGCvN6shK6UGh/T/I5PVEpcIX9JO0m/ZGcDpTFF6u7GzuxT0Lq7Hzj0uIUXx88W5trVm9cmOml9v6TNbbcvnJca2sBuTrdu3ny1sXZejn/6uPXTidR1kr7zNDaxy+3koP+tfPNcl5rZaxC3sgRUTVcbNUUUq+XQspGAbz+8G19O15eONqaGNWpCdgBloAIjOkemDebe0AYAmlj+LKxHXO3jXK41KpKTUfaMA1Odufh++w15qZK9WIgbqRjk8XxsZF3W/H653g+Kil5ViMcAGn5VIOjm7XRaLygjOFnZ2MxgMsn6pvt/aer7WZ1plQIhIMjjUvT5XPTlaiSkxS8hTQnwlDh9TNHkp/po5UvbOcKRhgjN21lvDLVwbwdae5tthaejsbe7nRXPnWgc3eBMj9RNkxRjQBpKBbRBjklKQqkJT95jwDwShtIg5xNuQTgtPSn5AaqAj/432gHygC+ussCw+y+BHgpZ7/wS4ABAFF8D6aoWcjSAAAAAElFTkSuQmCC);
}

.icon-gamemode1 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAIAAACQkWg2AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDA2IDc5LmRhYmFjYmIsIDIwMjEvMDQvMTQtMDA6Mzk6NDQgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyMi40IChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0N0VBOTU1MjdGMTMxMUVGQkY2OEQyRDczOEFCNTlCMiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0N0VBOTU1MzdGMTMxMUVGQkY2OEQyRDczOEFCNTlCMiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQ3RUE5NTUwN0YxMzExRUZCRjY4RDJENzM4QUI1OUIyIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjQ3RUE5NTUxN0YxMzExRUZCRjY4RDJENzM4QUI1OUIyIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+USgbPwAAAmZJREFUeNpkUj1v01AU9XvPX4nzYSdR4haVJqkQ0LRFDCAGFgYGNpCQACE2JhiRGFgrxC8AdgaExMDUdoGBSnxIMJQAIpWAdEBpLZrYjpPYz/azuY5Rl14dWcf3nuN79PzQ2lKL47hd04anybFFrdRUVe5QrXZ+NHMFIFgm+I05IMXcBp0U8spJVZUJfxgPW8unc1kw8DhKPuBHoSaJn5wRwPKDmzP6ilaC/la//3k4vN1oAAeSGCLM1ZVs2x53Pc9lAbRmJXn1Z/flmdKT7u9N04LOa9Ocl+X5jJxEshijMXFDP1VD9agn86htDs6rKmMxgETcn4nnBRGAp2HkhYGHUMSm2eIY1EUifHMmV4/MQqcmiU05A0QWMBiwGwRbjm0EoSIKmHCgvq7rNgteGcbmvnGhooF0ELF7C810P7lY0XpBuO97CiZXatVfLv1o2iLPCwS3R+NHx44v5DLX9BmQni2qH0wTUz8qYYIxMaj/Ym+vkZUhgy4IEsJ39CTSiWz+/nan6wwHrkdxjF2MMpJEGSMEmT5717cUntyo1cB5rlIGw5qx+90ZP+31nu/1ChzCabJThfytGT3l45C9H9oPGgvp6/r+oJ6RVVFABAMwjeM4CoqEbPztZzAGQLa7R+udiZManDh63GpdrlYQFsSDDVCLeQWOKOVfhpbh+W8HfeDPlpaT/zVVlhHPSwi5U1FdktZ9BhuAzwnyipb1WUSnI5HgKhKKCGkE8wcbdijVROKFMXBtes9Al462HfvryBUFXolRYlCJmA4ulavdUXLDdixrNl/4fwauZ038OUwkHgc0/CfAAKuYCqs0MLRwAAAAAElFTkSuQmCC);
}

.icon-gamemode2 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAIAAACQkWg2AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDA2IDc5LmRhYmFjYmIsIDIwMjEvMDQvMTQtMDA6Mzk6NDQgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyMi40IChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0QTMxNTUxMzdGMTMxMUVGQjFCRUNEMjM1MzE5NjQzNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0QTMxNTUxNDdGMTMxMUVGQjFCRUNEMjM1MzE5NjQzNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjRBMzE1NTExN0YxMzExRUZCMUJFQ0QyMzUzMTk2NDM2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjRBMzE1NTEyN0YxMzExRUZCMUJFQ0QyMzUzMTk2NDM2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+E7mragAAAt1JREFUeNokUUtPE1EUvnPvzJ1nKaXTae20UCpQUB5iRDQaQ6LBhe6MCxPdu/bxB/wHblyxMm5MxESjUaMxRoioMUJLREW0UCG0TKGP6ZTpPL3gybc4j+8k53wfBUAMAMBy9rkOaTITN0IdJ4ZSrLk7nV2mTaqg68WmPp9f33VYQuOlAM3QjOPj28PpM7081RsLSxEyKGiGLATjXbLcqJKybjRXaka9JkiQoW3HzkSjV45E8745kulB0aQAXMAyn5YKP0q/jw12rZZ3wH4g7EMEIMkyAcqSQ3I6Eerv5ysN9k+hW+AvXzqTUhWRhmFeTInthEZDx3MBGlGSN4d68lpJjAQlL/hm6tFMNlda0UIsFvoS2Z9/l9ZLQ6J4Sk0ubhsORcGq05o4eXhgOM22BVaLv8rh9uUW/wdBFFMiFrXwcf7e7IfZTe2AGmuarb3DmrY0oeDk+fHY6FibHOFMMw3p4xdOU5IicnKGZx4vfdMp8WthY63S4HkOeZ4wNnhw7OxRoHRzni9FZHV8QFaDM0/npu8/7E5EHZaBlrFWd3WzRRZgkKt8Ka4jXsDIwwIdPjLIR8K/X3y2aluOwt15//bGhcmrJ48yFCL37Kk0rIZRs/Lt44JfLmA1Trq113ONrSbrckIF1DSDEuyug1HEAMTgPa06RWxXNl++ejYyPmJUdX958dbUAzcW4T1LCoGLTJezpb9Y/CmFWbRdboMiPVOokb18rnR9sxxRUx/mck/mc7ueR5pqKHjt0NDd5zO5XWOnrjuuKQRpep8P6i3z+69lkcM/sisYMxD/Nxd8L2kLWnXDtPcewFKx0kSYxgj6ffF4raglAjiV7PQMP1csyQGJsnzDBRtNt9VyiccEApEG0y6k7M52TtPdvoH4cE+styOmeLxRbexAa00zPM+hGGIkRcCxDHJcj5TbDaPhee+yS6OZRJr2Fau2mN/IbWmm7TDYQZRFAFwIafxPgAEAQzhAeu4uau8AAAAASUVORK5CYII=);
}

.icon-gamemode3 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAIAAACQkWg2AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDA2IDc5LmRhYmFjYmIsIDIwMjEvMDQvMTQtMDA6Mzk6NDQgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyMi40IChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0QzA4Q0RENDdGMTMxMUVGQTFFMUVBQURFNDdDM0Y2NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0QzA4Q0RENTdGMTMxMUVGQTFFMUVBQURFNDdDM0Y2NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjRDMDhDREQyN0YxMzExRUZBMUUxRUFBREU0N0MzRjY3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjRDMDhDREQzN0YxMzExRUZBMUUxRUFBREU0N0MzRjY3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+dym3zQAAAk1JREFUeNp0kstrE0Ecx2cmm9nNLpvmYbqL3bZaS0uKOUQbDz2JYuqriqIHMT3oQTAgeFBE8CZ4qCetKObgSaH4F7QnDx5E0CLURIuYSB40mk2aR032kWyccSWGisOPH5/5zs73Nzvzg2rhHgAAcZhk6PBQhi7QN6xuq9vVgdWirBlgatLTWwuHJfD/MSTzL5/NIkLJ17tLX8dJFlhw97qvlJ8kQfQXT2SbaaTGjx9iHiY+0A0fU5rtsdXS/AGmZxmdGyA5s6blP+vA7Yhf9tEDz0TkWt0iJLqQVjcV2QlMQAMAG1ZWGm/eNm2lsqkjn4f9RAwAcHkhiy1R7BKuF7Vencg0R1zaTYi7DlphYo8nm7cNwYH9+Pe9dLI5qrTKbfJdKCi+WzVmZtMnL+XoBikgqBULkBo6GBlkUJdpa0xyrTMyLM5dLLSK9LRXzu8IB/lM3rh5bR8S3axhQjWDOw3Rz7uxJlpVdy7vPHpsQq2hM/GsvuFFlv/R7b1nD0v3F1cRixkI8bc0tpoD08FByS9Cg/+SNROJ97diypGI/HipqDXbADI35kdT61XE89jrEzYbbVJaUXhO4Aik0g2Sz53YGb8wlt5oLS2rZLprlKf/gLGD5ZzFitn/qN/Leo+LFf2nZvWmDC9wkiQU1CbATluqlnXNoJdLFNJi86eGxxQXYaK7OIQY5FCG3LWtvx6luhkICASWX/0g+XRUDk0NaIZ158G6z8OBQvLq4sLBbX1GujAWC20Tif3zp1FYKSz8EXjqCiH7b5/2t/cvAQYAS8DolRayC4AAAAAASUVORK5CYII=);
}

.icon-gamemode4 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAIAAACQkWg2AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDA2IDc5LmRhYmFjYmIsIDIwMjEvMDQvMTQtMDA6Mzk6NDQgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyMi40IChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0RTRCQkQ0OTdGMTMxMUVGOEQxNEExNkREOThFMTRCRSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0RTRCQkQ0QTdGMTMxMUVGOEQxNEExNkREOThFMTRCRSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjRFNEJCRDQ3N0YxMzExRUY4RDE0QTE2REQ5OEUxNEJFIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjRFNEJCRDQ4N0YxMzExRUY4RDE0QTE2REQ5OEUxNEJFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+duknfwAAAXRJREFUeNpiYCARMGIKZa0/xcrK/ezRz9VZRpiyTJiqLXVlNRT4mdlYvDtPE9CQvvYEUPWfn/+evPyhrMjF+OeTfdEaNA3McFba6uO2Bgpffvx98PIHRIRfgOvlw+eiSpbPLu9C15C4/LCjrtKX33/vPHz1+wfjn19/gQgozivE//rRUz4Znde3jiE0RM7d62ii9Jfh3/mLT37/BCr99+fXbwhiYvzPKyb55sEDHjGl9w8vQP3gaqnKxsB66Ojd719/ANHvn1D05csfIAIqkNTUY2HjlTIKArJZgFiQi/3D1z+GOrJCotxXLj2/ffcVJyc7UPzv3/9wp//89hnCAGkIVBCHcKacvsfFw/3j+y8mRpDNF7ev+fr++ZcXtz49uwLXyYIWan9+/Pn58yeE/e3L159fPv35/QtZAQtm1Pz4AlUBtO3/b77fX9hwawB69PO3T68//P3BTZQNP3/+FhEX/veH4ff/nwjR///wpSXqA4AAAwCMBb9o2Ihz4gAAAABJRU5ErkJggg==);
}

.gamemode-swiper {
    position: relative;
    width: 660px;
    height: 316px;
}

.gamemode-slide {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    width: 660px;
    height: 316px;
    background: url(../images/bg_gamemode_data2.png) left top no-repeat;
    color: #fff;
}

.gamemode-slide0 {
    display: block;
}

/* -----------------------------  游戏模式数据展示  ---------------------------- */

.gamemode-slide-crumbs {
    position: relative;
    width: 590px;
    height: 32px;
    line-height: 32px;
    padding-left: 28px;
    padding-right: 42px;
    background: url(../images/crumbs_repeat.png);
    border-top-right-radius: 4px;
    font-family: 'alibaba', '微软雅黑';
    font-size: 12px;
    color: #ccbf8a;
}

.gamemode-slide-crumbs::before {
    position: absolute;
    top: 15px;
    left: 15px;
    content: '';
    display: block;
    width: 9px;
    height: 2px;
    background-color: rgba(255, 255, 255, .4);
}

.gamemode-slide-crumbs_rank {
    margin-left: 28px;
}

/* -----------------混战服-----------死亡服------------- */
.grid-data-table {
    width: 504px;
    height: 230px;
    padding: 12px 4px 0;
    margin-top: 14px;
    margin-left: 8px;
    background-color: rgba(255, 255, 255, .05);
    border: 1px solid #000;
}

.grid-data-bar {
    float: left;
    position: relative;
    width: 244px;
    height: 62px;
    margin: 0 4px 15px;
    background: url(../images/grid_data_bg.png) no-repeat;
}

.grid-data-bar_odd::before,
.grid-data-bar_even::before {
    position: absolute;
    top: 0;
    content: '';
    display: block;
    width: 1px;
    height: 62px;
    background-color: #000;
}

.grid-data-bar_odd::before {
    right: 0;
}

.grid-data-bar_even::before {
    left: 0;
}

.grid-data-cell {
    width: 60px;
    line-height: 31px;
    text-align: center;
    font-size: 12px;
    color: #ccbf8a;
}

.grid-data-cell b {
    display: block;
    font-weight: normal;
}

.grid-data-cell em {
    display: block;
    /* font-family: 'alibaba', '微软雅黑'; */
}

.grid-data-percentage {
    width: 124px;
    height: 31px;
    line-height: 31px;
    text-align: center;
    /* font-family: 'alibaba', '微软雅黑'; */
    font-size: 12px;
    color: #BCA559;
}

.grid-progress-bar {
    position: absolute;
    top: 33px;
    left: 70px;
    width: 104px;
    height: 14px;
    background-image: url(../images/progress1.png);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    overflow: hidden;
}

.grid-progress-bar span {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    height: 14px;
    background-image: url(../images/progress22.png);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    /* transition: all .3s ease-in-out; */
}

/* 等级进度 */
.player-info-cont_level {
    font-size: 0;
}

.progress-level {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    width: 120px;
    height: 14px;
    margin-left: 5px;
    margin-right: 5px;
    background-color: #45484e;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.progress-level i {
    position: absolute;
    left: 0;
    display: block;
    height: 14px;
    background-image: linear-gradient(to right, #e47f3c 70%, #fecd14);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.progress-level-num {
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    font-size: 14px;
}

/* 镇魔数据 */
.grid-data-table2 {
    height: 262px;
    padding: 6px 8px;
    margin-top: 8px;
}

.zm-dt {
    width: 244px;
    height: 28px;
    line-height: 28px;
    background: url(../images/dt.png) no-repeat;
    background-size: 100% 100%;
    text-align: center;
    font-weight: normal;
    font-size: 12px;
    color: #ccbf8a;
}

.grid-label,
.grid-value {
    display: block;
    float: left;
    height: 28px;
    line-height: 28px;
    border-left: 1px solid #424241;
    border-bottom: 1px solid #424241;
    text-align: center;
    font-weight: normal;
    font-size: 12px;
}

.grid-label {
    width: 83px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAfCAIAAACpqzA1AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDA2IDc5LmRhYmFjYmIsIDIwMjEvMDQvMTQtMDA6Mzk6NDQgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyMi40IChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpBQjI0OTZFODg3QzExMUVGQkNDRUZBMzUxQzZDQzAyMSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpBQjI0OTZFOTg3QzExMUVGQkNDRUZBMzUxQzZDQzAyMSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkFCMjQ5NkU2ODdDMTExRUZCQ0NFRkEzNTFDNkNDMDIxIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkFCMjQ5NkU3ODdDMTExRUZCQ0NFRkEzNTFDNkNDMDIxIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+nqToFgAAAEtJREFUeNpETIEJwDAIiym4neL/z7V00M5IxzQoiSaIiOZ+c+1FAIQZcyRAy23Jq6WrTNDtoxL+P5Zd/PhPVmVvcD6TY/R2ub8CDAD0Xgr0dss1RwAAAABJRU5ErkJggg==);
    color: #bea356;
}

.grid-value {
    width: 158px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAfCAIAAACpqzA1AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDA2IDc5LmRhYmFjYmIsIDIwMjEvMDQvMTQtMDA6Mzk6NDQgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyMi40IChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpBMDM3N0ZCQTg3QzExMUVGQTlDRThCQzczNzgyQzlFNCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpBMDM3N0ZCQjg3QzExMUVGQTlDRThCQzczNzgyQzlFNCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkEwMzc3RkI4ODdDMTExRUZBOUNFOEJDNzM3ODJDOUU0IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkEwMzc3RkI5ODdDMTExRUZBOUNFOEJDNzM3ODJDOUU0Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+5JF/GwAAAEVJREFUeNo0i8ERACEIA5NcHfTfoc7IAyWeDyYbWBARIikA+iTz6wdU5ttJON/Y/bk91nWqb9510nMs5UrNMbQy+2cLMACduQ58ouA1iAAAAABJRU5ErkJggg==);
    /* font-family: 'alibaba', '微软雅黑', Arial, Helvetica, sans-serif; */
}

.zm-left .grid-value {
    border-right: 1px solid #000;
    color: #257ee4;
}

.zm-right .grid-label {
    border-left: 1px solid #000;
}

.zm-right .grid-value {
    border-right: 1px solid #424241;
    color: #f7474a;
}

/* 约战 */
.grid-data-table3 {
    height: 264px;
    padding: 4px 8px 6px;
    margin-top: 8px;
}

.grid-data-table3 .zm-dt {
    margin-top: 6px;
}

.grid-data-table4 {}

/* 跳跃 */
.gamemode-slide4 .grid-data-bar {
    margin-top: 45px;
    width: 496px;
    background-image: url(../images/yuez_h.png);
    background-size: 100% 100%;
}

.gamemode-slide4 .grid-data-cell {
    width: 144px;
}

.gamemode-slide4 .grid-data-percentage {
    width: 208px;
    height: 32px;
    line-height: 32px;
    padding-top: 3px;
}

.gamemode-slide4 .grid-progress-bar {
    position: absolute;
    top: 34px;
    left: 152px;
    width: 194px;
    height: 14px;
    background-image: url(../images/progress1.png);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.jump-record {
    padding-left: 3px;
}

.jump-record dd {
    float: left;
    width: 82px;
    height: 70px;
    margin-right: 1px;
    background: url(../images/yuez_dd.jpg);
    text-align: center;
    font-size: 12px;
}

.jump-record dd b {
    display: block;
    height: 34px;
    line-height: 34px;
    margin-bottom: 1px;
    font-weight: normal;
    color: #bea356;
}

.jump-record dd em {
    display: block;
    height: 35px;
    line-height: 34px;
    /* font-family: 'alibaba', '微软雅黑', Arial, Helvetica, sans-serif; */
    color: #ccbf8a;
}

/* 时间周期选择 */
.select-date {
    position: absolute;
    top: 85px;
    right: 36px;
    z-index: 5;
}

.select-date-item {
    width: 84px;
    height: 22px;
    line-height: 22px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid transparent;
    text-align: center;
    /* font-family: 'alibaba', '微软雅黑'; */
    font-weight: 100;
    font-size: 12px;
    color: rgba(255, 255, 255, .2);
    cursor: pointer;
}

.select-date-item:hover {
    color: rgba(255, 255, 255, 1);
}

.select-date-item.active {
    font-weight: 100;
    background-color: rgba(255, 255, 255, .12);
    border-color: rgba(255, 255, 255, .5);
    color: rgba(255, 255, 255, 1);
}

.datemode {
    position: absolute;
    top: 48px;
    right: -35px;
    width: 65px;
    z-index: 5;
}

.datemode-item {
    width: 65px;
    height: 65px;
    margin-bottom: 15px;
    background: url(../images/date.png) no-repeat;
    cursor: pointer;
}

.datemode-item.active {
    background-image: url(../images/date_on.png);
}

.datemode2 {
    background-position: 0 -65px;
}

.datemode3 {
    background-position: 0 -130px;
}

.datemode4 {
    background-position: 0 -195px;
}

/* 在线时间分均伤害 */
.game-visual-box {
    position: relative;
    width: 660px;
    height: 408px;
}

.game-time-visual {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    width: 660px;
    height: 408px;
}

.game-time-container {
    position: relative;
    width: 660px;
    height: 362px;
    background-image: url(../images/bg_visual.jpg);
}

.game-time-line {
    position: absolute;
    top: 88px;
    left: 335px;
    width: 1px;
    height: 220px;
    background-color: rgba(255, 255, 255, .2);
}

.gamevisual3 .game-time-line {
    top: 40px;
    height: 300px;
}

.game-time-header {
    height: 44px;
    padding-top: 29px;
    padding-left: 120px;
    text-align: center;
}

.game-time-header_item {
    float: left;
    width: 100px;
}

.game-time-header_item2 {
    margin-left: 50px;
}

.gamevisual2 .game-time-header {
    padding-left: 0px;
}

.gamevisual2 .game-time-header_item {
    width: 80px;
}

.gamevisual2 .game-time-header_item2 {
    width: 100px;
    margin-left: 30px;
}

.gamevisual3 .game-time-header {
    padding-left: 0px;
}

.gamevisual3 .game-time-header_item {
    width: 90px;
}

.gamevisual3 .game-time-header_item2 {
    margin-left: 30px;
}

.unit-num {
    font-family: 'alibaba', '微软雅黑';
    font-style: italic;
}

.unit-num1 {
    display: block;
    height: 24px;
    line-height: 24px;
    font-weight: bold;
    font-size: 18px;
    color: #bea356;
}

.unit-num2 {
    margin-right: 8px;
    font-weight: bold;
    font-size: 18px;
    color: #bea356;
}

.unit-num-CT,
.unit-num-T {
    display: inline-block;
    padding-left: 15px;
}

.unit-num-CT {
    background: url(../images/jingcha2.png) no-repeat;
}

.unit-num-T {
    background: url(../images/feitu2.png) no-repeat;
}

.unitname {
    line-height: 18px;
    font-weight: normal;
    font-size: 12px;
    color: #ccbf8a;
}

.unit-percent {
    font-weight: normal;
    font-size: 14px;
    color: #bea356;
}

.game-item-sente {
    width: 300px;
    padding-left: 20px;
    margin-top: 20px;
    margin-bottom: 22px;
}

.game-item-sente dd {
    line-height: 22px;
    margin-bottom: 16px;
}

.average-unit-aside {
    position: absolute;
    top: 102px;
    left: 346px;
}

.average-unit {
    width: 314px;
    height: 32px;
    line-height: 32px;
    padding-left: 8px;
    margin-bottom: 38px;
    background: url(../images/label2.png) left no-repeat;
}

.gamevisual3 .average-unit {
    margin-bottom: 15px;
}

.average-unit-span {
    float: left;
    display: block;
    width: 157px;
}

.average-unit-span em {
    font-family: 'alibaba', '微软雅黑', Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #bea356;
}

.game-time-foot {
    position: absolute;
    top: 380px;
    left: 50%;
    width: 366px;
    margin-left: -183px;
    z-index: 3;
}

.game-time-foot_score,
.game-time-foot_rule {
    float: left;
    display: block;
    height: 24px;
    line-height: 24px;
    padding-left: 24px;
    margin: 0 38px;
    background: left 3px no-repeat;
    font-size: 12px;
    color: #ccbf8a;
}

.game-time-foot_score:hover,
.game-time-foot_rule:hover {
    color: #bea356;
}

.game-time-foot_score {
    width: 88px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDA2IDc5LmRhYmFjYmIsIDIwMjEvMDQvMTQtMDA6Mzk6NDQgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyMi40IChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2RkRCODBDMzg2RDIxMUVGOTc3ODk5NDhEMENENkNDQyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2RkRCODBDNDg2RDIxMUVGOTc3ODk5NDhEMENENkNDQyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjZGREI4MEMxODZEMjExRUY5Nzc4OTk0OEQwQ0Q2Q0NDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjZGREI4MEMyODZEMjExRUY5Nzc4OTk0OEQwQ0Q2Q0NDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8++kM75AAAAaRJREFUeNqM1E0vA1EUBuBp41uTiYZSGkSIjzBdkBBCKGFhbUdspL/LD+hSJUS6YGGDhVWxkEojaYIiUfHV8Z70Hbm5mTFzkyftNLfn3nvOuROybdsIMKbhCp7/mxQ2go0kmH6T6nwWGoQePk9CB1zDq9sfQh7HlCCLDPgJDcqnjFs4Atsv2DjMwh2cwBuk4QCKMMocPsI+F6kNCabohDRY2u9TYCrPzbADKXVeWMvRMnd0qe32DF6U53c4ZDpibtXshgicaoHkWNuwphVMFn1gYf6CyYQogzmrNvL7AMxDGeKwrgSLcLdS4TZokQIkmVAZVS6Qh2OYgQRkYBjmYJc9t6HMl1GWXd1w5T4eKcNJMp7AghR0sb+q/NyDCe44BxWJWuH5C8oxnWsjDXrBRH8wgIwfuIcmtkgtf0pp62ELVrS28BJnGyXcWuOLeZKkD2kVHYFW7RqusomLXhddjnoOS7wFTissQLvcGOiFTaYnF+RuWqykU4Qoi2RyAyXIwneQYAaTO8adxFiYAt9rJdd/BEy2JLrfb17Ql2Pe6x2mjl8BBgATFBFuSSLbrQAAAABJRU5ErkJggg==);
}

.game-time-foot_rule {
    width: 50px;
    background-image: url(data:image/png;base64,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);
}

.game-count {
    position: absolute;
    top: 176px;
    left: 162px;
    width: 112px;
    height: 42px;
    z-index: 9;
}

.game-count em {
    display: block;
    height: 24px;
    line-height: 24px;
    text-align: center;
    font-family: 'alibaba', '微软雅黑', Arial, Helvetica, sans-serif;
    font-style: italic;
    font-weight: bold;
    font-size: 18px;
    color: #ccbf8a;
}

.game-count b {
    display: block;
    height: 18px;
    line-height: 18px;
    text-align: center;
    font-weight: normal;
    font-size: 12px;
    color: #fff;
}

.gamevisual3 .game-count {
    left: 127px;
}

.gamevisual3 .game-count1 {
    top: 160px;
}

.gamevisual3 .game-count2 {
    top: 208px;
}

/* echart */
.campChart {
    position: absolute;
    top: 120px;
    left: 140px;
    width: 156px;
    height: 156px;
}

#campChart3 {
    top: 130px;
    left: 105px;
}

/* 躯体数据 */
.person-body-box {
    width: 418px;
    height: 388px;
    margin-top: 30px;
    /* border-right: 1px solid #404040; */
}

.person-body {
    position: relative;
    width: 100%;
    height: 100%;
    margin-top: 10px;
}

.person-body-whole {
    position: absolute;
    top: 1px;
    left: 0;
    width: 418px;
    height: 364px;
    background-image: url(../images/chest_3.png);
    z-index: 2;
}

.person-body-head {
    position: absolute;
    top: 0;
    left: 176px;
    width: 98px;
    height: 70px;
    background: url(../images/head_2.png) no-repeat;
    background-size: 100% 100%;
}

.person-body-hand {
    position: absolute;
    top: 70px;
    width: 168px;
    height: 56px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.hand-l {
    left: 8px;
    background-image: url(../images/lshoulder_3.png);
}

.hand-r {
    left: 272px;
    background-image: url(../images/rshoulder_3.png);
}

.person-body-chest {
    position: absolute;
    top: 70px;
    left: 176px;
    width: 96px;
    height: 123px;
    background: url(../images/chest_4.png) no-repeat;
    background-size: 100% 100%;
}

.person-body-leg {
    position: absolute;
    top: 193px;
    left: 172px;
    width: 106px;
    height: 182px;
    background: url(../images/leg_1.png) no-repeat;
    background-size: 100% 100%;
}

.person-body-data {
    position: absolute;
    width: 160px;
    text-align: center;
    z-index: 3;
}

.body-hit {
    height: 18px;
    line-height: 18px;
    font-size: 0;
}

.body-hit-rate {
    height: 24px;
    line-height: 24px;
    font-size: 0;
}

.person-body-data b {
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    width: 50%;
    text-align: right;
    font-weight: normal;
    font-size: 12px;
    color: #ccbf8a;
}

.person-body-data em {
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    width: 50%;
    text-align: left;
    font-family: 'alibaba', '微软雅黑', Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #bea356;
}

.body-hit-rate em {
    font-style: italic;
    font-weight: bold;
    font-size: 18px;
}

.body-data-head {
    top: -10px;
    left: 260px;
}

.body-data-hand {
    top: 111px;
    left: 0;
}

.body-data-chest {
    top: 130px;
    left: 260px;
}

.body-data-leg {
    top: 286px;
    left: 260px;
}

.body-data-total {
    bottom: 84px;
}

.body-data-hit {
    bottom: 52px;
}

.body-data-hitrate {
    bottom: 20px;
}

.body-data-total,
.body-data-hit,
.body-data-hitrate {
    left: 0;
    height: 32px;
    line-height: 32px;
    font-size: 0;
    z-index: 1;
    overflow: hidden;
}

.body-data-total b,
.body-data-hit b,
.body-data-hitrate b {
    width: 70px;
    height: 32px;
    line-height: 32px;
    text-align: justify;
    overflow: hidden;
}

.body-data-total,
.body-data-hitrate {
    padding-left: 10px;
    background: url(../images/label_black.png);
}

.body-data-hit {
    padding-left: 10px;
    background: url(../images/label_black.png) left -32px;
}

.body-data-total b::after,
.body-data-hit b::after,
.body-data-hitrate b::after {
    content: '';
    display: inline-block;
    width: 100%;
}

.sp-thumbnail-arrow {
    border-color: #ccbf8a;
    color: #ccbf8a;
}

/* ----------------------- 个人数据抬头-end ------------------------------ */

/* ----------------------- 武器列表-start ---------------------------- */
.personal-weapon-box {
    float: right;
    position: relative;
    width: 518px;
    height: 446px;
    min-height: 446px;
    padding-left: 10px;
    margin-top: 14px;
    transition: all .3s ease-in-out;
    border-left: 1px solid #404040;
}

.personal-weapon {
    transition: all .3s ease-in-out;
}

.personal-weapon-table {
    position: relative;
    opacity: 0;
}

.table-weapon {
    line-height: 32px;
    border: 1px solid rgba(255, 255, 255, .1);
    font-size: 14px;
    color: #ccbf8a;
}

.table-weapon th {
    color: #ccbf8a;
}

.weapon-tbody {
    max-height: 410px;
    font-family: 'alibaba', '微软雅黑', Arial, Helvetica, sans-serif;
    overflow-y: auto;
}

.weapon-tbody tr:nth-child(odd) {
    background-color: #222223;
}

.weapon-tbody tr:nth-child(even) {
    background-color: #141414;
}

.personal-weapon-swiper {
    position: absolute;
    top: 0;
    right: 0;
    width: 526px;
    height: 420px;
}

.slider-pro {
    height: 430px;
    overflow: hidden;
}

.sp-slide {
    width: 402px;
    height: 430px;
    background: url(../images/sp_slide.jpg) no-repeat;
}

.sp-thumbnails-container {
    left: 9px;
    width: 124px;
}

.sp-thumbnails {
    width: 100%;
}

.slide-weapon {
    padding-left: 44px;
}

.weapon-name {
    height: 34px;
    line-height: 34px;
    padding-top: 6px;
    font-family: 'alibaba', '微软雅黑', Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 28px;
}

.weapon-img {
    width: 358px;
    height: 120px;
    line-height: 120px;
    margin-top: 10px;
    text-align: center;
}

.weapon-img img {
    display: inline-block;
    max-width: 100%;
    height: 100%;
    max-height: 100%;
    margin: 0 auto;
}

.weapon-battle {
    margin-top: 18px;
    margin-bottom: 29px;
}

.weapon-battle span {
    display: block;
    float: left;
    width: 78px;
}

.weapon-battle span em {
    display: block;
    height: 24px;
    line-height: 24px;
    font-family: 'alibaba', '微软雅黑', Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 18px;
    color: #bea356;
}

.weapon-battle span b {
    display: block;
    height: 18px;
    line-height: 18px;
    font-weight: normal;
    font-size: 12px;
    color: #bea356;
}

.weapon-dd {
    height: 32px;
    line-height: 32px;
}

.weapon-dd em {
    font-family: 'alibaba', '微软雅黑', Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #bea356;
}

.weapon-dd .unitname {
    position: relative;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    width: 58px;
    height: 32px;
    line-height: 32px;
    text-align: justify;
    overflow: hidden;
}

.weapon-dd .unitname::after {
    display: inline-block;
    content: '';
    width: 100%;
}

.weapon-tab {
    display: block;
    position: absolute;
    top: 5px;
    width: 77px;
    height: 28px;
    line-height: 28px;
    background: url(../images/btn_77_d.png) no-repeat;
    text-align: center;
    font-size: 12px;
    color: #ccbf8a;
    cursor: pointer;
    transition: all .3s ease-in-out;
}

.weapon-tab.active {
    background-image: url(../images/btn_77.png);
}

.weapon-tab1 {
    right: 109px;
}

.weapon-tab2 {
    right: 9px;
}

/* ----------------------- 武器列表-end ------------------------------ */
/* ----------------------- 公会约战数据-sratt ---------------------------- */
/* .club-container{} */
/* .select-date1 {} */
.club-avatar.userinfo-avatar {
    width: 166px;
    height: 112px;
    margin-left: 89px;
    margin-bottom: 23px;
}

.club-avatar .avatar-img-blur {
    top: 20px;
    width: 160px;
    height: 106px;
}

.club-avatar .userinfo-avatar-box {
    width: 166px;
    height: 112px;
}

.club-avatar .avatar-img-blur {}

.userinfo-avatar-box {
    padding: 0;
    border: 3px solid #45484e;
    overflow: hidden;
}

.gamemode-swiper-club {
    width: 660px;
    height: auto;
}

.gamemode-swiper-club .gamemode-slide {
    width: 660px;
    height: auto;
    background-size: cover;
}

.grid-data2 {
    width: 562px;
    margin-top: 18px;
}

.select-date2 {
    display: none;
}

.datemode-club {
    display: none;
}


.club-container .grid-data-table_c1 {
    height: 166px;
}

.club-container .grid-data-table_c2 {
    width: 534px;
    height: 104px;
    padding: 6px 8px 0;
    margin-left: 10px;
}

.grid-data2 dl {
    border-top: 1px solid #424142;
}

.grid-data2-left dd,
.grid-data2-right .grid-label {
    border-right: 1px solid #000;
}

.grid-data2-right dd {
    border-right: 1px solid #424142;
}

.club-container .gamemode-slide-crumbs {
    /* padding-right: 22px; */
}

.table-club {
    width: 536px;
    line-height: 30px;
    margin-top: 18px;
    /* margin-left: 6px; */
    background-color: #141414;
    border: 1px solid rgba(255, 255, 255, .1);
    font-size: 14px;
    color: #ccbf8a;
    font-family: 'alibaba', '微软雅黑', Arial, Helvetica, sans-serif;
}

.table-gamelog {
    width: 100%;
    line-height: 32px;
    margin-top: 12px;
    background-color: #141414;
    border: 1px solid rgba(255, 255, 255, .1);
    font-size: 14px;
    color: #ccbf8a;
}

/* .table-gamelog .scoreCompare {text-align: left;} */

.table-club2 {
    width: 660px;
}

.table-club3 {
    width: 660px;
    margin-top: 12px;
}

.table-club th {
    color: #ccbf8a;
}

/* .tbody {} */

.tbody tr:nth-child(odd) {
    background-color: #222223;
}

.tbody tr:nth-child(even) {
    background-color: #141414;
}

.club-csid {
    padding: 0 5px;
    font-family: '微软雅黑', 'alibaba', Arial, Helvetica, sans-serif;
    text-align: left;
}

.table-club .isonline {
    min-width: 46px;
}

.table-club .tbody tr:hover {
    background-color: rgba(204, 191, 138, .12);
    border: 1px solid #706a50;
}

/* .table-club .tbody tr:hover td {
    border: 1px solid #ffd052;
} */

.table-club .tbody tr:hover .club-csid {
    text-decoration: underline;
    color: #ffeabd;
}


/* .table-club .tbody tr:hover {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 31px;
    background-color: rgba(204, 191, 138, .12);
    border: 1px solid #706a50;
    z-index: 3;
} */

.member-box {
    margin-top: 18px;
}

/* ----------------------- 公会约战数据-end ------------------------------ */

/* --------------------------- 抽奖弹窗 ----------------------------- */
#layer-lucky h4 {
    text-align: center;
    font-size: 28px;
    line-height: 40px;
    margin-top: 30px;
    margin-bottom: 30px;
    font-weight: normal;
    font-size: 24px;
    color: #333;
}

#layer-send h4 {
    text-align: center;
    font-size: 28px;
    line-height: 40px;
    margin-top: 10px;
    margin-bottom: 12px;
    font-weight: normal;
    font-size: 24px;
    color: #333;
}

.lucky-list {
    text-align: center;
    margin: 0 20px;
    font-size: 0;
}

.lucky-list li {
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    width: 180px;
    margin: 0 5px 10px;
    text-align: center;
}

.lucky-list li img {
    width: 145px;
    height: 84px;
    margin: 0 auto;
}

.lucky-list .card_name {
    display: block;
    width: 180px;
    height: 24px;
    line-height: 24px;
    margin-top: 5px;
    font-size: 14px;
    color: #333;
    text-overflow: ellipsis;
    white-space: normal;
    overflow: hidden;
}

.lucky-1 {
    width: 226px;
    margin: 0 auto;
}

.lyaer-lucky.layui-layer-iframe .layui-layer-btn,
.lyaer-lucky.layui-layer-page .layui-layer-btn {
    position: absolute;
    bottom: 0;
    right: 0;
    padding-top: 0px;
    background: #fff;
}


/* -----------------排行榜首页分类------------------ */
.gamemode-crumbs {
    width: 1000px;
    height: 38px;
    line-height: 36px;
    background: url(../images/gamemode_crumbs.png) center no-repeat;
}

.gamemode-crumbs-title {
    float: left;
    width: 200px;
    text-align: center;
    font-size: 18px;
    color: #fff;
}

.gamemode-crumbs-item {
    float: left;
    display: block;
    width: 400px;
    text-align: center;
    font-size: 14px;
    color: #ccbf8a;
}

.line-split {
    float: left;
    width: 22px;
    height: 364px;
    margin: 0 14px;
    background: url(../images/line_spilt.png) no-repeat;
}

.gamemode-namebar {
    position: relative;
    display: block;
    float: left;
    width: 48px;
    height: 100%;
    background: center top no-repeat;
}

.gamemode-namebar15 {
    background-image: url(../images/gamemode_cs15.png);
}

.gamemode-namebar16 {
    background-image: url(../images/gamemode_cs16.png);
}

.arrow-flash {
    position: absolute;
    top: 50%;
    left: 4px;
    width: 40px;
    height: 22px;
    margin-top: -11px;
    background: url(../images/arrow_right_orange.png) no-repeat;
    animation: arrowFlash 1.2s linear infinite;
}

@keyframes arrowFlash {
    0% {
        background-position: 0 0;
        opacity: 1;
    }

    50% {
        background-position: 30px 0;
        opacity: 0;
    }

    100% {
        background-position: 60px 0;
        opacity: 1;
    }
}

.gamemode-main {
    width: 100%;
    height: 364px;
    margin-top: 4px;
}

.gamemode-table {
    float: left;
    width: 424px;
    height: 363px;
    margin-right: 2px;
    border-top: 1px solid #2c2c2d;
    border-left: 1px solid #2c2c2d;
}

.gamemode-table-header {
    height: 32px;
    line-height: 32px;
    border-right: 1px solid #2c2c2d;
    border-bottom: 1px solid #2c2c2d;
}

.gamemode-table-th {
    display: block;
    float: left;
    text-align: center;
    font-size: 13px;
    color: #ffeabd;
}

.gamemode-table-row {
    display: block;
    width: 424px;
    height: 32px;
    position: relative;
    background-color: #1f2023;
    border-bottom: 1px solid #2c2c2d;
}

.gamemode-table-row::before {
    position: absolute;
    top: -1px;
    left: -1px;
    display: none;
    content: '';
    width: 423px;
    height: 100%;
    background-color: rgba(204, 191, 138, .12);
    border: 1px solid #706a50;
    z-index: 3;
}

.gamemode-table-row:hover::before {
    display: block;
}

.gamemode-table-row:nth-child(even) {
    background-color: #141415;
}

.gamemode-table-td {
    position: relative;
    display: block;
    float: left;
    height: 32px;
    line-height: 32px;
    border-right: 1px solid #2c2c2d;
    font-size: 13px;
    color: #ffeabd;
}

.gmtd1 {
    width: 45px;
    text-align: center;
}

.gmtd2 {
    width: 181px;
    padding: 0 15px;
}

.gmtd3 {
    width: 82px;
    text-align: center;
}

.gmtd4 {
    width: 82px;
    background-repeat: no-repeat;
    background-position: center center;
    font-size: 0;
}

.gamemode-table-th.gmtd2 {
    text-align: left;
}

.gamemode-table-th.gmtd4 {
    font-size: 13px;
}