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; 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; font-size: inherit; white-space: nowrap;}
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0;}
button:disabled{ cursor: default;}
.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);}

#app{ height: 14.14rem; background: url(../images/bg1.jpg) no-repeat center top / 25.6rem 14.14rem;}
.logo{ top: .17rem; left: .33rem; height: 1.62rem;}
.logo-kr{ top: .21rem; left: .38rem; height: 1.55rem;}
.indexBtns{ bottom: .96rem; display: flex; justify-content: center; align-items: flex-start;}
.indexBtns > a, .indexBtns > button{ width:8.42rem; height:2.46rem; margin: 0 .11rem;}
.indexBtns > a::after, .indexBtns > button::after{ content: ""; position: absolute; top: 0; left: 0; width: 6.68rem; height: 1.97rem;}
.steamDownBtn{ transform: translateX(.87rem); background: url(../images/steamDownBtn.png) no-repeat 0 0 / 100% auto;}
.indexBtns > a:hover, .indexBtns > button:hover{ background-position-y: bottom!important;}

/********************************************** de **********************************************/
.html-de .slogan{ bottom: 3.63rem; height: 6.77rem;}
.html-de .steamDownBtn::after{background: url(../images/steamDowntest-de.png) no-repeat 0 0 / 100% auto}


/********************************************** en **********************************************/
.html-en .slogan{ bottom: 2.73rem; height: 6.11rem;}
.html-en .steamDownBtn::after{background: url(../images/steamDowntest-en.png) no-repeat 0 0 / 100% auto}


/********************************************** fr **********************************************/
.html-fr .slogan{ bottom: 3.63rem; height: 6.79rem;}
.html-fr .steamDownBtn::after{background: url(../images/steamDowntest-fr.png) no-repeat 0 0 / 100% auto}


/********************************************** jp **********************************************/
.html-jp .slogan{ bottom: 3.23rem; height: 5.43rem;}
.html-jp .steamDownBtn::after{background: url(../images/steamDowntest-jp.png) no-repeat 0 0 / 100% auto}


/********************************************** kr **********************************************/
.html-kr .slogan{ bottom: 3.63rem; height: 6.11rem;}
.html-kr .steamDownBtn::after{background: url(../images/steamDowntest-kr.png) no-repeat 0 0 / 100% auto}

/********************************************** ru **********************************************/
.html-ru .slogan{ bottom: 3.63rem; height: 6.55rem;}
.html-ru .steamDownBtn::after{background: url(../images/steamDowntest-ru.png) no-repeat 0 0 / 100% auto}