/*Reset S*/
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
hr,
button,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  margin: 0;
  padding: 0;
  outline: none;
}

body {
  /*font-family: "SimHei", '\5FAE\8F6F\96C5\9ED1';*/
  position: relative;
}

body,
html {
  -webkit-tap-highlight-color: transparent;
  -webkit-text-size-adjust: none;
  -webkit-user-select: none;
  user-select: none;
  width: 100%;
  min-width: 1500px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
}

a {
  text-decoration: none;
  color: inherit;
}

a:focus,
a:active,
a {
  outline: none;
}

a,
button,
input {
  -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
}

a,
p,
span,
i,
h1,
h2,
h3,
h4,
h5,
h6 {
  -webkit-font-smoothing: antialiased;
}

a,
img,
input {
  border: none;
}

a,
img {
  -webkit-touch-callout: none;
}

img {
  height: auto;
}

ul,
ol,
li {
  list-style: none;
}

span {
  outline: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

input[type='text'],
input[type='password'],
select,
div,
a {
  -webkit-appearance: none;
  appearance: none;
  outline: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  border-radius: 0;
  box-sizing: border-box;
}

input,
textarea,
select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}

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

em,
i,
b {
  font-style: normal;
}

fieldset,
img {
  border: 0;
  display: block;
}

input,
textarea,
select {
  *font-size: 100%;
}

audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

address,
caption,
cite,
code,
dfn,
em,
th,
var {
  font-style: normal;
  font-weight: normal;
}

abbr,
acronym {
  border: 0;
  font-variant: normal;
}

sup {
  vertical-align: text-top;
}

sub {
  vertical-align: text-bottom;
}

