.browserNav[data-v-287091ca] {
  height: 78px;
  width: 100vw;
  background: #212130;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999;
  min-width: 1280px;
  display: none;
}
.browserNav .browser[data-v-287091ca] {
  height: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.browserNav .browser .gamelobby[data-v-287091ca] {
  width: 460px;
  padding-left: 184px;
  height: 38px;
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.browserNav .browser .gamelobby[data-v-287091ca]::before {
  content: '';
  position: absolute;
  height: 38px;
  width: 184px;
  top: 0;
  left: 0;
  background: url('https://p1.ssl.qhimg.com/t01ae090bd9e24b96cb.png') center center no-repeat;
  background-size: 100% 100%;
  z-index: 5;
}
.browserNav .browser .gamelobby .btn[data-v-287091ca] {
  display: inline-block;
  height: 26px;
  line-height: 26px;
  margin-left: 40px;
  font-size: 16px;
  color: #ffffff;
}
.browserNav .browser .gamelobby .btn.active[data-v-287091ca] {
  color: #ff6f1c;
  position: relative;
}
.browserNav .browser .gamelobby .btn.active[data-v-287091ca]::after {
  content: '';
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
  height: 4px;
  width: 24px;
  border-radius: 2px;
  background: #ff6f1c;
}
.browserNav .browser .rightpart[data-v-287091ca] {
  height: 38px;
  width: auto;
}
.browserNav .browser .rightpart .tagA[data-v-287091ca] {
  height: 38px;
  line-height: 38px;
  display: inline-block;
  text-decoration: none;
  margin-right: 20px;
  font-size: 14px;
  text-align: center;
}
.browserNav .browser .rightpart .tagA[data-v-287091ca]:last-of-type {
  margin-right: 0;
}
.browserNav .browser .rightpart .client[data-v-287091ca] {
  width: 102px;
  background: url('https://p3.ssl.qhimg.com/t01492cb73e7e930aa2.png') center center no-repeat;
  background-size: 100% 100%;
  color: rgba(255, 255, 255, 0.9);
  text-shadow: 0px 1px 1px rgba(70, 17, 0, 0.7);
}
.browserNav .browser .rightpart .client[data-v-287091ca]:hover {
  background-image: url('https://p3.ssl.qhimg.com/t019366aee0831edc4e.png');
}
.browserNav .browser .rightpart .beta[data-v-287091ca] {
  width: 98px;
  height: 34px;
  line-height: 34px;
  background: #565770;
  border: 2px solid #7d7d96;
  border-radius: 19px;
  color: rgba(255, 255, 255, 0.9);
}
.browserNav .browser .rightpart .beta[data-v-287091ca]:hover {
  background-color: #6e6f8a;
  border-color: #9b9bb0;
}
.browserNav .browser .rightpart .bbs[data-v-287091ca],
.browserNav .browser .rightpart .update[data-v-287091ca],
.browserNav .browser .rightpart .help[data-v-287091ca] {
  width: auto;
  color: #b4b4c3;
}
.browserNav .browser .rightpart .bbs[data-v-287091ca]:hover,
.browserNav .browser .rightpart .update[data-v-287091ca]:hover,
.browserNav .browser .rightpart .help[data-v-287091ca]:hover {
  color: #ffffff;
}
.inDT[data-v-287091ca] {
  display: none;
}
.notInDT[data-v-287091ca] {
  display: block;
}

.topnav[data-v-4c3fd54e] {
  width: 100%;
  height: 50px;
  background: #212130;
  padding-left: 178px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
}
.topnav .topnavul[data-v-4c3fd54e] {
  list-style-type: none;
  display: flex;
  align-items: center;
}
.topnav .topnavul .topnavli[data-v-4c3fd54e] {
  float: left;
  height: 100%;
  max-width: 70px;
  margin: 14px 40px 14px 0px;
}
.topnav .topnavul .topnavli[data-v-4c3fd54e]:first-of-type {
  padding-left: 0px;
}
.topnav .topnavul .topnavli .jump[data-v-4c3fd54e] {
  display: block;
  height: 22px;
  line-height: 22px;
  font-size: 14px;
  color: #b4b4c3;
  text-decoration: none;
}
.topnav .topnavul .topnavli .jump[data-v-4c3fd54e]:hover {
  color: #ff6f1c;
}
.topnav .topnavul .topnavli .active[data-v-4c3fd54e] {
  color: #ff6f1c;
}
.topnav .topnavul .dropDown[data-v-4c3fd54e] {
  margin: 10px 40px 13px 0px;
}
.topnav .topnavul .dropDown .el-dropdown-link[data-v-4c3fd54e] {
  cursor: pointer;
  color: #b4b4c3;
}
.topnav .topnavul .dropDown .el-dropdown-link[data-v-4c3fd54e]::after {
  position: absolute;
  left: 110%;
  top: 50%;
  transform: translateY(-50%);
  content: '';
  width: 10px;
  height: 10px;
  background: #b4b4c3;
  background: url('https://p0.ssl.qhimg.com/t016815d0155ce58d9f.png') center center no-repeat;
}
.el-dropdown-menu[data-v-4c3fd54e] {
  background: #191926;
  border: 1px solid #565770;
  box-shadow: 0 4px 8px 0 #19192666;
  border-radius: 12px !important;
  top: 41px !important;
}
.el-dropdown-menu .loop[data-v-4c3fd54e] {
  color: #ffffff;
  font-size: 14px;
  margin: 15px 20px 5px 20px;
  cursor: pointer;
  font-family: Microsoft YaHei;
}
.el-dropdown-menu .loop a[data-v-4c3fd54e] {
  font-family: Microsoft YaHei;
  color: #ffffff;
}
.el-dropdown-menu .loop[data-v-4c3fd54e]:first-of-type {
  margin-top: 6px;
}
.el-dropdown-menu .loop a[data-v-4c3fd54e]:hover {
  color: #ff6f1c;
}
.el-popper[data-v-4c3fd54e] {
  width: auto;
  height: auto;
  padding: 10px 0;
  margin: 5px 0;
}
.el-popper[data-v-4c3fd54e] .popper__arrow {
  display: block !important;
  border-bottom-color: #565770;
  position: absolute;
  left: 44% !important;
}
.el-popper[data-v-4c3fd54e] .popper__arrow::after {
  border-bottom-color: #191926;
}

.topTg[data-v-441e0ad6] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  min-width: 1244px;
  z-index: 99999;
  background: url() center center no-repeat;
  background-size: 100% 100%;
  transform: translateY(-100%);
  transition: all 0.5s linear;
}
.topTg.show[data-v-441e0ad6] {
  transform: translateY(0);
}
.topTg.hide[data-v-441e0ad6] {
  transition: none;
}
.topTg .dt-abs-a[data-v-441e0ad6] {
  z-index: 100000;
  font-size: 0;
}
.topTg .rightTop[data-v-441e0ad6] {
  width: 119px;
  height: 34px;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 17px;
  position: absolute;
  top: 15px;
  right: 15px;
  line-height: 34px;
  z-index: 100001;
}
.topTg .rightTop .topTime[data-v-441e0ad6] {
  padding-left: 13px;
  color: #ffffff;
  font-size: 14px;
  display: flex;
  align-items: center;
}
.topTg .rightTop .topTime .topClose[data-v-441e0ad6] {
  height: 14px;
  width: 14px;
  display: inline-block;
  background: url('http://p6.qhimg.com/t0100d6b4c251079ed5.png') no-repeat center center;
  vertical-align: text-bottom;
  padding-left: 13px;
  font-size: 0;
}
.topTg .rightTop .topTime .topClose[data-v-441e0ad6]:hover {
  background-image: url('http://p1.qhimg.com/t01f127cc7f4c4c9f8e.png');
}


.topTg[data-v-441e0ad6] {
  height: calc(100vw * 628 / 1920 - 24px);
  min-height: 394px;
}

.bannerPart[data-v-5694ca3b] {
  width: 100%;
  min-height: 418px;
  position: relative;
}
.bannerPart .bigstart[data-v-5694ca3b] {
  background: radial-gradient(ellipse closest-side at center, rgba(32, 33, 48, 0) 0%, rgba(32, 33, 48, 0.2) 67%, rgba(32, 33, 48, 0.5) 100%);
  box-shadow: 0px -130px 160px -40px #202130 inset;
  font-size: 0;
}
.bannerPart .bigBanner[data-v-5694ca3b] {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  background: center center no-repeat;
  background-size: 100% 100%;
  transition: all 0.5s;
  opacity: 0;
}
.bannerPart .bigBanner.showBigBanner[data-v-5694ca3b] {
  opacity: 1;
}
.bannerPart .bigBanner .video[data-v-5694ca3b] {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.bannerPart .smallBanner[data-v-5694ca3b] {
  position: absolute;
  top: 40px;
  right: 0px;
  height: auto;
  width: 240px;
  z-index: 10;
  padding-right: 20px;
  list-style-type: none;
}
.bannerPart .smallBanner .smallBannerLi[data-v-5694ca3b] {
  margin-bottom: 16px;
  height: 22px;
  transition: all 0.5s;
  text-align: right;
  overflow: hidden;
  padding-right: 60px;
  position: relative;
}
.bannerPart .smallBanner .smallBannerLi .stitle[data-v-5694ca3b] {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.7);
  text-align: right;
  line-height: 22px;
  height: 22px;
  transition: all 0.5s;
  width: 100%;
}
.bannerPart .smallBanner .smallBannerLi .sbrief[data-v-5694ca3b] {
  font-size: 16px;
  color: #ffffff;
  height: 24px;
  line-height: 24px;
  transition: all 0.5s;
  opacity: 0.9;
}
.bannerPart .smallBanner .smallBannerLi[data-v-5694ca3b]:last-of-type {
  margin-bottom: 0px;
}
.bannerPart .smallBanner .smallBannerLi.smallBannerLiActive[data-v-5694ca3b] {
  height: 86px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 65%, rgba(255, 255, 255, 0.2) 75%, rgba(255, 255, 255, 0) 100%);
}
.bannerPart .smallBanner .smallBannerLi.smallBannerLiActive .stitle[data-v-5694ca3b] {
  font-size: 24px;
  height: 32px;
  line-height: 32px;
  margin-top: 10px;
  margin-bottom: 10px;
  color: #ff6f1c;
}
@media screen and (max-width: 1734px) {
.bannerPart .smallBanner[data-v-5694ca3b] {
    top: 15px;
}
}
@media screen and (min-width: 1434px) and (max-width: 1734px) {
.bannerPart .smallBanner .smallBannerLi[data-v-5694ca3b] {
    margin-bottom: 12px;
}
}
@media screen and (max-width: 1424px) {
.bannerPart .smallBanner .smallBannerLi[data-v-5694ca3b] {
    margin-bottom: 8px;
}
}


