html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
div,
dl,
dt,
dd,
ul,
ol,
li,
p,
blockquote,
pre,
hr,
figure,
table,
caption,
th,
td,
form,
fieldset,
legend,
input,
button,
textarea,
menu,
a,
div,
li,
input,
button,
img,
span {
  margin: 0;
  padding: 0;
  box-sizing: border-box
}

header,
footer,
section,
article,
aside,
nav,
hgroup,
address,
figure,
figcaption,
menu,
details {
  display: block
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

caption,
th {
  text-align: left;
  font-weight: normal
}

html,
body,
fieldset,
img,
iframe,
abbr {
  border: 0
}

i,
cite,
em,
var,
address,
dfn {
  font-style: normal
}

[hidefocus],
summary {
  outline: 0
}

li {
  list-style: none
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal
}

small {
  font-size: 100%;
  font-weight: normal
}

sup,
sub {
  font-size: 83%
}

pre,
code,
kbd,
samp {
  font-family: inherit
}

q:before,
q:after {
  content: none
}

textarea {
  overflow: auto;
  resize: none
}

label,
summary {
  cursor: default
}

a,
button {
  cursor: pointer
}

del,
ins,
u,
s,
a,
a:hover {
  text-decoration: none
}

body {
  font: .14rem/1.6  "Microsoft YaHei", sans-serif, \5b8b\4f53;
  color: #808080;
}

body,
textarea,
input,
button,
select,
keygen,
legend {
  outline: 0
}

textarea,
input,
button,
select {
  font-size: inherit;
  line-height: inherit;
}

body,textarea,input,button,select,keygen,legend{font:.14rem/1.6 "Microsoft YaHei",sans-serif,\5b8b\4f53;color:#808080;outline:0}
body {
  background-color: #FFF;
  position: relative;
  width: 100%;
  margin: 0 auto;
  overflow-x: hidden;
  left: 0
}

html {
  background: #fff
}

body.body_ie {
  height: auto !important
}

img {
  max-width: 100%;
  height: auto;
  border: 0;
  vertical-align: middle
}

p {
  text-align: justify
}

strong {
  display: block
}

a {
  display: block;
  color: inherit;
  text-decoration: none
}

.fl {
  float: left
}

.fr {
  float: right
}

input,
button {
  border: none;
  background-color: transparent;
  outline: none
}

input[type="checkbox"] {
  vertical-align: -2px;
  margin-right: 4px
}

input::-webkit-input-placeholder {
  color: #9b9b9b
}

input:-moz-placeholder {
  color: #9b9b9b
}

input::-moz-placeholder {
  color: #9b9b9b
}

input:-ms-input-placeholder {
  color: #9b9b9b
}

input {
  outline: none;
  background-color: transparent;
}

textarea::-webkit-input-placeholder {
  color: #9b9b9b
}

textarea:-moz-placeholder {
  color: #9b9b9b
}

textarea::-moz-placeholder {
  color: #9b9b9b
}

textarea:-ms-input-placeholder {
  color: #9b9b9b
}

/* ::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  background-color: rgba(210, 210, 210, .5);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}

::-webkit-scrollbar-thumb {
  background-color: #999;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
} */


body::-webkit-scrollbar,
html::-webkit-scrollbar {
    width: 3px;
    border-radius: 1.5px;
}

body::-webkit-scrollbar-button,
html::-webkit-scrollbar-button {
    display: none;
}

body::-webkit-scrollbar-track,
html::-webkit-scrollbar-track {
    background-color: #eee;
}

body::-webkit-scrollbar-thumb,
html::-webkit-scrollbar-thumb {
    background-color: #eee;
}

::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background-color: rgba(210, 210, 210, 0.48);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 0;
}

::-webkit-scrollbar-thumb {
    background-color: #cbcbcb;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 0;
}

img {
  display: block
}

@font-face {
  font-family: 'RAJDHANI-BOLD-WEBFONT';
  src: url('../fonts/Rajdhani-Bold.eot');
  src: url('../fonts/Rajdhani-Bold.otf')format('otf'), url('../fonts/Rajdhani-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Rajdhani-Bold.woff') format('woff'), /*url('../fonts/rubik-regular-webfont-webfont.woff2') format('woff2'),*/
  url('../fonts/RAJDHANI-BOLD-WEBFONT.ttf') format('truetype'), url('../fonts/Rajdhani-Bold.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'RAJDHANI_BOLD';
  src: url('../fonts/RAJDHANI_BOLD.ttf');
  src: url('../fonts/RAJDHANI_BOLD.eot?#iefix') format('embedded-opentype'),
    url('../fonts/RAJDHANI_BOLD.woff') format('woff'),
    url('../fonts/RAJDHANI_BOLD.woff2') format('woff2'),
    url('../fonts/RAJDHANI_BOLD.ttf') format('truetype'),
    url('../fonts/RAJDHANI_BOLD.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'BrutalType-ExtraBold';
  src: url('../fonts/BrutalType-ExtraBold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/BrutalType-ExtraBold.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
	font-family: 'Brandon-Grotesque-Bold';
	src: url('../fonts/BrandonGrotesque-Bold.eot');
	src: url('../fonts/BrandonGrotesque-Bold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/BrandonGrotesque-Bold.woff2') format('woff2'),
		url('../fonts/BrandonGrotesque-Bold.woff') format('woff'),
		url('vBrandonGrotesque-Bold.ttf') format('truetype'),
		url('../fonts/BrandonGrotesque-Bold.svg#BrandonGrotesque-Bold') format('svg');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'FSSinclair-Bold';
	src: url('../fonts/FSSinclair-Bold.eot');
	src: url('../fonts/FSSinclair-Bold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/FSSinclair-Bold.woff2') format('woff2'),
		url('../fonts/FSSinclair-Bold.woff') format('woff'),
		url('vFSSinclair-Bold.ttf') format('truetype'),
		url('../fonts/FSSinclair-Bold.svg#FSSinclair-Bold') format('svg');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
  font-family: 'ALIMAMASHUHEITI';
  src: url('../fonts/ALIMAMASHUHEITI-BOLD.TTF');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'HankookKRTTFRegular';
  src:  url('../fonts/HankookKRTTFRegular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
/* @font-face {
  font-family: 'HarmonyOS_Sans_SC_Regular';
  src: url('../fonts/HarmonyOS_Sans_SC_Regular.ttf');
  font-weight: normal;
  font-style: normal;
} */

body {
  max-width: 22rem;
}

div,
div:before,
div:after {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

html {
  font-size: 100px;
}
.auto {
    width: 95%;
    max-width: 12.8rem;
    margin: 0 auto
  }

* {
  line-height: 1.6;
}


.s14 {
  font-size: calc(14 * 1rem / 100);
}

.s15 {
  font-size: calc(15 * 1rem / 100);
}

.s16 {
  font-size: calc(16 * 1rem / 100);
}

.s17 {
  font-size: calc(17 * 1rem / 100);
}

.s18 {
  font-size: calc(18 * 1rem / 100);
}

.s20 {
  font-size: calc(20 * 1rem / 100);
}

.s21 {
  font-size: calc(21 * 1rem / 100);
}

.s22 {
  font-size: calc(22 * 1rem / 100);
}

.s23 {
  font-size: calc(23 * 1rem / 100);
}

.s24 {
  font-size: calc(24 * 1rem / 100);
}

.s26 {
  font-size: calc(26 * 1rem / 100);
}

.s28 {
  font-size: calc(28 * 1rem / 100);
}

.s30 {
  font-size: calc(30 * 1rem / 100);
}

.s32 {
  font-size: calc(32 * 1rem / 100);
}

.s34 {
  font-size: calc(34 * 1rem / 100);
}

.s36 {
  font-size: calc(36 * 1rem / 100);
}
.s38 {
  font-size: calc(38 * 1rem / 100);
}

.s40 {
  font-size: calc(40 * 1rem / 100);
}

.s42 {
  font-size: calc(42 * 1rem / 100);
}
.s44 {
  font-size: calc(44 * 1rem / 100);
}

.s48 {
  font-size: calc(48 * 1rem / 100);
}

.s52 {
  font-size: calc(52 * 1rem / 100);
}

.s60 {
  font-size: calc(60 * 1rem / 100);
}
.s80 {
  font-size: calc(80 * 1rem / 100);
}
.s100 {
  font-size: calc(100 * 1rem / 100);
}

/* 公共导航 */

.w1280{
    width: 12.8rem;
    max-width: 12.8rem;
    margin: 0 auto;
  }