.clear:after {
  content: '\20';
  display: block;
  height: 0;
  line-height: 0;
  visibility: hidden;
  clear: both;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.hd {
  display: block;
  text-indent: -9999px;
}

.spr {
  background: url(//game.gtimg.cn/images/codm/web202103/sprites.png) no-repeat 0 0 / 1000px 1000px;
}

@font-face {
  font-family: 'font';
  src: url(//game.gtimg.cn/images/codm/web202103/font.woff);
}

@font-face {
  font-family: 'reel';
  src: url(//game.gtimg.cn/images/codm/web202103/reel.ttf);
}

.font {
  font-family: 'font';
}

/*Reset E*/
.wrap {
  width: 100%;
  background: url(//game.gtimg.cn/images/codm/web202103/bg2.jpg) no-repeat top left/cover;
  position: relative;
  padding-bottom: 51px;
}

/* kv */
.kv {
  width: 100%;
  height: 960px;
  background: url(//game.gtimg.cn/images/codm/web202103/newkv.jpg) no-repeat center/cover;
  position: relative;
}

.sec2-title,
.sec3-title,
.sec4-title,
.sec5-title {
  width: 274px;
  height: 59px;
}

/* sec1 */
.sec1 {
  width: 100%;
  /* height: 1056px; */
  margin-top: 30px;
  padding-top: 1px;
}

.sec1 .s1-cont {
  width: 1400px;
  margin: 0 auto 0;
}

.sec1 .left {
  float: left;
  width: 840px;
  position: relative;
}

.sec1 .left .zb-codm-icon {
  display: block;
  width: 789px;
  height: 2px;
  background: url(//game.gtimg.cn/images/codm/web202103/zb-bot-icon.png) no-repeat center top;
  position: absolute;
  bottom: -50px;
  right: 0;
}

.sec1 .left .s1-lti {
  width: 287px;
  height: 81px;
  float: left;
  background: url(//game.gtimg.cn/images/codm/web202103/zzzb-ti.png) no-repeat center top;
  position: relative;
}

.sec1 .left .s1-lti:after {
  content: '';
  display: block;
  width: 797px;
  height: 1px;
  background-color: #f2e054;
  position: absolute;
  top: 66px;
  left: 14px;
}

.sec1 .left .s1-dw {
  font-size: 24px;
  color: #fff;
  float: right;
  margin-right: 140px;
  height: 42px;
  line-height: 42px;
  padding: 0 15px;
  position: relative;
}

.sec1 .left .s1-dw:before {
  content: '';
  display: block;
  width: 10px;
  height: 42px;
  background: url(//game.gtimg.cn/images/codm/web202103/kuang-left.png) no-repeat center top;
  position: absolute;
  left: 0;
  top: 0;
}

.sec1 .left .s1-dw:after {
  content: '';
  display: block;
  width: 10px;
  height: 42px;
  background: url(//game.gtimg.cn/images/codm/web202103/kuang-right.png) no-repeat center top;
  position: absolute;
  right: 0;
  top: 0;
  visibility: visible;
}

.sec1 .left .s1-dw .dwm {
  font-size: 24px;
  color: #fff;
}

.sec1 .left .s1-dw .vs {
  display: inline-block;
  width: 60px;
  height: 41px;
  background-position: -600px -100px;
  margin: 0 20px;
}

.sec1 .sp-info {
  padding-top: 3px;
}

.sec1 .s1-video {
  width: 782px;
  height: 440px;
  margin-left: 35px;
  margin-top: 60px;
}

.sec1 .s1-sp-cont {
  width: 837px;
  height: 530px;
  background: url(//game.gtimg.cn/images/codm/web202103/sp-new-bg.png) no-repeat center top;
  margin-top: 22px;
  position: relative;
  margin-left: 15px;
  overflow: hidden;
}

.sec1 .left.notLive .s1-sp-cont {
  display: none;
}

.sec1 .left .noneLive {
  display: none;
}

.sec1 .left.notLive .noneLive {
  display: block;
  width: 837px;
  height: 496px;
  background: url(//game.gtimg.cn/images/codm/web202103/jqqd-bg.png) no-repeat center top;
  margin-top: 50px;
  padding-top: 1px;
}

.sec1 .left.notLive .noneLive .nl-main {
  text-align: center;
  font-size: 40px;
  font-family: 'font';
  color: #000;
  margin-top: 211px;
}

.sec1 .yf {
  display: none;
  width: 232px;
  height: 914px;
  position: absolute;
  left: -168px;
  top: -241px;
  transform: scale(0.6);
  background: url(//game.gtimg.cn/images/codm/web202103/yf.gif) no-repeat left top;
}

.sec1 .yfright {
  display: none;
  width: 140px;
  height: 549px;
  position: absolute;
  top: 211px;
  right: -184px;
  transform: rotate(180deg);
}

.sec1 .right-yf {
  width: 232px;
  height: 914px;
  transform: scale(0.6);
  background: url(//game.gtimg.cn/images/codm/web202103/yf.gif) no-repeat left top;
}

.sec1 .team-a {
  margin-left: 10px;
  height: 65px;
  line-height: 65px;
  font-size: 20px;
  color: #fff;
  float: left;
}

.sec1 .team-a img {
  float: left;
  margin-left: 20px;
}

.sec1 .team-a .team-name {
  display: block;
  float: left;
  height: 65px;
  line-height: 65px;
  margin-left: 89px;
  width: 168px;
  text-align: center;
  font-family: 'font';
  font-size: 25px;
}

.sec1 .team-a .team-win {
  display: block;
  float: left;
  height: 65px;
  line-height: 65px;
  font-size: 40px;
  font-family: 'font';
}

.sec1 .team-b {
  margin-left: 10px;
  height: 65px;
  line-height: 65px;
  font-size: 20px;
  color: #fff;
  float: right;
}

.sec1 .team-b img {
  float: left;
  margin-right: 15px;
}

.sec1 .team-b .team-name {
  display: block;
  float: left;
  height: 65px;
  line-height: 65px;
  margin-right: 96px;
  width: 168px;
  text-align: center;
  font-family: 'font';
  font-size: 25px;
}

.sec1 .team-b .team-win {
  display: block;
  float: left;
  height: 65px;
  line-height: 65px;
  font-size: 40px;
  font-family: 'font';
}

.sec1 .right {
  float: left;
  padding-top: 1px;
  margin-left: 28px;
}

.sec1 .news-ti {
  width: 531px;
  height: 85px;
  background: url(//game.gtimg.cn/images/codm/web202103/news-ti.png) no-repeat center top;
  margin-top: -24px;
}

.sec1 .ad-box {
  padding-left: 33px;
  padding-top: 1px;
}

.sec1 .ad-box .ad {
  display: block;
  position: relative;
  margin-top: 20px;
  width: 446px;
  border: 1px #f4e154 solid;
}

.sec1 .ad-box .ad:after {
  display: block;
  content: '';
  width: 10px;
  height: 150px;
  background-color: #f9e655;
  position: absolute;
  top: 0;
  right: -17px;
}

.sec1 .ad-box .ad img {
  width: 444px;
  height: 152px;
}

.sec1 .news-box {
  width: 460px;
  height: 262px;
  background: url(//game.gtimg.cn/images/codm/web202103/news-bg.png) no-repeat center top;
  margin-top: 20px;
  margin-left: 35px;

  font-size: 16px;
  color: #ccc;
  padding-top: 1px;
  overflow: auto;
  overflow-x: hidden;
  position: relative;
  z-index: 3;
}

.sec1 .news-box li {
  width: 433px;
  height: 42px;
  border-bottom: 1px solid #777;
  line-height: 42px;
  margin: 0 auto 0;
}

.sec1 .news-box li a {
  display: block;
  height: 42px;
  color: #ccc;
}

.sec1 .news-box .ti {
  width: 380px;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  float: left;
}

.sec1 .news-box .time {
  display: block;
  line-height: 42px;
  height: 42px;
  float: right;
}

/* 锟斤拷锟斤拷锟斤拷锟斤拷式 */

.sec1 .news-box::-webkit-scrollbar {
  width: 3px;
  display: unset;
}

.sec1 .news-box::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: #fff;
}

.sec1 .news-box::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 2px;
}

/* sec2 */
.sec2,
.sec7 {
  width: 1400px;
  margin: 0 auto;
  padding-top: 1px;
  position: relative;
}

/* #sec2 {
  height: 840px;
}

#sec2 .sec2-cont {
  height: 688px;
} */

.sec2 .s2-db-icon {
  width: 1364px;
  height: 107px;
  background: url(//game.gtimg.cn/images/codm/web202103/ssjd-db-icon.png) no-repeat center top;
  position: absolute;
  bottom: -20px;
  left: 0;
}

.sec2-title {
  background: url(//game.gtimg.cn/images/codm/web202103/ssjd-ti.png) no-repeat center top;
  position: absolute;
  top: 0;
  left: 0;
}

.sec2-title::after {
  content: '';
  width: 1405px;
  height: 45px;
  display: block;
  background: url(//game.gtimg.cn/images/codm/web202103/title-after.png) no-repeat center top;
  position: absolute;
  left: -13px;
  top: 36px;
}

.sec2-cont,
.sec7-cont {
  width: 1330px;
  margin: 103px auto 0;
  position: relative;
}

.sec2-stag {
  width: auto;
  height: 40px;
  margin-top: 30px;
}

.sec2-stag a {
  width: 160px;
  height: 40px;
  display: block;
  float: left;
  text-align: center;
  color: #eeeeee;
  font-size: 20px;
  line-height: 40px;
  position: relative;
}

.sec2-stag a.on {
  color: #f9e655;
}
.sec2-stag a.on::after {
  content: "";
  background: url(//game.gtimg.cn/images/codm/web202103/sec2-line.png) no-repeat center/cover;
  width: 160px;
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 0;
}
.sec2-tab,
.sec7-tab {
  width: auto;
  height: 42px;
}

.sec2-tab a,
.sec7-tab a {
  width: 200px;
  height: 42px;
  display: block;
  background: url(//game.gtimg.cn/images/codm/web202103/sec-tb.png) no-repeat center/cover;
  float: left;
  text-align: center;
  color: #ffffff;
  font-size: 22px;
  line-height: 42px;
  margin-right: 23px;
}
.sec7-tab a{
  
}
.sec2-tab a{
  text-align: left;
  text-indent: 36px;
  background-position: 0 -600px !important;
}
.s3.spr1{
  background: url(//game.gtimg.cn/images/codm/web202103/sprites.png) no-repeat 0 0 / 780px 1000px;
}

.sec2-tab a.on {
  background-position: 0 -700px !important;
  color: #252525;
}
.sec7-tab a.on {
  background: url(//game.gtimg.cn/images/codm/web202103/sec-tb-on.png) no-repeat center/cover;
  color: #252525;
}
.sec2-tab a:last-child,.sec7-tab a:last-child{
  margin-right: 0;
}

/* sec2-list */
.sec2-list {
  width: 1320px;
  height: 100%;
  margin-top: 34px;
  overflow: hidden;
}

.sec6 .sec2-list {
  height: 1200px;
}

.sec2-llist {
  width: 710px;
  /*height: 522px;*/
  background: url(//game.gtimg.cn/images/codm/web202103/sec2-leftbg.png) no-repeat center top;
  margin-right: 40px;
  float: left;
}

.sec2-list .ff {
  float: left;
}

.sec2-list .list-title {
  font-size: 20px;
  color: #fff;
  text-align: center;
  line-height: 40px;
  margin-top: 10px;
  font-weight: 500;
}

.sec2-list .sec2-llists {
  width: 709px;
  height: 1040px;
  /* overflow-y: auto; */
  overflow: hidden;
  position: relative;
  background: rgba(53, 54, 52, 0.9);
}

.sec2-list .sec2-llists:empty::after {
  content: '\6682\65e0\8d5b\7a0b';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 20px;
  color: #f4e154;
  font-weight: bold;
}

.sec2-llist .list-cont {
  width: 688px;
  height: 90px;
  margin: 0 auto 0;
  position: relative;
  border-bottom: 1px solid #888989;
}

.sec2-llist .list-cont .proceed {
  position: absolute;
  top: 0;
  left: 50%;
  width: 1252px;
  height: 100%;
  background-image: url(//game.gtimg.cn/images/lpl/act/a20201230lplspring/proceed-large.png);
  transform: translateX(-50%);
  animation: backdrop-move 3s linear infinite;
  display: none;
}

.sec2-llist .list-cont.on .proceed {
  display: block;
}

@keyframes backdrop-move {
  0% {
    background-position: 0 0;
  }

  100% {
    background-position: 100% 0;
  }
}

.sec2-list .list-time {
  width: 88px;
  height: 66px;
  text-align: center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.sec2-list .days {
  font-size: 14px;
  color: #fff;
}

.sec2-list .times {
  font-size: 22px;
  color: #f9e655;
  font-weight: 500;
}

.sec2-list .status {
  font-size: 16px;
  color: #fff;
}

.sec2-list .team-logo {
  width: 56px;
  height: 56px;
  background: #eeeeee;
  margin-left: 113px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 50%;
  overflow: hidden;
}

.sec2-list .team-logo2 {
  margin-left: 470px;
}

.sec2-list .team-logo.on {
  height: 69px;
  background: url(//game.gtimg.cn/images/codm/web202103/sec2-onebg.png) no-repeat center top;
  border-radius: 0;
}

.sec2-list .team-logo img {
  width: 44px;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.sec2-list .team-logo.on img {
  top: 15px;
}

.sec2-list .team-name {
  font-size: 20px;
  color: #ffffff;
  line-height: 90px;
  margin-left: 170px;
  width: 92px;
  text-align: center;
}

.sec2-list .team-name2 {
  margin-left: 115px;
}

.sec2-list .team-score {
  margin-left: 262px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.sec2-list .score-num {
  width: 36px;
  height: 38px;
  line-height: 38px;
  text-align: center;
  color: #ffffff;
  font-size: 20px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  font-family: 'font';
}

.sec2-list .score-num.on {
  color: #f9e655;
  border: 1px solid #f9e655;
}

.sec2-list .symbol {
  font-size: 20px;
  line-height: 38px;
  color: #fff;
  margin: 0 14px;
}

.sec2-list .list-btn {
  width: 64px;
  height: 14px;
  background-position: -400px -300px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin-left: 585px;
}

.sec2-list .list-btn.on {
  width: 103px;
  height: 36px;
  background: url(//game.gtimg.cn/images/codm/web202103/replay.png) no-repeat center/cover;
  margin-left: 565px;
}

.sec2-list .list-btn.active {
  width: 103px;
  height: 36px;
  background-position: -400px -100px;
  margin-left: 565px;
}

/* rightlist */
.sec2-rlist {
  width: 570px;
  height: 1110px;
  background: url(//game.gtimg.cn/images/codm/web202103/sec2-rightbg.png) no-repeat center top;
  float: left;
}

.rlist-title {
  width: 570px;
  height: 40px;
  font-size: 0;
  margin-top: 10px;
}

.rlist-title span {
  font-size: 20px;
  color: #fff;
  line-height: 40px;
}

.rlist-title span:nth-of-type(1) {
  margin-left: 46px;
  margin-right: 87px;
}

.rlist-title span:nth-of-type(2) {
  margin-right: 82px;
}

.rlist-title span:nth-of-type(3) {
  margin-right: 42px;
}

.rlist-title span:nth-of-type(4) {
  margin-right: 42px;
}

.sec2-rlists {
  width: 565px;
  height: 457px;
  margin: 0 auto;
  overflow-y: auto;
}

#sec2 .sec2-rlists {
  height: 1040px;
  background: rgba(53, 54, 52, 0.9);
}

.scrollbar::-webkit-scrollbar {
  width: 3px;
  height: 3px;
  display: unset;
}

.scrollbar::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: #f2e054;
}

.scrollbar::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 2px;
}

.sec2-rlists .list-cont {
  width: 546px;
  height: 90px;
  margin: 0 auto;
  position: relative;
  border-bottom: 1px solid #888989;
}

.sec2-rlists .list-rank {
  font-size: 24px;
  color: #fff;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin-left: 46px;
}

.sec2-rlists .list-rank.one {
  width: 50px;
  height: 55px;
  background: url(//game.gtimg.cn/images/codm/web202103/sec2-one.png) no-repeat center top;
  margin-left: 26px;
  font-size: 0;
}

.sec2-rlists .list-rank.two {
  width: 50px;
  height: 55px;
  background: url(//game.gtimg.cn/images/codm/web202103/sec2-two.png) no-repeat center top;
  margin-left: 26px;
  font-size: 0;
}

.sec2-rlists .list-rank.three {
  width: 50px;
  height: 55px;
  background: url(//game.gtimg.cn/images/codm/web202103/sec2-three.png) no-repeat center top;
  margin-left: 26px;
  font-size: 0;
}

.sec2-rlists .team-logo {
  width: 56px;
  height: 57px;
  background-color: #eeeeee;
  position: absolute;
  margin-left: 122px;
}

.sec2-rlists .team-log img {
  width: 42px;
  height: 34px;
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin-left: 122px;
}

.sec2-rlists .c-name {
  font-size: 20px;
  color: #fff;
  line-height: 90px;
  margin-left: 192px;
}

.sec2-rlists .sessions {
  font-size: 20px;
  color: #f9e655;
  line-height: 90px;
  margin-left: 290px;
  position: absolute;
}

.sec2-rlists .sfju {
  font-size: 20px;
  color: #f9e655;
  line-height: 90px;
  margin-left: 390px;
  position: absolute;
}

.sec2-rlists .integral {
  font-size: 20px;
  color: #fff;
  line-height: 90px;
  margin-left: 496px;
  position: absolute;
}

.sec21 {
  width: 1400px;
  margin: 49px auto 0;
}

.sec21 .s21-ti {
  width: 495px;
  height: 105px;
  background: url(//game.gtimg.cn/images/codm/web202103/grpm.png) no-repeat center top;
  position: relative;
}

.sec21 .s21-ti::after {
  content: '';
  width: 1392px;
  height: 1px;
  display: block;
  position: absolute;
  left: 15px;
  top: 94px;
  background-color: #f2e054;
}

.sec21 .s21-cont {
  margin-top: 20px;
}

.sec21 .s21-item {
  width: 639px;
  height: 536px;
  background: url(//game.gtimg.cn/images/codm/web202103/grpm-bg.png) no-repeat center top;
  position: relative;
  float: left;
  margin-left: 30px;
  padding-top: 1px;
}

.sec21 .s21-item .name {
  text-align: center;
  height: 39px;
  font-size: 20px;
  color: #fff;
  font-family: 'font';
  font-weight: normal;
  margin-top: 6px;
  line-height: 39px;
}

.sec21 .kd-swi {
  width: 600px;
  margin: 8px auto 0;
}

.sec21 .kd-swi .swiper-slide {
  font-size: 18px;
  color: #fff;
  width: 65px;
}

.sec21 .kd-swi .kd-value {
  display: block;
  margin-top: 10px;
  text-align: center;
}

.sec21 .kd-swi .kd-bg {
  width: 25px;
  height: 337px;
  background: rgba(0, 0, 0, 0.5);
  position: relative;
  margin: 10px auto 0;
}

.sec21 .kd-swi .kd-bg .kd-value-p {
  display: block;
  width: 16px;
  height: 70%;
  background-color: #838485;
  position: absolute;
  top: auto;
  bottom: 3px;
  right: 0;
  left: 0;
  margin: auto;
}

.sec21 .kd-swi .s21-prev {
  width: 15px;
  height: 28px;
  background: url(//game.gtimg.cn/images/codm/web202103/left-btn.png) no-repeat center top;
  position: absolute;
  top: 200px;
  left: 1px;
  z-index: 99;
}

.sec21 .kd-swi .s21-next {
  width: 15px;
  height: 28px;
  background: url(//game.gtimg.cn/images/codm/web202103/right-btn.png) no-repeat center top;
  position: absolute;
  top: 200px;
  right: 1px;
  z-index: 99;
}

.sec21 .people-tx {
  width: 65px;
  position: relative;
  margin: 2px auto 0;
}

.sec21 .people-tx img {
  width: 64px;
  height: 64px;
  border-radius: 50%;
}

.sec21 .people-tx:after {
  display: block;
  content: '';
  width: 65px;
  height: 12px;
  background: url(//game.gtimg.cn/images/codm/web202103/pm-tx-icon.png) no-repeat center top;
  margin-top: -8px;
}

.sec21 .kd-swi .people-name {
  display: block;
  text-align: center;
  margin-top: 5px;
}

.sec22 {
  width: 1400px;
  margin: 70px auto 0;
  padding-top: 1px;
  position: relative;
}

.sec22 .s22-ti {
  width: 495px;
  height: 105px;
  background: url(//game.gtimg.cn/images/codm/web202103/ss-ti.png) no-repeat center top;
  position: relative;
}

.sec22 .s22-ti::after {
  content: '';
  width: 1392px;
  height: 1px;
  display: block;
  position: absolute;
  left: 15px;
  top: 94px;
  background-color: #f2e054;
}

.sec22 .s22-tab {
  margin-top: 20px;
  margin-left: 20px;
  position: relative;
}

.sec22 .s22-tab .tab2 {
  display: inline-block;
  width: 164px;
  height: 42px;
  background: url(//game.gtimg.cn/images/codm/web202103/ss-tab-kuang.png) no-repeat center top;
  box-sizing: border-box;
  margin-left: 15px;
  color: #fff;
  font-family: 'font';
  font-size: 20px;
  line-height: 42px;
  text-align: center;
}

.sec22 .s22-tab .tab2.on {
  color: #000;
  background: url(//game.gtimg.cn/images/codm/web202103/ss-tab-on.png) no-repeat center top;
}

.sec22 .s22-tab .s22-more {
  color: #fff;
  font-size: 20px;
  position: absolute;
  right: 32px;
  top: 6px;
  font-family: 'font';
}

.sec22 .s22-ul {
  padding-top: 1px;
  height: 497px;
}

.sec22 .s22-ul li {
  float: left;
  width: 240px;
  margin-top: 37px;
  margin-left: 33px;
  font-size: 18px;
  color: #fff;
}

.sec22 .s22-ul .s22-vd-img {
  width: 240px;
  height: 134px;
  overflow: hidden;
}

.sec22 .s22-ul .s22-vd-img img {
  width: 240px;
  height: 134px;
}

.sec22 .s22-ul .s22-vd-info {
  width: 240px;
  height: 77px;
  /* background: url(//game.gtimg.cn/images/codm/web202103/ss-ti-bg.png) no-repeat center top; */
  background: url(//game.gtimg.cn/images/codm/web202103/ss-ti-bg.png) no-repeat center bottom / cover;
  padding-top: 4px;
  padding-left: 5px;
}

.sec22 .s22-vd-info .s22-vd-ti {
  width: 100%;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  font-size: 16px;
}

.sec22 .s22-num-time {
  padding-right: 5px;
  margin-top: 3px;
}

.sec22 .s22-vd-view {
  font-size: 14px;
  display: none;
  width: 120px;
  float: left;
}

.sec22 .s22-vd-time {
  text-align: right;
  display: block;
  float: right;
  font-size: 14px;
}

.sec2 .sec2-llist .promotion {
  display: none;
}

.sec2 .sec2-llist.playoff {
  width: 1320px;
  background: none;
}

.sec2 .sec2-llist.playoff .list-title {
  background: url(//game.gtimg.cn/images/codm/web202103/playofftitle.png) no-repeat center top;
  width: 1320px;
  height: 47px;
  line-height: 50px;
}

.sec2 .sec2-llist.playoff .sec2-llists {
  width: 1320px;
  /* height: 186px; */
  height: 372px;
  background: rgba(53, 54, 52, 1);
  position: relative;
  z-index: 9;
}

.sec2 .sec2-llist.playoff .list-cont {
  width: 100%;
}

.sec2 .sec2-llist.playoff .team-score {
  margin-left: 590px;
}

.sec2 .sec2-llist.playoff .list-time {
  margin-left: 230px;
}

.sec2 .sec2-llist.playoff .team-logo {
  margin-left: 380px;
}

.sec2 .sec2-llist.playoff .team-name {
  margin-left: 470px;
}

.sec2 .sec2-llist.playoff .team-name2 {
  margin-left: 160px;
}

.sec2 .sec2-llist.playoff .team-logo2 {
  margin-left: 840px;
}

.sec2 .sec2-llist.playoff .list-btn.on {
  margin-left: 1000px;
}

.sec2 .sec2-llist.playoff .list-btn {
  margin-left: 1020px;
}

.sec2 .sec2-llist .playoffsw {
  display: none;
}

.sec2 .sec2-llist.playoff .playoffsw,
.sec7 .playoffsw,
.sec6 .playoffsw2 {
  display: block;
  background: url(//game.gtimg.cn/images/codm/web202103/playoffsw.png) no-repeat center top;
  width: 1318px;
  height: 42px;
  line-height: 40px;
  font-size: 20px;
  color: #fff;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  position: relative;
  z-index: 9;
}

.sec2 .sec2-llist.playoff .promotion {
  display: block;
  background: url(//game.gtimg.cn/images/codm/web202103/promotion.png) no-repeat center top;
  width: 1320px;
  height: 804px;
  position: relative;
  color: #fff;
  margin-top: 50px;
}

.sec2 .sec2-llist.playoff .promotion2 {
  background: url(//game.gtimg.cn/images/codm/web202103/promotion2.png) no-repeat center top;
  width: 1320px;
  height: 864px;
}

.sec2 .sec2-llist.playoff .promotion3 {
  background: url(//game.gtimg.cn/images/codm/web202103/promotion3.png) no-repeat center top;
  width: 1320px;
  height: 864px;
}
.sec2 .sec2-llist.playoff .promotion4 {
  background: url(//game.gtimg.cn/images/codm/web202103/promotion4.png) no-repeat center top;
  width: 1320px;
  height: 864px;
}

.promotion .promotiontitle {
  font-size: 20px;
  color: #fff;
  line-height: 46px;
  text-align: center;
  margin-bottom: 30px;
}
.promotion3 .promotiontitle{
  padding-top: 50px;
  box-sizing: border-box;
}
.promotion4 .promotiontitle{
  padding-top: 78px;
  box-sizing: border-box;
}

.promotion .groupvictory {
  width: 100%;
  height: 330px;
  position: relative;
}

.promotion2 .groupvictory {
  height: 340px;
}

.promotion .groupvictory .groupvictorytitle,
.promotion .groupfaill .groupfailltitle {
  width: 160px;
  height: 56px;
  font-size: 28px;
  text-align: center;
  line-height: 56px;
  position: absolute;
  left: 20px;
  top: 132px;
}

.promotion .groupvictory .groupbox,
.promotion .groupfaill .groupbox {
  position: absolute;
  left: 235px;
  top: 0;
}

.promotion2 .groupvictory .groupbox,
.promotion2 .groupfaill .groupbox {
  left: 200px;
}
.promotion3 .groupvictory .groupbox,
.promotion3 .groupfaill .groupbox {
  position: absolute;
  left: 215px;
  top: 0;
}
.promotion4 .groupvictory .groupbox,
.promotion4 .groupfaill .groupbox {
  position: absolute;
  left: 88px;
  top: 0;
}

.promotion .groupvictory .groupbox:nth-of-type(2) {
  left: 469px;
}

.promotion2 .groupvictory .groupbox:nth-of-type(2) {
  left: 441px;
}
.promotion3 .groupvictory .groupbox:nth-of-type(2) {
  left: 423px;
}
.promotion4 .groupvictory .groupbox:nth-of-type(2) {
  left: 453px;
  top: 46px;
}

.promotion .groupvictory .groupbox:nth-of-type(3) {
  left: 796px;
}

.promotion2 .groupvictory .groupbox:nth-of-type(3) {
  left: 779px;
}
.promotion3 .groupvictory .groupbox:nth-of-type(3) {
  left: 692px;
}

.promotion .groupvictory .groupbox:nth-of-type(3) .time {
  margin-top: 44px;
}

.promotion2 .groupvictory .groupbox:nth-of-type(3) .time {
  margin-bottom: 67px;
}
.promotion3 .groupvictory .groupbox:nth-of-type(3) .time {
  margin-bottom: 51px;
}

.promotion .groupvictory .groupbox:nth-of-type(3) .vs-team:nth-of-type(1) {
  margin-bottom: 144px;
}

.promotion2 .groupvictory .groupbox:nth-of-type(3) .vs-team:nth-of-type(1) {
  margin: 56px 0 65px;
}
.promotion3 .groupvictory .groupbox:nth-of-type(3) .vs-team:nth-of-type(1) {
  margin: 80px 0 48px;
}

.promotion .title {
  font-size: 24px;
  font-weight: normal;
  line-height: 1;
}

.promotion2 .title {
  padding-left: 4px;
  box-sizing: border-box;
}
.promotion3 .title{
  text-align: center;
}
.s3-zjs{
  position: absolute;
  right: 145px;
}

.promotion2 .groupfaill .title {
  margin-top: 20px;
}

.promotion .groupvictory .finals {
  left: 1138px;
  top: 175px;
  color: #f9e655;
}

.promotion2 .groupvictory .finals {
  left: 1126px;
  color: #fff;
}
.promotion3 .groupvictory .finals {
  left: 1043px;
  width: 183px;
  top: 180px;
  color: #fff;
}
.promotion4 .groupvictory .finals {
  left: 812px;
  width: 183px;
  top: 135px;
  color: #fff;
}
.promotion3 .groupvictory .finals .team-score1{
  left: 142px;
}

.promotion .time {
  font-size: 14px;
  line-height: 1;
  height:16px;
  margin-top: 3px;
}

.promotion2 .time {
  font-size: 16px;
  color: #ffe33c;
  margin-top: 0;
  margin-bottom: 12px;
  text-align: center;
}
.promotion3 .time{
  font-size: 16px;
  color: #ffe33c;
  margin-top: 0;
  margin-bottom: 14px;
  text-align: center;
}
.promotion4 .time{
  font-size: 16px;
  color: #ffe33c;
  margin-top: 0;
  margin-bottom: 17px;
  text-align: center;
}

.promotion .vs-team {
  color: #8c8c8c;
  width: 163px;
  height: 36px;
  position: relative;
}

.promotion2 .vs-team {
  width: 175px;
  color: #fff;
}

.promotion3 .vs-team{
  height: 38px;
}
.promotion4 .vs-team{
  width: 185px;
  height: 40px;
}


.promotion .vs-team:before {
  position: absolute;
}

/* .promotion .vs-team:before {
    content:  "";
    width: 6px;
    height: 2px;
    background: #000;
    left: 15px;
    top: 17px;
} */
.promotion .vs-team.playing {
  color: #fff;
}

.promotion .vs-team.playing:before {
  display: none;
}

.promotion .vs-team.faill:before {
  display: none;
}

.promotion .vs-team.victory {
  color: #fff;
}

.promotion .vs-team.victory:before {
  content: '';
  background: url(//game.gtimg.cn/images/codm/web202103/victory.png) no-repeat center top;
  width: 53px;
  height: 32px;
  right: -20px;
  top: -20px;
  left: auto;
}

.promotion2 .vs-team.victory:before {
  top: -29px;
}

.promotion3 .vs-team.victory:before{
  display: none;
}
.promotion4 .vs-team.victory:before{
  display: none;
}

.promotion .v-group1 {
  margin-bottom: 60px;
}

.promotion2 .v-group1 {
  margin-bottom: 73px;
}

.promotion3 .v-group1 {
  margin-top: 38px;
  margin-bottom: 31px;
}

.promotion .vs-team:nth-of-type(1) {
  margin-bottom: 36px;
}

.promotion2 .vs-team:nth-of-type(1) {
  margin: 20px 0 10px 0;
}
.promotion3 .vs-team:nth-of-type(1) {
  margin-bottom: 15px;
}
.promotion4 .vs-team:nth-of-type(1) {
  margin-bottom: 15px;
}
.promotion4 .groupfaill .groupbox:nth-of-type(2) .vs-team:nth-of-type(1){
  margin-bottom: 68px;
}
.promotion4 .groupvictory .groupbox:nth-of-type(2) .vs-team{
  margin-bottom: 63px;
}
.promotion4 .groupvictory .groupbox:nth-of-type(2) .time{
  margin-bottom: 70px;
}

.promotion2 .groupfaill .vs-team:nth-of-type(1) {
  margin-top: 0;
}

.promotion .team-score1 {
  display: inline-block;
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  position: absolute;
  left: 1px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  font-size: 20px;
  font-family: 'font';
  color: #000;
}
.promotion3 .team-score1{
  left: 122px;
}
.promotion4 .team-score1{
  left: 143px;
}

.promotion2 .vs-img {
  display: block;
  max-width: 40px;
  max-height: 80%;
  position: absolute;
  top: 50%;
  left: 50px;
  transform: translateY(-50%);
}
.promotion3 .vs-img {
  display: block;
  max-width: 40px;
  max-height: 80%;
  position: absolute;
  top: 50%;
  left: 8px;
  transform: translateY(-50%);
}
.promotion4 .vs-img {
  display: block;
  max-width: 40px;
  max-height: 80%;
  position: absolute;
  top: 50%;
  left: 8px;
  transform: translateY(-50%);
}

.promotion2 .team-score1 {
  left: 9px;
}

.promotion .team-img {
  width: 34px;
  height: auto;
  position: absolute;
  left: 1px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
}

.promotion .team-img[src=''] {
  opacity: 0;
}

.promotion .name {
  font-size: 18px;
  position: absolute;
  left: 63px;
  width: 82px;
  text-align: center;
  line-height: 36px;
}

.promotion2 .name {
  left: 88px;
}
.promotion3 .name {
  left: 38px;
}
.promotion4 .name {
  left: 38px;
}

.promotion2 .no-img.name {
  left: 66px;
}

.promotion2 .faill .name {
  color: #8c8c8c;
}

.promotion .groupfaill {
  margin-top: 47px;
  height: 304px;
  position: relative;
}

.promotion2 .groupfaill {
  height: 340px;
  margin-top: 62px;
}
.promotion3 .groupfaill {
  height: 340px;
  margin-top: 56px;
}
.promotion3 .groupfaill .v-group2{
  margin-bottom: 24px;
}
.promotion3 .groupfaill .groupbox:nth-child(1) .v-group2{
  margin-bottom: 20px;
}

.promotion .groupfaill .groupfailltitle {
  top: 102px;
}

.promotion .groupfaill .time {
  margin: 0;
}

.promotion2 .groupfaill .time {
  margin: 0 0 12px 0;
}
.promotion3 .groupfaill .time {
  margin: 0 0 13px 0;
}
.promotion4 .groupfaill .time {
  margin: 0 0 16px 0;
}
.promotion4 .groupfaill .groupbox:nth-of-type(2) .time{
  margin-bottom: 62px;
}

.promotion .groupfaill .groupbox:nth-of-type(2) {
  left: 469px;
}

.promotion2 .groupfaill .groupbox:nth-of-type(2) {
  left: 441px;
}
.promotion3 .groupfaill .groupbox:nth-of-type(2) {
  left: 423px;
}
.promotion4 .groupfaill .groupbox:nth-of-type(2) {
  left: 453px;
  top: 47px;
}

.promotion .groupfaill .groupbox:nth-of-type(3) {
  left: 683px;
}

.promotion2 .groupfaill .groupbox:nth-of-type(3) {
  left: 661px;
  top: 37px;
}
.promotion3 .groupfaill .groupbox:nth-of-type(3) {
  left: 631px;
  top: 37px;
}

.promotion .groupfaill .groupbox:nth-of-type(3) .time {
  margin-top: 34px;
}

.promotion2 .groupfaill .groupbox:nth-of-type(3) .time {
  margin: 0 0 69px 0;
}
.promotion3 .groupfaill .groupbox:nth-of-type(3) .time {
  margin: 0 0 48px 0;
}

.promotion .groupfaill .groupbox:nth-of-type(3) .title {
  margin-top: 36px;
}

.promotion .groupfaill .groupbox:nth-of-type(3) .vs-team:nth-of-type(1) {
  margin-bottom: 114px;
}

.promotion2 .groupfaill .groupbox:nth-of-type(3) .vs-team:nth-of-type(1) {
  margin-bottom: 62px;
}
.promotion3 .groupfaill .groupbox:nth-of-type(3) .vs-team:nth-of-type(1) {
  margin-bottom: 50px;
}

.promotion .groupfaill .groupbox:nth-of-type(4) {
  left: 916px;
}

.promotion2 .groupfaill .groupbox:nth-of-type(4) {
  left: 900px;
  top: 92px;
}
.promotion3 .groupfaill .groupbox:nth-of-type(4) {
  left: 839px;
  top: 79px;
}

.promotion .groupfaill .groupbox:nth-of-type(4) .time {
  margin-top: 74px;
}

.promotion2 .groupfaill .groupbox:nth-of-type(4) .time {
  margin-top: 0;
}
.promotion3 .groupfaill .groupbox:nth-of-type(4) .time {
  margin-top: 0;
}

.promotion .groupfaill .groupbox:nth-of-type(4) .vs-team:nth-of-type(1) {
  margin-bottom: 48px;
}

.promotion2 .groupfaill .groupbox:nth-of-type(4) .vs-team:nth-of-type(1) {
  margin-bottom: 10px;
}
.promotion3 .groupfaill .groupbox:nth-of-type(4) .vs-team:nth-of-type(1) {
  margin-bottom: 10px;
}

.promotion .groupfaill .groupbox:nth-of-type(4) .title {
  margin-top: 62px;
}

.promotion2 .groupfaill .groupbox:nth-of-type(4) .title {
  margin-top: 112px;
}
.promotion3 .groupfaill .groupbox:nth-of-type(4) .title {
  margin-top: 96px;
}

.promotion .groupfaill .v-group1 {
  margin-bottom: 25px;
}

.promotion2 .groupfaill .v-group1 {
  margin-bottom: 73px;
}
.promotion3 .groupfaill .v-group1 {
  margin-bottom: 31px;
}
.promotion4 .groupfaill .v-group1 {
  margin-bottom: 60px;
}

.promotion2 .groupfaill .groupbox:nth-child(3) .v-group1 {
  margin-bottom: 56px;
}
.promotion3 .groupfaill .groupbox:nth-child(2) .v-group1 {
  margin-bottom: 27px;
}
.promotion3 .groupfaill .groupbox:nth-child(3) .v-group1 {
  margin-bottom: 63px;
}

.promotion .groupfaill .finals {
  left: 1138px;
  top: 111px;
  color: #f9e655;
}

.promotion2 .groupfaill .finals {
  left: 1126px;
  top: 127px;
  color: #fff;
}
.promotion3 .groupfaill .finals {
  left: 1043px;
  width: 183px;
  top: 147px;
  color: #fff;
}
.promotion4 .groupfaill .finals {
  left: 812px;
  width: 183px;
  top: 147px;
  color: #fff;
}
.promotion3 .groupfaill .finals .team-score1{
  left: 142px;
}

.promotion3 .gj-team{
  width: 185px;
  height: 40px;
  position: absolute;
  top: 436px;
  right: 19px;
  display: flex;
  align-items: center;
}
.promotion3 .gj-txt{
  font-size: 20px;
  font-family: font;
  color: #f9e655;
  margin-left: 9px;
}
.promotion4 .gj-team{
  width: 185px;
  height: 40px;
  position: absolute;
  top: 434px;
  right: 89px;
  display: flex;
  align-items: center;
}
.promotion4 .gj-txt{
  font-size: 20px;
  font-family: font;
  color: #f9e655;
  margin-left: 9px;
}
.gj-team img{
  position: absolute;
  width: 32px;
  height: 32px;
  right: 2px;
  top: 50%;
  transform: translateY(-50%);
}
.promotion4 .gj-team img{
  position: relative;
  left: 9px;
  right: auto;
  top: 0;
  transform: translateY(0);
}
.stage1-sg{
  width: 1320px;
  margin: 20px auto 0;
}
.sg-box{
  width: 1320px;
  height: 858px;
  background: url(//game.gtimg.cn/images/codm/web202103/sg1-box.png) no-repeat center/cover;
  padding: 38px 10px 0;
  box-sizing: border-box;
  position: relative;
  margin-top: 10px;
}
.sg-tab{
  width: 1300px;
  height: 777px;
  background: url(//game.gtimg.cn/images/codm/web202103/sg-tab.png) no-repeat center/cover;
  padding-top: 40px;
  box-sizing: border-box;
}
.sg-ul{
  color: #fff;
  font-size: 20px;
  height: 92px;
  line-height: 92px;
  padding: 0 0 0 192px;
  box-sizing: border-box;
}
.sg-li{
  width: 290px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sg-li img{
  width: 55px;
  height: 55px;
  display: inline-block;
  margin-right: 20px;
}
.sg-li:nth-child(2){
  width: 305px;
}
.sg-li:nth-child(3){
  width: 345px;
}
.sg-tit{
  width: 1320px;
  height: 51px;
  background: url(//game.gtimg.cn/images/codm/web202103/sg-tit.png) no-repeat center/cover;
  font-size: 20px;
  color: #ffe33c;
  font-family: font;
  text-align: center;
  line-height: 71px;
}
.dw-time{
  font-size: 16px;
  color: #ffe33c;
  position: absolute;
  top: 442px;
  right: 360px;
}
.gj-name{
  font-size: 18px;
  color: #fff;
  width: 60px;
  text-align: center;
}
.promotion4 .gj-name{
  width: 100px;
  margin-left: 9px;
}
.promotion .last {
  font-size: 32px;
  color: #f9e655;
  width: 160px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  position: absolute;
  left: 1137px;
  top: 393px;
}

.promotion .last .time {
  position: absolute;
  left: 0;
  top: -28px;
  color: #fff;
}
.stagw1{
  width: 1320px;
  margin: 50px auto 0;
}
.stagw1-tit{
  width: 1320px;
  height: 47px;
  margin: 0 auto 0;
  background: url(//game.gtimg.cn/images/codm/web202103/s3-fzs.png) no-repeat center/cover;
}
.fz-box{
  width: 1320px;
  height: 527px;
  background: url(//game.gtimg.cn/images/codm/web202103/box-li.png) no-repeat center/cover;
  margin: 20px auto 0;
  padding: 40px 10px 0;
  box-sizing: border-box;
  position: relative;
}
.fz-a{
  width: 630px;
  height: 409px;
  background: url(//game.gtimg.cn/images/codm/web202103/a-gro.png) no-repeat center/cover;
  padding-top: 77px;
  box-sizing: border-box;
}
.fz-b{
  width: 630px;
  height: 409px;
  background: url(//game.gtimg.cn/images/codm/web202103/b-gro.png) no-repeat center/cover;
  padding-top: 77px;
  box-sizing: border-box;
}
.fz-list{
  color: #fff;
  font-size: 20px;
  height: 55px;
}
.fz-list .fz-li{
  height: 100%;
  text-align: center;
  line-height: 55px;
}
.fz-list .fz-li:nth-child(1){
  width: 97px;
}
.fz-list .fz-li:nth-child(2){
  width: 168px;
}
.fz-list .fz-li:nth-child(3){
  width: 114px;
}
.fz-list .fz-li:nth-child(4){
  width: 123px;
}
.fz-list .fz-li:nth-child(5){
  width: 127px;
}
.fz-desc{
  color: #a6a7a6;
  text-align: center;
  font-size: 20px;
  position: absolute;
  bottom: 36px;
  left: 50%;
  transform: translateX(-50%);
}
.sg-desc{
  bottom: 0;
}
.zdw-desc{
  bottom: 20px;
}
.zdw{
  width: 1320px;
  margin: 34px auto 0;
}
.zdw-tit{
  width: 1320px;
  height: 47px;
  background: url(//game.gtimg.cn/images/codm/web202103/zdw-tit.png) no-repeat center/cover;
  margin: 0 auto;
}
.zdw-box{
  width: 1320px;
  height: 791px;
  background: url(//game.gtimg.cn/images/codm/web202103/zdw-box.png) no-repeat center/cover;
  padding: 18px 10px 0;
  box-sizing: border-box;
  margin-top: 20px;
}
.zdw-tab{
  width: 1300px;
  height: 705px;
  background: url(//game.gtimg.cn/images/codm/web202103/zdw-tab.png) no-repeat center/cover;
  padding-top: 44px;
  box-sizing: border-box;
}
.zdw-ul{
  height: 55px;
}
.zdw-li{
  height: 55px;
  line-height: 55px;
  font-size: 20px;
  color: #fff;
  text-align: center;
}
.zdw-li:nth-child(1){
  width: 160px;
}
.zdw-li:nth-child(2){
  width: 262px;
}
.zdw-li:nth-child(3){
  width: 326px;
}
.zdw-li:nth-child(4){
  width: 332px;
}
.zdw-li:nth-child(5){
  width: 218px;
}

.sec7 {
  position: relative;
  font-family: jeel;
}

.sec7 .sec2-title {
  background: url(//game.gtimg.cn/images/codm/web202103/sec7-title2.png) no-repeat left bottom;
  margin-bottom: 20px;
}

.sec7 .listsbox {
  width: 1320px;
  margin-top: 34px;
}

.sec7 .sec7-cont {
  margin-top: 120px;
}

.sec7 .liststitles {
  display: flex;
  align-items: center;
  background: url(//game.gtimg.cn/images/codm/web202103/0609.png) no-repeat center top;
  width: 1320px;
  height: 65px;
  font-size: 0;
}

.sec7 .liststitles .team-wrap {
  width: calc(1320px / 17 * 14);
  height: 100%;
  display: flex;
  align-items: center;
}
.sec7 .liststitles .w12 {
  width: calc(1320px / 17 * 12);
}

.sec7 .liststitles .liststitle {
  display: inline-block;
  width: calc(1320px / 17);
  box-sizing: border-box;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 16px;
  color: #fff;
  border-left: 1px solid #acacac;
}

.sec7 .liststitles .liststitle:first-child {
  border-left: none;
}

.sec7 .liststitles img {
  display: inline-block;
  width: 40%;
  /* height: 31px; */
  vertical-align: middle;
}

.sec7 .listsbox .lists {
  background: rgba(53, 54, 52, 1);
  width: 1320px;
  font-size: 0;
  border-bottom: solid 1px #60605f;
  display: flex;
}

.sec7 .listsbox .showbox {
  height: 72px;
  overflow: hidden;
}

.sec7 .listsbox .lists .list {
  width: calc(1320px / 17);
  text-align: center;
  line-height: 68px;
  font-size: 16px;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.sec7 .listsbox .lists .img-wrap {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #e8e8e8;
  display: flex;
  justify-content: center;
  align-items: center;
}

.sec7 .listsbox .lists img {
  width: 80%;
}

.sec7 .listsbox .lists .list.yellow {
  color: #f9e655;
}

.sec7 .listsbox .lists .list.grey {
  color: #8e8e8e;
}

.sec3 {
  height: 1330px;
  width: 1400px;
  margin: 10px auto 0;
  position: relative;
}

.sec3 .top-l {
  width: 27px;
  height: 42px;
  background: url(//game.gtimg.cn/images/codm/web202103/top-l.png) no-repeat center top;
  position: absolute;
  top: 93px;
  left: -11px;
}

.sec3 .top-r {
  width: 32px;
  height: 42px;
  background: url(//game.gtimg.cn/images/codm/web202103/top-r.png) no-repeat center top;
  position: absolute;
  top: 93px;
  right: 7px;
}

.sec3 .bot-l {
  width: 27px;
  height: 09px;
  background: url(//game.gtimg.cn/images/codm/web202103/bot-l.png) no-repeat center top;
  position: absolute;
  bottom: 10px;
  left: 0;
}

.sec3 .bot-r {
  width: 30px;
  height: 8px;
  background: url(//game.gtimg.cn/images/codm/web202103/bot-r.png) no-repeat center top;
  position: absolute;
  bottom: 10px;
  right: 0;
}

.sec3 .s3-ti {
  width: 274px;
  height: 59px;
  background: url(//game.gtimg.cn/images/codm/web202103/csjlb-ti.png) no-repeat center top;
  position: relative;
  margin-top: 60px;
}

.sec3 .s3-ti::after {
  content: '';
  width: 1405px;
  height: 45px;
  display: block;
  background: url(//game.gtimg.cn/images/codm/web202103/title-after.png) no-repeat center top;
  position: absolute;
  left: -13px;
  top: 36px;
}

.sec3 .s3-ul {
  margin: 46px auto 0;
}

.sec3 .s3-ul li {
  width: 125px;
  margin-left: 62px;
  display: inline-block;
  margin-top: 43px;
  position: relative;
  cursor: pointer;
}

.sec3 .s3-ul li * {
  position: relative;
  z-index: 2;
}

.sec3 .s3-ul .s3-bd {
  width: 124px;
  height: 125px;
  border-radius: 50%;
  background-color: #fff;
  position: relative;
}

.sec3 .s3-ul li.on:after {
  background: url(//game.gtimg.cn/images/codm/web202103/chooseon.png) no-repeat center top;
  width: 140px;
  height: 196px;
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}

.sec3 .s3-ul li.on .s3-bd {
  /* background-color: #f9e655; */
}

.sec3 .s3-ul .s3-zdtx {
  max-width: 124px;
  max-height: 125px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}

.sec3 .s3-ul .s3-zdm {
  font-size: 20px;
  color: #eee;
  text-align: center;
  display: block;
  margin-top: 10px;
}

.sec3 .s3-ul li.on .s3-zdm {
  display: inline-block;
  background: url(//game.gtimg.cn/images/codm/web202103/choose-yellow.png) no-repeat center top;
  width: 134px;
  height: 28px;
  margin: 10px 0 0 -4px;
  color: #252525;
}

.sec3 .heng {
  width: 1315px;
  height: 4px;
  background-color: #f4e154;
  display: block;
  margin: 66px auto 0;
}

.sec3 .s3-xxheng {
  width: 189px;
  height: 8px;
  background: url(//game.gtimg.cn/images/codm/web202103/sec3-btitle-line.png) no-repeat center top;
  display: block;
  margin-top: 10px;
  margin-left: 50px;
}

.sec3 .zdjs {
  margin-top: 30px;
  padding-top: 1px;
  padding-left: 55px;
}

.sec3 .zdjs .s3-big-bd {
  float: left;
  width: 166px;
  height: 166px;
  background-color: #fff;
  border-radius: 50%;
  position: relative;
}

.sec3 .zdjs .zdtx {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  transform: scale(1.2);
}

.sec3 .zdjs .zd-desc {
  margin-left: 30px;
  float: left;
  width: 1055px;
}

.sec3 .zdjs .zd-desc .zdm {
  font-size: 34px;
  color: #f2e054;
  position: relative;
  margin-bottom: 20px;
}

.sec3 .zdjs .zd-desc .zdm:before {
  content: '';
  display: inline-block;
  width: 7px;
  height: 28px;
  background-color: #f2e054;
  margin-right: 20px;
}

.sec3 .zdjs .zd-desc .zdm:after {
  content: '';
  display: inline-block;
  width: 100%;
  height: 1px;
  background-color: #777;
  position: absolute;
  bottom: -1px;
  left: 0;
}

.sec3 .zdjs .zd-desc .zd-info {
  font-size: 18px;
  color: #ccc;
  height: 140px;
}

.sec3 .zd-people {
  position: relative;
}

.sec3 .zd-people .cy {
  width: 1320px;
  height: 42px;
  background: url(//game.gtimg.cn/images/codm/web202103/s3-ti.png) no-repeat center top;
  margin: 40px auto 0;
}

.sec3 .s3-swi {
  width: 1200px;
  margin: 46px auto 0;
}

.sec3 .s3-swi img {
  width: 200px;
  height: 233px;
  display: block;
  margin: 11px auto 0;
}

.sec3 .s3-swi .swiper-slide {
  width: 214px;
  height: 300px;
  position: relative;
  background: url(//game.gtimg.cn/images/codm/web202103/sec3-personbg.png) no-repeat center top;
  /* margin-left: 3px; */
}

.sec3 .s3-swi .swiper-slide:first-of-type {
  margin-left: 0px;
}

.sec3 .s3-swi .cy-name {
  font-size: 24px;
  color: #eee;
  display: block;
  text-align: center;
  margin-top: 9px;
}

.sec3 .swiper-button-prev {
  width: 43px;
  height: 57px;
  background: url(//game.gtimg.cn/images/codm/web202103/sec3-goprev.png) no-repeat center top;
  position: absolute;
  top: 232px;
  left: 38px;
  opacity: 1;
}

.sec3 .swiper-button-next {
  width: 43px;
  height: 57px;
  background: url(//game.gtimg.cn/images/codm/web202103/sec3-gonext.png) no-repeat center top;
  position: absolute;
  top: 232px;
  right: 38px;
  opacity: 1;
}

.sec4 {
  width: 1400px;
  position: relative;
  padding-top: 1px;
  margin: 12px auto 0;
}

.sec4 .s4-ti {
  width: 274px;
  height: 59px;
  background: url(//game.gtimg.cn/images/codm/web202103/gfjs-ti.png) no-repeat center top;
  position: relative;
}

.sec4 .s4-ti::after {
  content: '';
  width: 1405px;
  height: 45px;
  display: block;
  background: url(//game.gtimg.cn/images/codm/web202103/title-after.png) no-repeat center top;
  position: absolute;
  left: -13px;
  top: 36px;
}

.sec4 .s4-ul {
  margin-top: 75px;
  padding-top: 1px;
}

.sec4 .s4-ul li {
  width: 155px;
  margin-left: 42px;
  float: left;
  margin-top: 20px;
}

.sec4 .s4-ul .js-bg {
  width: 156px;
  height: 155px;
  position: relative;
  background: url(//game.gtimg.cn/images/codm/web202103/sec4-jsr.png) no-repeat center top;
}

.sec4 .s4-ul .js-bg img {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  width: 151px;
  height: 151px;
  border-radius: 50%;
}

.sec4 .js-bg:before {
  width: 151px;
  height: 151px;
  background-color: #fff;
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  border-radius: 50%;
}

.sec4 .s4-ul .js-name {
  display: block;
  width: 156px;
  height: 34px;
  text-align: center;
  line-height: 34px;
  font-size: 20px;
  color: #eee;
  margin-top: 7px;
  background: url(//game.gtimg.cn/images/codm/web202103/sec4-jsrbg.png) no-repeat center top;
}

.sec5 {
  position: relative;
  width: 1400px;
  margin: 93px auto 0;
  overflow: hidden;
}

.sec5 .s5-zs {
  width: 1779px;
  height: 457px;
  display: block;
  position: absolute;
  bottom: -205px;
  left: 50%;
  transform: translateX(-50%);
  /* background: url(//game.gtimg.cn/images/codm/web202103/db-zhuangshi.png) no-repeat center top; */
}

.sec5 .s5-ti {
  width: 274px;
  height: 59px;
  background: url(//game.gtimg.cn/images/codm/web202103/hzhb-ti.png) no-repeat center top;
  position: relative;
}

.sec5 .s5-ti::after {
  content: '';
  width: 1405px;
  height: 45px;
  display: block;
  background: url(//game.gtimg.cn/images/codm/web202103/title-after.png) no-repeat center top;
  position: absolute;
  left: -13px;
  top: 36px;
}

.sec5 .logo-tit1 {
  background: url(//game.gtimg.cn/images/codm/web202103/logo-tit1.png) no-repeat center/cover;
  width: 1320px;
  height: 45px;
  margin-left: 27px;
  margin-top: 60px;
}

.sec5 .logo-tit2 {
  background: url(//game.gtimg.cn/images/codm/web202103/logo-tit2.png) no-repeat center/cover;
  width: 1320px;
  height: 45px;
  margin-left: 27px;
  margin-top: 50px;
}

.sec5 .logo-tit3 {
  background: url(//game.gtimg.cn/images/codm/web202103/logo-tit3.png) no-repeat center/cover;
  width: 1320px;
  height: 45px;
  margin-left: 27px;
  margin-top: 50px;
}

.sec5 .logo-tit4 {
  background: url(//game.gtimg.cn/images/codm/web202103/logo-tit4.png) no-repeat center/cover;
  width: 1320px;
  height: 45px;
  margin-left: 27px;
  margin-top: 50px;
}

.sec5 .logo-tit5 {
  background: url(//game.gtimg.cn/images/codm/web202103/logo-tit5.png) no-repeat center/cover;
  width: 1320px;
  height: 72px;
  margin-left: 27px;
  margin-top: 50px;
}

.sec5 .logo-tit6 {
  background: url(//game.gtimg.cn/images/codm/web202103/logo-tit6.png) no-repeat center/cover;
  width: 1320px;
  height: 45px;
  margin-left: 27px;
  margin-top: 50px;
}

.sec5 .s5-ul {
  padding-top: 1px;
  margin-top: 25px;
}

.sec5 .s5-ul li {
  width: 206px;
  height: 62px;
  margin-left: 17px;
  float: left;
  position: relative;
}

.sec5 .s5-ul li:first-of-type {
  margin-left: 27px;
}

.sec5 .s5-ul li img {
  margin: auto;
}

.sec6 .sec2-title {
  background: url(//game.gtimg.cn/images/codm/web202103/data-tit.png) no-repeat left bottom;
}

.sec6 .sec2-llist,
.sec6 .sec2-rlist {
  margin-top: 85px;
  background: url(//game.gtimg.cn/images/codm/web202103/kdbg.png) no-repeat center top;
  width: 637px;
  height: 512px;
  position: relative;
}

.sec6 .sec2-rlists {
  width: 100%;
}

.sec6 .list-cont {
  width: 595px;
}

.sec6 .sec2-rlists .list-rank.one,
.sec6 .sec2-rlists .list-rank.two,
.sec6 .sec2-rlists .list-rank.three {
  margin-left: 24px;
}

.gun .sec2-rlists .list-cont {
  display: flex;
  align-items: center;
}

.gun .rlist-title .gun-name {
  width: 428px !important;
}

.gun .sec2-rlists p {
  font-size: 20px;
  color: #fff;
  text-align: center;
}

.gun .sec2-rlists .gun-name {
  width: 520px;
  margin-left: 74px;
}

.sec6 .sec2-rlists .list-rank {
  margin-left: 38px;
}

.sec6 .sec6title {
  position: absolute;
  left: 0;
  top: -57px;
  background: url(//game.gtimg.cn/images/codm/web202103/kdtitle.png) no-repeat center top;
  width: 639px;
  height: 37px;
  font-size: 28px;
  color: #f9e655;
  font-family: 'font';
  font-weight: normal;
  box-sizing: border-box;
  padding-left: 20px;
}

.sec6 .rlist-title {
  width: 100%;
}

.sec6 .rlist-title span {
  margin: 0;
  display: inline-block;
  width: 22%;
  text-align: center;
}

.sec6 .rlist-title span:nth-of-type(2) {
  width: 32%;
}

.sec6 .team-logo.xs-logo {
  margin-left: 160px;
}

.sec6 .c-name {
  margin-left: 230px;
}

.sec6 .team-logo {
  margin-left: 365px;
}

.sec6 .integral {
  width: 12%;
  height: 100%;
  text-align: center;
}

.cbl {
  width: 236px;
  height: 0;
  background: url(//game.gtimg.cn/images/codm/web202103/sidebar-bg.png) no-repeat center top;
  position: absolute;
  top: -62px;
  right: -84px;
  z-index: 99;
  overflow: hidden;
  transition: all 500ms;
}

.switchcbl:hover .cbl {
  height: 595px;
}

.switchcbl {
  background: url(//game.gtimg.cn/images/codm/web202103/cbllt.png) no-repeat 0 0;
  width: 78px;
  height: 90px;
  top: 160px;
  right: 100px;
  position: fixed;
  cursor: pointer;
  font-size: 0;
  color: transparent;
  display: block;
  z-index: 13;
}

.switchcbl.on {
  display: none;
  top: 680px;
  right: 78px;
  width: 100px;
  height: 25px;
  background: #252525;
  box-sizing: border-box;
  padding: 5px 10px;
  z-index: 99;
  transition: all 500ms;
  text-decoration: underline;
  font-size: 20px;
  color: #eee;
}

.cbl a {
  display: block;
  width: 184px;
  height: 42px;
  background: url(//game.gtimg.cn/images/codm/web202103/sidebar-iconbg.png) no-repeat center top;
  text-align: center;
  line-height: 42px;
  color: #eee;
  font-size: 20px;
  position: relative;
  margin: 26px auto 0;
}

.cbl a:before {
  display: block;
  content: '';
  width: 184px;
  height: 1px;
  background: url(//game.gtimg.cn/images/codm/web202103/sidebar-iconline.png) no-repeat center top;
  position: relative;
  top: -5px;
}

.cbl .zzzb {
  margin-top: 178px;
}

.cbl a.on {
  background: url(//game.gtimg.cn/images/codm/web202103/sidebar-iconbgon.png) no-repeat center top;
  color: #111;
}

#afooter {
  background-color: #000;
  font-size: 20px;
  color: #ccc;
  padding: 40px 0;
  text-align: center;
}

#afooter a {
  color: #ccc;
}

.wrap-news {
  height: 1843px;
  background: url(//game.gtimg.cn/images/codm/web202103/dt-bg.jpg) no-repeat center top;
}

.top-header {
  height: 93px;
  background-color: #1e1e1e;
}

.top-header .top-main {
  width: 1180px;
  margin: 0 auto;
  overflow: hidden;
  height: 93px;
}

.top-header .logo {
  width: 61px;
  height: 61px;
  float: left;
  margin-top: 16px;
}

.top-header .cod {
  width: 182px;
  height: 54px;
  float: left;
  background: url(//game.gtimg.cn/images/codm/web202103/cod.png) no-repeat center top;
  margin-left: 10px;
  margin-top: 22px;
}

.top-header .tab-list {
  margin-left: 40px;
  float: left;
  font-size: 0;
}

.top-header .tab-list a {
  width: 130px;
  height: 93px;
  font-size: 18px;
  color: #fff;
  line-height: 93px;
  display: inline-block;
  position: relative;
  text-align: center;
  margin: 0;
}

.top-header .tab-list a:hover {
  background-color: #feee0d;
  color: #000;
}

.top-header .tab-list a:hover:after {
  width: 100%;
  height: 3px;
  background-color: #fff;
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
}

.top-header .tab-list a.on {
  background-color: #feee0d;
  color: #000;
}

.top-header .tab-list a.on:after {
  width: 100%;
  height: 3px;
  background-color: #fff;
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
}

.wrap-news .kv {
  height: 500px;
  background: url(//game.gtimg.cn/images/codm/web202103/news-kv.jpg) no-repeat center 0;
}

.wrap-news .dh-tab {
  width: 1415px;
  height: 86px;
  background: url(//game.gtimg.cn/images/codm/web202103/detail-ti-bg.png) no-repeat center top;
  margin: 70px auto 0;
  padding-top: 23px;
  padding-left: 31px;
}

.wrap-news .dh-tab .item {
  font-size: 30px;
  color: #fff;
}

.wrap-news .dh-tab .item.title {
  display: inline-block;
  width: 520px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  position: relative;
  top: 7px;
}

.wrap-news .dh-tab .sssy:after {
  content: '';
  display: inline-block;
  width: 14px;
  height: 24px;
  background: url(//game.gtimg.cn/images/codm/web202103/news-jiantou.png) no-repeat center top;
  position: relative;
  top: 1px;
  left: 5px;
}

.wrap-news .dh-tab .xwzx:after {
  content: '';
  display: inline-block;
  width: 14px;
  height: 24px;
  background: url(//game.gtimg.cn/images/codm/web202103/news-jiantou.png) no-repeat center top;
  position: relative;
  top: 1px;
  left: 5px;
}

.wrap-news .wz-main {
  width: 1270px;
  height: 1068px;

  padding-top: 1px;
  margin: 20px auto 0;
  position: relative;
}

.wrap-news .wz-main .arti {
  width: 793px;
  height: 1068px;
  background: url(//game.gtimg.cn/images/codm/web202103/dt-wz-bg.png) no-repeat center top;
  float: left;
  margin-left: 30px;
}

.wrap-news .wz-main .arti .article {
  width: 793px;
  height: 1030px;
  padding-top: 1px;
  margin-top: 20px;
  overflow-y: auto;
  overflow-x: hidden;
}

.wrap-news .arti .ti {
  font-size: 30px;
  color: #fff;
  text-align: center;
  margin-top: 12px;
  font-weight: normal;
  position: relative;
}

.wrap-news .art-info {
  margin-top: 30px;
  font-size: 16px;
  color: #eee;
  margin-left: 27px;
  position: relative;
}

.wrap-news .art-info:before {
  width: 762px;
  height: 2px;
  background: url(//game.gtimg.cn/images/codm/web202103/dt-ti-heng.png) no-repeat center top;
  content: '';
  display: block;
  position: absolute;
  bottom: -10px;
  left: 0;
}

.wrap-news .art-info .author {
  display: inline-block;
  width: 150px;
  position: relative;
}

.wrap-news .art-info .author:after {
  content: '';
  display: block;
  height: 20px;
  width: 1px;
  background-color: #666;
  position: absolute;
  right: 0;
  top: 1px;
}

.wrap-news .art-info .time {
  margin-left: 20px;
}

.wrap-news .art-info .view {
  float: right;
  margin-right: 20px;
}

.wrap-news .art-content {
  margin-top: 30px;
  color: #b3b3b3;
  padding: 0 27px;
  font-size: 18px;
}

.wrap-news .art-content p {
  line-height: 1.5;
}

.wrap-news .art-content a {
  color: #b3b3b3;
}

.wrap-news .art-content img {
  max-width: 790px;
  height: auto;
  margin: 10px auto;
}

.wrap-news .right-side {
  position: absolute;
  top: 100px;
  left: -44px;
}

.wrap-news .right-side .cod-icon {
  width: 56px;
  height: 51px;
  display: block;
  background: url(//game.gtimg.cn/images/codm/web202103/dt-icon.png) no-repeat center top;
}

.wrap-news .right-side .qq {
  width: 56px;
  height: 63px;
  display: block;
  background: url(//game.gtimg.cn/images/codm/web202103/dt-qq.png) no-repeat center top;
  margin-top: 10px;
}

.wrap-news .right-side .wx {
  width: 56px;
  height: 63px;
  display: block;
  background: url(//game.gtimg.cn/images/codm/web202103/dt-wx.png) no-repeat center top;
  margin-top: 10px;
}

.wrap-news .right-side .wb {
  width: 56px;
  height: 63px;
  display: block;
  background: url(//game.gtimg.cn/images/codm/web202103/dt-wb.png) no-repeat center top;
  margin-top: 10px;
}

.wrap-news .tj-list {
  width: 427px;
  height: 437px;
  background: url(//game.gtimg.cn/images/codm/web202103/dt-tj-bg.png) no-repeat center top;
  position: absolute;
  top: 9px;
  right: -16px;
  padding-top: 1px;
}

.wrap-news .tj-list .ti {
  font-size: 22px;
  color: #fff;
  font-family: 'font';
  margin-left: 15px;
  margin-top: 8px;
}

.wrap-news .tj-list .tj-ul {
  width: 410px;
  margin: 20px auto 0;
  font-size: 20px;
}

.wrap-news .tj-list li {
  height: 120px;
  padding-top: 14px;
  position: relative;
  box-sizing: border-box;
}

.wrap-news .tj-list li:after {
  content: '';
  display: block;
  width: 411px;
  height: 2px;
  background: url(//game.gtimg.cn/images/codm/web202103/dt-tj-heng.png) no-repeat center top;
  position: absolute;
  bottom: 0;
  left: 0;
}

.wrap-news .tj-list li a {
  display: block;
}

.wrap-news .tj-list li img {
  width: 161px;
  height: 91px;
  float: left;
}

.wrap-news .tj-list li .title {
  float: left;
  color: #fff;
  margin-left: 15px;
  width: 230px;
}

.videoDialog {
  width: 920px;
  height: 530px;
  background: url(//game.gtimg.cn/images/codm/web202103/video-dia-bg.png) no-repeat center top;
  position: relative;
}

.videoDialog .closeDia {
  display: block;
  width: 49px;
  height: 49px;
  background: url(//game.gtimg.cn/images/codm/web202103/dia-close.png) no-repeat center top;
  position: absolute;
  top: -50px;
  right: 43px;
}

.videoDialog .videoCon {
  width: 798px;
  height: 448px;
  position: absolute;
  top: 34px;
  left: 28px;
}

.wrap-vd {
  height: 1843px;
  background: url(//game.gtimg.cn/images/codm/web202103/dt-bg.jpg) no-repeat center top;
}

.wrap-vd .kv {
  height: 500px;
  background: url(//game.gtimg.cn/images/codm/web202103/news-kv.jpg) no-repeat center 0;
}

.wrap-vd .dh-tab {
  width: 1415px;
  height: 86px;
  background: url(//game.gtimg.cn/images/codm/web202103/detail-ti-bg.png) no-repeat center top;
  margin: 70px auto 0;
  padding-top: 23px;
  padding-left: 31px;
}

.wrap-vd .dh-tab .item {
  font-size: 30px;
  color: #fff;
}

.wrap-vd .dh-tab .item.title {
  display: inline-block;
  width: 520px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  position: relative;
  top: 7px;
}

.wrap-vd .dh-tab .sssy:after {
  content: '';
  display: inline-block;
  width: 14px;
  height: 24px;
  background: url(//game.gtimg.cn/images/codm/web202103/news-jiantou.png) no-repeat center top;
  position: relative;
  top: 1px;
  left: 5px;
}

.wrap-vd .dh-tab .xwzx:after {
  content: '';
  display: inline-block;
  width: 14px;
  height: 24px;
  background: url(//game.gtimg.cn/images/codm/web202103/news-jiantou.png) no-repeat center top;
  position: relative;
  top: 1px;
  left: 5px;
}

.wrap-vd .tab-btn {
  width: 1415px;
  margin: 20px auto 0;
}

.wrap-vd .tab-btn a {
  display: inline-block;
  width: 164px;
  height: 42px;
  background: url(//game.gtimg.cn/images/codm/web202103/ss-tab-kuang.png) no-repeat center top;
  box-sizing: border-box;
  margin-left: 15px;
  color: #fff;
  font-family: 'font';
  font-size: 20px;
  line-height: 42px;
  text-align: center;
}

.wrap-vd .tab-btn a.on {
  color: #000;
  background: url(//game.gtimg.cn/images/codm/web202103/ss-tab-on.png) no-repeat center top;
}

.wrap-vd .vd-ul {
  padding-top: 1px;
  width: 1415px;
  margin: 0 auto 0;
  height: 995px;
  overflow-y: auto;
}

.wrap-vd .vd-ul li {
  float: left;
  width: 240px;
  margin-top: 37px;
  margin-left: 33px;
  font-size: 18px;
  color: #fff;
}

.wrap-vd .vd-ul .s22-vd-img {
  width: 240px;
  height: 134px;
  overflow: hidden;
}

.wrap-vd .vd-ul .s22-vd-img img {
  width: 240px;
  height: 134px;
}

.wrap-vd .vd-ul .s22-vd-info {
  width: 240px;
  height: 77px;
  background: url(//game.gtimg.cn/images/codm/web202103/ss-ti-bg.png) no-repeat center bottom / cover;
  padding-top: 4px;
  padding-left: 5px;
}

.wrap-vd .s22-vd-info .s22-vd-ti {
  width: 100%;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  font-size: 16px;
}

.wrap-vd .s22-num-time {
  padding-right: 5px;
  margin-top: 3px;
}

.wrap-vd .s22-vd-view {
  font-size: 14px;
  display: none;
  width: 120px;
  float: left;
}

.wrap-vd .s22-vd-time {
  text-align: right;
  display: block;
  float: right;
  font-size: 14px;
}

#pager {
  text-align: center;
  margin-top: 20px;
}

#pager a,
#pager span {
  display: none;
}

#pager .laypage_prev {
  display: inline-block;
  font-size: 20px;
  color: #fff;
  padding: 5px 20px;
  background-color: #555;
  height: auto;
}

#pager .laypage_next {
  display: inline-block;
  font-size: 20px;
  color: #fff;
  padding: 5px 20px;
  background-color: #555;
  margin-left: 20px;
  height: auto;
}

.showall {
  height:  1116px !important;
  overflow-y: auto !important;
  /* transition: height 30000ms linear; */
}

.swiper-box {
  width: 496px;
  height: 245px;
  padding-right: 36px;
  box-sizing: border-box;
  padding-left: 35px;
  margin-top: 67px;
  overflow-y: scroll;
}

.swiper-box::-webkit-scrollbar {
  width: 10px;
  background-color: #f9e655;
}

.v4-swiper {
  float: left;
  position: relative;
  width: 443px;
  height: 245px;
  box-sizing: border-box;
  border: 1px solid #7f8081;
  margin: 0;
}

.v4-wrapper {
  width: 100%;
  height: 100%;
}

.v4-swiper .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

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

.swiper-pagination-bullet {
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background-color: #fff;
  opacity: 1;
}

.swiper-pagination-bullet-active {
  width: 13px;
  height: 13px;
  background-color: #f9e655;
  border-radius: 50%;
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin-right: 15px;
}

.integral{
  height: 200px;
  line-height: 200px;
  text-align: center;
  font-size: 24px;
  color: #fff;
  background-color: #333;
}