.bannerPart {
  height: calc(100vw * 628 / 1920);
  min-height: 418px;
}

.exchange[data-v-04b543df] {
  display: flex;
  justify-content: space-between;
  /*background: rgba(0, 0, 0, 0.4);
  border-radius: 15px;
  border: 1px solid rgba(255, 111, 28, 1);*/
  overflow: hidden;
  position: absolute;
  width: 103px;
  height: 28px;
  left: 174px;
  z-index: 99;
  top: 16px;
}
.notindating[data-v-04b543df] {
  background: rgba(0, 0, 0, 0.4);
  border-radius: 15px;
  border: 1px solid #ff6f1c;
}
.btn-item[data-v-04b543df] {
  flex-grow: 1;
}
.btn-item a[data-v-04b543df] {
  display: block;
  text-align: center;
  font-family: Microsoft YaHei;
  color: rgba(255, 255, 255, 0.9);
  text-decoration: none;
  height: 28px;
  border-radius: 28px;
  line-height: 28px;
  font-size: 16px;
  width: 52px;
}
.btn-item a[data-v-04b543df]:hover {
  color: #ff6f1c;
}
.btn-item a.btnActive[data-v-04b543df] {
  color: #ff6f1c;
  background: #2e2f42;
}
.btnActive[data-v-04b543df] {
  color: #ff6f1c;
  background: #2e2f42;
}
@media screen and (min-width: 1434px) and (max-width: 1734px) {
.exchange[data-v-04b543df] {
    top: 11px;
}
}
@media screen and (max-width: 1433px) {
.exchange[data-v-04b543df] {
    top: 11px;
}
}

.succTip[data-v-000959ac] {
  height: 56px;
  width: 296px;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 12px;
  text-align: center;
  line-height: 56px;
  font-size: 16px;
  color: #ffffff;
  position: fixed;
  top: 20%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 999;
}

.setting[data-v-6de3f276] {
  position: absolute;
  top: 10px;
  left: 140px;
  height: 38px;
  width: 142px;
  z-index: 50;
  display: flex;
  background: #191926;
  border: 1px solid #7d7d96;
  border-radius: 19px;
}
.setting .homesetting[data-v-6de3f276] {
  height: 30px;
  width: 94px;
  display: flex;
  margin-left: -2px;
}
.setting .homesetting .hst[data-v-6de3f276] {
  display: inline-block;
  height: 38px;
  width: 30px;
  padding-left: 0px;
  font-size: 14px;
  text-align: center;
  line-height: 30px;
  color: rgba(255, 255, 255, 0.7);
  text-decoration: none;
  background: url('https://p1.ssl.qhimg.com/t01337b68768776b5ad.png') right center no-repeat;
}
.setting .homesetting .hst[data-v-6de3f276]:hover {
  background-image: url('https://p3.ssl.qhimg.com/t01659d3e17b9ea6ec4.png');
  color: #ff6f1c;
}
.setting .homesetting .hst[data-v-6de3f276]:active {
  color: #ff6f1c;
}
@media screen and (max-width: 1734px) {
.setting[data-v-6de3f276] {
    top: 5px;
}
}

