@charset "utf-8";
/* CSS Document */
@font-face
{
	font-family: ava;
	src: url('../font/zeta-ava.otf');
	font-weight: normal;
    font-style: normal;
}
	body { 
		margin:0; padding:0; overflow:hidden; font-family: ava, PingFang, SC-Regular, 微软雅黑, 宋体;
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		width:100vw;
		height:100vh;
		font-size:14px;
		background: #D6D6DE;
	}
	a {text-decoration:none; outline: 0; -webkit-tap-highlight-color:rgba(0,0,0,0); color: inherit;}
	ul,ul li, dl, dd {
		list-style-type:none; padding:0; margin:0;
	}
	section { 	
		position:absolute;
		margin:32px;
		width: calc(100vw - 64px);
		height: calc(100vh - 64px);
	}
	.box_md {
		position: absolute;
		top: 50%;
		left: 50%;
		width:100%;
		transform: translate(-50%,-50%);
	}
	.btn {
		width:100%;
		height:100%;
		}

	canvas {
		position:absolute;
		top:50%;
		left:50%;
		transform: translate(-50%,-50%);
		width: 100%; 
		border-radius: 4px;
		background:#fff;
		box-shadow: 0px 125px 100px -50px rgba(0,0,0,0.2);
	}

	 .key_btn, .key_info {
		 position:absolute;
		 right: 20px;
		 color: #999;
		 }
	 
	 .key_btn {
		 top:8px;
		 font-size:20px;
   		 line-height: 56px;
		 cursor: pointer;
		 
		 transform-origin: right top 0px;
		 -ms-transform-origin: right top 0px;
		 -webkit-transform-origin: right top 0px;
		 -moz-transform-origin: right top 0px;
		 -o-transform-origin: right top 0px;
	}

	 .key_info {
		 bottom: 8px;
		 font-size: 1em;
		 transform-origin: right bottom 0px;
		 -ms-transform-origin: right bottom 0px;
		 -webkit-transform-origin: right bottom 0px;
		 -moz-transform-origin: right bottom 0px;
		 -o-transform-origin: right bottom 0px;
		 }
		 
	.key_info li {
		float:left;
		padding-right:10px;
		line-height: 56px;
		}
		
	.key_info i {
		font-size:18px;
		vertical-align:bottom;
		padding-right:10px;
		}
		
	.key_beian {
		font-size: 14px;
		position: absolute;
		left: 20px;
		bottom: 16px;
		color: #999;
		transform-origin: left bottom 0px;
		}
	.key_beian li {
		float:left;
		padding-right:12px;
		}