html,
body {
	width: 100%;
	height: 100%;
	margin: 0;
	font-size: 100%;
	font-family: 'Dosis', sans-serif;
	background-color: black;
	color: black;
}

body a {
	text-decoration: none;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
	font-family: 'Dosis', sans-serif;
}

a:hover {
	text-decoration: none;
}

input[type="button"],
input[type="submit"],
input[type="text"],
input[type="email"],
input[type="search"] {
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
	font-family: 'Dosis', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	font-family: 'Dosis', sans-serif;
	letter-spacing: 1px;
	font-weight: 500;
}

/* p {
    font-size: 0.9em;
    color: #8c9398;
    line-height: 2em;
    letter-spacing: 1px;
} */

ul {
	margin: 0;
	padding: 0;
}

.search {
	position: fixed;
	left: 0.82658291rem;
	top: 0.82658291rem;
	width: 0.99189949rem;
	height: 0.99189949rem;
	background-size: 51.00016532rem 52.07472309rem;
	cursor: pointer;
	z-index: 9;
	background-position: -46.99123822rem -50.54554472rem;
	background-image: url(../img/sprites.14a40dad.png);
}

.slogen {
	position: fixed;
	left: 50%;
	top: 0;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 9.13374111rem;
	height: 1.65316581rem;
	background-size: 51.00016532rem 52.07472309rem;
	cursor: pointer;
	z-index: 9;
	background-position: -30.37692181rem -49.51231609rem;
	background-image: url(../img/sprites.14a40dad.png);
}

.about {
	-webkit-animation: about_rotate 5s linear infinite;
	animation: about_rotate 5s linear infinite;
	position: fixed;
	right: 0.82658291rem;
	top: .82658291rem;
	width: 2.52107786rem;
	height: 2.52107786rem;
	background-size: 51.00016532rem 52.07472309rem;
	cursor: pointer;
	z-index: 9;
	background-position: 0 -49.51231609rem;
	background-image: url(../img/sprites.14a40dad.png);
}

@keyframes about_rotate {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn);
	}
}


.fill {
	position: fixed;
	/* width: 64.93370805rem;
    height: 30.7148289rem; */
	width: 48.93370805rem;
	height: 24.7148289rem;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)scale(1.4);
	/* transform: translate(-50%, -50%); */
	/*  background-size: 60.00016532rem 52.07472309rem; */
	background-size: 51.00016532rem 52.07472309rem;
	z-index: 1;
	background-position: 0 -24.75615804rem;
	background-image: url(../img/sprites.14a40dad.png);
}

.leading {
	position: fixed;
	right: 0.9092412rem;
	bottom: 0.9092412rem;
	width: 1.15721607rem;
	height: 6.69532154rem;
	background-size: 51.00016532rem 52.07472309rem;
	z-index: 9;
	background-position: -100.84311456rem 0;
	background-image: url(../img/sprites.14a40dad.png);
}

/* .logo {
    cursor: pointer;
    position: fixed;
    font-weight: 700;
    text-align: left;
    left: 0.82658291rem;
    bottom: 0.82658291rem;
    width: 6.77797983rem;
    height: 2.02512812rem;
    background-size: 51.00016532rem 52.07472309rem;
    z-index: 9;
    background-position: -14.34121342rem -49.51231609rem;
    background-image: url(../img/sprites.14a40dad.png);
} */

.nav {
	position: fixed;
	right: 1.15721607rem;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	line-height: .9092412rem;
	font-weight: 700;
	text-align: left;
	z-index: 9;
}

.nav .router {
	font-size: 16px;
	cursor: pointer;
	margin-bottom: 0.74392462rem;
	height: 0.9092412rem;
	opacity: 1;
}

