@import "./init.min.css";

.index{background: linear-gradient(-45deg, #ffd43b, #f0f0f0, #fff); background-size: 100% 100%; background-attachment: fixed;}
.index .welcome{display: flex; align-items: center; justify-content: center; flex-direction: column; height: 100vh;}
.index .welcome .load-icon{width: 500px; margin-top: -200px;}
.index .welcome .txts{text-align: center; width: 500px; margin-top: 20px; padding: 30px 15px; background: #FFF; border-radius: 8px;}
.index .welcome .txts .title{font-size: 22px; font-weight: bold; position: relative;}
.index .welcome .txts .desc{color: rgba(0, 0, 0, .40); margin-top: 10px;}

.error{width: 100%; padding: 30px 10px; background: #FFF;}
.error .name{font-size: 16px; text-align: center; font-weight: bolder; margin-bottom: 15px;}
.error img{max-width: 100%; display:block; margin:0 auto; margin-bottom:20px;}
.error p{text-align: center; font-family: 'DIN'; line-height:23px; margin-bottom: 5px; letter-spacing:1px; font-size:15px; color: rgba(0, 0, 0, .50)}
.error .btn{display: block; width:100px; height:auto; line-height:40px; background:#555; color:#FFF; border-radius:8px; letter-spacing:1px; text-align:center; margin:20px auto 10px auto;}


@media screen and (max-width: 1000px){
	::-webkit-scrollbar{width: 0; height: 0;}
	.index .welcome .load-icon{width: 100%; margin-top: -200px;}
	.index .welcome .txts{width: auto; padding: 15px 30px;}
}