.el-popper {
  height: 289px;
  width: 410px;
  border: none;
  border-radius: 16px;
  background: url(https://p1.ssl.qhimg.com/t016e69205811793485.png) no-repeat center center;
  padding: 0;
  position: absolute;
  top: 35px;
  left: 100px;
  transform-origin: center top 0px;
  z-index: 2001;
}
.el-popper .popper__arrow {
  display: none;
}
.el-popper .setBox {
  margin: 0 auto;
  width: 394px;
  height: 276px;
  border-radius: 12px 6px 3px 6px;
  overflow: hidden;
  box-sizing: border-box;
  padding: 18px 10px 10px 10px;
}
.el-popper .setBox .setBox-head {
  display: flex;
  justify-content: space-between;
}
.el-popper .setBox .setBox-head p {
  font-family: Microsoft YaHei;
  font-size: 14px;
  color: #c1c1c7;
  line-height: 20px;
}
.el-popper .setBox .setBox-head .danger-color {
  color: red;
}
.el-popper .setBox .setBox-head .close-btn {
  width: 14px;
  height: 14px;
  background: url(https://p2.ssl.qhimg.com/t01405634ed15ff1160.png) no-repeat center;
}
.el-popper .setBox .setBox-head .close-btn:hover {
  background-image: url(https://p3.ssl.qhimg.com/t012e701acf1f40351f.png);
}
.el-popper .setBox .setBox-body {
  display: flex;
  justify-content: space-between;
}
.el-popper .setBox .setBox-body .setBox-body-item {
  position: relative;
  width: 182px;
  height: 168px;
  border-radius: 8px;
  background: url(https://p3.ssl.qhimg.com/t0143549b02724434ad.png) rgba(235, 238, 249, 0.04) no-repeat center center;
}
.el-popper .setBox .setBox-body .setBox-body-item .box-bg {
  position: absolute;
  left: 0;
  top: 0px;
}
.el-popper .setBox .setBox-body .setBox-body-item .active-img {
  position: absolute;
  left: -2px;
  top: -2px;
}
.el-popper .setBox .setBox-body .setBox-body-item .content-img {
  position: absolute;
  left: 0;
  top: 0;
}
.el-popper .setBox .setBox-body .setBox-body-item .content-img .game-img {
  width: 182px;
  height: 110px;
  display: block;
  border: none;
  float: left;
}
.el-popper .setBox .setBox-body .setBox-body-item .content-img .p-title {
  font-family: Microsoft YaHei;
  font-size: 14px;
  color: #ffffff;
  line-height: 22px;
  margin-top: 115px;
}
.el-popper .setBox .setBox-body .setBox-body-item .content-img .p-content {
  font-family: Microsoft YaHei;
  font-size: 12px;
  color: #707084;
  line-height: 20px;
}
.el-popper .setBox .sure {
  height: 34px;
  width: 80px;
  background-color: #ff6f1c;
  border-radius: 17px;
  margin: 15px auto 0 auto;
  font-size: 14px;
  color: #ffffff;
  text-align: center;
  line-height: 34px;
  cursor: pointer;
  font-family: 'Microsoft Yahei', SimSun, Arial, Tahoma, Verdana;
}
.el-popper .setBox .sure:hover {
  background-color: #f35c05;
}
.isFirst {
  left: -40px;
}

.mygame[data-v-4c4a2515] {
  position: absolute;
  top: 58px;
  left: 0px;
  width: 100px;
  background: url('https://p1.ssl.qhimg.com/t0101733ad4f9df55f0.png');
  z-index: 15;
  border-radius: 0px 8px 8px 0px;
  background-size: 100% 100%;
  background-position: right;
}
.mygame h1[data-v-4c4a2515] {
  font-size: 12px;
  color: #cccccc;
  text-align: center;
  line-height: 12px;
  height: 14px;
  margin: 20px 16px;
  width: 50px;
  font-weight: 600;
}
.mygame .leftarrow[data-v-4c4a2515] {
  width: 8px;
  height: 12px;
  background: url('https://p3.ssl.qhimg.com/t01d1e29e52f1505889.png');
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 85px;
  background-position: right;
  display: block;
}
.mygame .leftarrow[data-v-4c4a2515]:hover {
  background: url('https://p5.ssl.qhimg.com/t01d4904d3c56b3b987.png') center center no-repeat;
}
.mygame .topline[data-v-4c4a2515] {
  width: 48px;
  height: 1px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 1px;
  position: absolute;
  margin-top: -14px;
  margin-left: 16px;
}
.mygame .game[data-v-4c4a2515] {
  margin-bottom: 12px;
  width: 75px;
}
.mygame .game .mygame-wrap a[data-v-4c4a2515] {
  border-radius: 12px;
  overflow: hidden;
  margin-left: 15px;
  margin-bottom: 6px;
  display: block;
  height: 50px;
  width: 50px;
}
.mygame .game .mygame-wrap p[data-v-4c4a2515] {
  height: 22px;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.7);
  text-align: center;
  line-height: 20px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  cursor: default;
  margin: 0px 0px -5px 7px;
}
.mygame .game .mygame-wrap p[data-v-4c4a2515]:hover {
  color: #ff6f1c;
}
.mygame .more[data-v-4c4a2515] {
  font-size: 12px;
  text-align: center;
  line-height: 36px;
  height: 22px;
  padding-right: 28px;
  margin-bottom: 20px;
}
.mygame .more a[data-v-4c4a2515] {
  position: relative;
  text-decoration: none;
  color: rgba(255, 255, 255, 0.7);
}
.mygame .more a .bottomline[data-v-4c4a2515] {
  width: 48px;
  height: 1px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 1px;
  margin-left: 14px;
  transform: translateY(0px);
}
.mygame .more a[data-v-4c4a2515]:hover {
  color: #ffffff;
}
.mygametwo[data-v-4c4a2515] {
  background: url('https://p0.ssl.qhimg.com/t01c4c82db0e432bc41.png');
  background-size: 100% 100%;
}
.mygameone[data-v-4c4a2515] {
  background: url('https://p1.ssl.qhimg.com/t01b0152f133122414f.png');
  background-size: 100% 100%;
}
.pull-left[data-v-4c4a2515] {
  left: -82px;
}
.pull-left .leftarrow[data-v-4c4a2515] {
  transform: translateY(-50%) rotatez(180deg);
}
@media screen and (min-width: 1434px) and (max-width: 1734px) {
.mygame[data-v-4c4a2515] {
    position: absolute;
    top: 40px;
}
}
@media screen and (max-width: 1434px) {
.mygame[data-v-4c4a2515] {
    top: 10px;
}
}

.gamenav[data-v-166cc91f] {
  position: relative;
  z-index: 2;
}
.gamenav .gamenavul[data-v-166cc91f] {
  list-style-type: none;
  margin: 10px auto;
  width: -webkit-fit-content;
  height: 23px;
}
.gamenav .gamenavul .gamenavli[data-v-166cc91f] {
  float: left;
  height: 20px;
  text-align: center;
  line-height: 20px;
  border-radius: 1px;
}
.gamenav .gamenavul .gamenavli a[data-v-166cc91f] {
  text-decoration: none;
  position: relative;
  color: #ffffff;
}
.gamenav .gamenavul .gamenavli a[data-v-166cc91f]:hover {
  color: #ff6f1c;
}
.gamenav .gamenavul .gamenavli .hot[data-v-166cc91f]::after {
  content: '';
  position: absolute;
  top: -30px;
  right: -55px;
  height: 26px;
  width: 60px;
  background: url('https://p0.ssl.qhimg.com/t01561c1e455368215d.png') center center no-repeat;
}
.gamenav .gamenavul .gamenavli[data-v-166cc91f]:first-of-type {
  padding-left: 0px;
}
.gamenav .gamenavul .gamenavli[data-v-166cc91f]:last-of-type {
  border-right-color: transparent;
  padding-right: 0px;
}
.gamenav .gamenavul .wordsize1[data-v-166cc91f] {
  font-size: 20px;
  padding: 0px 30px;
  border-right: 2px solid rgba(255, 255, 255, 0.1);
}
.gamenav .gamenavul .wordsize2[data-v-166cc91f] {
  font-size: 14px;
  padding-left: 30px;
  padding-right: 0px;
}
@media screen and (min-width: 1434px) and (max-width: 1734px) {
.gamenav[data-v-166cc91f] {
    transform: translateY(-24px);
}
}
@media screen and (max-width: 1433px) {
.gamenav[data-v-166cc91f] {
    transform: translateY(-15px);
}
.gamenav .gamenavul .wordsize1[data-v-166cc91f] {
    font-size: 18px;
    border-right: 2px solid rgba(255, 255, 255, 0.1);
    padding-left: 20px;
    padding-right: 20px;
}
.gamenav .gamenavul .wordsize2[data-v-166cc91f] {
    padding-left: 20px;
}
}

.hotgamePart[data-v-06f39063] {
  width: 100%;
  height: 180px;
  position: relative;
  border-radius: 16px;
  overflow: hidden;
}
.hotgamePart .swiper-container-hotgame[data-v-06f39063] {
  height: 100%;
}
.hotgamePart .swiper-container-hotgame .swiper-wrapper .swiper-slide[data-v-06f39063] {
  max-width: 300px;
  margin-right: 16px;
  height: 100%;
  position: relative;
  overflow: hidden;
  border-radius: 16px;
  opacity: 0.99;
}
.hotgamePart .swiper-container-hotgame .swiper-wrapper .swiper-slide .dt-abs-a-9[data-v-06f39063] {
  z-index: 16;
}
.hotgamePart .swiper-container-hotgame .swiper-wrapper .swiper-slide .lazyimg[data-v-06f39063] {
  height: 100%;
  width: 100%;
  transition: all 0.35s linear;
}
.hotgamePart .swiper-container-hotgame .swiper-wrapper .swiper-slide .name[data-v-06f39063] {
  height: 28px;
  line-height: 28px;
  font-size: 20px;
  color: #ffffff;
  text-align: left;
  position: absolute;
  top: 71px;
  left: 36px;
  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
}
.hotgamePart .swiper-container-hotgame .swiper-wrapper .swiper-slide .info[data-v-06f39063] {
  height: 22px;
  line-height: 22px;
  font-size: 14px;
  color: #ffffff;
  text-align: left;
  position: absolute;
  top: 103px;
  left: 36px;
  right: 140px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.hotgamePart .swiper-container-hotgame .swiper-wrapper .swiper-slide:hover .lazyimg[data-v-06f39063] {
  -webkit-filter: contrast(1.2) saturate(1.2);
}
.hotgamePart .arrow[data-v-06f39063] {
  width: 30px;
  height: 42px;
  position: absolute;
  top: 50%;
  transform: translateY(-30%);
  z-index: 17;
  background: url() center center no-repeat;
}
.hotgamePart .arrowLeft[data-v-06f39063] {
  left: 0px;
  background-image: url('https://p4.ssl.qhimg.com/t01420f5cb7f3b3b567.png');
}
.hotgamePart .arrowLeft[data-v-06f39063]:hover {
  background-image: url('https://p5.ssl.qhimg.com/t012055bf423d1e2ebb.png');
}
.hotgamePart .arrowRight[data-v-06f39063] {
  right: 0px;
  background-image: url('https://p5.ssl.qhimg.com/t0142d6732b60e2f4af.png');
}
.hotgamePart .arrowRight[data-v-06f39063]:hover {
  background-image: url('https://p4.ssl.qhimg.com/t016b2fa5b97eb6b463.png');
}

.title[data-v-7cd8f480] {
  height: 32px;
  margin: 40px 0 20px;
  justify-content: flex-start;
}
.title .titleImg[data-v-7cd8f480] {
  height: 32px;
  width: 32px;
  margin-right: 10px;
}
.title .titleName[data-v-7cd8f480] {
  color: #fff;
  font-size: 24px;
  font-weight: 400;
}

.pageCont[data-v-a1ad486e] {
  height: 22px;
  width: 82px;
  position: absolute;
  top: 10px;
  right: 0;
  z-index: 5;
  display: flex;
  justify-content: space-between;
}
.pageCont .turn[data-v-a1ad486e] {
  display: block;
  height: 20px;
  width: 20px;
  background-size: 100% 100%;
}
.pageCont .turnLeft[data-v-a1ad486e] {
  background: url('//p1.ssl.qhimg.com/t016cd9bc8dbe05a3b8.png') center center no-repeat;
}
.pageCont .turnLeft[data-v-a1ad486e]:hover {
  background-image: url('//p1.ssl.qhimg.com/t01fc836e8d0ffa4f91.png');
}
.pageCont .turnRight[data-v-a1ad486e] {
  background: url('//p3.ssl.qhimg.com/t01670d8d38f418c697.png') center center no-repeat;
}
.pageCont .turnRight[data-v-a1ad486e]:hover {
  background-image: url('//p4.ssl.qhimg.com/t012fad87fb5e6e86e1.png');
}
.pageCont .pagePart[data-v-a1ad486e] {
  width: 40px;
  height: 22px;
  line-height: 22px;
  font-size: 14px;
  color: #b4b4c3;
}

.yuyuePart[data-v-a727881c] {
  width: 100%;
  height: 564px;
  position: relative;
  border-radius: 16px;
}
.yuyuePart .cross[data-v-a727881c] {
  position: absolute;
  top: 82px;
  left: 0;
  height: 4px;
  width: 100%;
  border-radius: 2px;
  background: #37384b;
}
.yuyuePart .swiper-container-yuyue[data-v-a727881c] {
  height: 512px;
  border-radius: 16px;
  overflow: hidden;
}
.yuyuePart .swiper-container-yuyue .swiper-wrapper[data-v-a727881c] {
  height: 100%;
}
.yuyuePart .swiper-container-yuyue .swiper-wrapper .swiper-slide[data-v-a727881c] {
  max-width: 300px;
  margin-right: 16px;
}
.yuyuePart .swiper-container-yuyue .swiper-wrapper .swiper-slide .title[data-v-a727881c] {
  text-align: center;
  font-size: 14px;
  color: #707084;
  height: 22px;
  line-height: 22px;
}
.yuyuePart .swiper-container-yuyue .swiper-wrapper .swiper-slide .cont[data-v-a727881c] {
  margin-top: 34px;
  height: 456px;
  width: 100%;
  position: relative;
}
.yuyuePart .swiper-container-yuyue .swiper-wrapper .swiper-slide .cont[data-v-a727881c]::before {
  content: '';
  height: 8px;
  width: 8px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -32px;
  background: #37384b;
  border: 4px solid #212130;
  border-radius: 50%;
}
.yuyuePart .swiper-container-yuyue .swiper-wrapper .swiper-slide .cont .imgdiv[data-v-a727881c] {
  height: 360px;
  width: 100%;
  border-radius: 16px 16px 0 0;
  overflow: hidden;
  opacity: 0.99;
  position: relative;
}
.yuyuePart .swiper-container-yuyue .swiper-wrapper .swiper-slide .cont .imgdiv .lazyimg[data-v-a727881c] {
  height: 100%;
  width: 100%;
  transition: all 0.35s linear;
}
.yuyuePart .swiper-container-yuyue .swiper-wrapper .swiper-slide .cont .imgdiv:hover .lazyimg[data-v-a727881c] {
  transform: scale(1.1);
}
.yuyuePart .swiper-container-yuyue .swiper-wrapper .swiper-slide .cont .footer[data-v-a727881c] {
  width: 100%;
  height: 96px;
  position: relative;
  background: #37384b;
  overflow: hidden;
  border-radius: 0px 0px 16px 16px;
}
.yuyuePart .swiper-container-yuyue .swiper-wrapper .swiper-slide .cont .footer .name[data-v-a727881c] {
  width: 170px;
  height: 28px;
  line-height: 28px;
  font-size: 20px;
  color: #ffffff;
  margin: 20px 0px 6px 20px;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.yuyuePart .swiper-container-yuyue .swiper-wrapper .swiper-slide .cont .footer .info[data-v-a727881c] {
  width: 165px;
  height: 22px;
  line-height: 22px;
  font-size: 14px;
  color: #b4b4c3;
  margin-left: 20px;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.yuyuePart .swiper-container-yuyue .swiper-wrapper .swiper-slide .cont .footer .btn[data-v-a727881c] {
  position: absolute;
  top: 31px;
  right: 20px;
  height: 38px;
  width: 76px;
  border-radius: 19px;
  text-decoration: none;
  line-height: 38px;
  color: #ffffff;
  font-size: 14px;
}
.yuyuePart .swiper-container-yuyue .swiper-wrapper .swiper-slide .cont .footer .yuyueGame[data-v-a727881c] {
  background: #654aff;
  z-index: 10;
}
.yuyuePart .swiper-container-yuyue .swiper-wrapper .swiper-slide .cont .footer .yuyueGame[data-v-a727881c]:hover {
  background: #5a3ef9;
}
.yuyuePart .swiper-container-yuyue .swiper-wrapper .swiper-slide .cont .footer .startGame[data-v-a727881c] {
  background: #ff6f1c;
}
.yuyuePart .swiper-container-yuyue .swiper-wrapper .swiper-slide .cont .footer .yuyued[data-v-a727881c] {
  cursor: default;
  background: #565770;
}
.yuyuePart .swiper-container-yuyue .swiper-wrapper .swiper-slide .cont .footer:hover .startGame[data-v-a727881c] {
  background: #f35c05;
}
.yuyuePart .swiper-container-yuyue .swiper-wrapper .swiper-slide .cont .footer:hover .name[data-v-a727881c] {
  color: #ff6f1c;
}

.yuyuePart[data-v-99d38ed8] {
  width: 100%;
  height: 564px;
  position: relative;
  border-radius: 16px;
}
.yuyuePart .cross[data-v-99d38ed8] {
  position: absolute;
  top: 82px;
  left: 0;
  height: 4px;
  width: 100%;
  border-radius: 2px;
  background: #37384b;
}
.yuyuePart .swiper-container-yuyue[data-v-99d38ed8] {
  height: 512px;
  border-radius: 16px;
  overflow: hidden;
}
.yuyuePart .swiper-container-yuyue .swiper-wrapper[data-v-99d38ed8] {
  height: 100%;
}
.yuyuePart .swiper-container-yuyue .swiper-wrapper .swiper-slide[data-v-99d38ed8] {
  max-width: 300px;
  margin-right: 16px;
}
.yuyuePart .swiper-container-yuyue .swiper-wrapper .swiper-slide .title[data-v-99d38ed8] {
  text-align: center;
  font-size: 14px;
  color: #707084;
  height: 22px;
  line-height: 22px;
}
.yuyuePart .swiper-container-yuyue .swiper-wrapper .swiper-slide .cont[data-v-99d38ed8] {
  margin-top: 34px;
  height: 456px;
  width: 100%;
  position: relative;
}
.yuyuePart .swiper-container-yuyue .swiper-wrapper .swiper-slide .cont[data-v-99d38ed8]::before {
  content: '';
  height: 8px;
  width: 8px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -32px;
  background: #37384b;
  border: 4px solid #212130;
  border-radius: 50%;
}
.yuyuePart .swiper-container-yuyue .swiper-wrapper .swiper-slide .cont .imgdiv[data-v-99d38ed8] {
  height: 360px;
  width: 100%;
  border-radius: 16px 16px 0 0;
  overflow: hidden;
  opacity: 0.99;
  position: relative;
}
.yuyuePart .swiper-container-yuyue .swiper-wrapper .swiper-slide .cont .imgdiv .lazyimg[data-v-99d38ed8] {
  height: 100%;
  width: 100%;
  transition: all 0.35s linear;
}
.yuyuePart .swiper-container-yuyue .swiper-wrapper .swiper-slide .cont .imgdiv:hover .lazyimg[data-v-99d38ed8] {
  transform: scale(1.1);
}
.yuyuePart .swiper-container-yuyue .swiper-wrapper .swiper-slide .cont .footer[data-v-99d38ed8] {
  width: 100%;
  height: 96px;
  position: relative;
  background: #37384b;
  overflow: hidden;
  border-radius: 0px 0px 16px 16px;
}
.yuyuePart .swiper-container-yuyue .swiper-wrapper .swiper-slide .cont .footer .name[data-v-99d38ed8] {
  width: 170px;
  height: 28px;
  line-height: 28px;
  font-size: 20px;
  color: #ffffff;
  margin: 20px 0px 6px 20px;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.yuyuePart .swiper-container-yuyue .swiper-wrapper .swiper-slide .cont .footer .info[data-v-99d38ed8] {
  width: 165px;
  height: 22px;
  line-height: 22px;
  font-size: 14px;
  color: #b4b4c3;
  margin-left: 20px;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.yuyuePart .swiper-container-yuyue .swiper-wrapper .swiper-slide .cont .footer .btn[data-v-99d38ed8] {
  position: absolute;
  top: 31px;
  right: 20px;
  height: 38px;
  width: 76px;
  border-radius: 19px;
  text-decoration: none;
  line-height: 38px;
  color: #ffffff;
  font-size: 14px;
}
.yuyuePart .swiper-container-yuyue .swiper-wrapper .swiper-slide .cont .footer .yuyueGame[data-v-99d38ed8] {
  background: #654aff;
  z-index: 10;
}
.yuyuePart .swiper-container-yuyue .swiper-wrapper .swiper-slide .cont .footer .yuyueGame[data-v-99d38ed8]:hover {
  background: #5a3ef9;
}
.yuyuePart .swiper-container-yuyue .swiper-wrapper .swiper-slide .cont .footer .startGame[data-v-99d38ed8] {
  background: #ff6f1c;
}
.yuyuePart .swiper-container-yuyue .swiper-wrapper .swiper-slide .cont .footer .yuyued[data-v-99d38ed8] {
  cursor: default;
  background: #565770;
}
.yuyuePart .swiper-container-yuyue .swiper-wrapper .swiper-slide .cont .footer:hover .startGame[data-v-99d38ed8] {
  background: #f35c05;
}
.yuyuePart .swiper-container-yuyue .swiper-wrapper .swiper-slide .cont .footer:hover .name[data-v-99d38ed8] {
  color: #ff6f1c;
}

.alqPart[data-v-ace67df0] {
  height: 472px;
  width: 1564px;
  position: relative;
}
.alqPart .swiper-container-alq[data-v-ace67df0] {
  width: 100%;
  height: 400px;
  border-radius: 16px;
  overflow: hidden;
}
.alqPart .swiper-container-alq .swiper-wrapper[data-v-ace67df0] {
  height: 100%;
}
.alqPart .swiper-container-alq .swiper-wrapper .swiper-slide[data-v-ace67df0] {
  max-width: 300px;
  margin-right: 16px;
  border-radius: 16px;
  overflow: hidden;
}
.alqPart .swiper-container-alq .swiper-wrapper .swiper-slide .imgdiv[data-v-ace67df0] {
  height: 180px;
  width: 100%;
  position: relative;
  opacity: 0.99;
  overflow: hidden;
  border-radius: 16px 16px 0px 0px;
}
.alqPart .swiper-container-alq .swiper-wrapper .swiper-slide .imgdiv .lazyimg[data-v-ace67df0] {
  height: 100%;
  width: 100%;
  transition: all 0.35s linear;
}
.alqPart .swiper-container-alq .swiper-wrapper .swiper-slide .imgdiv:hover .lazyimg[data-v-ace67df0] {
  transform: scale(1.1);
}
.alqPart .swiper-container-alq .swiper-wrapper .swiper-slide .footer[data-v-ace67df0] {
  height: 220px;
  overflow: hidden;
  position: relative;
  padding: 20px;
  background: #37384b;
  box-sizing: border-box;
}
.alqPart .swiper-container-alq .swiper-wrapper .swiper-slide .footer .name[data-v-ace67df0] {
  width: 160px;
  height: 28px;
  line-height: 28px;
  font-size: 20px;
  color: #ffffff;
  margin-bottom: 10px;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.alqPart .swiper-container-alq .swiper-wrapper .swiper-slide .footer .score[data-v-ace67df0] {
  position: absolute;
  height: 28px;
  width: auto;
  top: 24px;
  right: 20px;
  z-index: 4;
  color: #ff6f1c;
  line-height: 28px;
  text-align: right;
  font-size: 24px;
}
.alqPart .swiper-container-alq .swiper-wrapper .swiper-slide .footer .score[data-v-ace67df0]::before {
  content: '';
  height: 25px;
  width: 25px;
  background: url('https://p0.ssl.qhimg.com/t014219519bc642d7d8.png') center center no-repeat;
  position: absolute;
  left: -25px;
  top: 0;
  z-index: 4;
}
.alqPart .swiper-container-alq .swiper-wrapper .swiper-slide .footer .brief[data-v-ace67df0] {
  height: 110px;
  width: 100%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
  margin-bottom: 10px;
  color: #b4b4c3;
  text-align: justify;
  line-height: 22px;
  font-size: 14px;
}
.alqPart .swiper-container-alq .swiper-wrapper .swiper-slide .footer .bottom[data-v-ace67df0] {
  height: 22px;
  font-size: 14px;
}
.alqPart .swiper-container-alq .swiper-wrapper .swiper-slide .footer .bottom .uname[data-v-ace67df0] {
  color: #b4b4c3;
  float: left;
  height: 22px;
  width: 160px;
  line-height: 22px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  text-align: left;
  font-size: 14px;
}
.alqPart .swiper-container-alq .swiper-wrapper .swiper-slide .footer .bottom .people[data-v-ace67df0] {
  float: right;
  height: 22px;
  width: 100px;
  line-height: 22px;
  color: #b4b4c3;
  font-size: 14px;
  text-align: right;
}
.alqPart .swiper-container-alq .swiper-wrapper .swiper-slide .footer:hover .name[data-v-ace67df0] {
  color: #ff6f1c;
}
@media screen and (max-width: 1732px) {
.alqPart[data-v-ace67df0] {
    width: 1248px;
}
}

.alqPart[data-v-0f091826] {
  height: 388px;
  width: 1248px;
  position: relative;
}
.alqPart .swiper-container-alq[data-v-0f091826] {
  width: 100%;
  height: 334px;
  border-radius: 16px;
  overflow: hidden;
}
.alqPart .swiper-container-alq .swiper-wrapper[data-v-0f091826] {
  height: 100%;
}
.alqPart .swiper-container-alq .swiper-wrapper .swiper-slide[data-v-0f091826] {
  max-width: 300px;
  margin-right: 16px;
  border-radius: 16px;
  overflow: hidden;
}
.alqPart .swiper-container-alq .swiper-wrapper .swiper-slide .imgdiv[data-v-0f091826] {
  height: 180px;
  width: 100%;
  position: relative;
  opacity: 0.99;
  overflow: hidden;
  border-radius: 16px 16px 0px 0px;
}
.alqPart .swiper-container-alq .swiper-wrapper .swiper-slide .imgdiv .lazyimg[data-v-0f091826] {
  height: 100%;
  width: 100%;
  transition: all 0.35s linear;
}
.alqPart .swiper-container-alq .swiper-wrapper .swiper-slide .imgdiv:hover .lazyimg[data-v-0f091826] {
  transform: scale(1.1);
}
.alqPart .swiper-container-alq .swiper-wrapper .swiper-slide .footer[data-v-0f091826] {
  height: 154px;
  overflow: hidden;
  position: relative;
  padding: 20px;
  background: #37384b;
  box-sizing: border-box;
}
.alqPart .swiper-container-alq .swiper-wrapper .swiper-slide .footer .name[data-v-0f091826] {
  width: 160px;
  height: 28px;
  line-height: 28px;
  font-size: 20px;
  color: #ffffff;
  margin-bottom: 10px;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.alqPart .swiper-container-alq .swiper-wrapper .swiper-slide .footer .score[data-v-0f091826] {
  position: absolute;
  height: 28px;
  width: auto;
  top: 24px;
  right: 20px;
  z-index: 4;
  color: #ff6f1c;
  line-height: 28px;
  text-align: right;
  font-size: 24px;
}
.alqPart .swiper-container-alq .swiper-wrapper .swiper-slide .footer .score[data-v-0f091826]::before {
  content: '';
  height: 25px;
  width: 25px;
  background: url('https://p0.ssl.qhimg.com/t014219519bc642d7d8.png') center center no-repeat;
  position: absolute;
  left: -25px;
  top: 0;
  z-index: 4;
}
.alqPart .swiper-container-alq .swiper-wrapper .swiper-slide .footer .brief[data-v-0f091826] {
  height: 44px;
  width: 100%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin-bottom: 10px;
  color: #b4b4c3;
  text-align: justify;
  line-height: 22px;
  font-size: 14px;
}
.alqPart .swiper-container-alq .swiper-wrapper .swiper-slide .footer .bottom[data-v-0f091826] {
  height: 22px;
  font-size: 14px;
}
.alqPart .swiper-container-alq .swiper-wrapper .swiper-slide .footer .bottom .uname[data-v-0f091826] {
  color: #b4b4c3;
  float: left;
  height: 22px;
  width: 160px;
  line-height: 22px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  text-align: left;
  font-size: 14px;
}
.alqPart .swiper-container-alq .swiper-wrapper .swiper-slide .footer .bottom .people[data-v-0f091826] {
  float: right;
  height: 22px;
  width: 100px;
  line-height: 22px;
  color: #b4b4c3;
  font-size: 14px;
  text-align: right;
}
.alqPart .swiper-container-alq .swiper-wrapper .swiper-slide .footer:hover .name[data-v-0f091826] {
  color: #ff6f1c;
}
@media screen and (max-width: 1732px) {
.alqPart[data-v-0f091826] {
    width: 932px;
}
}

.opensPart[data-v-f85e4224] {
  width: 300px;
  height: 495px;
}
.opensPart .opendiv[data-v-f85e4224] {
  height: 400px;
  width: 300px;
  overflow: hidden;
  background: #37384b;
  border-radius: 16px;
  position: relative;
}
.opensPart .opendiv .openul[data-v-f85e4224] {
  height: 320px;
  width: 100%;
  list-style-type: none;
  margin-top: 20px;
  position: relative;
  overflow: hidden;
}
.opensPart .opendiv .openul .openli[data-v-f85e4224] {
  position: relative;
  height: 38px;
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 16px;
}
.opensPart .opendiv .openul .openli[data-v-f85e4224]:last-of-type {
  margin-bottom: 0px;
}
.opensPart .opendiv .openul .openli:hover .server .name[data-v-f85e4224] {
  color: #ff6f1c;
}
.opensPart .opendiv .openul .openli .lazyimg[data-v-f85e4224] {
  float: left;
  height: 48px;
  width: 48px;
  border-radius: 12px;
  margin-right: 10px;
}
.opensPart .opendiv .openul .openli .server[data-v-f85e4224] {
  font-size: 14px;
  line-height: 38px;
  text-align: left;
  height: 38px;
}
.opensPart .opendiv .openul .openli .server span[data-v-f85e4224] {
  height: 100%;
}
.opensPart .opendiv .openul .openli .server .icon[data-v-f85e4224] {
  float: left;
  width: 18%;
}
.opensPart .opendiv .openul .openli .server .icon img[data-v-f85e4224] {
  width: 38px;
  height: 38px;
  border-radius: 10px;
  border: none;
}
.opensPart .opendiv .openul .openli .server .name[data-v-f85e4224] {
  width: 38%;
  color: #b4b4c3;
  font-size: 14px;
  margin-bottom: 2px;
  text-align: left;
  float: left;
}
.opensPart .opendiv .openul .openli .server .name span[data-v-f85e4224] {
  padding-right: 5px;
  display: block;
}
.opensPart .opendiv .openul .openli .server .time[data-v-f85e4224] {
  width: 22%;
  float: left;
  color: #ff6f1c;
  overflow: hidden;
}
.opensPart .opendiv .openul .openli .server .ser[data-v-f85e4224] {
  width: 22%;
  float: left;
  color: #707084;
  height: 38px;
  overflow: hidden;
  word-break: break-all;
}
.opensPart .opendiv .more[data-v-f85e4224] {
  margin: 10px auto auto auto;
  background: linear-gradient(90deg, #565770 0%, #37384b 100%);
  height: 50px;
}
.opensPart .opendiv .more a[data-v-f85e4224] {
  color: #b4b4c3;
  display: inline-block;
  height: 24px;
  line-height: 24px;
  font-size: 16px;
  text-decoration: none;
  position: relative;
  z-index: 1;
  margin-top: 13px;
}
.opensPart .opendiv .more a[data-v-f85e4224]:hover {
  color: #ffffff;
}

.opensPart[data-v-04845f0f] {
  width: 300px;
  height: 752px;
}
.opensPart .opendiv[data-v-04845f0f] {
  height: 658px;
  width: 300px;
  overflow: hidden;
  background: #37384b;
  border-radius: 16px;
  position: relative;
}
.opensPart .opendiv .openul[data-v-04845f0f] {
  height: 577px;
  width: 100%;
  list-style-type: none;
  margin-top: 20px;
  position: relative;
  overflow: hidden;
}
.opensPart .opendiv .openul .table-head[data-v-04845f0f] {
  color: #b4b4c3;
  display: flex;
  font-size: 14px;
  height: 34px;
  line-height: 34px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  overflow: hidden;
}
.opensPart .opendiv .openul .table-head .word1[data-v-04845f0f] {
  float: left;
  width: 29%;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.opensPart .opendiv .openul .table-head .word1[data-v-04845f0f]:first-child {
  width: 32%;
  text-align: center;
}
.opensPart .opendiv .openul .table-head .word1[data-v-04845f0f]:nth-child(2) {
  width: 34%;
  text-align: center;
  color: #ff6f1c;
}
.opensPart .opendiv .openul .table-head .word1[data-v-04845f0f]:last-child {
  width: 25%;
  text-align: center;
}
.opensPart .opendiv .openul .openli[data-v-04845f0f] {
  position: relative;
  height: 38px;
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 4px;
}
.opensPart .opendiv .openul .openli[data-v-04845f0f]:last-of-type {
  margin-bottom: 0px;
}
.opensPart .opendiv .openul .openli:hover .server .name[data-v-04845f0f] {
  color: #ff6f1c;
}
.opensPart .opendiv .openul .openli .lazyimg[data-v-04845f0f] {
  float: left;
  height: 48px;
  width: 48px;
  border-radius: 12px;
  margin-right: 10px;
}
.opensPart .opendiv .openul .openli .server[data-v-04845f0f] {
  font-size: 14px;
  line-height: 38px;
  text-align: left;
  height: 38px;
}
.opensPart .opendiv .openul .openli .server span[data-v-04845f0f] {
  height: 100%;
}
.opensPart .opendiv .openul .openli .server .icon[data-v-04845f0f] {
  float: left;
  width: 18%;
}
.opensPart .opendiv .openul .openli .server .icon img[data-v-04845f0f] {
  width: 38px;
  height: 38px;
  border-radius: 10px;
  border: none;
}
.opensPart .opendiv .openul .openli .server .name[data-v-04845f0f] {
  width: 41%;
  color: #b4b4c3;
  font-size: 14px;
  margin-bottom: 2px;
  text-align: left;
  float: left;
}
.opensPart .opendiv .openul .openli .server .name span[data-v-04845f0f] {
  padding-right: 5px;
  display: block;
}
.opensPart .opendiv .openul .openli .server .time[data-v-04845f0f] {
  width: 31%;
  float: left;
  color: #ff6f1c;
  overflow: hidden;
}
.opensPart .opendiv .openul .openli .server .ser[data-v-04845f0f] {
  width: 27%;
  float: right;
  color: #707084;
  height: 38px;
  overflow: hidden;
  word-break: break-all;
}
.opensPart .opendiv .openul .openli #table-head1[data-v-04845f0f] {
  color: #b4b4c3;
  display: flex;
  font-size: 14px;
  height: 34px;
  overflow: hidden;
}
.opensPart .opendiv .openul .openli #table-head1 .name span[data-v-04845f0f] {
  color: #d448ff;
}
.opensPart .opendiv .openul .openli #table-head1 .recom[data-v-04845f0f] {
  position: relative;
  animation: fire-04845f0f 0.5s linear;
  animation-iteration-count: infinite;
}
.opensPart .opendiv .openul .openli #table-head1 .recom[data-v-04845f0f]::after {
  content: '';
  position: absolute;
  height: 15px;
  width: 14px;
  background: url('https://p5.ssl.qhimg.com/t010f5eb189e5c7419f.png') center center no-repeat;
  background-size: 100% 100%;
  left: 30px;
  top: 50%;
  transform: translateY(-43%);
  transform-origin: center bottom;
}
.opensPart .opendiv .more[data-v-04845f0f] {
  margin: 10px auto auto auto;
  background: linear-gradient(90deg, #565770 0%, #37384b 100%);
  height: 50px;
}
.opensPart .opendiv .more a[data-v-04845f0f] {
  color: #b4b4c3;
  display: inline-block;
  height: 24px;
  line-height: 24px;
  font-size: 16px;
  text-decoration: none;
  position: relative;
  z-index: 1;
  margin-top: 13px;
}
.opensPart .opendiv .more a[data-v-04845f0f]:hover {
  color: #ffffff;
}
@keyframes fire-04845f0f {
0% {
    transform: scale(1);
}
50% {
    transform: scale(1.1);
}
100% {
    transform: scale(1);
}
}

.rightpart[data-v-1c3f3691] {
  height: 100%;
  width: 1564px;
  position: relative;
  overflow: hidden;
  border-radius: 16px;
}
.rightpart .swiper-container-groom[data-v-1c3f3691] {
  height: 100%;
}
.rightpart .swiper-container-groom .swiper-wrapper[data-v-1c3f3691] {
  height: 100%;
}
.rightpart .swiper-container-groom .swiper-wrapper .swiper-slide[data-v-1c3f3691] {
  height: 108px;
  max-width: 300px;
  margin-right: 16px;
  padding: 14px;
  box-sizing: border-box;
  border-radius: 16px;
  position: relative;
  background: #37384b;
}
.rightpart .swiper-container-groom .swiper-wrapper .swiper-slide[data-v-1c3f3691]:last-of-type,
.rightpart .swiper-container-groom .swiper-wrapper .swiper-slide[data-v-1c3f3691]:nth-last-of-type(2) {
  margin-right: 0px;
}
.rightpart .swiper-container-groom .swiper-wrapper .swiper-slide:hover .rname[data-v-1c3f3691] {
  color: #ff6f1c;
}
.rightpart .swiper-container-groom .swiper-wrapper .swiper-slide .rimg[data-v-1c3f3691] {
  height: 80px;
  width: 80px;
  border-radius: 18px;
  float: left;
  margin-right: 14px;
}
.rightpart .swiper-container-groom .swiper-wrapper .swiper-slide .rname[data-v-1c3f3691] {
  height: 28px;
  line-height: 28px;
  font-size: 20px;
  color: #ffffff;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.rightpart .swiper-container-groom .swiper-wrapper .swiper-slide .rbrief[data-v-1c3f3691] {
  margin-top: 6px;
  height: 44px;
  line-height: 22px;
  font-size: 14px;
  color: #b4b4c3;
  text-align: justify;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media screen and (max-width: 1732px) {
.rightpart[data-v-1c3f3691] {
    width: 1248px;
}
}

.groomPart[data-v-dce9dccc] {
  width: 100%;
  height: 304px;
  position: relative;
}
.groomPart .cont[data-v-dce9dccc] {
  width: 100%;
  height: 232px;
  display: flex;
  justify-content: space-between;
}

.smallgamePart[data-v-bdd7bd5a] {
  height: 181px;
  width: 100%;
  position: relative;
}
.smallgamePart .swiper-container-sgame[data-v-bdd7bd5a] {
  height: 124px;
  width: 100%;
  border-radius: 16px 16px 0px 0px;
}
.smallgamePart .swiper-container-sgame .swiper-wrapper[data-v-bdd7bd5a] {
  height: 100%;
}
.smallgamePart .swiper-container-sgame .swiper-wrapper .swiper-slide[data-v-bdd7bd5a] {
  max-width: 90px;
  margin-right: 15px;
  position: relative;
}
.smallgamePart .swiper-container-sgame .swiper-wrapper .swiper-slide[data-v-bdd7bd5a]:nth-of-type(3),
.smallgamePart .swiper-container-sgame .swiper-wrapper .swiper-slide[data-v-bdd7bd5a]:nth-of-type(6),
.smallgamePart .swiper-container-sgame .swiper-wrapper .swiper-slide[data-v-bdd7bd5a]:nth-of-type(9),
.smallgamePart .swiper-container-sgame .swiper-wrapper .swiper-slide[data-v-bdd7bd5a]:nth-of-type(3n + 12),
.smallgamePart .swiper-container-sgame .swiper-wrapper .swiper-slide[data-v-bdd7bd5a]:nth-of-type(6n + 12),
.smallgamePart .swiper-container-sgame .swiper-wrapper .swiper-slide[data-v-bdd7bd5a]:nth-of-type(9n + 12) {
  margin-right: 15px;
}
.smallgamePart .swiper-container-sgame .swiper-wrapper .swiper-slide[data-v-bdd7bd5a]:nth-of-type(3),
.smallgamePart .swiper-container-sgame .swiper-wrapper .swiper-slide[data-v-bdd7bd5a]:nth-of-type(6),
.smallgamePart .swiper-container-sgame .swiper-wrapper .swiper-slide[data-v-bdd7bd5a]:nth-of-type(9),
.smallgamePart .swiper-container-sgame .swiper-wrapper .swiper-slide[data-v-bdd7bd5a]:nth-of-type(12),
.smallgamePart .swiper-container-sgame .swiper-wrapper .swiper-slide[data-v-bdd7bd5a]:nth-of-type(3n + 15),
.smallgamePart .swiper-container-sgame .swiper-wrapper .swiper-slide[data-v-bdd7bd5a]:nth-of-type(6n + 15),
.smallgamePart .swiper-container-sgame .swiper-wrapper .swiper-slide[data-v-bdd7bd5a]:nth-of-type(9n + 15),
.smallgamePart .swiper-container-sgame .swiper-wrapper .swiper-slide[data-v-bdd7bd5a]:nth-of-type(12n + 15) {
  margin-right: 16px !important;
}
.smallgamePart .swiper-container-sgame .swiper-wrapper .swiper-slide[data-v-bdd7bd5a]:nth-of-type(15n) {
  margin-right: 15px !important;
}
.smallgamePart .swiper-container-sgame .swiper-wrapper .swiper-slide .lazyimg[data-v-bdd7bd5a] {
  height: 90px;
  width: 90px;
  border-radius: 20px;
  vertical-align: bottom;
}
.smallgamePart .swiper-container-sgame .swiper-wrapper .swiper-slide .name[data-v-bdd7bd5a] {
  height: 24px;
  line-height: 24px;
  margin-top: 10px;
  font-size: 16px;
  color: #b4b4c3;
  text-align: center;
}
.smallgamePart .swiper-container-sgame .swiper-wrapper .swiper-slide:hover .name[data-v-bdd7bd5a] {
  color: #ff6f1c;
}
@media screen and (max-width: 1732px) {
.smallgamePart .swiper-container-sgame .swiper-wrapper .swiper-slide[data-v-bdd7bd5a]:nth-of-type(3),
  .smallgamePart .swiper-container-sgame .swiper-wrapper .swiper-slide[data-v-bdd7bd5a]:nth-of-type(6),
  .smallgamePart .swiper-container-sgame .swiper-wrapper .swiper-slide[data-v-bdd7bd5a]:nth-of-type(9),
  .smallgamePart .swiper-container-sgame .swiper-wrapper .swiper-slide[data-v-bdd7bd5a]:nth-of-type(12),
  .smallgamePart .swiper-container-sgame .swiper-wrapper .swiper-slide[data-v-bdd7bd5a]:nth-of-type(3n + 15),
  .smallgamePart .swiper-container-sgame .swiper-wrapper .swiper-slide[data-v-bdd7bd5a]:nth-of-type(6n + 15),
  .smallgamePart .swiper-container-sgame .swiper-wrapper .swiper-slide[data-v-bdd7bd5a]:nth-of-type(9n + 15),
  .smallgamePart .swiper-container-sgame .swiper-wrapper .swiper-slide[data-v-bdd7bd5a]:nth-of-type(12n + 15) {
    margin-right: 15px;
}
.smallgamePart .swiper-container-sgame .swiper-wrapper .swiper-slide[data-v-bdd7bd5a]:nth-of-type(3),
  .smallgamePart .swiper-container-sgame .swiper-wrapper .swiper-slide[data-v-bdd7bd5a]:nth-of-type(6),
  .smallgamePart .swiper-container-sgame .swiper-wrapper .swiper-slide[data-v-bdd7bd5a]:nth-of-type(9),
  .smallgamePart .swiper-container-sgame .swiper-wrapper .swiper-slide[data-v-bdd7bd5a]:nth-of-type(3n + 12),
  .smallgamePart .swiper-container-sgame .swiper-wrapper .swiper-slide[data-v-bdd7bd5a]:nth-of-type(6n + 12),
  .smallgamePart .swiper-container-sgame .swiper-wrapper .swiper-slide[data-v-bdd7bd5a]:nth-of-type(9n + 12) {
    margin-right: 16px !important;
}
.smallgamePart .swiper-container-sgame .swiper-wrapper .swiper-slide[data-v-bdd7bd5a]:nth-of-type(12n) {
    margin-right: 15px !important;
}
}

.left[data-v-3e7fc596] {
  height: 100%;
  width: 616px;
  position: relative;
  margin-right: 16px;
  border-radius: 16px;
  overflow: hidden;
  flex-shrink: 0;
  opacity: 0.99;
}
.left .imgdiv[data-v-3e7fc596] {
  height: 472px;
  width: 100%;
  overflow: hidden;
  border-radius: 16px 16px 0 0;
  opacity: 0.99;
  position: relative;
}
.left .imgdiv .lazyimg[data-v-3e7fc596] {
  height: 100%;
  width: 100%;
  transition: all 0.35s linear;
}
.left .imgdiv:hover .lazyimg[data-v-3e7fc596] {
  transform: scale(1.1);
}
.left .footer[data-v-3e7fc596] {
  height: 96px;
  width: 100%;
  padding: 20px;
  box-sizing: border-box;
  text-align: left;
  background: #37384b;
  position: relative;
}
.left .footer .name[data-v-3e7fc596] {
  height: 28px;
  line-height: 28px;
  font-size: 20px;
  color: #ffffff;
  margin-bottom: 6px;
}
.left .footer .brief[data-v-3e7fc596] {
  width: 576px;
  height: 22px;
  line-height: 22px;
  font-size: 14px;
  color: #b4b4c3;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.left .footer:hover .name[data-v-3e7fc596] {
  color: #ff6f1c;
}

.right[data-v-0578d344] {
  width: 932px;
  height: 100%;
  overflow: hidden;
  position: relative;
  border-radius: 16px;
}
.right .swiper-container-topic[data-v-0578d344] {
  height: 100%;
  width: 100%;
}
.right .swiper-container-topic .swiper-wrapper[data-v-0578d344] {
  height: 100%;
}
.right .swiper-container-topic .swiper-wrapper .swiper-slide[data-v-0578d344] {
  height: 276px;
  max-width: 300px;
  margin-right: 16px;
  border-radius: 16px;
  overflow: hidden;
  opacity: 0.99;
}
.right .swiper-container-topic .swiper-wrapper .swiper-slide .top[data-v-0578d344] {
  height: 180px;
  width: 100%;
  overflow: hidden;
  border-radius: 16px 16px 0 0;
  opacity: 0.99;
  position: relative;
}
.right .swiper-container-topic .swiper-wrapper .swiper-slide .top .rimg[data-v-0578d344] {
  height: 100%;
  width: 100%;
  transition: all 0.35s linear;
}
.right .swiper-container-topic .swiper-wrapper .swiper-slide .top:hover .rimg[data-v-0578d344] {
  transform: scale(1.1);
}
.right .swiper-container-topic .swiper-wrapper .swiper-slide .bottom[data-v-0578d344] {
  height: 96px;
  width: 100%;
  padding: 20px;
  box-sizing: border-box;
  text-align: left;
  background: #37384b;
  position: relative;
}
.right .swiper-container-topic .swiper-wrapper .swiper-slide .bottom .rname[data-v-0578d344] {
  height: 28px;
  line-height: 28px;
  font-size: 20px;
  color: #ffffff;
  margin-bottom: 6px;
}
.right .swiper-container-topic .swiper-wrapper .swiper-slide .bottom .rbrief[data-v-0578d344] {
  height: 22px;
  line-height: 22px;
  font-size: 14px;
  color: #b4b4c3;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.right .swiper-container-topic .swiper-wrapper .swiper-slide .bottom:hover .rname[data-v-0578d344] {
  color: #ff6f1c;
}
@media screen and (max-width: 1732px) {
.right[data-v-0578d344] {
    width: 616px;
}
}

.topic[data-v-47abf98b] {
  height: 620px;
  width: 100%;
  position: relative;
}
.topic .cont[data-v-47abf98b] {
  height: 568px;
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.topicPart[data-v-64d21080] {
  width: 100%;
  min-height: 620px;
}
.topicPart .eachTopic[data-v-64d21080] {
  height: 620px;
  width: 100%;
  position: relative;
}

.popupPart[data-v-464b6d72] {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 99999;
  display: block;
  background-color: rgba(0, 0, 0, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
}
.popupPart .backgroud-pop[data-v-464b6d72] {
  display: block;
  width: 1200px;
  height: 700px;
  background: url('') center center no-repeat;
  background-size: 100% 100%;
  position: relative;
}
.popupPart .backgroud-pop .delete[data-v-464b6d72] {
  width: 95px;
  height: 95px;
  position: absolute;
  z-index: 10;
  right: 0;
}
.popupPart .backgroud-pop .btn[data-v-464b6d72] {
  width: 100%;
  height: 100%;
  position: absolute;
  border-radius: 24px;
  right: 0;
}
@media screen and (min-width: 1534px) and (max-width: 1734px) {
.popupPart .backgroud-pop[data-v-464b6d72] {
    width: 1100px;
    height: 600px;
    position: relative;
}
.popupPart .backgroud-pop .delete[data-v-464b6d72] {
    width: 78px;
    height: 78px;
    position: absolute;
    z-index: 10;
    right: 0;
}
.popupPart .backgroud-pop .btn[data-v-464b6d72] {
    width: 100%;
    height: 100%;
    position: absolute;
    border-radius: 24px;
    right: 0;
}
}
@media screen and (max-width: 1534px) {
.popupPart .backgroud-pop[data-v-464b6d72] {
    width: 900px;
    height: 520px;
    position: relative;
}
.popupPart .backgroud-pop .delete[data-v-464b6d72] {
    width: 70px;
    height: 70px;
    position: absolute;
    z-index: 10;
    right: 0;
}
.popupPart .backgroud-pop .btn[data-v-464b6d72] {
    width: 100%;
    height: 100%;
    position: absolute;
    border-radius: 24px;
    right: 0;
}
}

/*底部footer*/
.footer[data-v-33174c2d] {
  background: #f2f2f2;
  overflow: hidden;
  width: 100%;
}
.footer .footbox[data-v-33174c2d] {
  margin: 0 auto;
  overflow: hidden;
}
.footer .footbox a[data-v-33174c2d] {
  text-decoration: none;
}
.footer .footbox .foot_logo[data-v-33174c2d] {
  float: left;
  width: 194px;
  height: 52px;
  margin: 33px 0 0;
  background: url(https://p1.ssl.qhimg.com/t01ebb3f24d522323aa.png) no-repeat;
  text-indent: -1000px;
  overflow: hidden;
}
.footer .footbox .foot_small_logo[data-v-33174c2d] {
  float: left;
  width: 36px;
  height: 36px;
  margin: 42px 0 0 26px;
  background: url(https://p6.qhimg.com/t018495cd730d10b606.png) no-repeat;
}
.footer .footbox .foot_text[data-v-33174c2d] {
  float: right;
  margin-top: 32px;
  text-align: right;
}
.footer .footbox .foot_text p[data-v-33174c2d] {
  margin-bottom: 10px;
}
.footer .footbox .foot_text a[data-v-33174c2d],
.footer .footbox .foot_text span[data-v-33174c2d] {
  margin-left: 35px;
}
.footer .footbox .foot_text a[data-v-33174c2d],
.footer .footbox .foot_text p[data-v-33174c2d] {
  color: #333333;
}

.totop[data-v-2c880732] {
  height: 60px;
  width: 60px;
  border-radius: 50%;
  overflow: hidden;
  position: fixed;
  right: 78px;
  bottom: 40px;
  z-index: 999;
}
.totop .totopimg[data-v-2c880732] {
  display: block;
  height: 100%;
  width: 100%;
  background: url('https://p2.ssl.qhimg.com/t01c2c531f785248759.png') center center no-repeat;
}
.totop .totopimg[data-v-2c880732]:hover {
  background-image: url('https://p3.ssl.qhimg.com/t01d8e2a089c7607deb.png');
}

.ad-circle[data-v-5c11a4ac] {
  position: absolute;
  z-index: 999;
  right: 20px;
  height: 80px;
  width: 192px;
  bottom: 80px;
  background: no-repeat center;
  background-size: contain;
  cursor: pointer;
}
.ad-circle .click[data-v-5c11a4ac] {
  width: 100%;
  height: 100%;
  display: block;
}
@media screen and (max-width: 1734px) {
.ad-circle[data-v-5c11a4ac] {
    bottom: 70px;
}
}
@media screen and (min-width: 1534px) and (max-width: 1734px) {
.ad-circle[data-v-5c11a4ac] {
    bottom: 60px;
}
}
@media screen and (max-width: 1534px) {
.ad-circle[data-v-5c11a4ac] {
    bottom: 55px;
    height: 50px;
    width: 120px;
}
}

.todaygamePart[data-v-6770288f] {
  height: 80px;
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  margin-bottom: 36px;
  margin-top: 36px;
}
.todaygamePart .title[data-v-6770288f] {
  width: 33px;
  height: 100%;
  background: url(https://p2.ssl.qhimg.com/t110b9a93014a3c42be1bd0be0e.png);
  flex-shrink: 0;
}
.todaygamePart .t-btn[data-v-6770288f] {
  width: 77px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  cursor: pointer;
}
.todaygamePart .t-btn.swiper-button-disabled[data-v-6770288f] {
  cursor: not-allowed;
  opacity: 0.5;
}
.todaygamePart .t-btn.swiper-button-disabled .btn-content[data-v-6770288f] {
  cursor: not-allowed;
}
.todaygamePart .t-btn.swiper-button-disabled:hover .btn-content[data-v-6770288f] {
  background: url(https://p0.ssl.qhimg.com/t110b9a93013577b7a2dcabe8be.png) no-repeat center center;
  transform: rotate(0deg);
}
.todaygamePart .t-btn.swiper-button-disabled.right-btn:hover .btn-content[data-v-6770288f] {
  background: url(https://p0.ssl.qhimg.com/t110b9a93013577b7a2dcabe8be.png) no-repeat center center;
  transform: rotate(180deg);
}
.todaygamePart .t-btn .btn-content[data-v-6770288f] {
  width: 13px;
  height: 22px;
  background: url(https://p0.ssl.qhimg.com/t110b9a93013577b7a2dcabe8be.png) no-repeat center center;
  background-size: contain;
}
.todaygamePart .t-btn.right-btn[data-v-6770288f] {
  width: 43px;
  justify-content: flex-end;
}
.todaygamePart .t-btn.right-btn .btn-content[data-v-6770288f] {
  transform: rotate(180deg);
}
.todaygamePart .t-btn.right-btn:hover .btn-content[data-v-6770288f] {
  transform: rotate(0deg);
}
.todaygamePart .t-btn:hover .btn-content[data-v-6770288f] {
  background-image: url(https://p3.ssl.qhimg.com/t110b9a9301f49e29cb14bd3db3.png);
  transform: rotate(180deg);
}
.todaygamePart .left-btn[data-v-6770288f] {
  width: 79px;
}
.todaygamePart .right-btn[data-v-6770288f] {
  width: 79px;
}
.todaygamePart .swiper-content[data-v-6770288f] {
  height: 72px;
  flex-grow: 1;
  overflow: hidden;
  box-sizing: border-box;
}
.todaygamePart .swiper-content .swiper-container-tgame[data-v-6770288f] {
  height: 72px;
  border-radius: 16px 16px 0px 0px;
}
.todaygamePart .swiper-content .swiper-container-tgame .swiper-wrapper[data-v-6770288f] {
  height: 100%;
}
.todaygamePart .swiper-content .swiper-container-tgame .swiper-wrapper .swiper-slide[data-v-6770288f] {
  max-width: 72px;
  margin-right: 31px;
  position: relative;
  border-radius: 16px 16px 16px 16px;
  overflow: hidden;
}
.todaygamePart .swiper-content .swiper-container-tgame .swiper-wrapper .swiper-slide .lazyimg[data-v-6770288f] {
  height: 72px;
  width: 72px;
  border-radius: 20px;
  vertical-align: bottom;
}
.todaygamePart .swiper-content .swiper-container-tgame .swiper-wrapper .swiper-slide .name[data-v-6770288f] {
  height: 24px;
  line-height: 24px;
  margin-top: 10px;
  font-size: 16px;
  color: #b4b4c3;
  text-align: center;
}
.todaygamePart .swiper-content .swiper-container-tgame .swiper-wrapper .swiper-slide:hover img[data-v-6770288f] {
  scale: 1.1;
  transition: all 0.3s;
}

.yqlmPopup[data-v-0a4bc576] {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 999;
  height: 398px;
  width: 598px;
  background: #191926;
  border: 1px solid #565770;
  border-radius: 24px;
  box-shadow: 0 4px 8px 0 rgba(25, 25, 38, 0.4);
}
.yqlmPopup .popupTitle[data-v-0a4bc576] {
  margin: 12px 20px 10px;
  height: 22px;
  line-height: 22px;
  font-size: 14px;
  color: #ffffff;
  font-weight: bold;
  text-align: left;
}
.yqlmPopup .closePopup[data-v-0a4bc576] {
  height: 14px;
  width: 14px;
  position: absolute;
  top: 16px;
  right: 16px;
  background: url('//p2.ssl.qhimg.com/t01405634ed15ff1160.png') center center no-repeat;
  background-size: 100% 100%;
}
.yqlmPopup .closePopup[data-v-0a4bc576]:hover {
  background-image: url('//p3.ssl.qhimg.com/t012e701acf1f40351f.png');
}
.yqlmPopup .topSwiper[data-v-0a4bc576] {
  height: 296px;
  width: 560px;
  margin: 0px 20px;
  border-radius: 12px 12px 0px 0px;
  overflow: hidden;
}
.yqlmPopup .topSwiper .swiper-container-top[data-v-0a4bc576] {
  height: 100%;
}
.yqlmPopup .topSwiper .swiper-container-top .swiper-wrapper .swiper-slide[data-v-0a4bc576] {
  position: relative;
  height: 100%;
  max-width: 560px;
  border-radius: 12px 12px 0px 0px;
  overflow: hidden;
}
.yqlmPopup .topSwiper .swiper-container-top .swiper-wrapper .swiper-slide .topSwiperImg[data-v-0a4bc576] {
  height: 100%;
  width: 100%;
  border-radius: 12px 12px 0px 0px;
}
.yqlmPopup .bottomSwiper[data-v-0a4bc576] {
  width: 100%;
  height: 59px;
  border-radius: 0px 0px 24px 24px;
  background: url();
}
.yqlmPopup .bottomSwiper .swiper-container-bottom[data-v-0a4bc576] {
  width: 580px;
  height: 50px;
  margin: 0 9px;
}
.yqlmPopup .bottomSwiper .swiper-container-bottom .swiper-wrapper .swiper-slide[data-v-0a4bc576] {
  position: relative;
  max-width: 145px;
  height: 100%;
  border-radius: 0px 0px 16px 16px;
  overflow: hidden;
}
.yqlmPopup .bottomSwiper .swiper-container-bottom .swiper-wrapper .swiper-slide .tabname[data-v-0a4bc576] {
  height: 50px;
  line-height: 50px;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.5);
  text-align: center;
}
.yqlmPopup .bottomSwiper .swiper-container-bottom .swiper-wrapper .swiper-slide:hover .tabname[data-v-0a4bc576] {
  color: #ffffff;
}
.yqlmPopup .bottomSwiper .swiper-container-bottom .swiper-wrapper .swiper-slide.active .tabname[data-v-0a4bc576] {
  background: rgba(255, 255, 255, 0.2);
  color: #ffffff;
  font-weight: bold;
}

.rightpart[data-v-acb1263e] {
  height: 100%;
  width: 1248px;
  position: relative;
  overflow: hidden;
  border-radius: 16px;
}
.rightpart .swiper-container-groom[data-v-acb1263e] {
  height: 100%;
}
.rightpart .swiper-container-groom .swiper-wrapper[data-v-acb1263e] {
  height: 100%;
}
.rightpart .swiper-container-groom .swiper-wrapper .swiper-slide[data-v-acb1263e] {
  height: 108px;
  max-width: 300px;
  margin-right: 16px;
  padding: 14px;
  box-sizing: border-box;
  border-radius: 16px;
  position: relative;
  background: #37384b;
}
.rightpart .swiper-container-groom .swiper-wrapper .swiper-slide[data-v-acb1263e]:last-of-type,
.rightpart .swiper-container-groom .swiper-wrapper .swiper-slide[data-v-acb1263e]:nth-last-of-type(2) {
  margin-right: 0px;
}
.rightpart .swiper-container-groom .swiper-wrapper .swiper-slide:hover .rname[data-v-acb1263e] {
  color: #ff6f1c;
}
.rightpart .swiper-container-groom .swiper-wrapper .swiper-slide .rimg[data-v-acb1263e] {
  height: 80px;
  width: 80px;
  border-radius: 18px;
  float: left;
  margin-right: 14px;
}
.rightpart .swiper-container-groom .swiper-wrapper .swiper-slide .rname[data-v-acb1263e] {
  height: 28px;
  line-height: 28px;
  font-size: 20px;
  color: #ffffff;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.rightpart .swiper-container-groom .swiper-wrapper .swiper-slide .rbrief[data-v-acb1263e] {
  margin-top: 6px;
  height: 44px;
  line-height: 22px;
  font-size: 14px;
  color: #b4b4c3;
  text-align: justify;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media screen and (max-width: 1732px) {
.rightpart[data-v-acb1263e] {
    width: 932px;
}
}

.groomPart[data-v-74de490a] {
  width: 1248px;
  height: 284px;
  position: relative;
}
.groomPart .cont[data-v-74de490a] {
  width: 100%;
  height: 232px;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 1732px) {
.groomPart[data-v-74de490a] {
    width: 932px;
    height: 284px;
    position: relative;
}
.groomPart .cont[data-v-74de490a] {
    width: 100%;
    height: 232px;
    display: flex;
    justify-content: space-between;
}
}

.mainContent {
  /* width: 100vw;*/
  height: auto;
  background-color: #212130;
  min-width: 1272px;
}
.mainContent .bannerContent {
  height: auto;
  width: 100%;
  position: relative;
}
.mainContent .browserBannerContent {
  margin-top: 78px;
}
.mainContent .middleContent {
  width: 1564px;
  margin: -98px auto -20px auto;
  padding-bottom: 60px;
  padding-top: 5px;
  position: relative;
  z-index: 10;
}
.mainContent .threePart {
  width: 1564px;
  height: 100%;
  position: relative;
  display: flex;
}
.mainContent .threePart .twoPart {
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 1732px) {
.mainContent .middleContent {
    width: 1248px;
}
.mainContent .threePart {
    width: 1248px;
}
.mainContent .threePart .twoPart {
    width: 932px;
    margin-right: 16px;
}
}