/* public */
body{ position: relative; -webkit-text-size-adjust: 100%; font-family: "Microsoft YaHei", Arial, sans-serif; font-size: .16rem;}
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, span, a { margin: 0; padding: 0; font-family: inherit; vertical-align: baseline;}
ul, ol { list-style: none;}
a { text-decoration: none; color: inherit; cursor: pointer; outline: none;}
a:hover{ text-decoration:none;}
img { border: 0; object-fit: cover;}
video{ object-fit: cover; }
table { border-collapse: collapse;}
area{ outline:none; }
input, textarea, select{ -webkit-appearance: none; outline: none; resize: none; border-radius: 0;}
input::-ms-clear{ display:none;}
input[type="text"], input[type="password"] { -webkit-appearance: none; -moz-appearance: none; appearance: none;}
button { border: none; background: none; cursor: pointer;}
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0;}
.cf:after {content:"";display:block;height:0;clear:both;} 
.cf {zoom:1;}
.fl{ float: left; }
.fr{ float: right; }
.rel{ position: relative;}
.abs{ position: absolute;}
.auto{left: 50%; -webkit-transform:translate(-50%,0); -moz-transform:translate(-50%,0); -ms-transform:translate(-50%,0); -o-transform:translate(-50%,0); transform:translate(-50%,0);}

