/*初始�?*/
*{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);}
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(100 / 1920* 100vw);
    margin-bottom: calc(100 / 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-top: calc(100 / 1920* 100vw);
    margin-bottom: calc(100 / 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;
    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);
}