@charset "utf-8";
/* 工具首页*/
html, body{height:95%;}body{background: #0f3854;background: -webkit-radial-gradient(center ellipse, #0a2e38 0%, #000000 70%);background: radial-gradient(ellipse at center, #0a2e38 0%, #000000 70%);background-size: 100%;}p{margin:0;padding:0;}
#clock{text-align: center;position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.index-title{ width:100%; text-align: center;font-size:40px;color: #DAF6FF;}
.nav {width:100%;text-align: center; overflow: hidden;padding:40px 0 70px;}
.nav span{padding:10px 35px;background:#DAF6FF ;font-size: 14px; margin:5px;border-radius:30px;display: inline-block;color:#071D23 ;}
.nav span:hover{background: #4BBC8E;color:#FFFFFF; cursor:pointer ;}
.pc-vr{width: 100%;text-align: center;position:absolute;bottom: 0;padding-bottom:10px;color: #06191F;font-size: 12px;}
.pc-vr span{padding-right: 30px;}
.pc-vr a{color: #06191F;}
@media screen and ( max-width:750px ){
	#clock{width: 100%;text-align: center;position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
	.index-title{ width: 100%; text-align: center;font-size:1.6rem;color: #DAF6FF;}
	.nav { width:54%; text-align: center; overflow: hidden;padding:1rem 0 3rem;margin:0 23%;}
	.nav span{padding:0.5rem 0.9rem;font-size:0.9rem; margin:0.5rem 0; display: block;}
	.pc-vr span{display: none;}
}