body {
  font-family: myFont3;
  font-weight: normal;
  width: 100vw;
}

.service__content {
  display: none;
}

.info-box .flex {
  display: block;
}

.screen1 {
  position: relative;
  width: 100%;
  height: 44.75rem;
  background: url("../image/game/game-banner.jpg");
  background-size: cover;
}

.screen1 .screen1-info {
  z-index: 2;
  position: absolute;
  margin-top: 12.5rem;
  margin-left: 15rem;
}

.screen1 .screen1-info .title {
  width: 18rem;
  opacity: 1;
  font-family: myFont2;
  font-size: 4.5rem;
  color: #ffffff;
}

.screen1 .screen1-info .desc {
  margin-top: 0.875rem;
  width: 34.0625rem;
  font-size: 1.125rem;
  font-weight: normal;
  line-height: 1.75rem;
  color: #ffffff;
}

.screen1 .screen1-info .btn {
  margin-top: 2.25rem;
}

.screen1 .gamepad {
  width: 25.375rem;
  height: 25.875rem;
  position: absolute;
  top: 27.75rem;
  left: 0.25rem;
  z-index: 1;
}

.screen1 .light1 {
  width: 28.245rem;
  height: 23.375rem;
  position: absolute;
  top: 32.75rem;
  right: 0;
  z-index: 1;
}

.screen1 .light2 {
  display: block;
  position: absolute;
  z-index: 1;
  right: 98.125rem;
  top: 215.625rem;
  width: 35.5625rem;
  height: 35.25rem;
  transform: scale(1.4);
}

.screen2 {
  position: relative;
  width: 100%;
  height: 37.375rem;
  background: url("../image/game/step1-bg\ \(1\).jpg");
  background-size: cover;
  overflow: hidden;
}

.screen2 .step1 {
  width: 4.4375rem;
  height: 4.875rem;
  position: absolute;
  top: 8.25rem;
  left: 15rem;
}

.screen2 .screen2-info {
  position: absolute;
  top: 9.1875rem;
  left: 20.6875rem;
}

.screen2 .screen2-info .title {
  font-size: 3rem;

  line-height: 3.625rem;
  letter-spacing: 0em;
  color: #303030;
}

.screen2 .screen2-list {
  position: absolute;
  top: 21.0625rem;
  left: 21rem;
}

.screen2 .screen2-list li {
  line-height: 1.25rem;
  margin-bottom: 0.75rem;
  color: #303030;
  white-space: nowrap;
}

.screen2 .screen2-list .check {
  display: inline-block;
  margin-right: 1.1875rem;
  width: 1.25rem;
  height: 1.25rem;
}

.screen2 .step1_pic_02 {
  width: 30rem;
  height: 24rem;
  position: absolute;
  top: 7.4375rem;
  right: 15rem;
  background-image: url("../image/game/step1-element-02.png");
  background-size: cover;
}

.screen2 .step1_pic_01 {
  width: 24.0625rem;
  height: 20.3125rem;
  position: absolute;
  top: 9rem;
  right: 34.1rem;
  background-image: url("../image/game/step1-element-01.png");
  background-size: cover;
}

.screen3 {
  position: relative;
  width: 100%;
  height: 37.375rem;
  background: url("../image/game/step2-bg.jpg");
  background-size: cover;
}

.screen3 .step1 {
  width: 4.4375rem;
  height: 4.875rem;
  position: absolute;
  top: 8.25rem;
  left: 74.625rem;
}

.screen3 .screen3-info {
  position: absolute;
  top: 9.1875rem;
  left: 80.3125rem;
}

.screen3 .screen3-info .title {
  font-size: 3rem;

  line-height: 3.625rem;
  letter-spacing: 0em;
  color: #303030;
}

.screen3 .screen3-list {
  position: absolute;
  top: 21.0625rem;
  left: 80.3125rem;
}

.screen3 .screen3-list li {
  line-height: 1.25rem;
  margin-bottom: 0.75rem;
  color: #303030;
  white-space: nowrap;
}

.screen3 .screen3-list .check {
  display: inline-block;
  margin-right: 1.1875rem;
  width: 1.25rem;
  height: 1.25rem;
}

.screen3 .step2_pic_01,
.screen3 .step2_pic_02,
.screen3 .step2_pic_03 {
  position: absolute;
  background-size: cover;
}

.screen3 .step2_pic_01 {
  width: 24rem;
  height: 21.8125rem;
  background-image: url("../image/game/step2-element-01.png");
  top: 9.8125rem;
  left: 11.125rem;
}

.screen3 .step2_pic_02 {
  width: 34.1875rem;
  height: 29.25rem;
  background-image: url("../image/game/step2-element-02.png");
  top: 6.6875rem;
  left: 28.0625rem;
}

.screen3 .step2_pic_03 {
  width: 12.0625rem;
  height: 5.5rem;
  background-image: url("../image/game/step2-element-03.png");
  top: 20.9375rem;
  left: 53.4375rem;
}

.screen4 {
  position: relative;
  width: 100%;
  height: 37.375rem;
  background: url("../image/game/step3-bg.jpg");
  background-size: cover;
}

.screen4 .step1 {
  width: 4.4375rem;
  height: 4.875rem;
  position: absolute;
  top: 8.25rem;
  left: 15rem;
}

.screen4 .screen4-info {
  position: absolute;
  top: 9.1875rem;
  left: 20.6875rem;
}

