#jx3-top-navi-bar {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  height: 0;
}

#jx3-top-navi-bar ~ .ie-warning {
  padding-top: 0.41667rem;
}

.download_contant {
  text-align: center;
  position: absolute;
  left: 285px;
  /*width: 2.58854rem;*/
  height: 1.7rem;
  top: 3.1rem;
  width: 60%;
  min-width: 7.28rem;
  background: url(images/bg.png) center no-repeat;
  background-size: 100%;
}

.download_register {
  position: absolute;
  width: 148px;
  height: 148px;
  top: 0.5rem;
  left: 0.2rem;
  background: url(images/register.jpg) center no-repeat;
}

.download_ios {
  position: absolute;
  width: 244px;
  height: 73px;
  top: 0.45rem;
  left: 1.3rem;
  background: url(images/btn-download_ios.png) center no-repeat;
}

.download_android {
  position: absolute;
  width: 244px;
  height: 73px;
  top: 0.97rem;
  left: 1.3rem;
  background: url(images/btn-download_android.png) center no-repeat;
}

.download_pc {
  position: absolute;
  width: 148px;
  height: 148px;
  top: 0.5rem;
  left: 2.8rem;
  background: url(images/btn-download_pc.png) center no-repeat;
}

.download_money {
  position: absolute;
  width: 148px;
  height: 148px;
  top: 0.5rem;
  left: 3.7rem;
  background: url(images/robot3.png) center no-repeat;
}

.download_gm {
  position: absolute;
  width: 480px;
  height: 190px;
  top: 0.4rem;
  left: 4.6rem;
  background: url(images/vq2.jpg) center no-repeat;
}

.download_register,
.download_android,
.download_pc,
.download_money,
.download_ios {
    transition: transform 0.3s ease; /* Add a smooth transition effect */
}

.download_register:hover {
    transform: scale(1.1); /* Increase the size on hover */
}
.download_ios:hover {
    transform: scale(1.1); /* Increase the size on hover */
}
.download_android:hover {
    transform: scale(1.1); /* Increase the size on hover */
}
.download_pc:hover {
    transform: scale(1.1); /* Increase the size on hover */
}
.download_money:hover {
    transform: scale(1.1); /* Increase the size on hover */
}


.layout-wrapper {
  left: 0;
  right: 0;
}

.layout-wrapper-container {
  position: relative;
  width: 6.25rem;
  margin: 0 auto;
  padding: 0 0.10417rem;
  z-index: 10;
}

.xfe-root-wrap {
  width: 100%;
  min-width: 7.28rem;
  background: url(images/index_bg_2560_re.jpg) center 0.3125rem no-repeat;
  background-size: cover;
}

.xfe-root {
  overflow: hidden;
  position: relative;
  background-image: url(images/bg1--2560.jpg);
  background-position: center 0.3125rem;
  background-repeat: no-repeat;
  background-size: auto 4.9rem;
}

.xfe-root .xfe-main {
  position: relative;
  overflow: hidden;
  left: 50%;
  margin-left: -5rem;
  width: 10rem;
  height: 22.1875rem;
}

.xfe-root .xfe-layer-1 {
  position: absolute;
  width: 10rem;
  height: 22.22396rem;
  top: 0;
  left: 0;
  background-size: cover;
}

