/*初始�?*/
* {
  outline: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body,
div,
p,
ul,
li,
table,
tbody,
tr,
td,
textarea,
form,
input,
dl,
dt,
dd,
img,
iframe,
header,
nav,
section,
article,
footer,
figure,
figcaption,
menu {
  margin: 0;
  padding: 0;
  list-style: none;
}
header,
nav,
section,
article,
footer,
figure,
figcaption {
  display: block;
}
ol,
ul {
  margin: 0;
  padding: 0;
}
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
a,
li,
ul,
[onclick] {
  -webkit-tap-highlight-color: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  outline: none;
}
table,
td,
tr {
  border-collapse: collapse;
  border-spacing: 0;
}
em,
strong,
i {
  font-style: normal;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
  line-height: 1.4;
  font-weight: 400;
  line-height: initial;
  margin: 0;
}
a {
  text-decoration: none;
}
a img {
  vertical-align: top;
}
a:focus,
input:focus,
p:focus,
div:focus {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  outline: none;
  background-color: rgba(0, 0, 0, 0);
}
/* 横屏样式 */
@media (orientation: landscape) {
  body {
    font-size: 12px;
    -webkit-text-size-adjust: none;
    min-width: 320px;
    -webkit-text-size-adjust: none;
    background-color: #13161d;
  }
  .text-hide {
    text-indent: -9999999px;
  }
  .auto_img {
    display: block;
    width: 100%;
  }
  body.act {
    overflow: hidden;
  }
  #cms-content iframe,
  #cms-content video,
  #cms-content img {
    max-width: 100% !important;
  }
  /*字体*/
  /* @font-face{font-family:"EurostileNextProBold";src:url('../fonts/EurostileNextPro-Bold.ttf')}
@font-face{font-family:"EurostileNextProRegular";src:url('../fonts/EurostileNextPro-Regular.ttf')}
@font-face{font-family:"EurostileNextProSemiBold";src:url('../fonts/EurostileNextPro-SemiBold.ttf')}
@font-face{font-family:"EurostileNextProLight";src:url('../fonts/EurostileNextPro-Light.ttf')} */

  /*页面样式*/
  /* .wraper {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
} */

  .mask {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    left: 0;
    top: 0;
    display: none;
    z-index: 9998;
  }
  .pop {
    display: none;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999;
  }

  .pop1 {
    border: 1px solid #909191;
    background-color: rgba(16, 17, 17, 0.9);
    min-width: calc(600 / 1920 * 100vw);
    padding: calc(30 / 1920 * 100vw) calc(30 / 1920 * 100vw);
    box-sizing: border-box;
    color: #bab5b5;
    text-align: center;
    font-size: calc(28 / 1920 * 100vw);
  }
  .dia_close {
    position: absolute;
    display: block;
    right: 0;
    top: calc(-60 / 1920 * 100vw);
    width: calc(46 / 1920 * 100vw);
    height: calc(46 / 1920 * 100vw);
    background: url(../images/inc/close.png) no-repeat 0 0/100% 100%;
  }
  #pop2 {
    border: none;
    padding: 0;
    width: auto;
    min-width: auto;
    height: auto;
    background-color: transparent;
  }
  body.lang_ar {
    direction: rtl;
    unicode-bidi: bidi-override;
  }

  .tit {
    width: calc(1200 / 1920 * 100vw);
    height: calc(173 / 1920 * 100vw);
    background: url(../images/inc/tit/en.png) no-repeat 0 0/100% 100%;
    margin: calc(90 / 1920 * 100vw) auto 0;
    text-align: center;
    font-weight: bold;
    position: relative;
    z-index: 10;
  }
  .lang_fr .tit {
    width: calc(1199 / 1920 * 100vw);
    height: calc(177 / 1920 * 100vw);
    background: url(../images/inc/tit/fr.png) no-repeat 0 0/100% 100%;
  }

  .lang_ar .tit {
    width: calc(1011 / 1920 * 100vw);
    height: calc(185 / 1920 * 100vw);
    background: url(../images/inc/tit/ar.png) no-repeat 0 0/100% 100%;
  }

  .lang_de .tit {
    width: calc(1196 / 1920 * 100vw);
    height: calc(173 / 1920 * 100vw);
    background: url(../images/inc/tit/de.png) no-repeat 0 0/100% 100%;
  }

  .lang_es .tit {
    width: calc(1199 / 1920 * 100vw);
    height: calc(166 / 1920 * 100vw);
    background: url(../images/inc/tit/es.png) no-repeat 0 0/100% 100%;
  }

  .lang_id .tit {
    width: calc(1198 / 1920 * 100vw);
    height: calc(173 / 1920 * 100vw);
    background: url(../images/inc/tit/id.png) no-repeat 0 0/100% 100%;
  }

  .lang_ja .tit {
    width: calc(1199 / 1920 * 100vw);
    height: calc(181 / 1920 * 100vw);
    background: url(../images/inc/tit/ja.png) no-repeat 0 0/100% 100%;
  }

  .lang_ko .tit {
    width: calc(813 / 1920 * 100vw);
    height: calc(176 / 1920 * 100vw);
    background: url(../images/inc/tit/ko.png) no-repeat 0 0/100% 100%;
  }

  .lang_ms .tit {
    width: calc(1198 / 1920 * 100vw);
    height: calc(173 / 1920 * 100vw);
    background: url(../images/inc/tit/ms.png) no-repeat 0 0/100% 100%;
  }

  .lang_pt .tit {
    width: calc(1198 / 1920 * 100vw);
    height: calc(173 / 1920 * 100vw);
    background: url(../images/inc/tit/pt.png) no-repeat 0 0/100% 100%;
  }

  .lang_ru .tit {
    width: calc(1199 / 1920 * 100vw);
    height: calc(167 / 1920 * 100vw);
    background: url(../images/inc/tit/ru.png) no-repeat 0 0/100% 100%;
  }

  .lang_th .tit {
    width: calc(1182 / 1920 * 100vw);
    height: calc(150 / 1920 * 100vw);
    background: url(../images/inc/tit/th.png) no-repeat 0 0/100% 100%;
  }

  .lang_tr .tit {
    width: calc(1306 / 1920 * 100vw);
    height: calc(164 / 1920 * 100vw);
    background: url(../images/inc/tit/tr.png) no-repeat 0 0/100% 100%;
  }

  .lang_vi .tit {
    width: calc(1198 / 1920 * 100vw);
    height: calc(176 / 1920 * 100vw);
    background: url(../images/inc/tit/vi.png) no-repeat 0 0/100% 100%;
  }

  .lang_zh-tw .tit {
    width: calc(536 / 1920 * 100vw);
    height: calc(181 / 1920 * 100vw);
    background: url(../images/inc/tit/zh-tw.png) no-repeat 0 0/100% 100%;
  }

  .tit .name {
    font-size: calc(74 / 1920 * 100vw);
    color: #0ff796;
    text-transform: uppercase;
    letter-spacing: calc(1 / 750 * 100vw);
  }
  .tit .active {
    font-size: calc(100 / 1920 * 100vw);
    color: #fefefe;
    text-transform: uppercase;
    letter-spacing: calc(1 / 750 * 100vw);
  }
  .tips1,
  .tips2,
  .tips4 {
    color: #fff;
    font-size: calc(24 / 1920 * 100vw);
    text-align: center;
    margin: calc(22 / 1920 * 100vw) auto 0;
    position: relative;
    z-index: 1000;
    pointer-events: none;
  }
  .tips1,
  .tips2 {
    display: none;
  }

  .section {
    width: 100%;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .s0,
  .s1,
  .s2,
  .s3 {
    /*height: calc(368 / 1920 * 100vw);*/
  }
  .s0 .row1 {
    margin-top: calc(120 / 1920 * 100vw);
  }
  .s0 .btn_download {
    width: calc(348 / 1920 * 100vw);
    height: calc(55 / 1920 * 100vw);
    background: url(../images/inc/btn_watch.png) no-repeat 0 0/100% 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: calc(20 / 1920 * 100vw);
    color: #000;
  }
  .s1 .row1 {
    margin-top: calc(163 / 1920 * 100vw);
  }
  .s1 .row2 {
    margin-top: calc(65 / 1920 * 100vw);
  }

  .s1 .btn_binding_twitch {
    width: calc(461 / 1920 * 100vw);
    height: calc(56 / 1920 * 100vw);
    background: url(../images/inc/btn_binding.png) no-repeat 0 0/100% 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: calc(20 / 1920 * 100vw);
    color: #000;
  }
  .s1 .btn_login_lip {
    width: calc(460 / 1920 * 100vw);
    height: calc(55 / 1920 * 100vw);
    background: url(../images/inc/btn_login_lip.png) no-repeat 0 0/100% 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: calc(20 / 1920 * 100vw);
    color: #00fc91;
  }
  .s2 .row1 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-width: calc(930 / 1920 * 100vw);
    height: calc(54 / 1920 * 100vw);
  }
  .s2 .input_wrap {
    width: calc(708 / 1920 * 100vw);
    height: calc(55 / 1920 * 100vw);
    font-size: calc(20 / 1920 * 100vw);
    color: #0ff796;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .s2 .input_wrap .tips {
    width: calc(172 / 1920 * 100vw);
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .s2 .input_wrap input {
    flex: 1;
    outline: none;
    border: none;
    width: calc(567 / 1920 * 100vw);
    height: calc(55 / 1920 * 100vw);
    background: url(../images/inc/bg_input.png) no-repeat 0 0/100% 100%;
    color: #808080;
    text-align: center;
    padding: 0 calc(10 / 1920 * 100vw);
    box-sizing: border-box;
  }
  .s2 .btn_copy {
    min-width: calc(199 / 1920 * 100vw);
    height: calc(55 / 1920 * 100vw);
    background: url(../images/inc/btn_copy.png) no-repeat 0 0/100% 100%;
    display: none;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: calc(20 / 1920 * 100vw);
    color: #000;
    padding: 0 calc(8 / 1920 * 100vw);
  }
  .s2 .btn_get {
    min-width: calc(199 / 1920 * 100vw);
    max-width: calc(320 / 1920 * 100vw);
    height: calc(55 / 1920 * 100vw);
    background: url(../images/inc/btn_copy.png) no-repeat 0 0/100% 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: calc(18 / 1920 * 100vw);
    color: #000;
    padding: 0 calc(8 / 1920 * 100vw);
  }

  .s2 .row2 {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .s2 .btn_exchange {
    width: calc(567 / 1920 * 100vw);
    height: calc(56 / 1920 * 100vw);
    background: url(../images/inc/btn_exchange.png) no-repeat 0 0/100% 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: calc(20 / 1920 * 100vw);
    color: #000;
  }
  .s2 .tips3 {
    width: calc(575 / 1920 * 100vw);
    font-size: calc(14 / 1920 * 100vw);
    color: #808080;
    text-align: center;
    margin-top: calc(8 / 1920 * 100vw);
  }

  .s2 .row1 {
    margin-top: calc(103 / 1920 * 100vw);
  }
  .s2 .row2 {
    margin-top: calc(20 / 1920 * 100vw);
  }

  .s3 .s3_p1 {
    width: calc(1200 / 1920 * 100vw);
    font-size: calc(17 / 1920 * 100vw);
    color: #808080;
    margin: 0 auto 0;
  }
  .s3 .s3_p1 p {
    text-align: center;
    margin-top: calc(140 / 1920 * 100vw);
  }
  .s3 .s3_p2 {
    font-size: calc(14 / 1920 * 100vw);
    color: #0ff796;
    width: calc(964 / 1920 * 100vw);
    margin: 0 auto 0;
  }
  .s3 .jdt {
    width: calc(964 / 1920 * 100vw);
    height: calc(14 / 1920 * 100vw);
    background: url(../images/inc/bg_jdt.png) no-repeat 0 0/100% 100%;
    position: relative;
    overflow: hidden;
    margin: calc(8 / 1920 * 100vw) 0;
  }
  .s3 .current_jdt {
    width: 0;
    height: calc(6 / 1920 * 100vw);
    background-color: #0ff796;
    position: absolute;
    top: 50%;
    left: calc(4 / 1920 * 100vw);
    transform: translate(0, -50%);
  }
  .s3 .jdt_dot {
    width: calc(93 / 1920 * 100vw);
    height: calc(17 / 1920 * 100vw);
    position: absolute;
    top: 50%;
    right: calc(-45 / 1920 * 100vw);
    transform: translate(0, -50%);
    background: url(../images/inc/jdt_dot.png) no-repeat 0 0/100% 100%;
  }
  .s3 .btn_watch {
    width: calc(348 / 1920 * 100vw);
    height: calc(55 / 1920 * 100vw);
    background: url(../images/inc/btn_watch.png) no-repeat 0 0/100% 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: calc(20 / 1920 * 100vw);
    color: #000;
    margin-top: calc(18 / 1920 * 100vw);
  }
  .s3 .txt1 {
    margin-top: calc(98 / 1920 * 100vw);
  }
  .s3 .txt1,
  .s3 .txt2 {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .s4 {
    margin-top: calc(50 / 1920 * 100vw);
    margin-bottom: calc(50 / 1920 * 100vw);
  }

  .s4 .question_tit {
    font-size: calc(24 / 1920 * 100vw);
    color: #bab5b5;
    text-align: center;
  }
  .question_wrap {
    width: calc(1210 / 1920 * 100vw);
    display: flex;
    color: #808080;
    margin-top: calc(15 / 1920 * 100vw);
  }
  .s4 .left_area .icon_dot {
    width: calc(17 / 1920 * 100vw);
    height: calc(17 / 1920 * 100vw);
    background: url(../images/inc/icon_dot.png) no-repeat 0 0/100% 100%;
    /* margin-top: calc(3/1920 * 100vw); */
  }
  .s4 .right_area {
    margin-left: calc(10 / 1920 * 100vw);
  }
  .s4 .right_area .question_title {
    font-size: calc(16 / 1920 * 100vw);
  }
  .s4 .question_title p span {
    color: #0ff796;
  }
  .s4 .right_area .question_answer {
    font-size: calc(14 / 1920 * 100vw);
    margin-top: calc(6 / 1920 * 100vw);
  }
  .s4 .right_area .question_answer p {
    overflow-wrap: anywhere;
  }
  .s4 .q3-pic-wrap {
    width: calc(1080 / 1920 * 100vw);
    display: flex;
    justify-content: space-between;
  }
  .s4 .left-pic,
  .s4 .right-pic {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: calc(26 / 1920 * 100vw);
  }
  .s4 .left-pic img,
  .s4 .right-pic img {
    width: calc(524 / 1920 * 100vw);
    height: calc(287 / 1920 * 100vw);
  }
  .q3-desc {
    text-align: center;
    padding: 0 calc(20 / 1920 * 100vw);
    margin: calc(20 / 1920 * 100vw) 0;
  }

  /* 绑定页面 */
  .s6 {
    /* margin-bottom: calc(50 / 1920 * 100vw); */
  }
  .s6 .bind-wrap {
    width: calc(800 / 1920 * 100vw);
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .s6 .bind-wrap a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: url(../images/inc/btn-bind.png) no-repeat 0 0/100% 100%;
    width: calc(348 / 1920 * 100vw);
    height: calc(75 / 1920 * 100vw);
    font-size: calc(18 / 1920 * 100vw);
    color: #000;
  }
  .s6 .bind-wrap a.on {
    background: url(../images/inc/btn-binded.png) no-repeat 0 0/100% 100%;
    color: #ebebeb;
  }
  .s6 .bind-wrap a .btn-bind-txt2,
  .s6 .bind-wrap a .btn-bind-txt3,
  .s6 .bind-wrap a .btn-bind-txt4 {
    display: none;
  }
  .s6 .bind-wrap a.on .btn-bind-txt1 {
    display: none;
  }
  .s6 .bind-wrap a.on .btn-bind-txt2,
  .s6 .bind-wrap a.on .btn-bind-txt3,
  .s6 .bind-wrap a.on .btn-bind-txt4 {
    display: block;
  }

  .s6 .btn-bind {
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: calc(348 / 1920 * 100vw);
    height: calc(55 / 1920 * 100vw);
    background: url(../images/inc/btn_watch.png) no-repeat 0 0/100% 100%;
    font-size: calc(20 / 1920 * 100vw);
    color: #000;
    margin: calc(30 / 1920 * 100vw) auto 0;
    margin-top: 0;
    padding: 0 calc(10 / 1920 * 100vw);
  }
  .s6 .btn-bind.gray {
    filter: grayscale(1);
  }

  /* 前往观看页面 */
  .s7 {
    margin-top: calc(100 / 1920 * 100vw);
    margin-bottom: calc(100 / 1920 * 100vw);
  }
  .uid-wrap {
    position: relative;
    display: flex;
    align-items: center;
    width: calc(880 / 1920 * 100vw);
    height: calc(61 / 1920 * 100vw);
    font-size: calc(20 / 1920 * 100vw);
    margin-left: calc(-70 / 1920 * 100vw);
    color: #0ff796;
  }
  .uid-wrap .uid-input {
    width: calc(680 / 1920 * 100vw);
    height: calc(61 / 1920 * 100vw);
    border-top: 1px solid #434545;
    border-left: 1px solid #434545;
    border-right: 1px solid #434545;
    border-bottom: 1px solid #8d8e8e;
    font-size: calc(20 / 1920 * 100vw);
    color: #808080;
    background: transparent;
    padding: 0 calc(20 / 1920 * 100vw);
    margin-left: calc(20 / 1920 * 100vw);
  }
  .uid-wrap .uid-how {
    color: #0ff796;
    font-size: calc(20 / 1920 * 100vw);
    width: calc(30 / 1920 * 100vw);
    height: calc(30 / 1920 * 100vw);
    background: url(../images/inc/i-wh.png) no-repeat 0 0/100% 100%;
    margin-left: calc(10 / 1920 * 100vw);
    flex-shrink: 0;
  }
  .s7 .btn-qwgk {
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(567 / 1920 * 100vw);
    height: calc(56 / 1920 * 100vw);
    background: url(../images/inc/btn_exchange.png) no-repeat 0 0/100% 100%;
    font-size: calc(20 / 1920 * 100vw);
    color: #000;
    margin: calc(30 / 1920 * 100vw) 0 0 calc(8 / 1920 * 100vw);
  }

  .s8 {
    margin-top: calc(100 / 1920 * 100vw);
    margin-bottom: calc(100 / 1920 * 100vw);
  }
  .s8 .uid-wrap {
    width: calc(890 / 1920 * 100vw);
  }
  .s8 .btn-qr {
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(567 / 1920 * 100vw);
    height: calc(56 / 1920 * 100vw);
    background: url(../images/inc/btn_exchange.png) no-repeat 0 0/100% 100%;
    font-size: calc(20 / 1920 * 100vw);
    color: #000;
    margin: calc(30 / 1920 * 100vw) auto 0;
  }
  .s8-tips1 {
    margin-top: calc(10 / 1920 * 100vw);
  }
  .s8-tips1,
  .s8-tips2 {
    color: #808080;
    font-size: calc(14 / 1920 * 100vw);
  }

  .pop3 {
    border: 1px solid #909191;
    background-color: rgba(16, 17, 17, 0.9);
    min-width: calc(584 / 1920 * 100vw);
    min-height: calc(326 / 1920 * 100vw);
    padding: calc(30 / 1920 * 100vw) calc(30 / 1920 * 100vw);
    box-sizing: border-box;
    color: #bab5b5;
    text-align: center;
    font-size: calc(28 / 1920 * 100vw);
  }
  .pop3_txt1 {
    width: calc(400 / 1920 * 100vw);
    margin: calc(20 / 1920 * 100vw) auto 0;
  }
  .pop3 .btn-wrap {
    width: calc(475 / 1920 * 100vw);
    margin: calc(50 / 1920 * 100vw) auto 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .pop3 .btn-confirm {
    display: block;
    width: calc(210 / 1920 * 100vw);
    height: calc(49 / 1920 * 100vw);
    line-height: calc(49 / 1920 * 100vw);
    background: url(../images/inc/btn-confirm.png) no-repeat 0 0/100% 100%;
    color: #000;
    font-size: calc(24 / 1920 * 100vw);
  }
  .pop3 .btn-cancel {
    display: block;
    width: calc(210 / 1920 * 100vw);
    height: calc(49 / 1920 * 100vw);
    line-height: calc(49 / 1920 * 100vw);
    background: url(../images/inc/btn-cancel.png) no-repeat 0 0/100% 100%;
    color: #acacac;
    font-size: calc(24 / 1920 * 100vw);
  }

  .pop4 {
    width: calc(673 / 1920 * 100vw);
    height: calc(478 / 1920 * 100vw);
    background: url(../images/inc/pop4-bg.png) no-repeat 0 0/100% 100%;
  }
  .pop4 .pop4-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .pop4-tit {
    user-select: none;
    font-size: calc(30 / 1920 * 100vw);
    color: #fff;
    font-weight: bold;
    margin-top: calc(20 / 1920 * 100vw);
  }
  .lang_ms .pop4-tit {
    font-size: calc(24 / 1920 * 100vw);
  }
  .pop4 .pop4-swiper {
    width: 100%;
    margin-top: calc(20 / 1920 * 100vw);
  }
  body.lang_ar .pop4 .pop4-swiper .swiper-wrapper {
    direction: ltr;
  }
  .pop4 .swiper-slide img {
    display: block;
    margin: 0 auto 0;
    width: calc(542 / 1920 * 100vw);
    height: calc(304 / 1920 * 100vw);
  }
  .pop4 .p4-bottom-txt {
    user-select: none;
    width: calc(542 / 1920 * 100vw);
    min-height: calc(53 / 1920 * 100vw);
    padding: calc(10 / 1920 * 100vw) calc(10 / 1920 * 100vw);
    margin: calc(8 / 1920 * 100vw) auto 0;
    text-align: center;
    color: #808080;
    font-size: calc(16 / 1920 * 100vw);
    background-color: #000;
    box-sizing: border-box;
  }
  .pop4 .swiper-button-next {
    width: calc(28 / 1920 * 100vw);
    height: calc(36 / 1920 * 100vw);
    background: url(../images/inc/arrow1.png) no-repeat 0 0/100% 100%;
  }
  .pop4 .swiper-button-prev {
    width: calc(28 / 1920 * 100vw);
    height: calc(36 / 1920 * 100vw);
    background: url(../images/inc/arrow1.png) no-repeat 0 0/100% 100%;
    transform: rotate(180deg);
  }
  .downIcon {
    display: none;
  }
}
/* 竖屏样式 */
@media (orientation: portrait) {
  body {
    font-size: 12px;
    -webkit-text-size-adjust: none;
    min-width: 320px;
    -webkit-text-size-adjust: none;
    background-color: #13161d;
  }
  .text-hide {
    text-indent: -9999999px;
  }
  .auto_img {
    display: block;
    width: 100%;
  }
  body.act {
    overflow: hidden;
  }
  #cms-content iframe,
  #cms-content video,
  #cms-content img {
    max-width: 100% !important;
  }
  /*字体*/
  /* @font-face{font-family:"EurostileNextProBold";src:url('../fonts/EurostileNextPro-Bold.ttf')}
    @font-face{font-family:"EurostileNextProRegular";src:url('../fonts/EurostileNextPro-Regular.ttf')}
    @font-face{font-family:"EurostileNextProSemiBold";src:url('../fonts/EurostileNextPro-SemiBold.ttf')}
    @font-face{font-family:"EurostileNextProLight";src:url('../fonts/EurostileNextPro-Light.ttf')} */

  /*页面样式*/
  /* .wraper {
        display: block;
        width: 100%;
        height: 100%;
        overflow: hidden;
    } */

  .mask {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    left: 0;
    top: 0;
    display: none;
    z-index: 9998;
  }
  .pop {
    display: none;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999;
  }

  .pop1 {
    border: 1px solid #909191;
    background-color: rgba(16, 17, 17, 0.9);
    min-width: calc(330 / 375 * 100vw);
    padding: calc(10 / 375 * 100vw) calc(30 / 375 * 100vw);
    box-sizing: border-box;
    color: #bab5b5;
    text-align: center;
    font-size: calc(18 / 375 * 100vw);
  }
  .dia_close {
    position: absolute;
    display: block;
    right: 0;
    top: calc(-21 / 375 * 100vw);
    width: calc(20 / 375 * 100vw);
    height: calc(20 / 375 * 100vw);
    background: url(../images/inc/close.png) no-repeat 0 0/100% 100%;
  }
  #pop2 {
    border: none;
    padding: 0;
    width: auto;
    min-width: auto;
    height: auto;
    background-color: transparent;
  }
  body.lang_ar {
    direction: rtl;
    unicode-bidi: bidi-override;
  }

  .tit {
    width: calc(350 / 375 * 100vw);
    height: calc(50 / 375 * 100vw);
    background: url(../images/inc/tit/en.png) no-repeat 0 0/100% 100%;
    margin: calc(30 / 375 * 100vw) auto 0;
    text-align: center;
    font-weight: bold;
    position: relative;
    z-index: 10;
  }
  .lang_fr .tit {
    width: calc(350 / 375 * 100vw);
    height: calc(51 / 375 * 100vw);
    background: url(../images/inc/tit/fr.png) no-repeat 0 0/100% 100%;
  }

  .lang_ar .tit {
    width: calc(350 / 375 * 100vw);
    height: calc(64 / 375 * 100vw);
    background: url(../images/inc/tit/ar.png) no-repeat 0 0/100% 100%;
  }

  .lang_de .tit {
    width: calc(350 / 375 * 100vw);
    height: calc(51 / 375 * 100vw);
    background: url(../images/inc/tit/de.png) no-repeat 0 0/100% 100%;
  }

  .lang_es .tit {
    width: calc(350 / 375 * 100vw);
    height: calc(48 / 375 * 100vw);
    background: url(../images/inc/tit/es.png) no-repeat 0 0/100% 100%;
  }

  .lang_id .tit {
    width: calc(350 / 375 * 100vw);
    height: calc(50 / 375 * 100vw);
    background: url(../images/inc/tit/id.png) no-repeat 0 0/100% 100%;
  }

  .lang_ja .tit {
    width: calc(350 / 375 * 100vw);
    height: calc(52 / 375 * 100vw);
    background: url(../images/inc/tit/ja.png) no-repeat 0 0/100% 100%;
  }

  .lang_ko .tit {
    width: calc(350 / 375 * 100vw);
    height: calc(75 / 375 * 100vw);
    background: url(../images/inc/tit/ko.png) no-repeat 0 0/100% 100%;
  }

  .lang_ms .tit {
    width: calc(350 / 375 * 100vw);
    height: calc(50 / 375 * 100vw);
    background: url(../images/inc/tit/ms.png) no-repeat 0 0/100% 100%;
  }

  .lang_pt .tit {
    width: calc(350 / 375 * 100vw);
    height: calc(50 / 375 * 100vw);
    background: url(../images/inc/tit/pt.png) no-repeat 0 0/100% 100%;
  }

  .lang_ru .tit {
    width: calc(350 / 375 * 100vw);
    height: calc(48 / 375 * 100vw);
    background: url(../images/inc/tit/ru.png) no-repeat 0 0/100% 100%;
  }

  .lang_th .tit {
    width: calc(350 / 375 * 100vw);
    height: calc(44 / 375 * 100vw);
    background: url(../images/inc/tit/th.png) no-repeat 0 0/100% 100%;
  }

  .lang_tr .tit {
    width: calc(350 / 375 * 100vw);
    height: calc(44 / 375 * 100vw);
    background: url(../images/inc/tit/tr.png) no-repeat 0 0/100% 100%;
  }

  .lang_vi .tit {
    width: calc(350 / 375 * 100vw);
    height: calc(50 / 375 * 100vw);
    background: url(../images/inc/tit/vi.png) no-repeat 0 0/100% 100%;
  }

  .lang_zh-tw .tit {
    width: calc(280 / 375 * 100vw);
    height: calc(94 / 375 * 100vw);
    background: url(../images/inc/tit/zh-tw.png) no-repeat 0 0/100% 100%;
  }

  .tit .name {
    font-size: calc(74 / 375 * 100vw);
    color: #0ff796;
    text-transform: uppercase;
    letter-spacing: calc(1 / 750 * 100vw);
  }
  .tit .active {
    font-size: calc(100 / 375 * 100vw);
    color: #fefefe;
    text-transform: uppercase;
    letter-spacing: calc(1 / 750 * 100vw);
  }
  .tips1,
  .tips2,
  .tips4 {
    color: #fff;
    font-size: calc(24 / 375 * 100vw);
    text-align: center;
    margin: calc(22 / 375 * 100vw) auto 0;
    position: relative;
    z-index: 1000;
    pointer-events: none;
  }
  .tips1,
  .tips2 {
    display: none;
  }

  .section {
    width: 100%;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .s0,
  .s1,
  .s2,
  .s3 {
    /*height: calc(368 / 375 * 100vw);*/
  }
  .s0 .row1 {
    margin-top: calc(120 / 375 * 100vw);
  }
  .s0 .btn_download {
    width: calc(348 / 375 * 100vw);
    height: calc(55 / 375 * 100vw);
    background: url(../images/inc/btn_watch.png) no-repeat 0 0/100% 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: calc(20 / 375 * 100vw);
    color: #000;
  }
  .s1 .row1 {
    margin-top: calc(48 / 375 * 100vw);
  }
  .s1 .row2 {
    margin-top: calc(65 / 375 * 100vw);
  }

  .s1 .btn_binding_twitch {
    width: calc(353 / 375 * 100vw);
    height: calc(56 / 375 * 100vw);
    background: url(../images/inc/btn_binding.png) no-repeat 0 0/100% 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: calc(16 / 375 * 100vw);
    color: #000;
  }
  .s1 .btn_login_lip {
    width: calc(460 / 375 * 100vw);
    height: calc(55 / 375 * 100vw);
    background: url(../images/inc/btn_login_lip.png) no-repeat 0 0/100% 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: calc(20 / 375 * 100vw);
    color: #00fc91;
  }
  .s2 .row1 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-width: calc(930 / 375 * 100vw);
    height: calc(54 / 375 * 100vw);
  }
  .s2 .input_wrap {
    width: calc(708 / 375 * 100vw);
    height: calc(55 / 375 * 100vw);
    font-size: calc(20 / 375 * 100vw);
    color: #0ff796;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .s2 .input_wrap .tips {
    width: calc(172 / 375 * 100vw);
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .s2 .input_wrap input {
    flex: 1;
    outline: none;
    border: none;
    width: calc(567 / 375 * 100vw);
    height: calc(55 / 375 * 100vw);
    background: url(../images/inc/bg_input.png) no-repeat 0 0/100% 100%;
    color: #808080;
    text-align: center;
    padding: 0 calc(10 / 375 * 100vw);
    box-sizing: border-box;
  }
  .s2 .btn_copy {
    min-width: calc(199 / 375 * 100vw);
    height: calc(55 / 375 * 100vw);
    background: url(../images/inc/btn_copy.png) no-repeat 0 0/100% 100%;
    display: none;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: calc(20 / 375 * 100vw);
    color: #000;
    padding: 0 calc(8 / 375 * 100vw);
  }
  .s2 .btn_get {
    min-width: calc(199 / 375 * 100vw);
    max-width: calc(320 / 375 * 100vw);
    height: calc(55 / 375 * 100vw);
    background: url(../images/inc/btn_copy.png) no-repeat 0 0/100% 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: calc(18 / 375 * 100vw);
    color: #000;
    padding: 0 calc(8 / 375 * 100vw);
  }

  .s2 .row2 {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .s2 .btn_exchange {
    width: calc(567 / 375 * 100vw);
    height: calc(56 / 375 * 100vw);
    background: url(../images/inc/btn_exchange.png) no-repeat 0 0/100% 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: calc(20 / 375 * 100vw);
    color: #000;
  }
  .s2 .tips3 {
    width: calc(575 / 375 * 100vw);
    font-size: calc(14 / 375 * 100vw);
    color: #808080;
    text-align: center;
    margin-top: calc(8 / 375 * 100vw);
  }

  .s2 .row1 {
    margin-top: calc(103 / 375 * 100vw);
  }
  .s2 .row2 {
    margin-top: calc(20 / 375 * 100vw);
  }

  .s3 .s3_p1 {
    width: calc(236 / 375 * 100vw);
    font-size: calc(17 / 375 * 100vw);
    color: #808080;
    margin: 0 auto 0;
  }
  .s3 .s3_p1 p {
    text-align: center;
    margin-top: calc(140 / 375 * 100vw);
  }
  .s3 .s3_p2 {
    font-size: calc(14 / 375 * 100vw);
    color: #0ff796;
    width: calc(964 / 375 * 100vw);
    margin: 0 auto 0;
  }
  .s3 .jdt {
    width: calc(964 / 375 * 100vw);
    height: calc(14 / 375 * 100vw);
    background: url(../images/inc/bg_jdt.png) no-repeat 0 0/100% 100%;
    position: relative;
    overflow: hidden;
    margin: calc(8 / 375 * 100vw) 0;
  }
  .s3 .current_jdt {
    width: 0;
    height: calc(6 / 375 * 100vw);
    background-color: #0ff796;
    position: absolute;
    top: 50%;
    left: calc(4 / 375 * 100vw);
    transform: translate(0, -50%);
  }
  .s3 .jdt_dot {
    width: calc(93 / 375 * 100vw);
    height: calc(17 / 375 * 100vw);
    position: absolute;
    top: 50%;
    right: calc(-45 / 375 * 100vw);
    transform: translate(0, -50%);
    background: url(../images/inc/jdt_dot.png) no-repeat 0 0/100% 100%;
  }
  .s3 .btn_watch {
    width: calc(348 / 375 * 100vw);
    height: calc(55 / 375 * 100vw);
    background: url(../images/inc/btn_watch.png) no-repeat 0 0/100% 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: calc(16 / 375 * 100vw);
    color: #000;
    margin-top: calc(18 / 375 * 100vw);
  }
  .s3 .txt1 {
    margin-top: calc(98 / 375 * 100vw);
  }
  .s3 .txt1,
  .s3 .txt2 {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .s4 {
    margin-top: calc(10 / 375 * 100vw);
    margin-bottom: calc(50 / 375 * 100vw);
  }

  .s4 .question_tit {
    font-size: calc(20 / 375 * 100vw);
    color: #bab5b5;
    text-align: center;
  }
  .question_wrap {
    width: calc(325 / 375 * 100vw);
    display: flex;
    color: #808080;
    margin-top: calc(15 / 375 * 100vw);
  }
  .s4 .left_area .icon_dot {
    width: calc(17 / 375 * 100vw);
    height: calc(17 / 375 * 100vw);
    background: url(../images/inc/icon_dot.png) no-repeat 0 0/100% 100%;
    /* margin-top: calc(3/375 * 100vw); */
  }
  .s4 .right_area {
    margin-left: calc(10 / 375 * 100vw);
  }
  .s4 .right_area .question_title {
    font-size: calc(13 / 375 * 100vw);
  }
  .s4 .question_title p span {
    color: #0ff796;
  }
  .s4 .right_area .question_answer {
    font-size: calc(14 / 375 * 100vw);
    margin-top: calc(6 / 375 * 100vw);
  }
  .s4 .right_area .question_answer p {
    overflow-wrap: anywhere;
  }
  .s4 .q3-pic-wrap {
    width: calc(1080 / 375 * 100vw);
    display: flex;
    justify-content: space-between;
  }
  .s4 .left-pic,
  .s4 .right-pic {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: calc(26 / 375 * 100vw);
  }
  .s4 .left-pic img,
  .s4 .right-pic img {
    width: calc(524 / 375 * 100vw);
    height: calc(287 / 375 * 100vw);
  }
  .q3-desc {
    text-align: center;
    padding: 0 calc(20 / 375 * 100vw);
    margin: calc(20 / 375 * 100vw) 0;
  }

  /* 绑定页面 */
  .s6 {
    /* margin-bottom: calc(50 / 375 * 100vw); */
  }
  .s6 .bind-wrap {
    width: calc(800 / 375 * 100vw);
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .s6 .bind-wrap a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: url(../images/inc/btn-bind.png) no-repeat 0 0/100% 100%;
    width: calc(348 / 375 * 100vw);
    height: calc(75 / 375 * 100vw);
    font-size: calc(18 / 375 * 100vw);
    color: #000;
  }
  .s6 .bind-wrap a.on {
    background: url(../images/inc/btn-binded.png) no-repeat 0 0/100% 100%;
    color: #ebebeb;
  }
  .s6 .bind-wrap a .btn-bind-txt2,
  .s6 .bind-wrap a .btn-bind-txt3,
  .s6 .bind-wrap a .btn-bind-txt4 {
    display: none;
  }
  .s6 .bind-wrap a.on .btn-bind-txt1 {
    display: none;
  }
  .s6 .bind-wrap a.on .btn-bind-txt2,
  .s6 .bind-wrap a.on .btn-bind-txt3,
  .s6 .bind-wrap a.on .btn-bind-txt4 {
    display: block;
  }

  .s6 .btn-bind {
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: calc(300 / 375 * 100vw);
    height: calc(50 / 375 * 100vw);
    background: url(../images/inc/btn_watch.png) no-repeat 0 0/100% 100%;
    font-size: calc(16 / 375 * 100vw);
    color: #000;
    margin: calc(30 / 375 * 100vw) auto 0;
    margin-top: 0;
    padding: 0 calc(10 / 375 * 100vw);
  }
  .s6 .btn-bind.gray {
    filter: grayscale(1);
  }

  /* 前往观看页面 */
  .s7 {
    margin-top: calc(100 / 375 * 100vw);
    margin-bottom: calc(100 / 375 * 100vw);
  }
  .uid-wrap {
    position: relative;
    display: flex;
    align-items: center;
    width: calc(880 / 375 * 100vw);
    height: calc(61 / 375 * 100vw);
    font-size: calc(20 / 375 * 100vw);
    margin-left: calc(-70 / 375 * 100vw);
    color: #0ff796;
  }
  .uid-wrap .uid-input {
    width: calc(680 / 375 * 100vw);
    height: calc(61 / 375 * 100vw);
    border-top: 1px solid #434545;
    border-left: 1px solid #434545;
    border-right: 1px solid #434545;
    border-bottom: 1px solid #8d8e8e;
    font-size: calc(20 / 375 * 100vw);
    color: #808080;
    background: transparent;
    padding: 0 calc(20 / 375 * 100vw);
    margin-left: calc(20 / 375 * 100vw);
  }
  .uid-wrap .uid-how {
    color: #0ff796;
    font-size: calc(20 / 375 * 100vw);
    width: calc(30 / 375 * 100vw);
    height: calc(30 / 375 * 100vw);
    background: url(../images/inc/i-wh.png) no-repeat 0 0/100% 100%;
    margin-left: calc(10 / 375 * 100vw);
    flex-shrink: 0;
  }
  .s7 .btn-qwgk {
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(567 / 375 * 100vw);
    height: calc(56 / 375 * 100vw);
    background: url(../images/inc/btn_exchange.png) no-repeat 0 0/100% 100%;
    font-size: calc(20 / 375 * 100vw);
    color: #000;
    margin: calc(30 / 375 * 100vw) 0 0 calc(8 / 375 * 100vw);
  }

  .s8 {
    margin-top: calc(100 / 375 * 100vw);
    margin-bottom: calc(100 / 375 * 100vw);
  }
  .s8 .uid-wrap {
    width: calc(890 / 375 * 100vw);
  }
  .s8 .btn-qr {
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(567 / 375 * 100vw);
    height: calc(56 / 375 * 100vw);
    background: url(../images/inc/btn_exchange.png) no-repeat 0 0/100% 100%;
    font-size: calc(20 / 375 * 100vw);
    color: #000;
    margin: calc(30 / 375 * 100vw) auto 0;
  }
  .s8-tips1 {
    margin-top: calc(10 / 375 * 100vw);
  }
  .s8-tips1,
  .s8-tips2 {
    color: #808080;
    font-size: calc(14 / 375 * 100vw);
  }

  .pop3 {
    border: 1px solid #909191;
    background-color: rgba(16, 17, 17, 0.9);
    min-width: calc(584 / 375 * 100vw);
    min-height: calc(326 / 375 * 100vw);
    padding: calc(30 / 375 * 100vw) calc(30 / 375 * 100vw);
    box-sizing: border-box;
    color: #bab5b5;
    text-align: center;
    font-size: calc(28 / 375 * 100vw);
  }
  .pop3_txt1 {
    width: calc(400 / 375 * 100vw);
    margin: calc(20 / 375 * 100vw) auto 0;
  }
  .pop3 .btn-wrap {
    width: calc(475 / 375 * 100vw);
    margin: calc(50 / 375 * 100vw) auto 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .pop3 .btn-confirm {
    display: block;
    width: calc(210 / 375 * 100vw);
    height: calc(49 / 375 * 100vw);
    line-height: calc(49 / 375 * 100vw);
    background: url(../images/inc/btn-confirm.png) no-repeat 0 0/100% 100%;
    color: #000;
    font-size: calc(24 / 375 * 100vw);
  }
  .pop3 .btn-cancel {
    display: block;
    width: calc(210 / 375 * 100vw);
    height: calc(49 / 375 * 100vw);
    line-height: calc(49 / 375 * 100vw);
    background: url(../images/inc/btn-cancel.png) no-repeat 0 0/100% 100%;
    color: #acacac;
    font-size: calc(24 / 375 * 100vw);
  }

  .pop4 {
    width: calc(673 / 375 * 100vw);
    height: calc(478 / 375 * 100vw);
    background: url(../images/inc/pop4-bg.png) no-repeat 0 0/100% 100%;
  }
  .pop4 .pop4-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .pop4-tit {
    user-select: none;
    font-size: calc(30 / 375 * 100vw);
    color: #fff;
    font-weight: bold;
    margin-top: calc(20 / 375 * 100vw);
  }
  .lang_ms .pop4-tit {
    font-size: calc(24 / 375 * 100vw);
  }
  .pop4 .pop4-swiper {
    width: 100%;
    margin-top: calc(20 / 375 * 100vw);
  }
  body.lang_ar .pop4 .pop4-swiper .swiper-wrapper {
    direction: ltr;
  }
  .pop4 .swiper-slide img {
    display: block;
    margin: 0 auto 0;
    width: calc(542 / 375 * 100vw);
    height: calc(304 / 375 * 100vw);
  }
  .pop4 .p4-bottom-txt {
    user-select: none;
    width: calc(542 / 375 * 100vw);
    min-height: calc(53 / 375 * 100vw);
    padding: calc(10 / 375 * 100vw) calc(10 / 375 * 100vw);
    margin: calc(8 / 375 * 100vw) auto 0;
    text-align: center;
    color: #808080;
    font-size: calc(16 / 375 * 100vw);
    background-color: #000;
    box-sizing: border-box;
  }
  .pop4 .swiper-button-next {
    width: calc(28 / 375 * 100vw);
    height: calc(36 / 375 * 100vw);
    background: url(../images/inc/arrow1.png) no-repeat 0 0/100% 100%;
  }
  .pop4 .swiper-button-prev {
    width: calc(28 / 375 * 100vw);
    height: calc(36 / 375 * 100vw);
    background: url(../images/inc/arrow1.png) no-repeat 0 0/100% 100%;
    transform: rotate(180deg);
  }
  .downIcon {
    display: block;
    width: calc(29 / 375 * 100vw);
    height: calc(34 / 375 * 100vw);
    margin: calc(8 / 375 * 100vw) auto 0;
    margin-top: calc(25 / 375 * 100vw);
  }
}