.screen4 .screen4-info .title {
  font-size: 3rem;

  line-height: 3.625rem;
  letter-spacing: 0em;
  color: #ffffff;
}

.screen4 .screen4-list {
  position: absolute;
  top: 21.0625rem;
  left: 21rem;
}

.screen4 .screen4-list li {
  line-height: 1.25rem;
  margin-bottom: 0.75rem;
  color: #ffffff;
  white-space: nowrap;
}

.screen4 .screen4-list .check {
  display: inline-block;
  margin-right: 1.1875rem;
  width: 1.25rem;
  height: 1.25rem;
}

.screen4 .step3 .step3_pic {
  width: 36.5625rem;
  height: 26.375rem;
  margin-top: 6.75rem;
  flex: 1;
}

.screen4 .step3_pic_01,
.screen4 .step3_pic_02,
.screen4 .step3_pic_03 {
  position: absolute;
  background-size: cover;
}

.screen4 .step3_pic_01 {
  width: 14.9375rem;
  height: 27.5625rem;
  background-image: url("../image/game/step3-element-01.png");
  top: 7.75rem;
  right: 40.625rem;
}

.screen4 .step3_pic_02 {
  width: 37.9375rem;
  height: 29.25rem;
  background-image: url("../image/game/step3-element-02.png");
  top: 6.75rem;
  right: 13.375rem;
}

.screen4 .step3_pic_03 {
  width: 8.125rem;
  height: 14.25rem;
  background-image: url("../image/game/step3-element-03.png");
  top: 6.9375rem;
  right: 13.125rem;
}

.screen5 {
  position: relative;
  width: 100%;
  height: 37.375rem;
  background: url("../image/game/step4-bg.jpg");
  background-size: cover;
}

.screen5 .step1 {
  width: 4.4375rem;
  height: 4.875rem;
  position: absolute;
  top: 8.25rem;
  left: 74.625rem;
}

.screen5 .screen5-info {
  position: absolute;
  top: 9.1875rem;
  left: 80.3125rem;
}

.screen5 .screen5-info .title {
  font-size: 3rem;

  line-height: 3.625rem;
  letter-spacing: 0em;
  color: #303030;
}

.screen5 .screen5-list {
  position: absolute;
  top: 21.0625rem;
  left: 80.3125rem;
}

.screen5 .screen5-list li {
  line-height: 1.25rem;
  margin-bottom: 0.75rem;
  color: #303030;
  white-space: nowrap;
}

.screen5 .screen5-list .check {
  display: inline-block;
  margin-right: 1.1875rem;
  width: 1.25rem;
  height: 1.25rem;
}

.screen5 .step4 .step4_pic {
  margin-top: 6.6875rem;
  width: 47.5rem;
  height: 24rem;
  flex: 1;
}

.screen5 .step4_pic_01,
.screen5 .step4_pic_02,
.screen5 .step4_pic_03 {
  position: absolute;
  background-size: cover;
}

.screen5 .step4_pic_01 {
  width: 5.9375rem;
  height: 15.1875rem;
  background-image: url("../image/game/step4-element-01.png");
  top: 12.625rem;
  left: 14.9375rem;
}

.screen5 .step4_pic_02 {
  width: 34.1875rem;
  height: 29.25rem;
  background-image: url("../image/game/step4-element-02.png");
  top: 6.6875rem;
  left: 19.125rem;
}

.screen5 .step4_pic_03 {
  width: 24rem;
  height: 21.8125rem;
  background-image: url("../image/game/step4-element-03.png");
  top: 8.125rem;
  left: 42.875rem;
}

.screen6 {
  position: relative;
  width: 100%;
  height: 37.375rem;
  background: url("../image/game/step5-bg.jpg");
  background-size: cover;
}

.screen6 .step1 {
  width: 4.4375rem;
  height: 4.875rem;
  position: absolute;
  top: 8.25rem;
  left: 15rem;
}

.screen6 .screen6-info {
  position: absolute;
  top: 9.1875rem;
  left: 20.6875rem;
}

.screen6 .screen6-info .title {
  font-size: 3rem;

  line-height: 3.625rem;
  letter-spacing: 0em;
  color: #303030;
}

.screen6 .screen6-list {
  position: absolute;
  top: 21.0625rem;
  left: 21rem;
}

.screen6 .screen6-list li {
  line-height: 1.25rem;
  margin-bottom: 0.75rem;
  color: #303030;
  white-space: nowrap;
}

.screen6 .screen6-list .check {
  display: inline-block;
  margin-right: 1.1875rem;
  width: 1.25rem;
  height: 1.25rem;
}

.screen6 .step5 .step5_pic {
  width: 53.1875rem;
  height: 24rem;
  margin-top: 7.4375rem;
  flex: 1;
}

.screen6 .step5_pic_01,
.screen6 .step5_pic_02,
.screen6 .step5_pic_03 {
  position: absolute;
  background-size: cover;
}

.screen6 .step5_pic_01 {
  width: 24rem;
  height: 17rem;
  background-image: url("../image/game/step5-element-01.png");
  top: 17rem;
  left: 47rem;
}

.screen6 .step5_pic_02 {
  width: 43rem;
  height: 29rem;
  background-image: url("../image/game/step5-element-02.png");
  top: 6.6875rem;
  right: 21rem;
}