.nav .shadow_box {
	text-shadow: none;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.nav .shadow_box:hover {
	text-shadow: -5px 0 16px #ec7215, 5px 0 16px #ec7215, 0 -5px 16px #ec7215, 0 5px 16px #ec7215;
}



.content[data-v-2b229578] {
	margin: 0 auto;
	padding-top: 8%;
	padding-bottom: 2.47974872rem;
	width: 100%;
	z-index: 1;
	position: relative;
}

.content .news[data-v-2b229578] {
	text-align: center;
	margin-bottom: 1.90114068rem;
	cursor: pointer;
}

.content .news .news_details[data-v-2b229578] {
	font-weight: 900;
	line-height: 2.47974872rem;
	margin-bottom: 0.61993718rem;
	font-size: 2.31443214rem;
}

.news .news_details span {
	position: relative;
	z-index: 1;
}

.content .news .news_tags[data-v-2b229578] {
	opacity: 0;
	-webkit-transition: all .75s;
	transition: all .75s;
	margin: 0 auto;
	font-weight: 788;
	margin-bottom: 0.41329145rem;
	font-size: .57860803rem;
	line-height: .78525376rem;
	height: 0.82658291rem;
}

.content .news .news_arrow[data-v-2b229578] {
	/* opacity: 0; */
	-webkit-transition: all .75s;
	transition: all .75s;
	margin: 0 auto;
	width: 3.22367333rem;
	height: 1.11588692rem;
	background-size: 51.00016532rem 52.07472309rem;
	background-position: -39.75863779rem -49.51231609rem;
	background-image: url(../img/sprites.14a40dad.png);
}

.content .mores[data-v-2b229578] {
	text-align: left;
}

.content .mores .mores_month[data-v-2b229578] {
	text-align: center;
	margin: 0 auto;
	font-weight: 788;
	margin-top: 2.89304017rem;
	margin-bottom: 2.06645727rem;
	height: 2.35576128rem;
	font-size: 1.48784923rem;
}

.content .mores .mores_content[data-v-2b229578] {
	cursor: pointer;
	margin-bottom: 0.5rem;
}

.mores .mores_month span[data-v-2b229578] {
	display: inline-block;
	padding: 4px 10px;
	color: #000;
	background-color: #0cf;
}

.content .mores_content[data-v-2b229578]:nth-child(2n) {
	margin-left: 18%;
}

.content .mores .mores_content .news_details[data-v-2b229578] {
	font-weight: 808;
	line-height: 1.65316581rem;
	margin-bottom: 0.61993718rem;
	font-size: 1.48784923rem;
}

.content .mores .mores_content .news_tags[data-v-2b229578] {
	margin-bottom: 0.41329145rem;
	font-size: .57860803rem;
	line-height: .78525376rem;
	height: 0.82658291rem;
	font-weight: 788;
}

.content .mores .mores_content .news_arrow[data-v-2b229578] {
	width: 3.22367333rem;
	height: 1.11588692rem;
	background-size: 51.00016532rem 52.07472309rem;
	background-position: -39.75863779rem -49.51231609rem;
	background-image: url(../img/sprites.14a40dad.png);
}

.coverIn {
	width: 11.03rem;
	position: absolute;
	top: 11.85rem;
	left: 69%;
}

.cover2In {
	width: 10.8rem;
	position: absolute;
	top: 22em;
	left: 11%;
}


@media screen and (max-width:414px) {
	.content-animation {
		-webkit-animation: none;
		animation: none
	}
}

@media screen and (min-width:375px) {
	html {
		font-size: calc(100% + (200vw - 750px)/39);
		font-size: calc(16px + (200vw - 750px)/39)
	}
}

@media screen and (min-width:414px) {
	html {
		font-size: calc(112.5% + (400vw - 1656px)/586);
		font-size: calc(18px + (400vw - 1656px)/586)
	}
}

@media screen and (min-width:600px) {
	html {
		font-size: calc(125% + (400vw - 2400px)/400);
		font-size: calc(20px + (400vw - 2400px)/400)
	}
}

@media screen and (min-width:1000px) {
	html {
		font-size: calc(137.5% + (600vw - 6000px)/1000);
		font-size: calc(22px + (600vw - 6000px)/1000)
	}
}

@media screen and (max-width:414px) {
	body {
		background-color: #0f0f0f
	}
}

.bg {
	width: 100%;
	height: 100%;
	z-index: 0;
	object-fit: contain;
}