/* reset S */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
table{border-collapse:collapse;border-spacing:0}
audio,canvas,video{ display: inline-block;}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
ol,ul,li{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}
a{text-decoration:none; -webkit-tap-highlight-color:transparent;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
html{-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;-webkit-overflow-scrolling: touch; width:100%; font-size:calc(100vw / 750 * 100);}
img{border: 0; -webkit-touch-callout: none;}
body{-webkit-text-size-adjust: 100%; width:100%; background: #191219;}

/* 三角洲体 */
@font-face {
    font-family: 'font';
    src: url('../ossweb-img/font.ttf');
}
/* reset E */

@media (min-width:5.68rem) and (orientation:landscape){html{position:relative;overflow:hidden;width:100vw;height:100vh;padding:0;margin:0}html:before{content:"";position:fixed;top:0;left:0;height:100%;width:100%;background:#333;z-index:9999999999999999;}body:after{content:"";position:fixed;z-index:9999999999999999;height:200px;width:100px;left:50%;top:50%;margin:-100px 0 0 -50px;color:#fff;transform:rotate(-90deg);background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHQAAAB2CAYAAAAZUrcsAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDAwMjcwNkVEQzczMTFFNjlFMDFGQTEzNkM3N0JBMTMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDAwMjcwNkREQzczMTFFNjlFMDFGQTEzNkM3N0JBMTMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQ0NzhCMTlBREM1ODExRTZCNTdFRjQ0Q0I1QzRCODZBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjQ0NzhCMTlCREM1ODExRTZCNTdFRjQ0Q0I1QzRCODZBIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+J30rNQAACRRJREFUeNrsXQlsFVUU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);background-repeat:no-repeat;background-position:center center;background-size:100px auto}}

.spr{ background-image:url(../ossweb-img/m/spr.png); background-repeat:no-repeat; background-size:15.96rem 0.74rem;}
.spr.btn-close-i{ width:0.58rem; height:0.58rem; background-position:99.80494% 18.75%;}
/* .spr.btn-exchange.gray{ width:1.67rem; height:0.68rem; background-position:83.76487% 50%;}
.spr.btn-exchange{ width:1.67rem; height:0.68rem; background-position:95.59132% 50%;}
.spr.btn-signin{ width:6.81rem; height:0.68rem; background-position:0.32787% 50%;}
.spr.exc-input{ width:5.09rem; height:0.68rem; background-position:63.10948% 50%;} */

html,body { font-family: 'font';}
.wrapper{ width: 100%; height: 100vh; font-size: 0; overflow: hidden; background: url(../ossweb-img/m/bg.jpg) 50% 50% no-repeat; background-size: cover;position: relative;min-height: 13rem;}
.wrapper .main { width: 6.7rem; margin: 0 auto;font-size: 0; text-align: center;}
*{margin: 0;padding: 0;box-sizing: border-box;}

/* header */
.header * { -webkit-box-sizing: border-box; box-sizing: border-box;}
.header { width: 6.4rem; height: .64rem; border-bottom: 1px solid rgba(202, 225, 207, .15); position: absolute; top: .28rem; left: 50%; margin-left: -3.2rem; z-index: 9; }
.header:before { content: ''; width: .05rem; height: 2px; background: rgba(202, 225, 207, .5); position: absolute; bottom: -1px; left: 0; pointer-events: none; }
.header:after { content: ''; width: .05rem; height: 2px; background: rgba(202, 225, 207, .5); position: absolute; bottom: -1px; right: 0; pointer-events: none; }
.header .left-box { height: 100%; float: left; }
.header .right-box { height: 100%;  width: 5.8rem; position: absolute;right: 0;top: 102%;}
.header .logo { width: .49rem; height: .51rem; background: url(../ossweb-img/m/logo.png) 0 50% no-repeat; background-size: 100%; display: block; }
.header .login-box{text-align: right; color: #fff; font-size: .24rem; line-height: .51rem; height: .51rem; float: right; margin-right: .2rem;}
.header .login-box a{color: #fff;}
.ru .header .login-box a{
	font-family: auto;
}

.ja .language{
	font-family: auto;
}
.language{position: relative; width:0.64rem;height:0.51rem; float: right; z-index:10;white-space:nowrap;text-align:center;font-size:0.24rem;color:#a6a6a6;transition:width .3s;overflow:hidden;background-color:rgba(37,37,37,.45);border:1px rgba(255,255,255,.6) solid;border-radius:.05rem;}
.language .btn-language{position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.language.show{overflow:visible;background-color:rgba(255,255,255,.45);}
.language.show .btn-language{display: none;}
.language:before{content:"";position:absolute;width:0.47rem;height:0.48rem;top:50%; margin-top: -.24rem; left:0.075rem;background:url(../ossweb-img/language-b.png) no-repeat; background-size: 100% 100%;}
.language p{display: none;}
.language ul{position:absolute;width:2rem;height:auto;top:.51rem;right:0;box-sizing:border-box;max-height:0;overflow:hidden;border: 1px solid #7a7773;}
.language.show ul{max-height:9.99rem;transition:max-height .6s;}
.language li{line-height:0.4rem;border-top:1px #7a7773 solid;background-color:rgba(16,16,16,.9);box-sizing:border-box}
.language li:nth-of-type(1){border-top: none;}
.language li.on{color:#0ff796;background-color:rgba(127,135,135,.98);}

/* .main-box{ width: 100%; position: absolute; left: 0; height: 5.04rem; bottom: 0; z-index: 3;}
.main-box .slogan{width: 7.11rem;height: 2.36rem; background:url(../ossweb-img/slogan.png) 50% 50% no-repeat; background-size: contain; margin: 0 auto;} */
.en .main-box .slogan{background: url(../ossweb-img/m/en.png) 50% 50% no-repeat; background-size: contain;}
.fr .main-box .slogan{background: url(../ossweb-img/m/fr.png) 50% 50% no-repeat; background-size: contain;}
.es .main-box .slogan{background: url(../ossweb-img/m/es.png) 50% 50% no-repeat; background-size: contain;}
.ru .main-box .slogan{background: url(../ossweb-img/m/ru.png) 50% 50% no-repeat; background-size: contain;}
.de .main-box .slogan{background: url(../ossweb-img/m/de.png) 50% 50% no-repeat; background-size: contain;}
.ar .main-box .slogan{background: url(../ossweb-img/m/ar.png) 50% 50% no-repeat; background-size: contain;}
.zh-tw .main-box .slogan{background: url(../ossweb-img/m/zh-tw.png) 50% 50% no-repeat; background-size: contain;}
.th .main-box .slogan{background: url(../ossweb-img/m/th.png) 50% 50% no-repeat; background-size: contain;}
.vi .main-box .slogan{background: url(../ossweb-img/m/vi.png) 50% 50% no-repeat; background-size: contain;}
.id .main-box .slogan{background: url(../ossweb-img/m/id.png) 50% 50% no-repeat; background-size: contain;}
.pt .main-box .slogan{background: url(../ossweb-img/m/pt.png) 50% 50% no-repeat; background-size: contain;}
.ko .main-box .slogan{background: url(../ossweb-img/m/ko.png) 50% 50% no-repeat; background-size: contain;}
.ja .main-box .slogan{background: url(../ossweb-img/m/ja.png) 50% 50% no-repeat; background-size: contain;}
.tr .main-box .slogan{background: url(../ossweb-img/m/tr.png) 50% 50% no-repeat; background-size: contain;}
.ms .main-box .slogan{background: url(../ossweb-img/m/ms.png) 50% 50% no-repeat; background-size: contain;}
/* .main-box .tips{font-size: .2rem; text-align: center; color: #fff; width: 6.81rem; margin: 0 auto; line-height: .3rem; height: .72rem;}
.main-box .state{margin: .5rem auto 0;}
.main-box .state.show{display: block;}
.main-box .btn-signin{display: block; margin: 0 auto; font-size: .2163rem; color: #000; text-align: center; line-height: .68rem;}
.main-box .state-after{width: 6.81rem; position: relative; text-align: center;}
.main-box .state-after .exc-input{display: block; color: #808080; font-size: .2rem; line-height: .68rem; background-color: transparent; outline: none; border: none; padding: 0 .2rem;}
.main-box .state-after .btn-exchange{position: absolute; right: 0; top: 0; color: #000; font-size: .2rem; line-height: .68rem;} */
/* .main-box .state-after .btn-exchange.gray{pointer-events: none;} */


.super-tips{ position: fixed; left: 50%; margin-left: -2.665rem; top: 40%; transform: translateY(-50%); width: 5.33rem; border: 1px solid #46494b; background: url(../ossweb-img/m/super-tips.jpg) 50% 50% repeat-y; background-size: 5.33rem .96rem; color: #fff; font-size: .2rem; line-height: .36rem; text-align: center; z-index: 10001; transition: .4s ease top,.2s ease opacity; pointer-events: none; opacity: 0; display:flex; display:-webkit-flex; align-items:center; justify-content:center; padding: .2rem; box-sizing: border-box;}
.super-tips.show{ top: 50%; pointer-events: all; opacity: 1;}
.super-tips.hide{ top: 60%; pointer-events: none; opacity: 0;}

.dia{display: none; outline: none;}
.dia *{-webkit-box-sizing: border-box; box-sizing: border-box;}
.dia .btn-close{position: absolute; width: .78rem; height: .78rem; border: 1px solid #868686; right: 0; top: -.88rem;}
.dia .btn-close i{position: absolute; left: 50%; top: 50%; margin-left: -.26rem; margin-top: -.26rem;}
.dia-tips{width: 6.58rem; height: 2.66rem; background: url(../ossweb-img/m/dia-bg1.png) no-repeat; background-size: 100% 100%;}
.dia-tips p{font-size: .26rem; color: #fff; height: 100%; width: 100%; padding: .36rem; display:flex; display:-webkit-flex; align-items:center; justify-content:center; text-align: center;}

#afooter{text-align:center;color:#b9baba;padding:.2rem ;position:absolute;left:0;width:100%;bottom:.2rem;font-size:.24rem;z-index:4}
#afooter a{color:#b9baba}
.wrapper #ot-sdk-btn.optanon-show-settings,.wrapper #ot-sdk-btn.ot-sdk-show-settings{color:#b9baba!important;border:none!important;font-size:.24rem;padding:0!important;line-height:inherit!important}
.ar body,html.ar {direction: rtl;unicode-bidi: bidi-override}
html.ar .main-box .state-after .exc-input{float: left;}

.logined{font-size: 0;}
.logined span,.logined a{display: inline-block; vertical-align: top; font-size: .24rem; line-height: .51rem; height: .51rem;}
.logined .username{white-space: nowrap; text-overflow: ellipsis; overflow:hidden; max-width: 3rem;}


.main-box{
	width: 16.44rem;
	height: 11.6rem;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -5.8rem 0 0 -8.22rem;
}

.main-box .slogan{
	background: url(../ossweb-img/slogan.png) no-repeat 50% 50%;
	background-size: contain;
	width: 16.44rem;
    height: 3.81rem;
	margin: 0 auto .3rem;
}

.dh-box{
	background: url(../ossweb-img/box.png) no-repeat;
	background-size: 100% 100%;
	width: 13.61rem;
	height: 7.2rem;
	padding-top: 1.6rem;
	box-sizing: border-box;
    margin: 0 auto;
    position: relative;
}


.dh-input{
	width: 10.85rem;
	margin: 0 auto;
	padding-bottom: .2rem;
    /*height: 3.8rem;*/
}

.dh-input span{
	display: none;
}

.dh-input li{
	width: 100%;
	margin-bottom: .4rem;
	position: relative;
    /*height: 1.4rem;*/
}

.dh-input input{
	display: block;
	width: 100%;
	height: .88rem;
	background: #101415;
	border: .01rem solid #545658;
	padding: 0 .3rem;
	box-sizing: border-box;
	line-height: .88rem;
	color: #fff;
	font-size: .3rem;
	outline: none;
}
.dh-input div{
	display: block;
	width: 100%;
	height: .88rem;
	background: #101415;
	border: .01rem solid #545658;
	padding: 0 .3rem;
	box-sizing: border-box;
	line-height: .88rem;
	color: #fff;
	font-size: .3rem;
	outline: none;
}

.btn-more{
	position: absolute;
	right: -.6rem;
	top: 50%;
	margin-top: -.21rem;
	background: url(../ossweb-img/more.png) no-repeat;
	background-size: 100% 100%;
	width: .42rem;
	height: .42rem;
}

.btn-more:hover{
	background: url(../ossweb-img/more_hover.png) no-repeat;
	background-size: 100% 100%;
}

.btn-exchange{
    display: block;
	background: url(../ossweb-img/btn_dh.png) no-repeat;
	background-size: 100% 100%;
	width: 7.3rem;
	height: .89rem;
	margin: 0 auto;
    font-size: .26rem;
    color: #000;
    font-weight: bold;
    line-height: .89rem;
    text-align: center;
}
.fr .btn-exchange{
	font-size: .2rem;
}
.zh-tw .btn-exchange{
	font-weight: initial;
}

.btn-exchange:hover{
	background: url(../ossweb-img/btn_hover.png) no-repeat;
	background-size: 100% 100%;
}

.btn-exchange.gray{
	filter: grayscale(1);
}


.btn_rule{
	background: url(../ossweb-img/btn_rule.png) no-repeat;
	background-size: 100% 100%;
	width: 3.32rem;
	height: .73rem;
    float: left;
    display: inline;
    margin-left: .65rem;
    text-align: center;
    font-size: .26rem;
    color: #fff;
    line-height: .73rem;
}

.btn_rule:hover{
	background: url(../ossweb-img/btn_rule2.png) no-repeat;
	background-size: 100% 100%;
}

.pop_rule{
	background: url(../ossweb-img/pop.png) no-repeat;
	background-size: 100% 100%;
	width: 25.51rem;
	height: 12.99rem;
	padding-top: .85rem;
	box-sizing: border-box;
    outline: none;
}

.pop_tit{
    font-size: .5rem;
    color: #0ff796;
    font-weight: bold;
    line-height: .8rem;
    text-align: center;
    margin-bottom: .4rem;
}

.pop_info{
	width: 23.55rem;
	height: 10.2rem;
	margin: 0 auto;
	overflow-y: auto;
}

/* 自定义整个滚动条 */
.pop_info::-webkit-scrollbar {
  width: .05rem; /* 设置滚动条的宽度 */
}
/* 自定义滚动条轨道 */
.pop_info::-webkit-scrollbar-track {
  background: #14191a; /* 设置轨道的背景颜色 */
}
/* 自定义滚动条的滑块（thumb） */
.pop_info::-webkit-scrollbar-thumb {
  background: #2a2e2f; /* 设置滑块的背景颜色 */
}

.rule_list li{
	position: relative;
	padding-left: .3rem;
	font-size: .28rem;
	color: #808282;
	margin-bottom: .5rem;
	line-height: .34rem;
}

.rule_list span{
	color: #fff;
	font-size: .3rem;
	padding-right: .1rem;
}

.rule_list em{
	position: absolute;
	background: url(../ossweb-img/dot.png) no-repeat;
	background-size: 100% 100%;
	width: .28rem;
	height: .28rem;
	left: 0;
	top: .03rem;
}

.pic_list{
	width: 100%;
	overflow: hidden;
}

.pic_list li{
	width: 11.47rem;
	text-align: center;
}

.pic_list img{
	display: block;
	width: 100%;
	height: auto;
}

.pic_list li:nth-of-type(1){
	float: left;
}

.pic_list li:nth-of-type(2){
	float: right;
}

.pic_txt{
	font-size: .28rem;
	color: #808282;
	line-height: .7rem;
}

.pop_close{
	background: url(../ossweb-img/close.png) no-repeat;
	background-size: 100% 100%;
	width: .74rem;
	height: .74rem;
	position: absolute;
	right: -.85rem;
	top: 0;
}


/*-----------------------------------------------------------------*/
.btn_rule{
    margin-left: auto;
    background: url(../ossweb-img/m/btn_rule.png) no-repeat;
    background-size: 100% 100%;
    width: 2rem;
    height: .53rem;
    float: right;
    line-height: .53rem;
}
.btn_rule:hover{
    background: url(../ossweb-img/m/btn_rule.png) no-repeat;
    background-size: 100% 100%;
}

.main-box{
    width: 7.1rem;
    height: 7.9rem;
    margin: -3.5rem 0 0 -3.55rem;
}

.main-box .slogan{
    background: url(../ossweb-img/m/slogan.png) no-repeat 50% 50%;
    background-size: contain;
    width: 7.1rem;
    height: 1.16rem;
    margin: 0 auto;
}

.dh-box{
    background: url(../ossweb-img/m/box.png) no-repeat;
    background-size: 100% 100%;
    width: 6.8rem;
    height: 7.2rem;
    padding-top: 1.6rem;
    margin: 0 auto;
}
.dh-input{
    width: 4.92rem;
}
.btn-exchange{
    background: url(../ossweb-img/m/btn_dh.png) no-repeat;
    background-size: 100% 100%;
    width: 4.92rem;
    height: .89rem;
}
.btn-exchange:hover{
    background: url(../ossweb-img/m/btn_dh.png) no-repeat;
    background-size: 100% 100%;
}
.dh-input li{
    margin-bottom: .25rem;
}
.dh-input span{
    display: block;
    font-size: .24rem;
    line-height: .5rem;
    color: #ededed;
}
.dh-input input{
    height: .78rem;
    line-height: .78rem;
    padding: 0 .2rem;
}
.dh-input input::placeholder{
    color: #101415;
}
.btn-more{
    top: .77rem;
    margin-top: 0;
}
.btn-more:hover{
    background: url(../ossweb-img/more.png) no-repeat;
    background-size: 100% 100%;
}

.pop_rule{
    background: url(../ossweb-img/m/pop.png) no-repeat;
    background-size: 100% 100%;
    width: 6.9rem;
    height: 9.39rem;
    padding-top: .4rem;
    transform: scale(.9);
}
.pop_close{
    right: 0;
    top: -.7rem;
    width: .54rem;
    height: .54rem;
}
.pop_info{
    width: 6.4rem;
    /* height: 7.4rem; */
    height: 7rem;
}
.rule_list li{
    margin-bottom: .2rem;
    line-height: .4rem;
}
.pic_list{
    width: 6.1rem;
}
.pic_list li{
    width: 6.1rem;
}
.pic_txt{
    line-height: .32rem;
    padding: .2rem 0;
}

.ar .rule_list li{
    padding-left: 0;
    padding-right: .3rem;
}
.ar .rule_list em{
    left: initial;
    right: 0;
}

.loading{
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.5);
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 999;
}

.loading img{
	display: block;
	width: .8rem;
	height: .8rem;
}

.language li[data-value="ru"]{
	font-family: auto;
}
.ru .pop_content,.ru .main-box,.ru .dia,.ru .super-tips,.ru .afooter{
	font-family: auto;
}

.ru .ot-sdk-row,.ru .otPcPanel{
	font-family: auto !important;
}

.ru .btn_rule,.es .btn_rule{
	font-family: auto;
	font-size: .24rem;
	width: 3.4rem;
}

.dh-box .boxlist{
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
}
.dh-box .boxlist .box{
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
	display: none;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.dh-box .boxlist .box.current{
	display: flex;
}
.tablist{
	width: 100%;
	height: 1.14rem;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: .4rem;
	left: 0;
}
.tablist .tab{
	display: block;
	width: 50%;
	height: 1.14rem;
	text-align: center;
	line-height: 1.14rem;
	font-size: .24rem;
	color: #7a7c7d;
	background: url(../ossweb-img/tab1.png) center center no-repeat;
	background-size: 100% 100%;
}
.ru .tablist .tab{
	font-size: .2rem;
}
.tablist .tab.current{
	color: #fff;
	background: url(../ossweb-img/tab2.png) center center no-repeat;
	background-size: 100% 100%;
}

.logout-tips{
	width: 5rem;
	text-align: center;
	font-size: .3rem;
	line-height: .46rem;
	color: #7a7c7d;
	margin: .5rem auto;
}
.logout-tips a{
	text-decoration: underline;
	color: #0ff796;
}