@charset "utf-8";

/* 全局初始化样式  */
/*样式重置start*/
html,
body,
a,
div,
audio,
br,
button,
canvas,
font,
form,
footer,
header,
frame,
h1,
h2,
h3,
h4,
h5,
h6,
head,
foot,
hr,
i,
iframe,
img,
input,
label,
li,
link,
map,
menu,
nav,
object,
ol,
option,
p,
section,
select,
source,
span,
table,
tbody,
thead,
td,
th,
textarea,
tfoot,
time,
title,
tr,
ul,
video {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    outline: none;
    -webkit-font-smoothing: antialiased; /*字体抗锯齿*/
    -webkit-overflow-scrolling: touch; /*IOS端平滑滚动*/
    -ms-scroll-chaining: none;
    overscroll-behavior: contain; /*解决滚动冒泡*/
    text-decoration: none;
}
html {
    font-family: menu;
}
body {
    font-size: 14px;
    line-height: 1.42858; /*20/14*/
}
a:hover,
a:active,
a:visited,
a:link,
a:focus {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -moz-user-focus: none;
}
ol,
ul,
li {
    list-style: none;
}
input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
button {
    border: none;
    background-color: rgba(0, 0, 0, 0);
}
img {
    vertical-align: top;
}
img.error {
    display: inline-block;
    -webkit-transform: scale(1);
    transform: scale(1);
    background: #656972
        url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjIwMCIgdmlld0JveD0iMCAwIDIwMCAyMDAiIHdpZHRoPSIyMDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTU2LjI1IDc2aDIuMjI2ODk3MWMyLjU4MTUyNyAwIDUuMDYzMDM3NS0uOTk4MzM3MiA2LjkyNTMxODMtMi43ODYxMjY4bDYuNjk1NTY5Mi02LjQyNzc0NjRjMS44NjIyODA4LTEuNzg3Nzg5NiA0LjM0Mzc5MTMtMi43ODYxMjY4IDYuOTI1MzE4My0yLjc4NjEyNjhoOC40NzY4OTcxbDkuNSAxNi01IDE4IDggMTgtMS41LTE4IDExLTE4IDMtMTZoOC40NzY4OTdjMi41ODE1MjcgMCA1LjA2MzAzOC45OTgzMzcyIDYuOTI1MzE4IDIuNzg2MTI2OGw2LjY5NTU3IDYuNDI3NzQ2NGMxLjg2MjI4IDEuNzg3Nzg5NiA0LjM0Mzc5MSAyLjc4NjEyNjggNi45MjUzMTggMi43ODYxMjY4aDIuMjI2ODk3YzMuNDUxNzggMCA2LjI1IDIuNzk4MjIwMyA2LjI1IDYuMjV2NDMuNzVjMCA1LjUyMjg0Ny00LjQ3NzE1MyAxMC0xMCAxMGgtODBjLTUuNTIyODQ3NSAwLTEwLTQuNDc3MTUzLTEwLTEwdi00My43NWMwLTMuNDUxNzc5NyAyLjc5ODIyMDMtNi4yNSA2LjI1LTYuMjV6IiBmaWxsPSIjYzljOWM5IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=)
        no-repeat center;
    background-size: contain;
    content: '';
    color: transparent;
}
img.error::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #656972
        url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjIwMCIgdmlld0JveD0iMCAwIDIwMCAyMDAiIHdpZHRoPSIyMDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTU2LjI1IDc2aDIuMjI2ODk3MWMyLjU4MTUyNyAwIDUuMDYzMDM3NS0uOTk4MzM3MiA2LjkyNTMxODMtMi43ODYxMjY4bDYuNjk1NTY5Mi02LjQyNzc0NjRjMS44NjIyODA4LTEuNzg3Nzg5NiA0LjM0Mzc5MTMtMi43ODYxMjY4IDYuOTI1MzE4My0yLjc4NjEyNjhoOC40NzY4OTcxbDkuNSAxNi01IDE4IDggMTgtMS41LTE4IDExLTE4IDMtMTZoOC40NzY4OTdjMi41ODE1MjcgMCA1LjA2MzAzOC45OTgzMzcyIDYuOTI1MzE4IDIuNzg2MTI2OGw2LjY5NTU3IDYuNDI3NzQ2NGMxLjg2MjI4IDEuNzg3Nzg5NiA0LjM0Mzc5MSAyLjc4NjEyNjggNi45MjUzMTggMi43ODYxMjY4aDIuMjI2ODk3YzMuNDUxNzggMCA2LjI1IDIuNzk4MjIwMyA2LjI1IDYuMjV2NDMuNzVjMCA1LjUyMjg0Ny00LjQ3NzE1MyAxMC0xMCAxMGgtODBjLTUuNTIyODQ3NSAwLTEwLTQuNDc3MTUzLTEwLTEwdi00My43NWMwLTMuNDUxNzc5NyAyLjc5ODIyMDMtNi4yNSA2LjI1LTYuMjV6IiBmaWxsPSIjYzljOWM5IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=)
        no-repeat center;
    background-size: contain;
}
img.error::after {
    content: attr(alt);
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    line-height: 2;
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    font-size: 12px;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.form input:-webkit-autofill,
.form input:-webkit-autofill:hover,
.form input:-webkit-autofill:focus,
.form input:-webkit-autofill:active {
    -webkit-transition-delay: 99999s;
    transition-delay: 99999s;
    -webkit-transition: color 99999s ease-out, background-color 99999s ease-out;
    transition: color 99999s ease-out, background-color 99999s ease-out;
     font-size: calc(100vw * 16 / 1920)
}
.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.flex_wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.flex_column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.flex_align_center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.flex_1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.flex_none {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
}
.flex_w {
    width: 0;
}
.flex_h {
    height: 0;
}
.clearfix {
    zoom: 1;
} /*添加给浮动元素的父级元素*/
.clearfix::after {
    content: '.';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/*样式重置end*/

.area {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100vw;
	height: 100vh;
	display: flex;
	overflow: hidden;
}

.area iframe {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.loading{
	z-index: 1000;
    width: 100vw;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
}


@font-face {
    font-family: 'PSL';
    src: url(../fonts/PSL\ Natrinthorn\ Extra.ttf);
}
@font-face {
    font-family: '正酷';
    src: url(../fonts/字魂143号-正酷超级黑.ttf);
}
@font-face {
    font-family: 'LCdd';
    src: url(../fonts/LCdd.TTF);
}
@font-face {
    font-family: 'AGENCYR';
    src: url(../fonts/AGENCYR.TTF);
}
@font-face {
    font-family: 'BEBAS';
    src: url(../fonts/BEBAS.TTF);
}
@font-face {
    font-family: 'LED';
    src: url(../fonts/UnidreamLED.ttf);
}

:root {
    --PSLFont: 'PSL';
    --LCddFont: 'LCdd';
    --AGENCYRFont: 'AGENCYR';
    --BEBASFont: 'BEBAS';
    --LEDFont: 'LED';
    --TitleFont: '正酷';
}