body{font-size:.12rem; font-family:"Microsoft YaHei"; background: #000;}
body,html,#content{ overflow-x: hidden;}

#content{display: none; background-repeat: no-repeat; background-size: 100% auto; position: relative;}
.nav{ background-size: 100% auto; position: fixed; left: 0; top: 0; z-index: 100;}
.logo{ position: absolute; background: url(../images/logo.png) no-repeat 0 0; background-size: 100% auto;}
.menuCont{width: 4.3rem; height: 1.07rem; position: absolute; right: 0; top: .2rem;}
.menuli{float: left; position: relative;}
.menuli:last-child{margin: 0;}
.menuli a.share{ background: url(../images/btn_share.png) no-repeat 0 0; background-size: 100% auto; cursor: pointer; display: block;}
.menuli a.select{ background: url(../images/btn_select.png) no-repeat 0 0; background-size: 100% auto; cursor: pointer; display: block;}
.menuli a.home{ background: url(../images/btn_home.png) no-repeat 0 0; background-size: 100% auto; cursor: pointer; display: block;}
.shareCont{ background: url(../images/share_bg.png) no-repeat 0 0; background-size: 100% auto; position: absolute; display:none;}
.shareWrap{display: flex; justify-content: center; }
.shareWrap a{display: block; cursor: pointer;}
.shareWrap a.s1{background: url(../images/s1.png) no-repeat 0 0; background-size: 100% auto;}
.shareWrap a.s2{background: url(../images/s2.png) no-repeat 0 0; background-size: 100% auto;}
.shareWrap a.s3{background: url(../images/s3.png) no-repeat 0 0; background-size: 100% auto;}

.selectCont{ background: url(../images/select_bg.png) no-repeat 0 0; background-size: 100% auto; position: absolute; display: none;}
.selectWrap{padding: .1rem 0 0 0;}
.selectWrap a{display: block; width: 100%; text-align: center; color: #dfe1fc;}
.menuClose{display: block; width: 100%; position: absolute; left: 0; bottom: 0; cursor: pointer;}

.zhaoLink{display: block; background-size: 100% auto; background-repeat: no-repeat; background-position: 0 0; position: fixed; z-index: 99;}
.nameLink{display: block; background-size: 100% auto; background-repeat: no-repeat; background-position: 0 0; position: fixed; z-index: 99;}
.newsCont{ background-size: 100% auto; position: absolute;}
.newsMore{ display: block; background-size: 100% auto; background-repeat: no-repeat; background-position: 0 0; position: absolute; display: none;}
.newsTitle{text-align: center; color: #FFF; display: flex; justify-content: center; align-items: center; font-weight: bold;}
.newsScroll{ margin: 0 auto; overflow: hidden; overflow-y: auto;}
.newsScroll::-webkit-scrollbar{background-color:rgba(0,0,0,0);}
.newsScroll::-webkit-scrollbar-track{border-radius:0;background-color:#4c4e5d;}/*底*/
.newsScroll::-webkit-scrollbar-thumb{border-radius:0;background-color:#bdc5ff;}/*面*/
.newsScroll::-webkit-scrollbar-thumb:hover{background-color:rgba(143,143,148,1);}
.newsScroll::-webkit-scrollbar-thumb:active{background-color:rgba(106,106,112,1);}
.newsScroll::-webkit-scrollbar-track-piece{margin:0;}
.newsDesc{color: #FFf;}

.tabCont a{display: block; background-size: 100% auto; background-repeat: no-repeat; background-position: 0 0; float: left; position: relative;}
.tabCont a span{display: block; background-size: 100% auto; background-repeat: no-repeat; background-position: 0 0; position: absolute; -webkit-filter: grayscale(100%);filter: grayscale(100%);}
.tabCont a.on{ background-position: 0 100%; cursor: pointer;}
.tabCont a.on span{-webkit-filter: grayscale(0);filter: grayscale(0);}
.tabWrap a{display: block; background-size: 100% auto; background-repeat: no-repeat; background-position: 0 0; float: left; position: relative;}
.tabWrap a.on{ background-position: 0 100%; cursor: pointer;}

.listCont{display: flex; justify-content:flex-start; flex-wrap:wrap; margin: 0 auto;}
.listli{ background: url(../images/listbg.png) no-repeat 0 0; background-size: 100% auto; position: relative;}
.listli.wait{overflow: hidden; text-indent: -99999rem; background-size: 100% auto; background-repeat: no-repeat; background-position: 0 0;}
.videoCont{ position: absolute; background: #303030; overflow: hidden; cursor: pointer;}
.videoCont img{display: block; height: 100%; margin: 0 auto;}
.videoCont a{display: block; width: 100%; height: 100%; background: rgba(0,0,0,0.5) url(../images/play.png) no-repeat center; position: absolute; left: 0; top: 0; z-index: 10; cursor: pointer;}
.listText{ background: url(../images/line.png) no-repeat 0 0; background-size: 100% auto; position: absolute; display: block; z-index: 11;}
.listText span{display: block; color: #000; font-weight: bold; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.page{display: flex; justify-content: center;}
.page a{display: block; cursor: pointer; background: #2d2d2d; text-align: center; font-weight: bold; color: #949494; margin: 0 0.08rem; border: 0.02rem solid #9d9d9d;}
.page a.on,.page a:hover{border: .02rem solid #bdc5ff; color: #bdc5ff;}
.typeNav{ height: 100%; display: none;}

.index_en .zhaoLink{background-image: url(../images/en/zhao_link.png);}
.index_en .nameLink{background-image: url(../images/en/name_link.png);}
.index_en .newsMore{background-image: url(../images/en/news_more.png);}
.index_en .tabCont a[version="4.7"]{background-image: url(../images/en/v1.png);}
.index_en .tabCont a[version="4.8"]{background-image: url(../images/en/v2.png);}
.index_en .tabCont a[version="4.9"]{background-image: url(../images/en/v3.png);}
.index_en .tabCont a[version="5.0"]{background-image: url(../images/en/v4.png);}
.index_en .tabCont a[version="5.1"]{background-image: url(../images/en/v5.png);}
.index_en .tabCont a[version="5.2"]{background-image: url(../images/en/v6.png);}
.index_en .tabCont a[version="5.3"]{background-image: url(../images/en/v7.png);}
.index_en .tabCont a[version="5.35"]{background-image: url(../images/en/v8.png);}
.index_en .tabCont a[version="5.4"]{background-image: url(../images/en/v9.png);}
.index_en .tabCont a[version="5.5"]{background-image: url(../images/en/v10.png);}
.index_en .tabCont a span.icon1{background-image: url(../images/en/icon1.png);}
.index_en .tabCont a span.icon2{background-image: url(../images/en/icon2.png);}
.index_en .tabCont a span.icon3{background-image: url(../images/en/icon3.png);}
.index_en .tabWrap a[listType="fan"]{background-image: url(../images/en/t1.png);}
.index_en .tabWrap a[listType="event"]{background-image: url(../images/en/t2.png);}
.index_en .tabWrap a[listType="master"]{background-image: url(../images/en/t3.png);}
.index_en .tabWrap a[listType="new"]{background-image: url(../images/en/t4.png);}
.index_en .tabWrap a[listType="guides"]{background-image: url(../images/en/t5.png);}
.index_en .listli.wait{background-image: url(../images/en/wait.png);}

.index_jp .zhaoLink{background-image: url(../images/jp/zhao_link.png);}
.index_jp .nameLink{background-image: url(../images/jp/name_link.png);}
.index_jp .newsMore{background-image: url(../images/jp/news_more.png);}
.index_jp .tabCont a[version="4.7"]{background-image: url(../images/jp/v1.png);}
.index_jp .tabCont a[version="4.8"]{background-image: url(../images/jp/v2.png);}
.index_jp .tabCont a[version="4.9"]{background-image: url(../images/jp/v3.png);}
.index_jp .tabCont a[version="5.0"]{background-image: url(../images/jp/v4.png);}
.index_jp .tabCont a[version="5.1"]{background-image: url(../images/jp/v5.png);}
.index_jp .tabCont a[version="5.2"]{background-image: url(../images/jp/v6.png);}
.index_jp .tabCont a[version="5.3"]{background-image: url(../images/jp/v7.png);}
.index_jp .tabCont a[version="5.35"]{background-image: url(../images/jp/v8.png);}
.index_jp .tabCont a[version="5.4"]{background-image: url(../images/jp/v9.png);}
.index_jp .tabCont a[version="5.5"]{background-image: url(../images/jp/v10.png);}
.index_jp .tabCont a span.icon1{background-image: url(../images/jp/icon1.png);}
.index_jp .tabCont a span.icon2{background-image: url(../images/jp/icon2.png);}
.index_jp .tabCont a span.icon3{background-image: url(../images/jp/icon3.png);}
.index_jp .tabWrap a[listType="fan"]{background-image: url(../images/jp/t1.png);}
.index_jp .tabWrap a[listType="event"]{background-image: url(../images/jp/t2.png);}
.index_jp .tabWrap a[listType="master"]{background-image: url(../images/jp/t3.png);}
.index_jp .tabWrap a[listType="new"]{background-image: url(../images/jp/t4.png);}
.index_jp .tabWrap a[listType="guides"]{background-image: url(../images/jp/t5.png);}
.index_jp .listli.wait{background-image: url(../images/jp/wait.png);}

.index_kr .zhaoLink{background-image: url(../images/kr/zhao_link.png);}
.index_kr .nameLink{background-image: url(../images/kr/name_link.png);}
.index_kr .newsMore{background-image: url(../images/kr/news_more.png);}
.index_kr .tabCont a[version="4.7"]{background-image: url(../images/kr/v1.png);}
.index_kr .tabCont a[version="4.8"]{background-image: url(../images/kr/v2.png);}
.index_kr .tabCont a[version="4.9"]{background-image: url(../images/kr/v3.png);}
.index_kr .tabCont a[version="5.0"]{background-image: url(../images/kr/v4.png);}
.index_kr .tabCont a[version="5.1"]{background-image: url(../images/kr/v5.png);}
.index_kr .tabCont a[version="5.2"]{background-image: url(../images/kr/v6.png);}
.index_kr .tabCont a[version="5.3"]{background-image: url(../images/kr/v7.png);}
.index_kr .tabCont a[version="5.35"]{background-image: url(../images/kr/v8.png);}
.index_kr .tabCont a[version="5.4"]{background-image: url(../images/kr/v9.png);}
.index_kr .tabCont a[version="5.5"]{background-image: url(../images/kr/v10.png);}
.index_kr .tabCont a span.icon1{background-image: url(../images/kr/icon1.png);}
.index_kr .tabCont a span.icon2{background-image: url(../images/kr/icon2.png);}
.index_kr .tabCont a span.icon3{background-image: url(../images/kr/icon3.png);}
.index_kr .tabWrap a[listType="fan"]{background-image: url(../images/kr/t1.png);}
.index_kr .tabWrap a[listType="event"]{background-image: url(../images/kr/t2.png);}
.index_kr .tabWrap a[listType="master"]{background-image: url(../images/kr/t3.png);}
.index_kr .tabWrap a[listType="new"]{background-image: url(../images/kr/t4.png);}
.index_kr .tabWrap a[listType="guides"]{background-image: url(../images/kr/t5.png);}
.index_kr .listli.wait{background-image: url(../images/kr/wait.png);}

.popFiex{width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: rgba(0,0,0,0.8); z-index: 100; display: none;}
.popCont{position: fixed; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.closeBtn{display: block; background:#6f6f6f url(../images/close.png) no-repeat center; cursor: pointer; position: absolute; z-index: 100;}
.popDivs{ position: absolute; /*background: #303030;*/ display: flex; justify-content: center; align-items: center;}
.popDivs img{ max-width: 100%;}
.popDivs iframe{width: 100%; height: 100%;}

body::-webkit-scrollbar{width:.02rem;height:.02rem;background-color:rgba(0,0,0,0);}
body::-webkit-scrollbar-track{border-radius:0;background-color:#000;}
body::-webkit-scrollbar-thumb{border-radius:0;background-color:#5196d8;}
body::-webkit-scrollbar-thumb:hover{background-color:rgba(143,143,148,1);}
body::-webkit-scrollbar-thumb:active{background-color:rgba(106,106,112,1);}
body::-webkit-scrollbar-track-piece{margin:0;}