#title{
	position:fixed;
	top:80px;
	left:0;
	font-family:楷体;
	font-size:3.75rem;
	width:100%;
	text-align:center;
}

.content{
	position:fixed;
	top:12.5rem;
	text-align:center;
	width:100%;
	display:flex;
	justify-content:center;
}

.border{
	width:25rem;
	height:15rem;
	border:2px solid #2bc799;
}

.border>input{
	margin-top:30px;
	width:80%;
	height:2.5rem;
	padding:0.5rem;
	border:2px dashed #2bc799;
	background-color:black;
	text-align:center;
	font-weight:bold;
	color:#2bc799;
	border-radius:5px;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #ccc;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #ccc;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #ccc;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #ccc;
}


.login{
	margin-top:30px;
	width:100%;
	height:2.5rem;
	display:flex;
	justify-content:center;
	align-items:center;
}

#login{
	border:2px solid #2bc799;
	width:80%;
	height:2.5rem;
	display:flex;
	justify-content:center;
	align-items:center;
	border-radius:0.635rem;
	font-weight:bolder;
}

.left-bottom{
	position:absolute;

    -webkit-transform: rotate (360deg);
    animation: rotation 1s linear infinite;
    -moz-animation: rotation 1s linear infinite;
    -webkit-animation: rotation 5s linear infinite ;
    -o-animation: rotation 1s linear infinite;
}

.left-bottom>img{
	width:8rem;
	height:8rem;
}

.right-bottom{
	position:absolute;
	top:3.75rem;

    -webkit-transform: rotate (360deg);
    animation: rotation 1s linear infinite;
    -moz-animation: rotation 1s linear infinite;
    -webkit-animation: rotation 5s linear infinite ;
    -o-animation: rotation 1s linear infinite;
}

.right-bottom>img{
	width:8rem;
	height:8rem;
}

@-webkit-keyframes rotation{
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg); }
}

.left{
	position:absolute;
	top:10%;
	left:20%;
	width:3.75rem;
	font-size:2.5rem;
	text-align:center;
	font-family:楷体;
	border:2px solid #2bc799;
}

.right{
	position:absolute;
	top:10%;
	right:20%;
	width:3.75rem;
	
	font-size:2.5rem;
	font-family:楷体;
	text-align:center;
	border:2px solid #2bc799;
}

.bottom{
	width:100%;
	display:flex;
	justify-content:center;
}

#bottom{
	position:absolute;
	bottom:35%;
	font-weight:bold;
	font-size:2.5rem;
	color:red;
	border:3px solid red;
	display:flex;
	align-items:center;
	padding:0.3125px 0.625px;
	border-radius:10px;
	display:none;
}

#bottom>img{
	width:2.5rem;
	height:2.5rem;
}