.xfe-root .xfe-layer-2 {
  position: absolute;
  width: 7.07292rem;
  height: 1.09896rem;
  top: 20.23438rem;
  left: 1.46875rem;
  background-image: url(images/qrcode/qrcode_index.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.xfe-root .xfe-group-1 {
  position: absolute;
  width: 2.60417rem;
  height: 1.36979rem;
  top: 18.50521rem;
  left: 5.95313rem;
}

.xfe-root .xfe-group-2 {
  position: absolute;
  width: 2.60417rem;
  height: 0.71875rem;
  top: 0.65104rem;
  left: 0;
}

.xfe-root .xfe-layer-3 {
  position: absolute;
  width: 2.60417rem;
  height: 0.01563rem;
  top: 0.70313rem;
  left: 0;
  background-image: url(images/new_index/images/xfe-layer-3.png);
  background-size: cover;
  opacity: 0.4;
}

.xfe-root .xfe-layer-4 {
  position: absolute;
  width: 2.60417rem;
  height: 0.01563rem;
  top: 0.51563rem;
  left: 0;
  background-image: url(images/new_index/images/xfe-layer-4.png);
  background-size: cover;
  opacity: 0.4;
}

.xfe-root .xfe-layer-5 {
  position: absolute;
  width: 2.60417rem;
  height: 0.01563rem;
  top: 0.33854rem;
  left: 0;
  background-image: url(images/new_index/images/xfe-layer-5.png);
  background-size: cover;
  opacity: 0.4;
}

.xfe-root .xfe-layer-6 {
  position: absolute;
  width: 2.60417rem;
  height: 0.01563rem;
  top: 0.16667rem;
  left: 0;
  background-image: url(images/new_index/images/xfe-layer-6.png);
  background-size: cover;
  opacity: 0.4;
}

.xfe-root .xfe-layer-7 {
  position: absolute;
  width: 2.60417rem;
  height: 0.01563rem;
  top: 0;
  left: 0;
  background-image: url(images/new_index/images/xfe-layer-7.png);
  background-size: cover;
  opacity: 0.4;
}

.xfe-root .xfe-layer-8 {
  position: absolute;
  width: 1.24479rem;
  height: 0.09896rem;
  top: 0.55208rem;
  left: 0.01563rem;
  background-image: url(images/new_index/images/xfe-layer-8.png);
  background-size: cover;
  opacity: 0.8;
}

.xfe-root .xfe-layer-9 {
  position: absolute;
  width: 0.48958rem;
  height: 0.09375rem;
  top: 0.71875rem;
  left: 0.01563rem;
  background-image: url(images/new_index/images/xfe-layer-9.png);
  background-size: cover;
  opacity: 0.8;
}

.xfe-root .xfe-layer-10 {
  position: absolute;
  width: 1.17188rem;
  height: 0.09375rem;
  top: 0.89062rem;
  left: 0.01042rem;
  background-image: url(images/new_index/images/xfe-layer-10.png);
  background-size: cover;
  opacity: 0.8;
}

.xfe-root .xfe-layer-11 {
  position: absolute;
  width: 0.80208rem;
  height: 0.09375rem;
  top: 1.06771rem;
  left: 0.01042rem;
  background-image: url(images/new_index/images/xfe-layer-11.png);
  background-size: cover;
  opacity: 0.8;
}

.xfe-root .xfe-layer-12 {
  position: absolute;
  width: 2.39583rem;
  height: 0.09896rem;
  top: 1.24479rem;
  left: 0.01042rem;
  background-image: url(images/new_index/images/xfe-layer-12.png);
  background-size: cover;
  opacity: 0.8;
}

.xfe-root .xfe-group-3 {
  position: absolute;
  width: 2.59896rem;
  height: 1.10938rem;
  top: 0.26042rem;
  left: 1px;
}

.xfe-root .xfe-layer-13 {
  position: absolute;
  width: 2.59896rem;
  height: 1.10938rem;
  top: 0;
  left: 0;
  background-image: url(images/new_index/images/xfe-layer-13.png);
  background-size: cover;
}

.xfe-root .xfe-layer-14 {
  position: absolute;
  width: 0.66146rem;
  height: 0.22396rem;
  top: 0;
  left: 0.64583rem;
  background-image: url(images/new_index/images/xfe-layer-14.png);
  background-size: cover;
  opacity: 0.10196078431372549;
}

.xfe-root .xfe-layer-15 {
  position: absolute;
  width: 0.66146rem;
  height: 0.22396rem;
  top: 0;
  left: 1.29167rem;
  background-image: url(images/new_index/images/xfe-layer-15.png);
  background-size: cover;
  opacity: 0.10196078431372549;
}

.xfe-root .xfe-layer-16 {
  position: absolute;
  width: 0.66146rem;
  height: 0.22396rem;
  top: 0;
  left: 1.9375rem;
  background-image: url(images/new_index/images/xfe-layer-16.png);
  background-size: cover;
  opacity: 0.10196078431372549;
}

.xfe-root .xfe-layer-17 {
  position: absolute;
  width: 0.66146rem;
  height: 0.21875rem;
  top: 1px;
  left: 0;
  background-image: url(images/new_index/images/xfe-layer-17.png);
  background-size: cover;
  opacity: 0.4;
}

.xfe-root .xfe-layer-18 {
  position: absolute;
  width: 0.38021rem;
  height: 0.09375rem;
  top: 0.07292rem;
  left: 0.11458rem;
  background-image: url(images/new_index/images/xfe-layer-18.png);
  background-size: cover;
}

.xfe-root .xfe-layer-19 {
  position: absolute;
  width: 0.38021rem;
  height: 0.09375rem;
  top: 0.06771rem;
  left: 0.76042rem;
  background-image: url(images/new_index/images/xfe-layer-19.png);
  background-size: cover;
  opacity: 0.8;
}

.xfe-root .xfe-layer-20 {
  position: absolute;
  width: 0.38021rem;
  height: 0.09375rem;
  top: 0.06771rem;
  left: 1.40625rem;
  background-image: url(images/new_index/images/xfe-layer-20.png);
  background-size: cover;
  opacity: 0.8;
}

.xfe-root .xfe-layer-21 {
  position: absolute;
  width: 0.3125rem;
  height: 0.09375rem;
  top: 0.06771rem;
  left: 2.09896rem;
  background-image: url(images/new_index/images/xfe-layer-21.png);
  background-size: cover;
  opacity: 0.8;
}

.xfe-root .xfe-group-4 {
  position: absolute;
  width: 1.52083rem;
  height: 0.1875rem;
  top: 0;
  left: 1px;
}

.xfe-root .xfe-layer-22 {
  position: absolute;
  width: 0.26042rem;
  height: 0.08854rem;
  top: 0.03646rem;
  left: 0.75521rem;
  background-image: url(images/new_index/images/xfe-layer-22.png);
  background-size: cover;
  opacity: 0.8;
}

.xfe-root .xfe-layer-23 {
  position: absolute;
  width: 0.26042rem;
  height: 0.08854rem;
  top: 0.03646rem;
  left: 1.25521rem;
  background-image: url(images/new_index/images/xfe-layer-23.png);
  background-size: cover;
}

.xfe-root .xfe-group-5 {
  position: absolute;
  width: 0.26042rem;
  height: 0.04688rem;
  top: 0.14063rem;
  left: 1.25521rem;
}

.xfe-root .xfe-layer-24 {
  position: absolute;
  width: 0.26042rem;
  height: 0.04688rem;
  top: 0;
  left: 0;
  background-image: url(images/new_index/images/xfe-layer-24.png);
  background-size: cover;
}

.xfe-root .xfe-layer-25 {
  position: absolute;
  width: 0.78125rem;
  height: 0.02083rem;
  top: 0.13542rem;
  left: 0.73958rem;
  background-image: url(images/new_index/images/xfe-layer-25.png);
  background-size: cover;
  opacity: 0.4;
}

.xfe-root .xfe-group-6 {
  position: absolute;
  width: 0.57292rem;
  height: 0.15104rem;
  top: 0;
  left: 0;
}

.xfe-root .xfe-layer-26 {
  position: absolute;
  width: 0.51563rem;
  height: 0.125rem;
  left: 0.05729rem;
  font-size: 0.125rem;
  line-height: 0.125rem;
  color: #31505c;
}

.xfe-root .xfe-layer-27 {
  position: absolute;
  width: 0.024rem;
  height: 0.12rem;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  background-color: #31505c;
}

.xfe-root .xfe-group-7 {
  position: absolute;
  width: 4.28125rem;
  height: 1.36979rem;
  top: 18.50521rem;
  left: 1.45313rem;
}

.xfe-root .xfe-group-8 {
  position: absolute;
  width: 2.40104rem;
  height: 1.09375rem;
  top: 0.27083rem;
  left: 1.95313rem;
}

.xfe-root .xfe-layer-28 {
  position: absolute;
  width: 2.40104rem;
  height: 1.099375rem;
  top: -1px;
  left: -11px;
  background-image: url(images/new_index/images/xfe-layer-32.png);
  background-size: 100% 100%;
}

.xfe-root .xfe-group-9 {
  position: absolute;
  width: 2.35417rem;
  height: 0.80729rem;
  top: 0.26042rem;
  left: 0.02083rem;
}

.xfe-root .xfe-layer-29 {
  position: absolute;
  width: 1.73438rem;
  height: 0.83333rem;
  top: 0;
  left: 0;
  background-image: url(images/new_index/images/xfe-layer-29.png);
  background-size: cover;
}

.xfe-root .xfe-layer-30 {
  position: absolute;
  width: 0.52083rem;
  height: 0.79688rem;
  top: 0.04688rem;
  left: 1.8125rem;
  background-image: url(images/new_index/images/xfe-layer-30.png);
  background-size: cover;
}

.xfe-root .xfe-layer-31 {
  position: absolute;
  width: 0.38542rem;
  top: 0.03646rem;
  left: 0.05729rem;
  font-size: 0.09375rem;
  background-size: cover;
  font-weight: bold;
  color: #aa2713;
}

.xfe-root .xfe-group-10 {
  position: absolute;
  width: 1.80729rem;
  height: 1.10938rem;
  top: 0.26042rem;
  left: 0;
}

.xfe-root .xfe-layer-32 {
  position: absolute;
  width: 1.80729rem;
  height: 1.10938rem;
  top: 0;
  left: 0;
  background-image: url(images/new_index/images/xfe-layer-32.png);
  background-size: 100% 100%;
}

.xfe-root .xfe-layer-33 {
  position: absolute;
  height: 0.22396rem;
  top: 1px;
  left: 0;
}

.xfe-root .xfe-group-11 {
  position: absolute;
  width: 1.27083rem;
  height: 0.61979rem;
  top: 0.33333rem;
  left: 0.08854rem;
  opacity: 0.7019607843137254;
}

.xfe-root .xfe-layer-34 {
  position: absolute;
  width: 0.33333rem;
  height: 0.09375rem;
  top: 0;
  left: 0;
  background-image: url(images/new_index/images/xfe-layer-34.png);
  background-size: cover;
}

.xfe-root .xfe-layer-35 {
  position: absolute;
  width: 1.27083rem;
  height: 0.23438rem;
  top: 0.38542rem;
  left: 0;
  background-image: url(images/new_index/images/xfe-layer-35.png);
  background-size: cover;
}

.xfe-root .xfe-layer-36 {
  position: absolute;
  width: 0.93229rem;
  height: 0.125rem;
  top: 0.16667rem;
  left: 0;
  background-image: url(images/new_index/images/xfe-layer-36.png);
  background-size: cover;
}

.xfe-root .xfe-layer-37 {
  position: absolute;
  width: 0.38021rem;
  height: 0.09375rem;
  top: 0.07292rem;
  left: 0.27083rem;
  background-image: url(images/new_index/images/xfe-layer-37.png);
  background-size: cover;
}

.xfe-root .xfe-layer-38 {
  position: absolute;
  width: 0.38542rem;
  height: 0.09375rem;
  top: 0.06771rem;
  left: 1.16146rem;
  background-image: url(images/new_index/images/xfe-layer-38.png);
  background-size: cover;
  opacity: 0.8;
}

.xfe-root .xfe-group-12 {
  position: absolute;
  width: 0.63021rem;
  height: 0.15104rem;
  top: 0;
  left: 0;
}

.xfe-root .xfe-layer-39 {
  position: absolute;
  width: 0.57813rem;
  height: 0.125rem;
  left: 0.05208rem;
  font-size: 0.125rem;
  line-height: 0.125rem;
}

.xfe-root .xfe-layer-40 {
  position: absolute;
  width: 0.024rem;
  height: 0.12rem;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  background-color: #31505c;
}

.xfe-root .xfe-layer-41 {
  /*position: absolute;*/
  /*left: 50%;*/
  /*margin-left: -6.66667rem;*/
  /*width: 13.33333rem;*/
  height: 3.95833rem;
  top: 14.23958rem;
  background-image: url(images/roles_bg_2560.jpg);
  background-size: cover;
}

.xfe-root .xfe-group-13 {
  position: absolute;
  width: 10.01563rem;
  height: 2.51563rem;
  top: 11.72917rem;
  left: -0.01042rem;
}

.xfe-root .xfe-layer-42 {
  position: absolute;
  width: 10.01563rem;
  height: 2.51563rem;
  top: 0;
  left: 0;
  background-image: url(images/new_index/images/xfe-layer-42.png);
  background-size: cover;
}

.xfe-root .xfe-layer-44 {
  position: absolute;
  width: 1.35938rem;
  height: 1.46354rem;
  top: 0.74479rem;
  left: 7.19271rem;
  background-image: url(images/new_index/images/xfe-layer-44.png);
  background-size: cover;
}

.xfe-root .xfe-layer-45 {
  position: absolute;
  width: 1.35938rem;
  height: 1.46354rem;
  top: 0.74479rem;
  left: 5.76042rem;
  background-image: url(images/new_index/images/xfe-layer-45.png);
  background-size: cover;
}

.xfe-root .xfe-layer-46 {
  position: absolute;
  width: 1.35938rem;
  height: 1.46354rem;
  top: 0.74479rem;
  left: 4.32813rem;
  background-image: url(images/new_index/images/xfe-layer-46.png);
  background-size: cover;
}

.xfe-root .xfe-layer-47 {
  position: absolute;
  width: 1.35938rem;
  height: 1.46354rem;
  top: 0.74479rem;
  left: 2.89583rem;
  background-image: url(images/new_index/images/xfe-layer-47.png);
  background-size: cover;
}

.xfe-root .xfe-group-15 {
  width: 1.36979rem;
  height: 1.47396rem;
  position: relative;
}

.xfe-root .xfe-layer-48 {
  position: absolute;
  width: 1.36979rem;
  height: 1.47396rem;
  top: 0;
  left: 0;
  background-image: url(images/new_index/images/xfe-layer-48.png);
  background-size: cover;
}

.xfe-root .xfe-layer-49 {
  position: absolute;
  width: 1.27083rem;
  height: 1.0625rem;
  top: 0.04688rem;
  left: 0.04688rem;
  overflow: hidden;
}

.xfe-root .xfe-layer-50 {
  position: absolute;
  top: 1.30208rem;
  line-height: 0.10417rem;
  height: 0.10417rem;
  left: 0.07292rem;
  font-size: 0.07292rem;
  color: #8D8D8D;
  width: 0.88542rem;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.xfe-root .xfe-layer-51 {
  position: absolute;
  width: 1.25rem;
  line-height: 0.10417rem;
  height: 0.10417rem;
  top: 1.16146rem;
  font-size: 0.09375rem;
  left: 0.0625rem;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.xfe-root .xfe-group-16 {
  position: absolute;
  width: 0.27604rem;
  height: 0.09896rem;
  top: 1.30729rem;
  left: 1.04167rem;
}

.xfe-root .xfe-layer-52 {
  position: absolute;

  width: 0.27604rem;
  height: 0.09896rem;
  top: 0;
  left: 0;
}

.xfe-root .xfe-layer-53 {
  position: absolute;
  width: 0.27604rem;
  height: 0.09896rem;
  top: 0;
  left: 0;
  background-image: url(images/link_off.png?css);
  background-size: cover;
}

.xfe-root .xfe-layer-54 {
  position: absolute;
  width: 0.13021rem;
  height: 0.0625rem;
  left: 0.05729rem;
  line-height: 0.09896rem;
  color: #fff;
  font-size: 0.0625rem;
}

.xfe-root .xfe-layer-55 {
  position: absolute;
  width: 0.04167rem;
  height: 0.05208rem;
  top: 0.02604rem;
  left: 0.19271rem;
}

.xfe-root .xfe-group-17 {
  position: absolute;
  width: 7.08333rem;
  height: 0.18229rem;
  top: 0.47917rem;
  left: 1.46875rem;
}

.xfe-root .xfe-layer-56 {
  position: absolute;
  width: 6.32292rem;
  height: 0.01042rem;
  top: 0.13542rem;
  left: 0.46875rem;
  background-image: url(images/new_index/images/xfe-layer-56.png);
  background-size: cover;
  opacity: 0.4;
}

.xfe-root .xfe-layer-57 {
  position: absolute;
  width: 0.40104rem;
  height: 0.07292rem;
  top: 0.03125rem;
  left: 0.47917rem;
  background-image: url(images/new_index/images/xfe-layer-57.png);
  background-size: cover;
  opacity: 0.8;
}

.xfe-root .xfe-layer-58 {
  position: absolute;
  width: 0.38542rem;
  height: 0.08854rem;
  top: 0.02604rem;
  left: 1.73438rem;
  background-image: url(images/new_index/images/xfe-layer-58.png);
  background-size: cover;
  opacity: 0.8;
}

.xfe-root .xfe-layer-59 {
  position: absolute;
  width: 0.44792rem;
  height: 0.08854rem;
  top: 0.02604rem;
  left: 2.35417rem;
  background-image: url(images/new_index/images/xfe-layer-59.png);
  background-size: cover;
  opacity: 0.8;
}

.xfe-root .xfe-group-18 {
  position: absolute;
  width: 0.27604rem;
  height: 0.09896rem;
  top: 0.02604rem;
  left: 6.80729rem;
}

.xfe-root .xfe-layer-60 {
  position: absolute;
  width: 0.27604rem;
  height: 0.09896rem;
  top: 0;
  left: 0;
  background-image: url(images/new_index/images/xfe-layer-60.png);
  background-size: cover;
  opacity: 0.4;
}

.xfe-root .xfe-layer-61 {
  position: absolute;
  width: 0.27604rem;
  height: 0.09896rem;
  top: 0;
  left: 0;
  background-image: url(images/new_index/images/xfe-layer-61.png);
  background-size: cover;
  opacity: 0.4;
}

.xfe-root .xfe-layer-62 {
  position: absolute;
  width: 0.125rem;
  height: 0.0625rem;
  top: 0.01563rem;
  left: 0.05729rem;
  background-image: url(images/new_index/images/xfe-layer-62.png);
  background-size: cover;
}

.xfe-root .xfe-layer-63 {
  position: absolute;
  width: 0.05208rem;
  height: 0.05208rem;
  top: 0.02083rem;
  left: 0.19271rem;
  background-image: url(images/new_index/images/xfe-layer-63.png);
  background-size: cover;
}

.xfe-root .xfe-group-19 {
  position: absolute;
  width: 0.39063rem;
  height: 0.15625rem;
  top: 0.02604rem;
  left: 1.11458rem;
}

.xfe-root .xfe-layer-64 {
  position: absolute;
  width: 0.39063rem;
  height: 0.08854rem;
  top: 0;
  left: 0;
  background-image: url(images/new_index/images/xfe-layer-64.png);
  background-size: cover;
}

.xfe-root .xfe-layer-65 {
  position: absolute;
  width: 0.38542rem;
  height: 0.04688rem;
  top: 0.10938rem;
  left: 0;
  background-image: url(images/new_index/images/xfe-layer-65.png);
  background-size: cover;
}

.xfe-root .xfe-group-20 {
  position: absolute;
  width: 0.30208rem;
  height: 0.13542rem;
  top: 0;
  left: 0;
}

.xfe-root .xfe-layer-66 {
  position: absolute;
  width: 0.3125rem;
  height: 0.11979rem;
  left: 0.05729rem;
  font-size: 0.125rem;
  line-height: 0.125rem;
  color: #31505c;
}

.xfe-root .xfe-layer-67 {
  position: absolute;
  width: 0.024rem;
  height: 0.12rem;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  background-color: #31505c;
}

.xfe-root .xfe-group-21 {
  position: absolute;
  width: 10.00521rem;
  height: 2.92188rem;
  top: 9.094rem;
  left: -1px;
}

.xfe-root .xfe-layer-68 {
  position: absolute;
  width: 10.00521rem;
  height: 2.92188rem;
  top: 0;
  left: 0;
  background-image: url(images/new_index/images/xfe-layer-68.png);
  background-size: cover;
  opacity: 0.10196078431372549;
}

.xfe-root .xfe-layer-69 {
  position: absolute;
  width: 0.26563rem;
  height: 0.08854rem;
  top: 2.56771rem;
  left: 7.17188rem;
  background-image: url(images/new_index/images/xfe-layer-69.png);
  background-size: cover;
}

.xfe-root .xfe-layer-70 {
  position: absolute;
  width: 2.58854rem;
  height: 0.94271rem;
  top: 1.61458rem;
  left: 5.96354rem;
  background-image: url(images/new_index/images/xfe-layer-70.png);
  background-size: cover;
}

.xfe-root .xfe-group-22 {
  position: relative;
  width: 2.58854rem;
  height: 0.94271rem;
}

.xfe-root .xfe-layer-71 {
  position: absolute;
  width: 2.58854rem;
  height: 0.94271rem;
  top: 0;
  left: 0;
  background-image: url(images/new_index/images/xfe-layer-71.png);
  background-size: cover;
}

.xfe-root .xfe-layer-72 {
  position: absolute;
  width: 1.33854rem;
  height: 0.94271rem;
  overflow: hidden;
}

.xfe-root .xfe-layer-73 {
  position: absolute;
  width: 1.05208rem;
  top: 0.43229rem;
  left: 1.43229rem;
  font-size: 0.0625rem;
  height: 0.20833rem;
  line-height: 0.10417rem;
  color: #909090;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.xfe-root .xfe-layer-74 {
  position: absolute;
  width: 1.04167rem;
  height: 1px;
  top: 0.39063rem;
  left: 1.4375rem;
  background-image: url(images/new_index/images/xfe-layer-74.png);
  background-size: cover;
  opacity: 0.30196078431372547;
}

.xfe-root .xfe-layer-75 {
  position: absolute;
  top: 0.26042rem;
  width: 0.52083rem;
  color: #6AA6B8;
  height: 0.10417rem;
  font-size: 0.07292rem;
  left: 1.43229rem;
}

.xfe-root .xfe-layer-76 {
  position: absolute;
  font-size: 0.08333rem;
  height: 0.10417rem;
  top: 0.13021rem;
  width: 1.04167rem;
  line-height: 0.10417rem;
  left: 1.43229rem;
  font-weight: bold;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.xfe-root .xfe-layer-77 {
  position: absolute;
  height: 0.21354rem;
  top: 0.69792rem;
  left: 1.43229rem;
}

.xfe-root .xfe-layer-78 {
  width: 0.27604rem;
  height: 0.09896rem;
  font-size: 0.0625rem;
  line-height: 0.09896rem;
  position: absolute;
  margin-top: 0.01042rem;
  color: #fff;
  text-indent: 0.04688rem;
  background-image: url(images/link_off.png?css);
  background-size: cover;
  float: right;
  right: 0.05208rem;
  bottom: 0.09375rem;
}

.xfe-root .xfe-group-23 {
  position: absolute;
  width: 2.58854rem;
  height: 0.18229rem;
  top: 0.31771rem;
  left: 5.95313rem;
}

.xfe-root .xfe-layer-79 {
  position: absolute;
  width: 1.66146rem;
  height: 0.02083rem;
  top: 0.13021rem;
  left: 0.65104rem;
  background-image: url(images/new_index/images/xfe-layer-79.png);
  background-size: cover;
  opacity: 0.4;
}

.xfe-root .xfe-layer-80 {
  position: absolute;
  width: 0.16667rem;
  height: 0.07813rem;
  top: 0.02604rem;
  left: 0.66667rem;
  background-image: url(images/new_index/images/xfe-layer-80.png);
  background-size: cover;
}

.xfe-root .xfe-layer-81 {
  position: absolute;
  width: 0.15625rem;
  height: 0.07813rem;
  top: 0.02604rem;
  left: 2.08333rem;
  background-image: url(images/new_index/images/xfe-layer-81.png);
  background-size: cover;
}

.xfe-root .xfe-layer-82 {
  position: absolute;
  width: 0.16667rem;
  height: 0.07813rem;
  top: 0.02604rem;
  left: 0.90104rem;
  background-image: url(images/new_index/images/xfe-layer-82.png);
  background-size: cover;
}

.xfe-root .xfe-layer-83 {
  position: absolute;
  width: 0.16667rem;
  height: 0.07813rem;
  top: 0.02604rem;
  left: 1.13542rem;
  background-image: url(images/new_index/images/xfe-layer-83.png);
  background-size: cover;
}

.xfe-root .xfe-layer-84 {
  position: absolute;
  width: 0.16146rem;
  height: 0.07813rem;
  top: 0.02604rem;
  left: 1.36979rem;
  background-image: url(images/new_index/images/xfe-layer-84.png);
  background-size: cover;
}

.xfe-root .xfe-layer-85 {
  position: absolute;
  width: 0.16667rem;
  height: 0.08333rem;
  top: 0.02083rem;
  left: 1.84896rem;
  background-image: url(images/new_index/images/xfe-layer-85.png);
  background-size: cover;
}

.xfe-root .xfe-group-24 {
  position: absolute;
  width: 0.28646rem;
  height: 0.11458rem;
  top: 0.01563rem;
  left: 2.30208rem;
}

.xfe-root .xfe-group-25 {
  position: absolute;
  width: 0.28646rem;
  height: 0.11458rem;
  top: 0;
  left: 0;
}

.xfe-root .xfe-layer-86 {
  position: absolute;
  width: 0.28646rem;
  height: 0.11458rem;
  top: 0;
  left: 0;
  background-image: url(images/new_index/images/xfe-layer-86.png);
  background-size: cover;
  opacity: 0.4;
}

.xfe-root .xfe-layer-87 {
  position: absolute;
  width: 0.28646rem;
  height: 0.11458rem;
  top: 0;
  left: 0;
  background-image: url(images/new_index/images/xfe-layer-87.png);
  background-size: cover;
  opacity: 0.4;
}

.xfe-root .xfe-layer-88 {
  position: absolute;
  width: 0.05208rem;
  height: 0.05208rem;
  top: 0.03125rem;
  left: 0.19792rem;
  background-image: url(images/new_index/images/xfe-layer-88.png);
  background-size: cover;
}

.xfe-root .xfe-layer-89 {
  position: absolute;
  width: 0.125rem;
  height: 0.0625rem;
  top: 0.02604rem;
  left: 0.0625rem;
  background-image: url(images/new_index/images/xfe-layer-89.png);
  background-size: cover;
}

.xfe-root .xfe-group-26 {
  position: absolute;
  width: 0.20833rem;
  height: 0.15625rem;
  top: 0.02604rem;
  left: 1.58854rem;
}

.xfe-root .xfe-layer-90 {
  position: absolute;
  width: 0.20833rem;
  height: 0.04688rem;
  top: 0.10938rem;
  left: 0;
  background-image: url(images/new_index/images/xfe-layer-90.png);
  background-size: cover;
}

.xfe-root .xfe-layer-91 {
  position: absolute;
  width: 0.16667rem;
  height: 0.08333rem;
  top: 0;
  left: 0.01563rem;
  background-image: url(images/new_index/images/xfe-layer-91.png);
  background-size: cover;
}

.xfe-root .xfe-group-27 {
  position: absolute;
  width: 0.57813rem;
  height: 0.13542rem;
  top: 0;
  left: 0;
}

.xfe-root .xfe-layer-92 {
  position: absolute;
  width: 0.52083rem;
  height: 0.125rem;
  left: 0.05729rem;
  font-size: 0.125rem;
  line-height: 0.125rem;
  color: #31505c;
}

.xfe-root .xfe-layer-93 {
  position: absolute;
  width: 0.024rem;
  height: 0.12rem;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  background-color: #31505c;
}

.xfe-root .xfe-group-28 {
  position: absolute;
  width: 4.28125rem;
  height: 2.25rem;
  top: 9.42rem;
  left: 1.45313rem;
}

.xfe-root .xfe-group-29 {
  position: absolute;
  width: 4.27604rem;
  height: 1.98438rem;
  top: 0.284rem;
  left: 0;
}

.xfe-root .xfe-layer-94 {
  position: absolute;
  width: 1.01042rem;
  height: 0.94271rem;
  top: 1.04167rem;
  left: 3.26563rem;
  background-image: url(images/new_index/images/xfe-layer-94.png);
  background-size: cover;
}

.xfe-root .xfe-layer-95 {
  position: absolute;
  width: 1.01042rem;
  height: 0.94271rem;
  top: 1.04167rem;
  left: 2.17708rem;
  background-image: url(images/new_index/images/xfe-layer-95.png);
  background-size: cover;
}

.xfe-root .xfe-layer-96 {
  position: absolute;
  width: 1.01042rem;
  height: 0.94271rem;
  top: 1.04167rem;
  left: 1.08854rem;
  background-image: url(images/new_index/images/xfe-layer-96.png);
  background-size: cover;
}

.xfe-root .xfe-layer-97 {
  position: absolute;
  width: 1.01042rem;

  height: 0.94271rem;
  top: 1.04167rem;
  left: 0;
  background-image: url(images/new_index/images/xfe-layer-97.png);
  background-size: cover;
}

.xfe-root .xfe-layer-98 {
  position: absolute;
  width: 1.01042rem;
  height: 0.94271rem;
  top: 0;
  left: 3.26563rem;
  background-image: url(images/new_index/images/xfe-layer-98.png);
  background-size: cover;
}

.xfe-root .xfe-layer-99 {
  position: absolute;
  width: 1.01042rem;
  height: 0.94271rem;
  top: 0;
  left: 2.17708rem;
  background-image: url(images/new_index/images/xfe-layer-99.png);
  background-size: cover;
}

.xfe-root .xfe-layer-100 {
  position: absolute;
  width: 1.01042rem;
  height: 0.94271rem;
  top: 0;
  left: 1.08854rem;
  background-image: url(images/new_index/images/xfe-layer-100.png);
  background-size: cover;
}

.xfe-root .xfe-group-30 {
  position: relative;
  width: 1.01042rem;
  height: 0.9492rem;
  top: 0;
  left: 0;
}

.xfe-root .xfe-layer-101 {
  position: relative;
  font-size: 0.0625rem;
  height: 0.0625rem;
  float: right;
  color: #6E7374;
}

.xfe-root .xfe-group-31 {
  position: relative;
  width: 0.07813rem;
  height: 0.07813rem;
  float: right;
}

.xfe-root .xfe-layer-102 {
  position: absolute;
  width: 0.07813rem;
  height: 0.07813rem;
  top: 0;
  left: 0;
  background-image: url(images/new_index/images/xfe-layer-102.png);
  background-size: cover;
  opacity: 0.4;
}

.xfe-root .xfe-layer-103 {
  position: absolute;
  width: 0.04167rem;
  height: 0.04688rem;
  top: 1px;
  left: 0.03125rem;
  background-image: url(images/new_index/images/xfe-layer-103.png);
  background-size: cover;
}

.xfe-root .xfe-layer-104 {
  position: absolute;
  height: 0.0625rem;
  top: 0.86979rem;
  font-size: 0.0625rem;
  left: 0.14063rem;
}

.xfe-root .xfe-group-32 {
  position: absolute;
  width: 0.08854rem;
  height: 0.07813rem;
  top: 0.86979rem;
  left: 0.04688rem;
}

.xfe-root .xfe-layer-105 {
  position: absolute;
  width: 0.08854rem;
  height: 0.07813rem;
  top: 0;
  left: 0;
  background-image: url(images/new_index/images/xfe-layer-105.png);
  background-size: cover;
  opacity: 0.4;
}

.xfe-root .xfe-layer-106 {
  position: absolute;
  width: 0.04688rem;
  height: 0.05729rem;
  top: 0.01042rem;
  left: 0.02604rem;
  background-image: url(images/new_index/images/xfe-layer-106.png);
  background-size: cover;
}

.xfe-root .xfe-layer-107 {
  font-size: 0.07292rem;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: -webkit-box;
  line-height: 0.10417rem;
  height: 0.20833rem;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 0.9375rem;
  margin: 0 auto;
  margin-top: 0.02604rem;
}

.xfe-root .xfe-layer-108 {
  width: 1.01042rem;
  height: 0.57813rem;
  overflow: hidden;
}

.xfe-root .xfe-group-33 {
  position: absolute;
  width: 4.28125rem;
  height: 0.19271rem;
  top: 0;
  left: 0;
}

.xfe-root .xfe-layer-109 {
  position: absolute;
  width: 0.17188rem;
  height: 0.08854rem;
  top: 0.03646rem;
  left: 0.75521rem;
  background-image: url(images/new_index/images/xfe-layer-109.png);
  background-size: cover;
}

.xfe-root .xfe-layer-110 {
  position: absolute;
  width: 0.17188rem;
  height: 0.08854rem;
  top: 0.03646rem;
  left: 1.57813rem;
  background-image: url(images/new_index/images/xfe-layer-110.png);
  background-size: cover;
}

.xfe-root .xfe-layer-111 {
  position: absolute;
  width: 0.43229rem;
  height: 0.08854rem;
  top: 0.03125rem;
  left: 1.98958rem;
  background-image: url(images/new_index/images/xfe-layer-111.png);
  background-size: cover;
}

.xfe-root .xfe-layer-112 {
  position: absolute;
  width: 3.54167rem;
  height: 0.02083rem;
  top: 0.14063rem;
  left: 0.73958rem;
  background-image: url(images/new_index/images/xfe-layer-112.png);
  background-size: cover;
  opacity: 0.4;
}

.xfe-root .xfe-group-34 {
  position: absolute;
  width: 0.20833rem;
  height: 0.15625rem;
  top: 0.03646rem;
  left: 1.15625rem;
}

.xfe-root .xfe-layer-113 {
  position: absolute;
  width: 0.17188rem;
  height: 0.08854rem;
  top: 0;
  left: 0.01042rem;
  background-image: url(images/new_index/images/xfe-layer-113.png);
  background-size: cover;
}

.xfe-root .xfe-layer-114 {
  position: absolute;
  width: 0.20833rem;
  height: 0.04688rem;
  top: 0.10938rem;
  left: 0;
  background-image: url(images/new_index/images/xfe-layer-114.png);
  background-size: cover;
}

.xfe-root .xfe-group-35 {
  position: absolute;
  width: 0.57813rem;
  height: 0.15104rem;
  top: 0;
  left: 0;
}

.xfe-root .xfe-layer-115 {
  position: absolute;
  width: 0.52083rem;
  height: 0.125rem;
  top: 1px;
  left: 0.05729rem;
  font-size: 0.125rem;
  line-height: 0.125rem;
  color: #31505c;
}

.xfe-root .xfe-layer-116 {
  position: absolute;
  width: 0.024rem;
  height: 0.12rem;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  background-color: #31505c;
}

.xfe-root .xfe-group-36 {
  position: absolute;
  width: 7.08854rem;
  height: 1.38542rem;
  top: 7.36458rem;
  left: 1.45833rem;
}

.xfe-root .xfe-layer-117 {
  position: absolute;
  width: 2.70833rem;
  height: 1.38021rem;
  top: 1px;
  left: 4.5rem;
}

.xfe-root .xfe-group-37 {
  position: absolute;
  width: 4.27083rem;
  height: 1.30729rem;
  top: 0;
  left: 0;
}

.xfe-root .xfe-layer-118 {
  position: absolute;
  width: 2.09896rem;
  height: 1.30729rem;
  top: 0;
  left: 0;
}

.xfe-root .xfe-layer-119 {
  position: absolute;
  width: 2.09896rem;
  height: 1.30729rem;
  top: 0;
  left: 2.17188rem;
}

.xfe-root .xfe-group-38 {
  overflow: hidden;
  position: absolute;
  width: 1.8rem;
  height: 4.29438rem;
  top: 5.3rem;
  left: 1.45313rem;
}
.xfe-root .xfe-group-381 {
  overflow: hidden;
  position: absolute;
  width: 1.8rem;
  height: 2.73438rem;
  top: 8.05rem;
  left: 1.45313rem;
}
.xfe-root .xfe-group-382 {
  overflow: hidden;
  position: absolute;
  width: 2.8rem;
  /*height: 1.73438rem;*/
  /*top: 4.95rem;*/
  left: 3.485rem;
}


/* 选项卡标题容器样式 */
.game-tab-title {
  padding: 0;
  margin-left: 496px;
  list-style: none;
  display: flex; /* 使用flex布局确保横向排列，避免浮动问题 */
  gap: 0.15rem; /* 标题之间的间距（可调整） */
  white-space: nowrap; /* 防止容器内元素换行 */
}

/* 单个标题样式 */
.game-tab-title li {
  /*padding: 0 0.2rem; !* 左右内边距，增加点击区域 *!*/
  height: 0.36rem;
  line-height: 0.36rem; /* 垂直居中 */
  cursor: pointer;
  font-size: 0.14rem;
  color: #666;
  position: relative;
  background: #f5f5f5; /* 背景色，类似layui简洁风格 */
  border-radius: 4px 4px 0 0; /* 顶部圆角 */
}

/* 激活状态样式 */
.game-tab-title li.active {
  color: #d81e06; /* 活跃色，贴近layui风格 */
  background: #fff; /* 激活时背景变白 */
  font-weight: 500;
}

/* 激活状态下划线（底部边框） */
.game-tab-title li.active span {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: #d81e06; /* 下划线颜色与活跃色一致 */
}

/* 清除可能的布局干扰 */
.game-tab-title:after {
  content: "";
  display: table;
  clear: both;
}


.game-tab-title li.active {
  color: #aa2713;
  font-weight: bold;
}

.game-tab-title li.active span {
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #aa2713;
}

/* 选项卡容器样式 */
.game-tabs-container {
  margin-top: 0.2rem;
  /*position: relative;*/
}

/* 选项卡内容样式 */
.game-tab-content {
  margin-top: 1080px;
  clear: both;
  background-color: white;
  margin-left: 670px;
  width: 1012px;
  height: 720px;
}

.tab-pane {
  display: none;
  margin-top: 20px;
}

.tab-pane.active {
  top: 20px;
  display: block;
  /*animation: fadeIn 0.3s;*/
}

/*!* 淡入动画 *!*/
/*@keyframes fadeIn {*/
/*  from { opacity: 0; }*/
/*  to { opacity: 1; }*/
/*}*/

/*!* 响应式调整 *!*/
/*@media screen and (max-width: 768px) {*/
/*  .game-tab-title li {*/
/*    padding: 0 0.1rem;*/
/*    font-size: 0.07292rem;*/
/*  }*/
/*}*/


.xfe-root .xfe-group-39 {
  position: absolute;
  width: 1.8rem;
  left: 1px;
}

.xfe-root .xfe-layer-120 {
  position: absolute;
  width: 2.59896rem;
  height: 1.73438rem;
  top: 0;
  left: 0;
  background-image: url(images/new_index/images/xfe-layer-120.png);
  background-size: cover;
  opacity: 0.8;
}

.xfe-root .xfe-layer-121 {
  width: 0.66146rem;
  height: 0.22396rem;
  top: 0;
  left: 0;
  background-image: url(images/new_index/images/xfe-layer-121.png);
  background-size: cover;
  opacity: 0.10196078431372549;
}

.xfe-root .xfe-layer-122 {
  width: 0.66146rem;
  height: 0.22396rem;
  top: 0;
  left: 0.64583rem;
  background-image: url(images/new_index/images/xfe-layer-122.png);
  background-size: cover;
}

.xfe-root .xfe-layer-123 {
  width: 0.66146rem;
  height: 0.22396rem;
  top: 0;
  left: 1.29688rem;
  background-image: url(images/new_index/images/xfe-layer-123.png);
  background-size: cover;
  opacity: 0.10196078431372549;
}

.xfe-root .xfe-layer-124 {
  width: 0.66146rem;
  height: 0.22396rem;
  top: 0;
  left: 1.94792rem;
  background-image: url(images/new_index/images/xfe-layer-124.png);
  background-size: cover;
  opacity: 0.10196078431372549;
}

.xfe-root .xfe-group-40 {
  position: absolute;
  width: 2.60417rem;
  height: 0.80729rem;
  top: 0.48438rem;
  left: 1px;
}

.xfe-root .xfe-layer-125 {
  position: absolute;
  width: 2.60417rem;
  height: 0.01563rem;
  top: 0;
  left: 0;
  background-image: url(images/new_index/images/xfe-layer-125.png);
  background-size: cover;
  opacity: 0.4;
}

.xfe-root .xfe-layer-126 {
  position: absolute;
  width: 2.60417rem;
  height: 0.01563rem;
  top: 0.20313rem;
  left: 0;
  background-image: url(images/new_index/images/xfe-layer-126.png);
  background-size: cover;
  opacity: 0.4;
}

.xfe-root .xfe-layer-127 {
  position: absolute;
  width: 2.60417rem;
  height: 0.01563rem;
  top: 0.39583rem;
  left: 0;
  background-image: url(images/new_index/images/xfe-layer-127.png);
  background-size: cover;
  opacity: 0.4;
}

.xfe-root .xfe-layer-128 {
  position: absolute;
  width: 2.60417rem;
  height: 0.01563rem;
  top: 0.59375rem;
  left: 0;
  background-image: url(images/new_index/images/xfe-layer-128.png);
  background-size: cover;
  opacity: 0.4;
}

.xfe-root .xfe-layer-129 {
  position: absolute;
  width: 2.60417rem;
  height: 0.01563rem;
  top: 0.79167rem;
  left: 0;
  background-image: url(images/new_index/images/xfe-layer-129.png);
  background-size: cover;
  opacity: 0.4;
}

.xfe-root .xfe-group-41 {
  position: absolute;
  width: 1.8rem;
  height: 1.11979rem;
  top: 0.28646rem;
  left: 0.01042rem;
}

.xfe-root .xfe-layer-130 {
  position: absolute;
  width: 1.3125rem;
  height: 0.11458rem;
  top: 0;
  left: 0.63021rem;
  background-image: url(images/new_index/images/xfe-layer-130.png);
  background-size: cover;
}

.xfe-root .xfe-layer-131 {
  position: absolute;
  width: 0.21875rem;
  height: 0.07292rem;
  top: 0.25521rem;
  left: 0;
  background-image: url(images/new_index/images/xfe-layer-131.png);
  background-size: cover;
}

.xfe-root .xfe-layer-132 {
  position: absolute;
  width: 0.21875rem;
  height: 0.07292rem;
  top: 0.44792rem;
  left: 0;
  background-image: url(images/new_index/images/xfe-layer-132.png);
  background-size: cover;
}

.xfe-root .xfe-layer-133 {
  position: absolute;

  width: 0.21875rem;
  height: 0.07292rem;
  top: 0.64583rem;
  left: 0;
  background-image: url(images/new_index/images/xfe-layer-133.png);
  background-size: cover;
}

.xfe-root .xfe-layer-134 {
  position: absolute;
  width: 0.21875rem;
  height: 0.07292rem;
  top: 0.84375rem;
  left: 0;
  background-image: url(images/new_index/images/xfe-layer-134.png);
  background-size: cover;
}

.xfe-root .xfe-layer-135 {
  position: absolute;
  width: 0.21875rem;
  height: 0.07292rem;
  top: 1.04167rem;
  left: 0;
  background-image: url(images/new_index/images/xfe-layer-135.png);
  background-size: cover;
}

.xfe-root .xfe-layer-136 {
  position: absolute;
  width: 0.96875rem;
  height: 0.07292rem;
  top: 0.25521rem;
  left: 0.30208rem;
  background-image: url(images/new_index/images/xfe-layer-136.png);
  background-size: cover;
}

.xfe-root .xfe-layer-137 {
  position: absolute;
  width: 0.20833rem;
  height: 0.0625rem;
  top: 0.26042rem;
  left: 2.36979rem;
  background-image: url(images/new_index/images/xfe-layer-137.png);
  background-size: cover;
}

.xfe-root .xfe-layer-138 {
  position: absolute;
  width: 0.20833rem;
  height: 0.0625rem;
  top: 0.45833rem;
  left: 2.36979rem;
  background-image: url(images/new_index/images/xfe-layer-138.png);
  background-size: cover;
}

.xfe-root .xfe-layer-139 {
  position: absolute;
  width: 0.20833rem;
  height: 0.0625rem;
  top: 0.65625rem;
  left: 2.36979rem;
  background-image: url(images/new_index/images/xfe-layer-139.png);
  background-size: cover;
}

.xfe-root .xfe-layer-140 {
  position: absolute;
  width: 0.20833rem;
  height: 0.0625rem;
  top: 0.85417rem;
  left: 2.36979rem;
  background-image: url(images/new_index/images/xfe-layer-140.png);
  background-size: cover;
}

.xfe-root .xfe-layer-141 {
  position: absolute;
  width: 0.20833rem;
  height: 0.0625rem;
  top: 1.05208rem;
  left: 2.36979rem;
  background-image: url(images/new_index/images/xfe-layer-141.png);
  background-size: cover;
}

.xfe-root .xfe-layer-142 {
  position: absolute;
  width: 0.6875rem;
  height: 0.07292rem;
  top: 0.44792rem;
  left: 0.30208rem;
  background-image: url(images/new_index/images/xfe-layer-142.png);
  background-size: cover;
}

.xfe-root .xfe-layer-143 {
  position: absolute;
  width: 1.21354rem;
  height: 0.07292rem;
  top: 0.64583rem;
  left: 0.30208rem;
  background-image: url(images/new_index/images/xfe-layer-143.png);
  background-size: cover;
}

.xfe-root .xfe-layer-144 {
  position: absolute;
  width: 0.6875rem;
  height: 0.07292rem;
  top: 0.84375rem;
  left: 0.30208rem;
  background-image: url(images/new_index/images/xfe-layer-144.png);
  background-size: cover;
}

.xfe-root .xfe-layer-145 {
  position: absolute;
  width: 1.34375rem;
  height: 0.07813rem;
  top: 1.04167rem;
  left: 0.29688rem;
  background-image: url(images/new_index/images/xfe-layer-145.png);
  background-size: cover;
}

.xfe-root .xfe-group-42 {
  position: absolute;
  width: 1.8rem;
  height: 0.20833rem;
  top: 3.93083rem;
  left: 0.01042rem;
  background-image: url(images/news_more_off1.png);
  background-repeat: no-repeat; /* 不平铺 */
  background-size: 100% auto; /* 宽度100%适配容器，高度按比例自动 */
  background-position: left top; /* 图片靠左上对齐（可选） */
}

.xfe-root .xfe-layer-146 {
  position: absolute;
  width: 1.8rem;
  height: 0.20833rem;
  top: 0;
  left: 0;
}

.xfe-root .xfe-group-42:hover {
  background-image: url(images/news_more_on1.png);
}

.xfe-root .xfe-layer-146:before {
  display: none;
  content: url(images/news_more_off1.png) url(images/news_more_on1.png);
}

.xfe-root .xfe-layer-147 {
  position: absolute;
  width: 0.71354rem;
  height: 0.08854rem;
  top: 0.05729rem;
  left: 0.89583rem;
  font-size: 0.08333rem;
  color: #fff;
  margin-top: -0.01042rem;
  display: none;
}

.xfe-root .xfe-layer-148 {
  position: absolute;
  width: 0.65104rem;
  height: 0.04688rem;
  top: 0.20833rem;
  left: 0.65104rem;
  background-image: url(images/new_index/images/xfe-layer-148.png);
  background-size: cover;
}

.xfe-root .xfe-layer-149 {
  position: absolute;
  width: 0.22396rem;
  height: 0.09375rem;
  top: 0.07292rem;
  left: 0.21354rem;
  background-image: url(images/new_index/images/xfe-layer-149.png);
  background-size: cover;
  opacity: 0.8;
}

.xfe-root .xfe-layer-150 {
  position: absolute;
  width: 0.1875rem;
  height: 0.09896rem;
  top: 0.06771rem;
  left: 1.52083rem;
  background-image: url(images/new_index/images/xfe-layer-150.png);
  background-size: cover;
  opacity: 0.8;
}

.xfe-root .xfe-layer-151 {
  position: absolute;
  width: 0.22396rem;
  height: 0.09375rem;
  top: 0.07292rem;
  left: 2.15104rem;
  background-image: url(images/new_index/images/xfe-layer-151.png);
  background-size: cover;
  opacity: 0.8;
}

.xfe-root .xfe-layer-152 {
  position: absolute;
  width: 0.21875rem;
  height: 0.09375rem;
  top: 0.07292rem;
  left: 0.85938rem;
  background-image: url(images/new_index/images/xfe-layer-152.png);
  background-size: cover;
}

.xfe-root .xfe-group-43 {
  /*position: absolute;*/
  width: 7rem;
  height: 2.1rem;
  /*margin-top: 10rem;*/
  left: 4.27605rem;
}
.xfe-root .xfe-group-431 {
  /*position: absolute;*/
  width: 7rem;
  height: 2.1rem;
  top: 6.5rem;
  left: 4.27605rem;
}
.xfe-root .xfe-layer-153 {
  position: absolute;
  width: 1.01042rem;
  height: 1.46354rem;
  top: 0.26563rem;
  left: 1px;
  background-image: url(images/new_index/images/xfe-layer-153.png);
  background-size: cover;
}

.xfe-root .xfe-layer-154 {
  position: absolute;
  width: 1.01042rem;
  height: 1.46354rem;
  top: 0.26563rem;
  left: 1.09375rem;
  background-image: url(images/new_index/images/xfe-layer-154.png);
  background-size: cover;
}

.xfe-root .xfe-layer-155 {
  position: absolute;
  width: 1.01042rem;
  height: 1.46354rem;
  top: 0.26563rem;
  left: 2.18229rem;
  background-image: url(images/new_index/images/xfe-layer-155.png);
  background-size: cover;
}

.xfe-root .xfe-group-44 {
  float: left;
  width: 1.01042rem;
  height: 1.47396rem;
  left: 3.26042rem;
}

.xfe-root .xfe-layer-156 {
  width: 1.02083rem;
  height: 1.47396rem;
  top: 0;
  left: 0;
  background-image: url(images/new_index/images/xfe-layer-156.png);
  background-size: cover;
}

.xfe-root .xfe-layer-157 {
  width: 1.01042rem;
  height: 1.09896rem;
}

.xfe-root .xfe-layer-158 {
  width: 0.85938rem;
  height: 0.15625rem;
  line-height: 0.15625rem;
  font-size: 0.07292rem;
  margin: 0 auto;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.xfe-root .xfe-layer-159 {
  padding: 0 0.07813rem;
  font-size: 0.0625rem;
  height: 0.13021rem;
  line-height: 0.13021rem;
  color: #2c8ba3;
}

.xfe-root .xfe-group-45 {
  position: absolute;
  width: 5.38rem;
  height: 0.18229rem;
  top: 1700px;
  left: 280px;
}

.xfe-root .xfe-group-451 {
  position: absolute;
  width: 5.38rem;
  height: 0.18229rem;
  top: 2060px;
  left: 280px;
}

.xfe-root .xfe-layer-160 {
  position: absolute;
  width: 3.26563rem;
  height: 0.02083rem;
  top: 0.13021rem;
  left: 0.73958rem;
  background-image: url(images/new_index/images/xfe-layer-160.png);
  background-size: cover;
  opacity: 0.4;
}

.xfe-root .xfe-group-46 {
  position: absolute;
  width: 0.27604rem;
  height: 0.09896rem;
  top: 0.03646rem;
  left: 4rem;
}

.xfe-root .xfe-layer-161 {
  position: absolute;
  width: 0.27604rem;
  height: 0.09896rem;
  top: 0;
  left: 0;
  background-image: url(images/new_index/images/xfe-layer-161.png);
  background-size: cover;
}

.xfe-root .xfe-layer-162 {
  position: absolute;
  width: 0.125rem;
  height: 0.0625rem;
  top: 0.01563rem;
  left: 0.05729rem;
  background-image: url(images/new_index/images/xfe-layer-162.png);
  background-size: cover;
}

.xfe-root .xfe-layer-163 {
  position: absolute;
  width: 0.05208rem;
  height: 0.05208rem;
  top: 0.02083rem;
  left: 0.19271rem;
  background-image: url(images/new_index/images/xfe-layer-163.png);
  background-size: cover;
}

.xfe-root .xfe-group-47 {
  position: absolute;
  width: 0.36458rem;
  height: 0.15104rem;
  top: 0.03125rem;
  left: 0.73958rem;
}

.xfe-root .xfe-layer-164 {
  position: absolute;
  width: 0.34896rem;
  height: 0.08333rem;
  top: 0;
  left: 1px;
  background-image: url(images/new_index/images/xfe-layer-164.png);
  background-size: cover;
}

.xfe-root .xfe-layer-165 {
  position: absolute;
  width: 0.36458rem;
  height: 0.04688rem;
  top: 0.10417rem;
  left: 0;
  background-image: url(images/new_index/images/xfe-layer-165.png);
  background-size: cover;
}

.xfe-root .xfe-layer-166 {
  position: absolute;
  width: 0.34375rem;
  height: 0.08854rem;
  top: 0.02604rem;
  left: 1.33333rem;
  background-image: url(images/new_index/images/xfe-layer-166.png);
  background-size: cover;
  opacity: 0.8;
}

.xfe-root .xfe-group-48 {
  /*position: absolute;*/
  /*width: 0.57292rem;*/
  /*height: 0.15104rem;*/
  /*top: 0;*/
  /*left: 0;*/
  margin-top: 1670px;
  clear: both;
  background-color: white;
  margin-left: 280px;
}

.xfe-root .xfe-layer-167 {
  position: absolute;
  width: 0.51563rem;
  height: 0.125rem;
  top: 1px;
  left: 0.05729rem;
  font-size: 0.125rem;
  line-height: 0.125rem;
  z-index: 1;
  color: #31505c;
}

.xfe-root .xfe-layer-168 {
  position: absolute;
  width: 0.024rem;
  height: 0.12rem;
  left: 0;
  top: 42%;
  transform: translate(0, -50%);
  background-color: #31505c;
}

.xfe-root .xfe-group-49 {
  position: absolute;
  width: 2.58854rem;
  height: 1.98958rem;
  top: 3.03646rem;
  left: 5.96354rem;
}

.xfe-root .xfe-layer-169 {
  position: absolute;
  width: 2.58854rem;
  height: 1.06771rem;
  top: 0.92188rem;
  left: 0;
}

.xfe-root .xfe-layer-170 {
  position: absolute;
  width: 0.63542rem;
  height: 0.42188rem;
  top: 0.45312rem;
  left: 1.95313rem;
  background-image: url(images/change/chg_off.png);
  background-size: cover;
}

.xfe-root .xfe-layer-170:before {
  display: none;
  content: url("images/change/chg_off.png") url("images/change/chg_on.png");
}

.xfe-root .xfe-layer-171 {
  position: absolute;
  width: 0.63542rem;
  height: 0.42188rem;
  top: 0;
  left: 1.95313rem;
  background-image: url(images/change/reg_off.png);
  background-size: cover;
}

.xfe-root .xfe-layer-171:before {
  display: none;
  content: url("images/change/reg_off.png") url("images/change/reg_on.png");
}

.xfe-root .xfe-layer-172 {
  position: absolute;
  width: 1.91667rem;
  height: 0.875rem;
  top: 0;
  left: 0;
  background-image: url(images/change/download_off.png?pc_hash=UT8DRU);
  background-size: cover;
}

.xfe-root .xfe-layer-172:before {
  display: none;
  content: url("images/change/download_off.png") url("images/change/download_on.png");
}


.xfe-root .xfe-group-50 {
  position: absolute;
  width: 4.28646rem;
  height: 1.98958rem;
  top: 3.04167rem;
  left: 1.45833rem;
}

.xfe-root .xfe-layer-173 {
  position: absolute;
  width: 4.27604rem;
  height: 1.77604rem;
  top: 0;
  left: 0;
}

.xfe-root .xfe-group-51 {
  position: absolute;
  width: 4.27083rem;
  height: 0.22396rem;
  top: 1.77083rem;
  left: 0;
}

.xfe-root .xfe-layer-174 {
  position: absolute;
  width: 0.86979rem;
  height: 0.22396rem;
  top: 0;
  left: 0;
  /*background-image: url(images/change/download_off.jpg);*/
  background-size: cover;
  opacity: 0.10196078431372549;
}

.xfe-root .xfe-layer-175 {
  position: absolute;
  width: 0.86979rem;
  height: 0.22396rem;
  top: 0;
  left: 0.85417rem;
  background-image: url(images/new_index/images/xfe-layer-175.png);
  background-size: cover;
  opacity: 0.10196078431372549;
}

.xfe-root .xfe-layer-176 {
  position: absolute;
  width: 0.86979rem;
  height: 0.22396rem;
  top: 0;
  left: 1.70833rem;
  background-image: url(images/new_index/images/xfe-layer-176.png);
  background-size: cover;
  opacity: 0.10196078431372549;
}

.xfe-root .xfe-layer-177 {
  position: absolute;
  width: 0.86979rem;
  height: 0.22396rem;
  top: 0;
  left: 3.41667rem;
  background-image: url(images/new_index/images/xfe-layer-177.png);
  background-size: cover;
  opacity: 0.10196078431372549;
}

.xfe-root .xfe-layer-178 {
  position: absolute;
  width: 0.61458rem;
  height: 0.07292rem;
  top: 0.08333rem;
  left: 0.125rem;
  background-image: url(images/new_index/images/xfe-layer-178.png);
  background-size: cover;
}

.xfe-root .xfe-layer-179 {
  position: absolute;
  width: 0.61458rem;
  height: 0.07292rem;
  top: 0.08333rem;
  left: 0.97396rem;
  background-image: url(images/new_index/images/xfe-layer-179.png);
  background-size: cover;
}

.xfe-root .xfe-layer-180 {
  position: absolute;
  width: 0.53125rem;
  height: 0.07292rem;
  top: 0.08333rem;
  left: 1.86458rem;
  background-image: url(images/new_index/images/xfe-layer-180.png);
  background-size: cover;
}

.xfe-root .xfe-layer-181 {
  position: absolute;
  width: 0.52604rem;
  height: 0.07292rem;
  top: 0.08333rem;
  left: 3.59375rem;
  background-image: url(images/new_index/images/xfe-layer-181.png);
  background-size: cover;
}

.xfe-root .xfe-group-52 {
  position: absolute;
  width: 0.85938rem;
  height: 0.21354rem;
  top: 1.77083rem;
  left: 2.56771rem;
}

.xfe-root .xfe-layer-182 {
  position: absolute;
  width: 0.85938rem;
  height: 0.21354rem;
  top: 0;
  left: 0;
  background-image: url(images/new_index/images/xfe-layer-182.png);
  background-size: cover;
}

.xfe-root .xfe-layer-183 {
  position: absolute;
  width: 0.85938rem;
  height: 0.04688rem;
  top: 0.16667rem;
  left: 0;
  background-image: url(images/new_index/images/xfe-layer-183.png);
  background-size: cover;
}

.xfe-root .xfe-layer-184 {
  position: absolute;
  width: 0.61458rem;
  height: 0.07292rem;
  top: 0.07813rem;
  left: 0.11458rem;
  background-image: url(images/new_index/images/xfe-layer-184.png);
  background-size: cover;
}

.xfe-root .xfe-layer-185 {
  position: absolute;
  width: 10.34375rem;
  height: 0.3125rem;
  top: 0.02083rem;
  left: 0;
  background-image: url(images/new_index/images/xfe-layer-185.png);
  background-size: cover;
}

.xfe-root .xfe-group-56 {
  position: absolute;
  width: 6.71354rem;
  height: 0.09896rem;
  top: 0.125rem;
  left: 1.65104rem;
}

.xfe-root .xfe-layer-224 {
  position: absolute;
  width: 0.375rem;
  height: 0.08854rem;
  top: 1px;
  left: 1.39583rem;
  background-image: url(images/new_index/images/xfe-layer-224.png);
  background-size: cover;
  opacity: 0.4;
}

.xfe-root .xfe-layer-225 {
  position: absolute;
  width: 0.33854rem;
  height: 0.08854rem;
  top: 1px;
  left: 0;
  background-image: url(images/new_index/images/xfe-layer-225.png);
  background-size: cover;
  opacity: 0.4;
}

.xfe-root .xfe-layer-226 {
  position: absolute;
  width: 0.38021rem;
  height: 0.08854rem;
  top: 1px;
  left: 2.10417rem;
  background-image: url(images/new_index/images/xfe-layer-226.png);
  background-size: cover;
  opacity: 0.4;
}

.xfe-root .xfe-layer-227 {
  position: absolute;
  width: 0.25rem;
  height: 0.08854rem;
  top: 1px;
  left: 2.875rem;
  background-image: url(images/new_index/images/xfe-layer-227.png);
  background-size: cover;
  opacity: 0.4;
}

.xfe-root .xfe-layer-228 {
  position: absolute;
  width: 0.17188rem;
  height: 0.08854rem;
  top: 1px;
  left: 3.625rem;
  background-image: url(images/new_index/images/xfe-layer-228.png);
  background-size: cover;
  opacity: 0.4;
}

.xfe-root .xfe-layer-229 {
  position: absolute;
  width: 0.38021rem;
  height: 0.09896rem;
  top: 0;
  left: 4.22396rem;
  background-image: url(images/new_index/images/xfe-layer-229.png);
  background-size: cover;
  opacity: 0.4;
}

.xfe-root .xfe-layer-230 {
  position: absolute;
  width: 0.17188rem;
  height: 0.08854rem;
  top: 1px;
  left: 5.04167rem;
  background-image: url(images/new_index/images/xfe-layer-230.png);
  background-size: cover;
  opacity: 0.4;
}

.xfe-root .xfe-layer-231 {
  position: absolute;
  width: 0.17188rem;
  height: 0.08854rem;
  top: 1px;
  left: 5.75rem;
  background-image: url(images/new_index/images/xfe-layer-231.png);
  background-size: cover;
  opacity: 0.4;
}

.xfe-root .xfe-layer-232 {
  position: absolute;
  width: 0.34375rem;
  height: 0.08854rem;
  top: 1px;
  left: 6.36979rem;
  background-image: url(images/new_index/images/xfe-layer-232.png);
  background-size: cover;
  opacity: 0.4;
}

.xfe-root .xfe-layer-233 {
  position: absolute;
  width: 0.33854rem;
  height: 0.08854rem;
  top: 0.01042rem;
  left: 0.70833rem;
  background-image: url(images/new_index/images/xfe-layer-233.png);
  background-size: cover;
  opacity: 0.4;
}

.xfe-root .xfe-group-57 {
  position: absolute;
  width: 0.89062rem;
  height: 0.48438rem;
  top: 0;
  left: 1.36458rem;
}

.xfe-root .xfe-layer-234 {
  position: absolute;
  width: 0.72396rem;
  height: 0.32813rem;
  top: 0.01042rem;
  left: 0.09375rem;
  background-image: url(images/new_index/images/xfe-layer-234.png);
  background-size: cover;
}

.xfe-root .xfe-layer-235 {
  position: absolute;
  width: 0.89062rem;
  height: 0.48438rem;
  top: 0;
  left: 0;
  background-image: url(images/new_index/images/xfe-layer-235.png);
  background-size: cover;
  opacity: 0.7019607843137254;
}

.xfe-root .xfe-layer-236 {
  position: absolute;
  width: 0.33854rem;
  height: 0.08854rem;
  top: 0.13021rem;
  left: 0.28646rem;
  background-image: url(images/new_index/images/xfe-layer-236.png);
  background-size: cover;
}

.xfe-root .xfe-layer-237 {
  position: absolute;
  width: 0.69271rem;
  height: 0.32292rem;
  top: 0;
  left: 0.10938rem;
  background-image: url(images/new_index/images/xfe-layer-237.png);
  background-size: cover;
}

p {
  margin: 0;
  padding: 0;
}

.xfe-root {
  margin-top: 50px;
}

.game_download:hover {
  background: url(images/change/download_on.png);
  background-size: cover;
}

.game_reg:hover {
  background: url(images/change/reg_on.png);
  background-size: cover;
}

.game_charge:hover {
  background: url(images/change/chg_on.png);
  background-size: cover;
}

.swiper_next {
  position: absolute;
  z-index: 10;
  width: 0.08333rem;
  font-size: 12px;
  height: 0.26rem;
  right: 2.4px;
  margin-top: 0.76rem;
  background-image: url("images/swiper_next.png");
  background-size: cover;
  cursor: pointer;
}

.swiper_prev {
  position: absolute;
  z-index: 10;
  width: 0.08333rem;
  font-size: 12px;
  height: 0.26rem;
  margin-top: 0.76rem;
  cursor: pointer;
  background-image: url("images/swiper_prev.png");
  background-size: cover;
}

.main_swiper a {
  font-size: 0.07292rem;
}

.main_swiper .swiper-wrapper img {
  display: block;
  width: 4.27283rem;
  height: 1.77604rem;
}

.main_swiper_pagination li {
  text-align: center;
  float: left;
  width: 0.85677rem;
  height: 0.22396rem;
  font-size: 0.07292rem;
  line-height: 0.22396rem;
  cursor: pointer;
  color: #4d4d4d;
  padding: 0 0.05208rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #E1EBEE;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.main_swiper_pagination .active {
  height: 0.21354rem;
  font-weight: bold;
  background-image: url(images/index_swiper_active.png);
  background-size: cover;
  color: #fff;
  background-position: center;
}

.top_nav_list_hover_line {
  width: 0.58854rem;
  height: 0.05208rem;
  background: url(images/top_nav_list_hover_line.png) center no-repeat;
  margin: 0 auto;
  position: relative;
}

@-webkit-keyframes bg_up {
  0% {
    background-position-y: 0.27604rem;
  }

  100% {
    background-position-y: bottom;
  }
}

@keyframes bg_up {
  0% {
    background-position-y: 0.27604rem;
  }

  100% {
    background-position-y: bottom;
  }
}

@-webkit-keyframes bg_down {
  0% {
    background-position-y: -0.22396rem;
  }

  100% {
    background-position-y: bottom;
  }
}

@keyframes bg_down {
  0% {
    background-position-y: -0.22396rem;
  }

  100% {
    background-position-y: bottom;
  }
}

.activity_list {
  float: left;
}

.activity_list a {
  text-decoration: none;
}

.activity_focus {
  overflow: hidden;
}

.activity_tab_bar {
  float: left;
  margin-left: 0.74479rem;
  font-size: 0.08333rem;
  height: 0.13542rem;
  line-height: 0.13542rem;
}

.activity_tab_bar li {
  cursor: pointer;
  float: left;
  margin-right: 0.23958rem;
}

.activity_tab_bar .active {
  font-weight: bold;
  color: #aa2713;
}

.activity_tab_bar .active span {
  height: 2px;
  display: block;
  width: 100%;
  background-color: #aa2713;
}

.slide_wrap {
  position: relative;
  width: 100%;
}

.slide_wrap .slide_box {
  /*position: absolute;*/
  /*margin-left: 280px;*/
  width: 100000em;
}

.activity_info_box {
  margin-top: 0.4rem;
}

.activity_info_box2 {
  margin-top: 0.12rem;
}

.activity_info_box_focus .activity_list {

  height: 1.46354rem;
  float: left;
  margin-left: 280px;
}

.activity_info_box_focus .activity_list li {
  background: #fff;
  margin-right: 0.07813rem;
  color: #000;
}

.activity_info_box_focus .link {
  width: 0.27604rem;
  height: 0.09896rem;
  line-height: 0.09896rem;
  margin-top: 0.01042rem;
  color: #fff;
  text-indent: 0.04688rem;
  background-image: url(images/link_off.png);
  background-size: cover;
  float: right;
}

.activity_info_box_focus .link:hover {
  background-image: url(images/link_on.png);
}

.activity_info_box_focus .link:before {
  display: none;
  content: url("images/link_on.png") url(images/link_off.png);
}

.activity_info_box_focus .active_img_box {
  width: 1.01042rem;
  height: 1.09896rem;
  overflow: hidden;
}

.activity_info_box_focus .active_img_box img {
  font-size: 0px;
  width: 1.01042rem;
  height: 1.09896rem;
  margin: 0;
  padding: 0;
  display: block;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.activity_info_box_focus li:hover .active_img_box img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.activity_list .last {
  margin: 0;
}

.activity_list . .news_box {
  overflow: hidden;
}

.news_tab_bar li {
  cursor: pointer;
  float: left;
  line-height: 0.22396rem;
  text-align: center;
  width: 0.63542rem;
  margin: 0 1px;
  font-size: 0.09375rem;
  height: 0.22396rem;
  background: #e3e5e8;
}

.news_tab_bar .active {
  color: #aa2713;
  font-weight: bold;
  background-image: url("images/tab_active.png");
  background-position: center bottom;
  background-size: auto 100%;
}

.news_tab_bar .active span {
  height: 0.04688rem;
  display: none;
  position: absolute;
  width: 0.64063rem;
  -webkit-animation: bg_down 0.5S ease-in-out;
  animation: bg_down 0.5S ease-in-out;
  background: url(images/arr_down.png) center bottom no-repeat;
}

.news_info_box_focus .activity_list {
  height: 1.11979rem;
  width: 1.8rem;
  float: left;
}

.news_info_box_focus .activity_list li {
  color: #000;
  border-top: 1px solid #D8E4E7;
  font-size: 0.07292rem;
  height: 0.19792rem;
  line-height: 0.19792rem;
}

.news_info_box_focus .activity_list .big_list {
  border: none !important;
  font-size: 0.11458rem;
  color: #31505c;
  font-weight: bold;
}

.news_info_box_focus .activity_list li a {
  color: #000;
  float: left;
  /*width: 1.92917rem;*/
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.news_type {
  float: left;
  color: #31505c;
}

.news_time {
  float: right;
  margin-right: 3px;
  color: #555555;
}

.video_box {
  overflow: hidden;
}

.video_tab_bar {
  float: left;
  margin-left: 0.74479rem;
  font-size: 0.08333rem;
  height: 0.13542rem;
  line-height: 0.13542rem;
}

.video_tab_bar li {
  cursor: pointer;
  float: left;
  margin-right: 0.23958rem;
}

.video_tab_bar .active {
  font-weight: bold;
  color: #aa2713;
}

.video_tab_bar .active span {
  height: 2px;
  display: block;
  width: 100%;
  background-color: #aa2713;
}

.video_info_box .activity_list {
  width: 4.35417rem;
  height: 1.98438rem;
  float: left;
}

.video_info_box_focus .activity_list li {
  float: left;
  background: #f5f8f9;
  margin-right: 0.07813rem;
  margin-bottom: 0.09375rem;
}

.video_info_box_focus .activity_list li:nth-child(4n) {
  margin: 0;
}

.video_info_box_focus .activity_list li:hover .video_text {
  color: #2C8BA3;
}

.video_time {
  margin-top: 0.05729rem;
}

.live_tab_bar {
  float: left;
  margin-left: 0.625rem;
  font-size: 0.08333rem;
  height: 0.13542rem;
  line-height: 0.13542rem;
  z-index: 100;
}

.live_tab_bar li {
  cursor: pointer;
  float: left;
  margin-right: 0.05208rem;
}

.live_tab_bar .active {
  font-weight: bold;
  color: #aa2713;
}

.live_tab_bar .active span {
  height: 2px;
  display: block;
  width: 100%;
  background-color: #aa2713;
}

.live_warpper {
  position: absolute;
  overflow: hidden;
  top: 0.6083rem;
  left: 5.94792rem;
  height: 2.04167rem;
  width: 2.58854rem;
}

.live_info_box {
  position: absolute;
}

.live_info_box_focus .activity_list {
  width: 2.58854rem;
  height: 0.94271rem;

}

.live_info_box_focus .activity_list li {
  margin-bottom: 0.09rem;
}

.live_role_icon {
  width: 0.21354rem;
  height: 0.21354rem;
  float: left;
  border-radius: 50%;
  background: #ccc;
  overflow: hidden;
  margin-right: 0.02604rem;
}

.live_role_name {
  float: left;
  font-size: 0.0625rem;
  width: 0.54688rem;
  height: 0.21354rem;
  line-height: 0.21354rem;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tongren_box {
  overflow: hidden;
}

.tongren_tab_bar {
  float: left;
  margin-left: 0.52083rem;
  font-size: 0.08333rem;
  height: 0.13542rem;
  line-height: 0.13542rem;
  z-index: 100;
}

.tongren_tab_bar li {
  cursor: pointer;
  float: left;
  margin-right: 0.20833rem;
}

.tongren_tab_bar .active {
  font-weight: bold;
  color: #aa2713;
}

.tongren_tab_bar .active span {
  height: 2px;
  display: block;
  width: 100%;
  background-color: #aa2713;
}

.tongren_info_box {
  position: absolute;
}

.tongren_warpper {
  position: absolute;
  left: 1.44792rem;
  top: 0.74479rem;
  width: 7.11458rem;
  height: 1.45833rem;
  z-index: 10;
  overflow: hidden;
}

.tongren_info_box_focus .activity_list {

  height: 1.45833rem;
}

.tongren_info_box_focus .activity_list li {
  width: 1.36979rem;
  height: 1.47396rem;
  float: left;
  margin-right: 0.0625rem;
}

.tongren_info_box_focus .activity_list li a {
  color: #000;
}

.tongren_info_box_focus .activity_list li:last-child {
  margin: 0;
}

.service_tab_bar {
  width: 1.6354rem;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.service_tab_bar li {
  float: left;
  height: 0.22396rem;
  font-size: 0.09375rem;
  line-height: 0.22396rem;
  text-align: center;
  width: 0.46875rem;
  cursor: pointer;
  position: relative;
  /*color: #505455;*/
  /*background-color: #E9F3F6;*/
}


.service_tab_bar .active {
  color: #aa2713;
  font-weight: bold;
}

.service_tab_bar .active span {
  display: block;
  /*width: 0.72917rem;*/
  width: 100%;
  margin: 0 auto;
  position: absolute;
  bottom: 2px;
  border-bottom: 2px solid #aa2713;
}

.service_warpper {
  position: absolute;
  top: 0.22396rem;
  width: 1.80729rem;
  height: 0.88542rem;
  overflow: hidden;
}

.service_info_box {
  position: absolute;
  width: 1.80729rem;
  height: 0.88542rem;
}

.service_info_box_focus .activity_list {
  width: 1.80729rem;
  height: 0.88542rem;
  font-size: 0.07292rem;
}

.service_info_box_focus .activity_list li {
  padding: 0.10417rem;
}

.ser_text {
  margin: 0;
  height: 0.13542rem;
  line-height: 0.13542rem;
  color: #5c5c5c;
}

.ser_h3 {
  font-size: 0.11458rem;
  line-height: 0.14583rem;
  color: #000;
}

.config_tab_bar {
  width: 1.04167rem;
  float: left;
  margin-left: 0.75521rem;
  font-size: 0.08333rem;
  height: 0.13542rem;
  line-height: 0.13542rem;
  z-index: 100;
}

.config_tab_bar li {
  cursor: pointer;
  font-size: 0.08333rem;
  float: left;
  margin-right: 0.22917rem;
}

.config_tab_bar .active {
  font-weight: bold;
  color: #aa2713;
}

.config_tab_bar .active span {
  height: 2px;
  display: block;
  width: 100%;
  background-color: #aa2713;
}

.config_info_box {
  position: absolute;
  width: 2.60417rem;
  height: 1.09375rem;
}

.config_warpper {
  position: absolute;
  overflow: hidden;
  width: 2.60417rem;
  height: 1.09375rem;
  top: 0.27083rem;
}

.config_warpper .activity_list {
  width: 2.60417rem;
  height: 1.09375rem;
  background-image: url(images/new_index/images/xfe-layer-32.png);
  background-size: 100% 100%;
}

.down_tab {
  overflow: hidden;
}

.down_tab ul {
  width: 100%;
  height: 0.20833rem;
  box-sizing: border-box;
  padding-left: 0.07813rem;
}

.down_tab li {
  float: left;
  /*background: #DEE7EA;*/
  width: 0.46875rem;
  height: 0.20833rem;
}

.down_tab a {
  display: block;
  height: 0.20833rem;
  line-height: 0.20833rem;
  color: #4C4F50;
  font-size: 0.08333rem;
  text-align: center;
}

.down_tab .thistab {
  height: 0.19792rem;
}

.down_tab a {

  border-bottom: 2px solid transparent;
}

.down_tab .thistab a {
  font-weight: bold;
  color: #aa2713;
  border-bottom: 2px solid #aa2713;
}

.config_txt {
  box-sizing: border-box;
  padding: 0.05813rem 0.103093rem 0;
}

.config_txt p {
  margin: 0;
  margin-left: 1px;
  font-size: 0.08333rem;
  line-height: 0.15625rem;
  color: #535353;
  /*border-bottom: 1px solid #D8E4E7;*/
}

.hb-con-wrap {
  width: 100%;
  overflow: hidden;
}

.hb-con li {
  float: left;
  overflow: hidden;
  padding: 0.05208rem 0.03125rem;
  width: 0.52083rem;
  height: 0.15625rem;
}

.hb-con li a {
  width: 0.52083rem;
  height: 0.15625rem;
}

.hb-con img {
  display: list-item;
  width: 0.39063rem;
  height: 0.13542rem;
  border: #fff solid 1px;
  -webkit-filter: grayscale(100%);
  -webkit-filter: grayscale(1);
  filter: grayscale(100%);
  -webkit-filter: gray;
  filter: gray;
}

.hb-con a:hover img {
  -webkit-filter: grayscale(0);
  -webkit-filter: grayscale(0);

  filter: grayscale(0);
  -webkit-filter: gray;
  filter: gray;
}

.adv_warpper {
  width: 2.58333rem;
  height: 1.07292rem;
  position: relative;
}

.adv_warpper:before {
  display: block;
  content: " ";
  pointer-events: none;
  position: absolute;
  left: 0;
  top: 0;
  background: url("images/ad_border_cover.png") center no-repeat;
  background-size: cover;
  z-index: 10;
  width: 100%;
  height: 100%;
}

.more_text {
  margin: 0 0.01042rem;
}

.more_info {
  margin-top: 0.01563rem;
  float: right;
  height: 0.10417rem;
  font-size: 0.07292rem;
}

.more_info li {
  float: right;
  line-height: 0.10417rem;
  color: #2C8BA3;
  -webkit-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}

.more_info:hover li {
  color: #A77B3C;
}

.more_dash {
  width: 0.11979rem;
  height: 0.10417rem;
  background: url(images/dash_off.png) center no-repeat;
}

.more_icon {
  width: 0.10417rem;
  height: 0.09896rem;
  background: url(images/more_off.png) center no-repeat;
  background-size: cover;
}

.more_info:hover .more_icon {
  -webkit-transition: all 0.4s linear 0.05s;
  -o-transition: all 0.4s linear 0.05s;
  transition: all 0.4s linear 0.05s;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  background: url(images/more_on.png) center no-repeat;
  background-size: cover;
}

.more_info:hover .more_dash {
  background: url(images/dash_on.png) center no-repeat;
}

.video_img_box img {
  display: block;
  font-size: 0;
  width: 1.01042rem;
  height: 0.57813rem;
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.video_info_box_focus .activity_list li:hover .video_img_box img {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

.live_img_box img {
  display: block;
  width: 1.33854rem;
  height: 0.94271rem;
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.live_info_box_focus .activity_list li:hover .live_img_box img {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

.tongren_img_box img {
  display: block;
  width: 1.27604rem;
  height: 1.06771rem;
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.tongren_info_box_focus .activity_list li:hover .tongren_img_box img {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

.xfe-group-16:hover .xfe-layer-52 {
  opacity: 1;
  background: url(images/link_on.png?css);
}

.xfe-layer-78:hover {
  opacity: 1;
  background: url(images/link_on.png?css);
}

.advl_text_hover {
  color: #fff;
  position: absolute;
  width: 100%;
  bottom: 0px;
  height: 0px;
  -webkit-transition: all 0.15s linear 0s;
  -o-transition: all 0.15s linear 0s;
  transition: all 0.15s linear 0s;
/ / background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
  background: url(images/advl_text_hover_bg.png);
  overflow: hidden;
}

.advl_title {
  font-size: 0.08333rem;
}

.advl_sub {
  font-size: 0.07292rem;
}

.advl_hover_warpper img {
  display: block;
  width: 2.09896rem;
  height: 1.30208rem;
}

.advl_hover_warpper:hover .advl_text_hover {
  display: block;
  position: absolute;
  bottom: 0px;
  height: 0.52083rem;
}

.advl_title {
  width: 1.25rem;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding: 0px 0.05208rem;
  margin-top: 0.23438rem;
  font-size: 0.08333rem;
}

.advl_sub {
  padding: 0.02604rem 0.05208rem;
  width: 1.65rem;
  font-size: 0.07292rem;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.advl_link {
  display: block;
  width: 1.25rem;
  height: 0.60938rem;
  float: left;
  background: #ccc;
  margin-right: 0.08333rem;
  margin-bottom: 0.07708rem;
  overflow: hidden;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.advl_link img {
  display: block;
  width: 1.25rem;
  height: 0.60938rem;
}

.advl_link:hover {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.class_14_warpper {
  width: 7.08333rem;
  height: 0.18229rem;
  margin: 0 auto;
  margin-top: 0.3125rem;
}

.class_title {
  font-size: 0.125rem;
  border-left: 0.02604rem solid #31505c;
  text-indent: 0.02604rem;
  float: left;
  color: #31505c;
}

.class_underline {
  float: left;
  width: 6.25rem;
  margin-left: 0.10417rem;
  height: 0.15625rem;
  border-bottom: 1px solid #cdd1d8;
  font-size: 0.07292rem;
}

.class_list li {
  float: left;
  font-size: 0.08333rem;
  margin: 0 0.05208rem;
  line-height: 0.18229rem;
  color: #484D51;
}

.class_list li:hover {
  font-weight: bold;
  color: #aa2713;
}

.index_qrcode_warpper {
  width: 5.97917rem;
  margin: 0 auto;
}

.index_qrcode_warpper img {
  width: 0.73438rem;
  display: block;
  float: left;
  height: 0.73438rem;
}

.i_s_qrcode_1 {
  margin-left: 0.54167rem;
}

.i_s_qrcode_2 {
  margin-left: 0.82813rem;
}

.i_s_qrcode_3 {
  margin-left: 0.82292rem;
}

.i_s_qrcode_4 {
  margin-left: 0.81771rem;
}

.index_qrcode_text_warpper {
  font-size: 0.09375rem;
  color: #000;
}

.index_qrcode_text_warpper li {
  float: left;
  width: 0.78125rem;
  text-align: center;
  margin-top: 0.04167rem;
  color: #408293;
}

.i_s_t_1 {
  margin-left: 0.75rem;
}

.i_s_t_2 {
  margin-left: 0.78125rem;
}

.i_s_t_3 {
  margin-left: 0.78125rem;
}

.i_s_t_4 {
  margin-left: 0.78125rem;
}

.qr_sub {
  font-size: 0.07292rem;
  color: #6597A4;
}

body #jx3-top-navi-bar {
  background: url(images/jx3_top_bg.jpg);
}

body #jx3-top-navi-bar a {
  color: #A1A1A1;
}

body #jx3-top-navi-bar .t-links a.hlight {
  color: #A1A1A1;
}

body #jx3-top-navi-bar .t-links a:hover,
#jx3-top-navi-bar .t-links a.active {
  color: #A1A1A1;
  background: none;
}

.xfe-group-53 {
  position: absolute;
  width: 100%;
  /*margin-left: -6.66667rem;*/
  /*left: 50%;*/
  height: 0.3125rem;
  top: 0;
  z-index: 10;
  background-image: url(images/top_nav_bg_2560.jpg);
  background-position: center;
  background-size: cover;
}

.top_nav_bar {
  width: 7.08333rem;
  /*margin: 0 auto;*/
}

.top_nav_bar li {
   display: table-cell;
            cursor: pointer;
            width: 0.882rem;
            text-align: center;
            font-size: 0.08333rem;
            color: #BDBEBE;
            line-height: 0.3125rem;
            float: left;
            /*background: url(images/nav-line.png) right center no-repeat;*/
}

.top_nav_bar li:hover {
  /*border: 0.01563rem solid transparent;*/
  /*line-height: 0.25rem;*/
  background-image: url(images/top_nav_list_hover_bg_re.png);
  background-repeat: no-repeat;
  background-position: center bottom;
  color: #fff;
  font-weight: bold;
  background-size: 100% 100%;
}

.top_nav_bar li a {
  color: #BDBEBE;
}

.top_nav_bar li:hover a {
  color: #fff;
  text-decoration: none;
}

.top_nav_drop_down {
  max-height: 0;
  overflow: hidden;
}

.top_nav_drop_down a {
  color: #000;
  text-decoration: none;
}

.top_nav_arr {
  width: 0.09375rem;
  height: 0.04688rem;
  background: url(images/top_nav_arr.png) center no-repeat;
  background-size: cover;
  margin: 0 auto;
  margin-top: -0.04688rem;
  display: none;
}

.top_nav_bar li:hover .top_nav_drop_down {
  max-height: 2.60417rem;
  -webkit-transition: max-height 0.5s ease-in;
  -o-transition: max-height 0.5s ease-in;
  transition: max-height 0.5s ease-in;
  margin-bottom: 0.07813rem;
}

.top_nav_bar li:hover .top_nav_arr {

  display: block;
}

.top_nav_bar li:hover .top_nav_hover_border {
  width: 100%;
  /*width: 0.64583rem;*/
  /*border: 0.01563rem solid transparent;*/
}

.top_nav_bar .drop_info {
  font-size: 0.08333rem;
  font-weight: normal;
  line-height: 0.09375rem;
  margin: 0.05208rem 0;
}

.top_nav_bar .drop_info:hover {
  color: #fff;
}

.drop_service_hover {
  -webkit-transition: 0.5s ease-in;
  -o-transition: 0.5s ease-in;
  transition: 0.5s ease-in;
  height: 0px;
  margin-top: 0.05208rem;
}

.drop_service_hover img {
  display: none;
}

.drop_hover:hover .drop_service_hover img {
  display: block;
  margin: 0 auto;
}

.drop_hover:hover .drop_service_hover {
  -webkit-transition: 0.5s ease-in;
  -o-transition: 0.5s ease-in;
  transition: 0.5s ease-in;
  height: 0.59rem;
}

.drop_service_tel {
  position: absolute;
  text-indent: -0.06771rem;
  width: 0;
  overflow: hidden;
  color: #fff;
  margin-top: -0.11458rem;
  height: 0.14583rem;
  line-height: 0.14583rem;
  -webkit-transition: 0.5s ease-in;
  -o-transition: 0.5s ease-in;
  transition: 0.5s ease-in;
  background: url(images/allnews/drop_service_tel.png);
  background-size: cover;
}

.drop_service_tel_num {
  display: none;
}

.drop_hover:hover .drop_service_tel {
  width: 0.72396rem;
  margin-left: -0.59896rem;
  -webkit-transition: 0.5s ease-in;
  -o-transition: 0.5s ease-in;
  transition: 0.5s ease-in;
}

.drop_hover:hover .drop_service_tel_num {
  display: block;
}

#__PUBLIC_FOOTER__ {
  height: 1.19792rem;
  background-color: #222;
}

.adv_warpper > a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}


.adv_warpper img {
  display: block;
  width: 100%;
}


.video-player-link {
  display: block;
  font-size: 0;
}


.video-player-dialog-close {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAhCAYAAABX5MJvAAAAmUlEQVR42uWY0QqAIAxF9/8/XURQD6bpvNfzYCAFutvBtrkVx30FON4HCuC6BwjyvK86sQrgC2IFSKHfvdAF0IJwgFT10oYqgB4IBcivvUxoxk4umFkfJuEhYMcWD386tbOlfEfp9ekoUsX/VBjbE9EWO4H7BB4deJ7AMyZ+duCnKF5P4JUVXmPi1Tbed+AdGN6L4l05/n/iBMYc97Fe/vBDAAAAAElFTkSuQmCC) center center no-repeat;
  -webkit-transition: -webkit-transform ease-in-out 0.3s;
  transition: -webkit-transform ease-in-out 0.3s;
  -o-transition: transform ease-in-out 0.3s;
  transition: transform ease-in-out 0.3s;
  transition: transform ease-in-out 0.3s, -webkit-transform ease-in-out 0.3s;
  right: -48px;
}

.video-player-dialog-close:focus {
  outline: none;
  border: none;
}

.video-player-dialog-close:hover {
  background-position: center center;
  opacity: 0.6;
  filter: alpha(opacity=60);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
  
      .rota { animation: 6s linear infinite; animation-name: rota; }
    @keyframes rota {
      from { transform:rotate(0deg); }
      to { transform:rotate(360deg);  }
    }
    @keyframes fadeIn {
      from { transform:rotate(0deg); }
      to { transform:rotate(360deg);  }
    }

 .arrowBtn {
            position: absolute;
            background: url(images/change/arrow.png) no-repeat;
            width: 0.135208rem;
            height: 0.185208rem;
            background-size: 100% auto;
            left: 55.1%;
            top: 0.92rem;
            z-index: 121;
        }

.index-video-btn {
            background-image: url(//jx3.xoyo.com/zt/2020/09/17/video-btn.png);
            width: 0.805208rem;
            height: 0.805208rem;
            background-size: auto 100%;
            position: absolute;
            left: 63%;
            top: 0.85rem;
            /* display: block; */
            margin-left: -0.9rem;
        }

        .index-video-btn img{
            width: 100%;
        }

    
</style>  <!--[if lt IE 9]>
  <script src="//zhcdn01.xoyo.com/xassets/lib/shim/xfe/xfe-shim.min.js"></script>
  <![endif]-->
  <script>
    if (!window.Promise) {
      document.writeln('<script src="//zhcdn01.xoyo.com/xassets/lib/es6-promise/stable/es6-promise.auto.min.js"' +
        '>' + '<' + '/' + 'script>');
    }
  </script>
  <style>
    /*����start*/
    .jx3pop-mask {
      display: none;
      position: fixed;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      background-color: rgba(0, 0, 0, 0.8);
      z-index: 900;
    }
    .jx3pop-box {
      display: none;
      position: fixed;
      left: 50%;
      top: 50%;
      width: 846px;
      height: 432px;
      margin-left: -423px;
      margin-top: -226px;
      z-index: 1000;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      -webkit-transition: all 0.6s;
      transition: all 0.6s;
      -webkit-transform: translate(0, 0) scale(1);
      transform: translate(0, 0) scale(1);
    }
    .jx3pop-box.right-hide {
      -webkit-transform: translate(100%, 0) scale(0);
      transform: translate(100%, 0) scale(0);
    }
    .jx3pop-box-close {
      position: absolute;
      right: 0;
      top: 0;
      /*TODO: �޸ĵ�����λ�����ر�����ɫ*/
      width: 70px;
      height: 130px;
      z-index: 1300;
      cursor: pointer;
    }
    .jx3pop-right-fixed {
      position: fixed;
      right: 0px;
      bottom: 60px;
      width: 90px;
      height: 347px;
      overflow: hidden;
      z-index: 1200;
      /* ����ײ��������Ļ� ������None �رվ���Block*/
      display: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
    }
    .jx3pop-right-fixed-close {
      position: absolute;
      right: 3px;
      bottom: 0;
      width: 100%;
      height: 70px;
      cursor: pointer;
    }

    .bottom-pop-fixd {
      position: fixed;
      /* ����ײ��������Ļ� ȥ�������none ������none*/
      display: none;
      width: 100%;
      min-width: 1200px;
      height: 210px;
      bottom: 0;
      left: -120%;
      z-index: 200;
    }
    .bottom-pop-box{
      width: 1200px;
      margin: 0 auto;
      position: relative;
    }
    .bottom-pop-box img{
      display: block;
      margin: 0 auto;
    }
    .bottom-pop-btn{
      position: absolute;
      bottom: 75px;
      right: 0;
      width: 70px;
      height: 40px;
      z-index: 201;
      cursor: pointer;
      /*background: url(//zhcdn01.xoyo.com/assets/lib/dialog/artDialog/skins/001/images/close.png);*/
    }
    /*����end*/
    .xfe-root-wrap {
      background: url(images/change/bg-footer.jpg) center bottom no-repeat;
      background-size: 100% 100%;
    }
    .container-box{
      left: 50%;
      margin-left: -5rem;
      overflow: hidden;
      position: relative;
    }
    .container-video{
      height: 2.92188rem;
      background-color: #dfe7ea;
    }
    .container-video .xfe-group-21{
      top: -0.01rem;
    }
    .container-video .xfe-group-28{
      top: 0.32rem;
    }
    .container-tongren{
      height: 2.51563rem;
    }
    .container-tongren .xfe-group-13 {
      top: 0;
    }
    .container-menpai {
      height: 3.95833rem;
    }
    .container-partner{
      height: 2.36979rem;
    }
    .container-partner .xfe-group-7{
      top: .3rem;
    }
    .container-partner .xfe-group-1{
      top: .3rem;
    }
    .xfe-root .xfe-layer-41{
      position: relative;
      overflow: hidden;
      top: 0;
    }
    .container-code{
      height: 1.29896rem;
    }
    .container-code .xfe-layer-2{
      top: 0;
    }
    .xfe-root .xfe-main {
      height: 9.9875rem;
    }

    .top_nav_drop_down-warpper{
      position: relative;
      z-index: 30;
    }
    .video-player-link{
      position: relative;
      z-index: 20;
    }
	
	.jx3-top-navi-bar-box {display:block !important; left: 0 !important; width: 100%; }
	#jx3-top-navi-bar { margin:0; padding:0; width:100%; height:50px; min-width: 1200px; line-height:50px; text-align:center; display:block ; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAyCAIAAADa9cwLAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyMjBFRTE4NTYxMTAxMUU5QjkyNERBQTFBRkUxRDM3NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyMjBFRTE4NjYxMTAxMUU5QjkyNERBQTFBRkUxRDM3NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjIyMEVFMTgzNjExMDExRTlCOTI0REFBMUFGRTFEMzc3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjIyMEVFMTg0NjExMDExRTlCOTI0REFBMUFGRTFEMzc3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+GtJESwAABB9JREFUeNpEllmW3SAMREFgryKf+cj+d/dshtwq8bo7Jwm2hZBqEF3//P23926tRUTdu0Zbe/HDI+9rraxLKS3anLPU0nm4rot/9y5zrVbZpR2KLrW2yic2k4U3Wvfe55hOVnrrCl0O5UdHKsiHVLZpA3/5xHFVn8q3PCdWTGRta83zQDw5dWjZYwyixxwcT/Qu+33fPIH3p6Q5X3rQzl2ixXhH1Ept73gpiAXZKYFQErHguWSXPKj6AJY910uKka3XevWLqEuHz/iNFqb6l2/0EwZUhe39vI+AATNqoLhEhkPVelE+vqjhGgI+gLqqB0WRIgFskYeQPpli1bpysRPoq6lITloeUtwiPwT3AIyRyHKIMq9JmN6wArs1+bNUfRVpn/dNHPmhTuJBvJo7EaeiYUqNBpulGffj9FURm2OM7BidBw7J4kA6EVT30K/3e/JMkdc1VKTpRDo0nQW840les7HExxQt10L7/iEl8NH08zyS9LSk3SXFEEbfrUr5J/GlEydvWdBgCs6KhnWh4haK87pvXiVE08lDRXeWYIH01d6AU9mol7XfOXLbeB+6Sj+RzOmFUUgUYtZMtxAyTsMRyXQ+2irpkC5siozVVd9Wa2kPk1BTz+kndWWxIUlFiL92gBKdhK6ZEj4o1dC6t6RPPJRy8kUK87r4kCixeGnMHMuVCN5IHwWkYJNm9Q1ZKWwlLbbuPLbOIxb6cQNGI4xjSD/ml4DeL1l5frWkTjwQUqFpQF5idIq5AXNpOMhiM01nEMGPlAeZImToOKWA5Hq1csPyJrFtsFxzSevkgWFgxA8L6cKa+fIgc8rtgBaaf+LULwnq5TBUWg7Hpro/nyc0b6y++jvIas4vEVQ1ZXPI2VxU0pxnex3ZLshG4hWmk6p8TNgA6lrutTFCAhC+IUyFRskJ57l9pOrW9QlYgWUaYhG85AQFsZnOwAAQBWhr022UtBIj8HnY4H0aT/KhPNV02Vzy9JTgOFQlHe30dTYvb2lpTFtUBFkflLWe972vO6GPauqSLJRDtxStoSLiVkLEGcPGjLz/LAxdKPQt0JqAQmq1nqtRvovmO8S1Rs5qALCAyrk0JJ5UxPkEEjyQSWXk9BUJ7UyQMc6tpyl95hqLLv34vrJRNQ9z7F33nchYAXlnFt1lGotVUoKBFNxw7p/o7ZsgA9Q0/+UHgFPxwqRdtgtqySmfE/++7xwcP5r7xTGvYE1yjMsdMKaY1XWMhO77O9xL4pjgWO6Rvy400T/UA0XnrPatJa6OUaFlju84AxLUVmhY1kzjFotB05YBM2CmnRkuC20J1jjFM6ZvWxwoD2hGwPfdrRfdDBa8mibDfV/hOyY+7+NF162lYerfmTwNqD9/aZDD8LQlEbVHOjg50iVrQjy1BKDLhqvyX4ABAF3o1i6f+FkoAAAAAElFTkSuQmCC); }
	#jx3-top-navi-bar .inner-i { margin:0 auto; padding:0; width:1200px; height:50px; position:relative; z-index:1; }
	#jx3-top-navi-bar .l-nav { margin:0; padding:0; width:490px; height:50px; display:block; position:absolute; left:0; top:0; z-index:10; }
	#jx3-top-navi-bar .jx3-logo { float:left; margin:0; padding:4px 0 0; height:46px; text-align:left; }
	#jx3-top-navi-bar .jx3-logo img { padding: 4px 0 0; height:38px; vertical-align:top; border:none; }
	#jx3-top-navi-bar .mini-i-mend { float:left; margin:0; padding:0 0 0 10px; width:395px; height:50px; line-height:50px; text-align:left; display:block; overflow:hidden;  }
	#jx3-top-navi-bar .r-nav { float:right; margin:0; padding:0; width:720px; height:50px; line-height:50px; display:block; }
	#jx3-top-navi-bar .t-links { float:right; margin:0; padding:0; height:50px; line-height:50px; color:#66696b; font-size:13px; display:block; overflow:hidden; }
	#jx3-top-navi-bar .t-links a { margin:0; padding:0 12px; height:50px; color:#66696b; text-decoration:none; display:inline-block;  }
	#jx3-top-navi-bar .t-links a.hlight { color:#949596; }
	#jx3-top-navi-bar .t-links a:hover, #jx3-top-navi-bar .t-links a.active { color:#ececec; text-decoration:none;}
	#jx3-top-navi-bar .t_xpass_signin_u_i { float:right; margin:0; padding:0 15px 0 0; height:50px; line-height:50px; color:#e94a37; font-size:13px; display:block; overflow:hidden; }
	#jx3-top-navi-bar .t_xpass_signin_u_i span { margin:0; padding:0; }
	#jx3-top-navi-bar .t_xpass_signin_u_i a { margin:0; padding:0; color:#e94a37; text-decoration:none; }
	#jx3-top-navi-bar .t_xpass_signin_u_i a:hover { color:#e94a37; text-decoration:underline; }
	#jx3-top-navi-bar .t_xpass_signin_u_i a.t_xpass_signin_u_name_i { margin-right:6px; }


.clearfix{*zoom:1;}
.clearfix:after{content: "";display: block;clear: both;height:0;}
.left{float: left!important;}
dd .left li{width: 90px;float: left;margin-right: 5px;}
.right{float: right!important;}
.center{text-align: center;list-style: none;}
.bg-fff{background: #fff}
.floor2{
  top:2060px;
  /*margin-left:280px;*/
}
.floor2 a:hover{color:#54C0C9;}	
.floor2 .f2_1 {padding:10px 38px 27px; height: 210px; overflow: hidden;}
.floor2 .f2_1 dl{width:269px;}
.floor2 .f2_1 dt{padding:15px 0 1px;border-bottom:1px solid #81B7BF;background: url(images/d1.jpg) 100% 0 no-repeat;}
.floor2 .f2_2 dt{background: url(images/d2.jpg) 100% 0 no-repeat;}
.floor2 .f2_3 dt{background: url/images/d3.jpg) 100% 0 no-repeat;}
.floor2 .f2_4 dt{background: url(images/d4.jpg) 100% 0 no-repeat;}
.floor2 .f2_5 dt{background: url(images/d5.jpg) 100% 0 no-repeat;}
.floor2 .f2_6 dt{background: url(images/d6.jpg) 100% 0 no-repeat;}
.floor2 .f2_1 dt span{border-bottom:2px solid #81B7BF;display: block;font-size:20px;color:#81B7BF;line-height: 49px}
.floor2 .f2_1 dd{margin:17px 0;padding-left:4px;}

.floor2 .f2_2 dd{margin:16px 0;padding-left:4px;}
.floor2 .f2_1 dd ul{padding-top:11px;padding-left:18px;width:190px;}
/* .floor2 .f2_2 dd ul{padding-top:0px;padding-left:18px;width:190px;} */
.floor2 .f2_1 dd li{line-height: 30px;border-bottom:1px solid #ddd;font-size: 14px;list-style:none;text-align: center;list-style-position:inside;}
.floor2 .f2_1 dd li a{margin-left:-15px; color:#000000;}
.floor2 .f2_1 dd li.f{border-top:0px solid #ddd;}
.floor2 .f2_1 .bt,.floor2 .f2_2 .bt{padding:12px 10px 15px;height:80px;z-index: 1;position: relative;background: #E4A24C;margin: 0 auto;color:#fff;font-size: 16px }
.floor2 .f2_2 {padding:10px 24px 27px;background: #F6FCFC;}
.floor2 .f2_2 dl{width:274px;}
.floor2 .f2_3 dl{width:269px;}
.floor2 .f2_5 {padding:10px 24px 27px;background: #F6FCFC;}
.floor2 .f2_5 dl{width:274px;}
.floor2 .f2_6 dl{width:269px;}

.floor3{
  margin-top:1020px;
  /*margin-left:670px;*/
}
.floor3 a:hover{color:#54C0C9;}	
.floor3 .f2_1 {padding:40px 38px 100px; height: 210px; overflow: hidden;}
.floor3 .f2_1 dl{width:269px;}
.floor3 .f2_1 dt{padding:15px 0 1px;border-bottom:1px solid #81B7BF;background: url(images/d1.jpg) 100% 0 no-repeat;}
.floor3 .f2_2 dt{background: url(images/d2.jpg) 100% 0 no-repeat;}
.floor3 .f2_3 dt{background: url(images/d3.jpg) 100% 0 no-repeat;}
.floor3 .f2_4 dt{background: url(images/d4.jpg) 100% 0 no-repeat;}
.floor3 .f2_5 dt{background: url(images/d5.jpg) 100% 0 no-repeat;}
.floor3 .f2_6 dt{background: url(images/d6.jpg) 100% 0 no-repeat;}
.floor3 .f2_1 dt span{border-bottom:2px solid #81B7BF;display: block;font-size:20px;color:#81B7BF;line-height: 49px}
.floor3 .f2_1 dd{margin:17px 0;padding-left:4px;}


.floor3 .f2_2 dd{margin:16px 0;padding-left:4px;}
.floor3 .f2_1 dd ul{padding-top:11px;padding-left:18px;width:190px;}
/* .floor2 .f2_2 dd ul{padding-top:0px;padding-left:18px;width:190px;} */
.floor3 .f2_1 dd li{line-height: 30px;border-bottom:1px solid #ddd;font-size: 14px;list-style:none;text-align: center;list-style-position:inside;}
.floor3 .f2_1 dd li a{margin-left:-15px; color:#000000;}
.floor3 .f2_1 dd li.f{border-top:0px solid #ddd;}
.floor3 .f2_1 .bt,.floor2 .f2_2 .bt{padding:12px 10px 15px;height:80px;z-index: 1;position: relative;background: #E4A24C;margin: 0 auto;color:#fff;font-size: 16px }
.floor3 .f2_2 {padding:40px 24px 100px;background: #F6FCFC;}
.floor3 .f2_2 dl{width:274px;}
.floor3 .f2_3 dl{width:269px;}
.floor3 .f2_5 {padding:10px 24px 27px;background: #F6FCFC;}
.floor3 .f2_5 dl{width:274px;}
.floor3 .f2_6 dl{width:269px;}



.gamedata {position: absolute;top:1700px;left: 1350px;width: 330px;height: 450px;background-color: #f0f3f8;background-position: -186px 100%;overflow: hidden;}
.avfeast {width: 330px;position: absolute;top:2160px;left: 1350px;}
.avnav .v, .avnav .o {margin-right: 15px;}
.avnav .o, .avnav .m {margin-top: 15px;}
.avnav .avnav-i {width: 144px;height: 145px;margin-right: 0;}
.avnav .avnav-i:nth-child(odd) {margin-right: 0.27rem;}
.avnav .avnav-i:nth-child(n+3) {margin-top: 10px;}
.avnav .singla {height: 55px;}
.avnav .singla:hover {padding-top: 65px;height: 80px;}
/*.avfeast {margin: 8px 55px;}*/
.avnav .avnav-i {float: left;position: relative;width: 139px;height: 112px;background: #E4A24C;overflow: hidden;font-size: 16px;-webkit-transition: box-shadow .3s ease-out 0s;transition: box-shadow .3s ease-out 0s;}
.avnav .m {margin-right: 0;}
.avnav .avnav-i:hover .icon {top: -62px;opacity: 0;}

/* 游戏指南专属样式 - 左标题右内容布局 */
.game-guide-container {
    max-width: 1000px;
    width: 100%;
    font-size: 16px;
    padding-top: 30px;
    padding-left: 25px;
}
/* 每个板块：左标题 右内容 */
.game-guide-section {
    display: flex;
    align-items: flex-start;
    margin-bottom: 25px;
    padding-bottom: 50px;
    border-bottom: 1px solid #eee;
    gap: 20px; /* 标题和内容间距 */
}
/* 左侧标题区 */
.game-guide-header {
    width: 180px; /* 标题区固定宽度 */
    display: flex;
    flex-direction: column; /* 核心：改为垂直上下布局 */
    align-items: center; /* 水平居中对齐（图标+标题） */
    justify-content: center; /* 垂直居中 */
    flex-shrink: 0; /* 不压缩 */
    text-align: center; /* 标题文字居中 */
}
.game-guide-icon {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: transparent; /* 镂空背景 */
    border: 1px solid #E4A24C; /* 镂空边框 */
    display: flex;
    align-items: center;
    justify-content: center;
    color: #E4A24C; /* 图标颜色 */
    font-size: 22px;
    margin-right: 0; /* 移除右侧间距（上下布局不需要） */
    margin-bottom: 8px; /* 图标和标题之间的间距（可自定义） */
    box-sizing: border-box;
}
.game-guide-title {
    font-size: 16px;
    font-weight: 700;
    white-space: nowrap; /* 标题不换行 */
}
/* 右侧内容区 */
.game-guide-content {
    flex: 1; /* 占满剩余宽度 */
}
.game-guide-item {
    color: #666666;
    cursor: pointer;
    padding: 4px 8px;
    display: inline-block; /* 横向排列 */
}
.game-guide-item a {
    color: #666666;
}
.game-guide-item:hover {
    color: #6a0dad;
    /*text-decoration: underline;*/
}
/* 新手指南内容：一行排列 */
.game-guide-newbie {
    display: flex;
    flex-wrap: wrap; /* 超出换行 */
    gap: 20px;
    grid-template-columns: repeat(5, 1fr); /* 5列 */
}
/* 游戏攻略内容：左列2个+右列4个 */
.game-guide-strategy {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    grid-template-columns: repeat(5, 1fr); /* 5列 */
}
.game-guide-strategy-col1 {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.game-guide-strategy-col2 {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}
/* 特色系统内容：多行多列排列 */
.game-guide-feature {
    display: grid;
    grid-template-columns: repeat(5, 1fr); /* 5列 */
    gap: 15px;
    row-gap: 10px;
}