.screen6 .step5_pic_03 {
  width: 24rem;
  height: 20rem;
  background-image: url("../image/game/step5-element-03.png");
  top: 6rem;
  right: 10rem;
}

.screen7 {
  position: relative;
  width: 100%;
  height: 37.375rem;
  background: url("../image/game/step6-bg.jpg");
  background-size: cover;
}

.screen7 .step1 {
  width: 4.4375rem;
  height: 4.875rem;
  position: absolute;
  top: 8.25rem;
  left: 74.625rem;
}

.screen7 .screen7-info {
  position: absolute;
  top: 9.1875rem;
  left: 80.3125rem;
}

.screen7 .screen7-info .title {
  font-size: 3rem;

  line-height: 3.625rem;
  letter-spacing: 0em;
  color: #303030;
}

.screen7 .screen7-list {
  position: absolute;
  top: 21.0625rem;
  left: 80.3125rem;
}

.screen7 .screen7-list li {
  line-height: 1.25rem;
  margin-bottom: 0.75rem;
  color: #303030;
  white-space: nowrap;
}

.screen7 .screen7-list .check {
  display: inline-block;
  margin-right: 1.1875rem;
  width: 1.25rem;
  height: 1.25rem;
}

.screen7 .step6 .step6_pic {
  margin-top: 6.6875rem;
  width: 41.625rem;
  height: 24rem;
  flex: 1;
}

.screen7 .step6_pic_01,
.screen7 .step6_pic_02 {
  position: absolute;
  background-size: cover;
}

.screen7 .step6_pic_01 {
  width: 24rem;
  height: 18rem;
  background-image: url("../image/game/step6-element-01.png");
  top: 13rem;
  left: 11rem;
}

.screen7 .step6_pic_02 {
  width: 39rem;
  height: 29rem;
  background-image: url("../image/game/step6-element-02.png");
  top: 6.6875rem;
  left: 21rem;
}

.screen8 {
  position: relative;
  width: 100%;
  height: 61.4375rem;
  background: url("../image/game/advantage-bg.jpg");
  background-size: cover;
}

/* 案例 */
.case {
  height: 56.25rem;
  padding-top: 3.5rem;
}

.case .title {
  font-size: 3rem;
  font-family: "myFont1";
  line-height: 4rem;
  text-align: center;
  color: #303030;
}

.tab-pane {
  position: relative;
  margin-top: 1.5rem;
}

.tab-pane .tab-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 90rem;
  height: 8.375rem;
  margin: 0 auto;
  border-top: 1px solid #d8d8d8;
}

.tab-pane .tab-wrapper .indicate {
  position: absolute;
  top: 0;
  width: 11.25rem;
  height: 0.5rem;
  transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  background-color: #0012ef;
}

.tab-pane .tab-wrapper .tab-item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 11.25rem;
  height: 100%;
  cursor: pointer;
}

.tab-pane .tab-wrapper .tab-item img {
  pointer-events: none;
  width: 10.75rem;
  height: 4.875rem;
}

.tab-pane .tab-wrapper .tab-item1 img {
  width: 8.125rem;
  height: 3.125rem;
}

.tab-pane .tab-body {
  overflow: hidden;
  width: 100%;
  height: 30rem;
  background-color: #f5f8ff;
}

.tab-pane .tab-body .tab-pane-list {
  display: flex;
  height: 100%;
  transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.tab-pane .tab-body .tab-pane-list li {
  overflow: hidden;
  position: relative;
  display: flex;
  flex-shrink: 0;
  width: 120rem;
  height: 100%;
}

.info-img {
  width: 57.125rem;
}

.info-box {
  position: absolute;
  top: 0;
  right: 0;
  width: 62.875rem;
  height: 100%;
  padding-top: 4.375rem;
  padding-left: 5.75rem;
  background-color: #f5f8ff;
}

/* .info-box::before {
  content: "";
  position: absolute;
  top: 0;
  left: -3.45rem;
  border-bottom: 30.5rem solid #f5f8ff;
  border-left: 3.45rem solid transparent;
} */

.info-box .title {
  font-size: 2rem;
  font-family: "myFont1";
  text-align: left;
  color: #303030;
}

.info-box .area {
  margin-top: 1.875rem;
  font-size: 0.875rem;
  font-family: "myFont3";
  text-align: left;
  color: #606060;
}

.info-box .label-list {
  display: flex;
  align-items: center;
}

.info-box .label {
  width: max-content;
  margin-top: 0.5rem;
  padding: 2px 12px;
  font-size: 1rem;
  font-family: "myFont3";
  line-height: 1.5rem;

  text-align: center;
  border-radius: 0.25rem;
  color: #5f7ac4;
  background-color: #cfdcff;
}

.info-box .label+.label {
  margin-left: 0.5rem;
}

.info-box .services {
  margin-top: 1.5rem;
  font-size: 0.875rem;
  font-family: "myFont3";
  text-align: left;
  color: #606060;
}

.info-box .data {
  display: flex;
  align-items: center;
  margin-top: 4.125rem;
}

.data-item+.data-item {
  margin-left: 7.75rem;
}

.info-box .data .data-val {
  font-size: 2.125rem;
  font-family: "myFont1";
  color: #0750fe;
}

.info-box .data .data-desc {
  font-size: 1rem;
  font-family: "myFont3";
  color: #303030;
}

.tab-pane .arrow {
  position: absolute;
  bottom: 2.7rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  cursor: pointer;
  user-select: none;
  background: rgba(222, 222, 222, 0.5);
}

.arrow:hover {
  background: rgba(216, 228, 255, 0.92);
}

.tab-pane .arrow img {
  -webkit-user-drag: none;
  width: 1.5rem;
  height: 1.5rem;
}

.arrow-left {
  right: 21.25rem;
}

.arrow-right {
  right: 15.125rem;
}

.tab-pane .more {
  display: block;
  text-decoration: none;
  width: 8.75rem;
  height: 2.5rem;
  margin: 2.125rem auto 0;
}

/* 联系我们 */
.contact {
  position: relative;
  width: 120rem;
  height: 43.75rem;
  background-image: url("../image/commerce/7-b1.jpg");
  background-size: cover;
}

.contact_item {
  position: absolute;
  top: 7.125rem;
  left: 67.0625rem;
  width: 30.5rem;
  height: 29.5rem;
  background-color: #fff;
  border-radius: 0.625rem;
}

.contact_content {
  padding: 2.5rem 2.3125rem 0 2.3125rem;
}

.contact_content_text_1 {
  font-size: 1.5rem;
  font-weight: 700;
  color: #303030;
}

.contact_from {
  display: flex;
  flex-direction: column;
  margin-top: 1.5625rem;
}

input,
select {
  outline: none;
}

.contact_input {
  width: 25.0625rem;
  height: 2.3125rem;
  border: 1px solid #d5d5d5;
  padding-left: 0.75rem;
  border-radius: 0.3125rem;
}

.left_inputs {
  width: 25.8125rem;
  display: flex;
  justify-content: space-between;
}

.contact_input_left {
  width: 11.25rem;
  height: 2.3125rem;
  border: 1px solid #d5d5d5;
  padding-left: 0.75rem;
  border-radius: 0.3125rem;
}

/* .contact_input_left:first-child{
      margin-right: 1.8125rem;
  } */
.contact_select {
  margin-top: 1.125rem;
  padding-left: 0.75rem;
  width: 25.8125rem;
  height: 2.3125rem;
  border: 1px solid #d5d5d5;
  color: #767676;
  border-radius: 0.3125rem;
}

/* .contact_select option{
      width: 120rem;
      height: 37px;
  } */
.contact_button {
  margin-top: 1.125rem;
  width: 25.8125rem;
  height: 2.3125rem;
  background-color: #000bff;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.3125rem;
  font-size: 0.9375rem;
}

.advantage {
  position: relative;
  height: 61.4375rem;
  background: url("../image/game/advantage-bg.jpg");
  color: #fff;
}

.advantage img {
  width: 100%;
  display: flex;
}

.advantage-title {
  position: absolute;
  top: 5rem;
  left: 0;
  width: 100%;
  height: 3.5rem;
  font-size: 3rem;
  font-family: "myFont1";
  line-height: 4rem;
  text-align: center;
  color: #fff;
}

.advantage .prev {
  width: 4rem;
  height: 4rem;
  margin-right: 2.25rem;
  margin-top: 33.9375rem;
  background-image: url("../image/game/prev.png");
  background-size: 100%;
  background-repeat: no-repeat;
}

.advantage .next {
  width: 4rem;
  height: 4rem;
  margin-left: 2.25rem;
  margin-top: 33.9375rem;
  background-image: url("../image/game/next.png");
  background-size: 100%;
  background-repeat: no-repeat;
}

.advantage .prev:hover {
  background-image: url("../image/game/prev-hover.png");
}

.advantage .next:hover {
  background-image: url("../image/game/next-hover.png");
}

.advantage .panel_wrapper {
  width: 94.5rem;
}

.advantage .panel {
  margin-top: 12.0625rem;
  width: 90rem;
  height: 43.625rem;
  border-radius: 1rem;
  opacity: 1;
  background: rgba(10, 8, 31, 0.96);
  box-sizing: border-box;
  border: 1px solid #40446e;
  backdrop-filter: blur(0.625rem);
  overflow: hidden;
}

.advantage .panel .tabs {
  width: 100%;
  justify-content: center;
  border-bottom: 1px solid #40446e;
}

.advantage .panel .tabs .tab {
  width: 19rem;
  height: 6.375rem;
  cursor: pointer;
  /* border-bottom: 1px solid #40446e; */
}

.advantage .panel .tabs .tab.active {
  background: url("../image/game/advantage-active.png");
  background-size: 150%;
  background-position: -2.5rem -1.625rem;
  /* border-radius: .9375rem 0rem 0rem 0rem; */
}

.advantage .panel .tabs .icon {
  display: inline-block;
  width: 2.75rem;
  height: 2.75rem;
  margin-right: 0.8125rem;
}

.advantage .panel .tab1 .icon {
  background: url("../image/game/advantage-icon1-normal.png");
  background-size: cover;
}

.advantage .panel .tab2 .icon {
  background: url("../image/game/advantage-icon2-normal.png");
  background-size: cover;
}

.advantage .panel .tab3 .icon {
  background: url("../image/game/advantage-icon3-normal.png");
  background-size: cover;
}

.advantage .panel .tab4 .icon {
  background: url("../image/game/advantage-icon4-normal.png");
  background-size: cover;
}

.advantage .panel .tab1.active .icon {
  background: url("../image/game/advantage-icon1-highlight.png");
  background-size: cover;
}

.advantage .panel .tab2.active .icon {
  background: url("../image/game/advantage-icon2-highlight.png");
  background-size: cover;
}

.advantage .panel .tab3.active .icon {
  background: url("../image/game/advantage-icon3-highlight.png");
  background-size: cover;
}

.advantage .panel .tab4.active .icon {
  background: url("../image/game/advantage-icon4-highlight.png");
  background-size: cover;
}

.advantage .panel .pane {
  width: 90rem;
  height: 37.125rem;
  position: relative;
}

.advantage .pane .pane_element {
  position: absolute;
}

.advantage .pane1 .second_title_list {
  width: 27.125rem;
  height: 12rem;
  padding-top: 12.5625rem;
}

.advantage .pane1 .pane_element {
  width: 40.5rem;
  height: 34.25rem;
  top: 2.5rem;
  right: 7.875rem;
}

.pane1 .advantage-element_earth,
.pane1 .advantage-element_01,
.pane1 .advantage-element_02,
.pane1 .advantage-element_03,
.pane1 .advantage-element_04,
.pane1 .advantage-element_05,
.pane1 .advantage-element_06,
.pane1 .advantage-element_07,
.pane1 .advantage-element_08,
.pane1 .advantage-element_09,
.pane1 .advantage-element_10,
.pane1 .advantage-element_11 {
  position: absolute;
  top: 0;
  right: 0;
}

.pane1 .advantage-element_earth {
  width: 32.75rem;
  height: 34.15rem;
  top: 1.25rem;
  right: 12.625rem;
}

.pane1 .advantage-element_01 {
  width: 5rem;
  height: 5rem;
  right: 33.02875rem;
  top: 2.6875rem;
}

.pane1 .advantage-element_02 {
  width: 5.1875rem;
  height: 5.125rem;
  top: 3.25rem;
  right: 23.25rem;
}

.pane1 .advantage-element_03 {
  width: 8.0625rem;
  height: 8.0625rem;
  top: 9.175625rem;
  right: 33.579375rem;
}

.pane1 .advantage-element_04 {
  width: 7.3125rem;
  height: 7.3125rem;
  top: 11.3125rem;
  right: 41.5rem;
}

.pane1 .advantage-element_05 {
  width: 6.0625rem;
  height: 6.0625rem;
  top: 25rem;
  right: 38.68125rem;
}

.pane1 .advantage-element_06 {
  width: 10.8125rem;
  height: 10.8125rem;
  top: 21.825rem;
  right: 28.1075rem;
}

.pane1 .advantage-element_07 {
  width: 6.0625rem;
  height: 6.0625rem;
  top: 13.09625rem;
  right: 22.976825rem;
}

.pane1 .advantage-element_08 {
  width: 9.25rem;
  height: 9.25rem;
  top: 14.72375rem;
  right: 12.606875rem;
}

.pane1 .advantage-element_09 {
  width: 5.125rem;
  height: 5.125rem;
  top: 29.518125rem;
  right: 21.125rem;
}

.pane1 .advantage-element_10 {
  width: 5.125rem;
  height: 5.125rem;
  top: 8.731875rem;
  right: 7.6875rem;
}

.pane1 .advantage-element_11 {
  width: 6.0625rem;
  height: 6.0625rem;
  top: 25.89375rem;
  right: 7.125rem;
}

.advantage .pane2 .second_title_list {
  width: 28.0625rem;
  height: 16.125rem;
  padding-top: 10.5rem;
}

.advantage .pane2 .pane_element {
  width: 44.8125rem;
  height: 27.4375rem;
  top: 4.25rem;
  right: 5.0625rem;
}

.advantage .pane2 .pane_element .video {
  position: absolute;
  top: 4.5625rem;
  left: 6rem;
  width: 32.9375rem;
  height: 18.1875rem;
}

.advantage .pane2 .btn {
  width: 4.1875rem;
  height: 4.1875em;
  background: url("../image/game/startbg.png");
  background-size: cover;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.advantage .pane2 .btn img {
  width: 1.8125rem;
  height: 2.0625rem;
  margin-top: 1.03125rem;
  margin-left: 1.5rem;
}

/* .advantage .pane2 .pane_element .video_bg{
  position: absolute;
  top: 4.5625rem;
  left: 5.625rem;
  z-index: 1000;
  width: 32.9375rem;
  height: 18.1875rem;
} */

.advantage .pane3 .second_title_list {
  width: 28.0625rem;
  height: 15.3125rem;
  padding-top: 10.875rem;
}

.advantage .pane3 .pane_element {
  width: 41.625rem;
  height: 22.375rem;
  top: 7.375rem;
  right: 8.3125rem;
}

.pane3 .advantage-element-3-1 {
  width: 29.0625rem;
  height: 21.8125rem;
  position: absolute;
  right: 24.125rem;
  bottom: 4.9375rem;
}

.pane3 .advantage-element-3-2 {
  width: 35.75rem;
  height: 22.375rem;
  position: absolute;
  right: 8.3125rem;
  bottom: 7.375rem;
}

.advantage .pane4 .second_title_list {
  width: 28.0625rem;
  height: 16.125rem;
  padding-top: 10.5rem;
}

.advantage .pane4 .pane_element {
  width: 35.75rem;
  height: 26.375rem;
  top: 5.375rem;
  right: 8.3125rem;
}

.pane4 .advantage-element-4-1 {
  width: 28.5rem;
  height: 21.25rem;
  position: absolute;
  top: 5.375rem;
  right: 15.5625rem;
}

.pane4 .advantage-element-4-2 {
  width: 24.5625rem;
  height: 19.3125rem;
  position: absolute;
  right: 4.3125rem;
  bottom: 0.875rem;
}

.advantage .panel .panes {
  width: 400%;
  display: flex;
  transform: translateX(-25%);
}

.advantage .panel .second_title_list {
  margin-left: 8.1875rem;
}

.advantage .panel .second_title {
  margin-bottom: 1.25rem;
  font-weight: lighter;
  font-size: 1.25rem;
  line-height: 2.0625rem;
  margin-left: 1.375rem;
  position: relative;
}

.advantage .panel .second_title .dot {
  display: inline-block;
  width: 0.375rem;
  height: 0.375rem;
  background: #0750fe;
  border-radius: 50%;
  /* margin-right: 1rem; */
  position: absolute;
  left: -1.1875rem;
  top: 1.03125rem;
  transform: translateY(-50%);
}

.flex {
  display: flex;
}

.jcc {
  justify-content: center;
}

.jcsb {
  justify-content: space-between;
}

.aic {
  align-items: center;
}

@media (max-width: 961px) {
  .screen1 {
    height: 128.125rem;
    background: url("../../images/mobileNew/bip_banner_game.jpg") no-repeat;
    background-size: cover;
    padding-left: 0;
  }

  .screen1 .gamepad {
    display: none;
  }

  .screen1 .screen1-info .title {
    font-size: 9rem;
    font-weight: 900;
    width: auto;
  }

  .screen1 .screen1-info {
    padding: 70rem 7rem 0 8rem;
    width: auto;
    margin: 0;
  }

  .screen1 .screen1-info .desc {
    font-size: 3rem;
    line-height: 4.5rem;
    padding-top: 5rem;
    width: auto;
  }

  .screen1 .screen1-info .btn {
    font-size: 3rem;
    width: 30rem;
    height: 6.5rem;
    border-radius: 24.25rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 5.5rem;
  }

  .screen2 {
    height: 132.5rem;
    background: url("../../images/mobileNew/step1-bg.jpg") no-repeat;
    background-size: cover;
    padding: 9rem 7rem;
  }

  .screen2 .step1,
  .screen2 .screen2-info,
  .screen2 .screen2-list {
    position: unset;
    display: block;
    padding: 0rem 0rem 1rem 0;
  }

  .screen2 .step1 {
    width: 8.875rem;
    height: 9.75rem;
  }

  .screen2 .screen2-info .title {
    font-size: 6rem;
    font-weight: bold;
    line-height: 8rem;
  }

  .screen2 .screen2-list li {
    font-size: 3.5rem;
    font-weight: normal;
    line-height: 4.25rem;
    white-space: unset;
    padding-top: 2rem;

  }

  .check img {
    display: none;
  }

  .check {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    background: #000BFF;
  }

  .check.active {
    margin-top: -4.5rem;
  }

  .screen2 .step1_pic_02 {
    width: 63.8013rem;
    height: 54.5rem;
    background: url("../../images/mobileNew/step1-element-02.png") no-repeat;
    background-size: cover;
    right: 8rem;
    top: 77.4375rem;
  }

  .screen2 .step1_pic_01 {
    width: 45.0625rem;
    height: 35.3125rem;
    top: 86rem;
    right: 49.1rem;
  }

  .screen3 {
    height: 132.5rem;
    display: block;
    background: url("../../images/mobileNew/step1-bg (1).jpg") no-repeat;
    background-size: cover;
    padding: 9rem 7rem;
  }

  .screen3 .step1,
  .screen3 .screen3-info,
  .screen3 .screen3-list {
    position: unset;
    display: block;
    padding: 0rem 0rem 1rem 0;
  }

  .screen3 .step1 {
    width: 8.875rem;
    height: 9.75rem;
  }

  .screen3 .screen3-info .title {
    font-size: 6rem;
    font-weight: bold;
    line-height: 8rem;
  }

  .screen3 .screen3-list li {
    font-size: 3.5rem;
    font-weight: normal;
    line-height: 4.25rem;
    white-space: unset;
    padding-top: 2rem;

  }

  .check img {
    display: none;
  }

  .check {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    background: #000BFF;
  }

  .check.active {
    margin-top: -4.5rem;
  }

  .screen3 .step2_pic_02 {
    width: 63.8013rem;
    height: 54.5rem;
    right: 8rem;
    top: 77.4375rem;
    left: auto;
  }

  .screen3 .step2_pic_01 {
    width: 45.0625rem;
    height: 35.3125rem;
    top: 86rem;
    right: auto;
    left: 2rem;
  }

  .screen3 .step2_pic_03 {
    width: 23.0625rem;
    height: 10.5rem;
    top: 102.9375rem;
    left: 66.4375rem;
    background-size: cover;
  }


  .screen4 {
    height: 156rem;
    display: block;
    background: url("../../images/mobileNew/step1-bg (2).jpg") no-repeat;
    background-size: cover;
    padding: 9rem 7rem;
  }

  .screen4 .step1,
  .screen4 .screen4-info,
  .screen4 .screen4-list {
    position: unset;
    display: block;
    padding: 0rem 0rem 1rem 0;
  }

  .screen4 .step1 {
    width: 8.875rem;
    height: 9.75rem;
  }

  .screen4 .screen4-info .title {
    font-size: 6rem;
    font-weight: bold;
    line-height: 8rem;
  }

  .screen4 .screen4-list li {
    font-size: 3.5rem;
    font-weight: normal;
    line-height: 4.25rem;
    white-space: unset;
    padding-top: 2rem;
    padding-left: 3rem;
    display: block;
  }

  .check img {
    display: none;
  }

  .screen4 .check {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    background: #ffffff;
    top: 3.5rem;
    margin-left: -3rem;
  }



  .screen4 .step3_pic_02 {
    width: 73.8013rem;
    height: 54.5rem;
    right: 8rem;
    top: 97.4375rem;
    left: auto;
  }

  .screen4 .step3_pic_01 {
    width: 25.9375rem;
    height: 52.3125rem;
    top: 100rem;
    right: auto;
    left: 4rem;
  }

  .screen4 .step3_pic_03 {
    width: 13.0625rem;
    height: 25.5rem;
    top: 96.9375rem;
    left: 70.4375rem;
    background-size: cover;
  }


  .screen5 {
    height: 124rem;
    display: block;
    background: url("../../images/mobileNew/step4-bg.jpg") no-repeat;
    background-size: cover;
    padding: 9rem 7rem;
  }

  .screen5 .step1,
  .screen5 .screen5-info,
  .screen5 .screen5-list {
    position: unset;
    display: block;
    padding: 0rem 0rem 1rem 0;
  }

  .screen5 .step1 {
    width: 8.875rem;
    height: 9.75rem;
  }

  .screen5 .screen5-info .title {
    font-size: 6rem;
    font-weight: bold;
    line-height: 8rem;
  }

  .screen5 .screen5-list li {
    font-size: 3.5rem;
    font-weight: normal;
    line-height: 4.25rem;
    white-space: unset;
    padding-top: 2rem;
    padding-left: 3rem;
    display: block;
  }

  .check img {
    display: none;
  }

  .screen5 .check {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    background: #ffffff;
    top: 3.5rem;
    margin-left: -3rem;
  }



  .screen5 .step4_pic_02 {
    width: 58.8013rem;
    height: 40.5rem;
    right: 16rem;
    top: 71.4375rem;
    left: auto;
    background-size: cover;
  }

  .screen5 .step4_pic_01 {
    width: 8.9375rem;
    height: 26.3125rem;
    top: 80rem;
    right: auto;
    left: 14rem;

  }

  .screen5 .step4_pic_03 {
    width: 34rem;
    height: 25.8125rem;
    top: 71.125rem;
    left: 60.875rem;
  }

  .screen5 .check {
    background: #000BFF;
  }

  .screen6 {
    height: 126.625rem;
    display: block;
    background: url("../../images/mobileNew/step5-bg.jpg") no-repeat;
    background-size: cover;
    padding: 9rem 7rem;
  }

  .screen6 .check {
    background: #000BFF;
  }

  .screen6 .step1,
  .screen6 .screen6-info,
  .screen6 .screen6-list {
    position: unset;
    display: block;
    padding: 0rem 0rem 1rem 0;
  }

  .screen6 .step1 {
    width: 8.875rem;
    height: 9.75rem;
  }

  .screen6 .screen6-info .title {
    font-size: 6rem;
    font-weight: bold;
    line-height: 8rem;
  }

  .screen6 .screen6-list li {
    font-size: 3.5rem;
    font-weight: normal;
    line-height: 4.25rem;
    white-space: unset;
    padding-top: 2rem;
    padding-left: 3rem;
    display: block;
  }

  .check img {
    display: none;
  }

  .screen6 .check {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    background: #ffffff;
    top: 3.5rem;
    margin-left: -3rem;
  }



  .screen6 .step5_pic_02 {
    width: 66.8013rem;
    height: 40.5rem;
    right: 16rem;
    top: 81.4375rem;
    left: auto;
    background-size: cover;
  }

  .screen6 .step5_pic_01 {
    width: 28.9375rem;
    height: 20.3125rem;
    top: 101rem;
    right: auto;
    left: 4rem;

  }

  .screen6 .step5_pic_03 {
    width: 30rem;
    height: 25.8125rem;
    top: 80.125rem;
    left: 58.875rem;
  }

  .screen7 {
    height: 140.75rem;
    display: block;
    background: url("../../images/mobileNew/step6-bg.jpg") no-repeat;
    background-size: cover;
    padding: 9rem 7rem;
  }

  .service__content {
    display: block;
  }

  .screen7 .step1,
  .screen7 .screen7-info,
  .screen7 .screen7-list {
    position: unset;
    display: block;
    padding: 0rem 0rem 1rem 0;
  }

  .screen7 .step1 {
    width: 8.875rem;
    height: 9.75rem;
  }

  .screen7 .screen7-info .title {
    font-size: 6rem;
    font-weight: bold;
    line-height: 8rem;
  }

  .screen7 .screen7-list li {
    font-size: 3.5rem;
    font-weight: normal;
    line-height: 4.25rem;
    white-space: unset;
    padding-top: 2rem;
    padding-left: 3rem;
    display: block;
  }

  .check img {
    display: none;
  }

  .screen7 .check {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    background: #ffffff;
    top: 3.5rem;
    margin-left: -3rem;
  }

  .service-infos-item span {
    color: #06DFEA
  }


  .screen7 .step6_pic_02 {
    width: 75.8013rem;
    height: 48.5rem;
    right: 0rem;
    top: 85.4375rem;
    left: auto;
    background-size: cover;

  }

  .screen7 .step6_pic_01 {
    width: 38.9375rem;
    height: 32.3125rem;
    top: 101rem;
    right: auto;
    left: 0;

  }

  .screen7 .step5_pic_03 {
    width: 30rem;
    height: 25.8125rem;
    top: 80.125rem;
    left: 58.875rem;
  }

  .screen6 .check {
    background: #000BFF;
  }

  .screen7 .check {
    background: #000BFF;
  }

  .tab-pane .tab-body {
    background-color: transparent;
  }

  .advantage {
    height: 196.125rem;
    background: url("../../../home/images/mobileNew/advantage-bg_game.png") no-repeat;
    background-size: cover;
    padding-left: 7rem;
    padding-top: 8.75rem;
    flex-wrap: wrap;
    display: block;
  }

  .advantage-title {
    height: auto;
    font-size: 6rem;
    font-weight: bold;
    line-height: 8rem;
    position: unset;
  }

  .advantage .panel_wrapper {
    display: none;
  }

  .service__content {
    width: 79.75rem;
    height: 149.125rem;
    padding: 3rem;
    margin-top: 10rem;
    background: rgba(10, 8, 31, 0.96);
    box-sizing: border-box;
    border: 0.125rem solid #40446E;
    backdrop-filter: blur(1.25rem);

  }

  .service__content .item {
    display: flex;
    align-items: center;
    position: relative;
  }

  .service__content>div:first-child .icon_label {
    background: url("../image/live/advantage-icon1.png") no-repeat;
    background-size: 100%;
    width: 6rem;
    height: 6rem;
  }

  .service__content>div:nth-child(2) .icon_label {
    background: url("../image/live/advantage-icon2.png") no-repeat;
    background-size: 100%;
    width: 6rem;
    height: 6rem;
  }

  .service__content>div:nth-child(3) .icon_label {
    background: url("../image/live/advantage-icon3.png") no-repeat;
    background-size: 100%;
    width: 6rem;
    height: 6rem;
  }

  .service__content>div:nth-child(4) .icon_label {
    background: url("../image/live/advantage-icon4.png") no-repeat;
    background-size: 100%;
    width: 6rem;
    height: 6rem;
  }

  .service__content>div:nth-child(5) .icon_label {
    background: url("../image/live/02_icon5_normal.png") no-repeat;
    background-size: 100%;
    width: 6rem;
    height: 6rem;
  }

  .item__desc2,
  .item__desc3,
  .item__desc4,
  .item__desc5 {
    display: none;
  }

  .service__content .item .text {
    font-size: 4.5rem;

    line-height: 6.75rem;
    color: #ffffff;
    padding: 0 0 0 4rem;
  }

  .service__content .item .img {
    background: url("../../../home/images/mobileNew/nav_arrow 4.png") no-repeat;
    background-size: 100%;
    width: 4.5rem;
    height: 4.5rem;
    position: absolute;
    right: 0;
  }

  .service-infos-item {
    font-size: 3.5rem;
    font-weight: normal;
    line-height: 6.25rem;
    position: relative;
  }

  .service-infos-item::before {
    width: 1.5rem;
    height: 1.5rem;
    left: -1.5rem;
  }

  .service-infos {
    padding: 6rem 0 0 11rem;
  }

  .item__img {
    background: url("../../../home/images/mobileNew/advantage-element-1.png") no-repeat;
    background-size: 100%;
    width: 70.25rem;
    height: 52rem;
    margin-top: 5rem;
  }

  .item__desc2 .item__img {
    background: url("../../../home/images/mobileNew/advantage-video.png") no-repeat;
    background-size: 100%;
    height: 42rem;
  }

  .item__desc3 .item__img {
    background: url("../../../home/images/mobileNew/advantage-element-3.png") no-repeat;
    background-size: 100%;
    height: 42rem;
  }

  .item__desc4 .item__img {
    background: url("../../../home/images/mobileNew/advantage-element-4.png") no-repeat;
    background-size: 100%;
  }

  .item__desc5 .item__img {
    background: url("../../../home/images/mobileNew/02_img5.png") no-repeat;
    background-size: 100%;
  }

  .service__content>div {
    padding: 2.5rem 0;
    border-bottom: 0.375rem #40446E solid;
  }

  .service__content>div:last-child {
    border-bottom: none;
  }

  .item__desc {
    padding-bottom: 1rem;
  }

  .service__content .active {
    transform: rotate(90deg);
  }

  .service-infos-item::before {
    content: "";
    position: absolute;
    top: 3rem;
    left: -3rem;
    transform: translateY(-50%);
    width: 0.375rem;
    height: 0.375rem;
    border-radius: 50%;
    background-color: #0750fe;
  }

  .service-infos-item::before {
    width: 1.5rem;
    height: 1.5rem;
    left: -3rem;
  }

  .service-infos-item {
    font-size: 3.5rem;
    font-weight: normal;
    line-height: 6.25rem;
  }
  .contact {
    width: 100vw;
}
}