﻿*{
    margin:0;
    padding:0;
    border:none;
    font-family:"微软雅黑", "Arial";
    text-decoration:none;
    text-shadow:none;
    line-height:100%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
a, label{
	cursor:pointer;
}
body{
	background:#fff;
}
h1{
	font-size:24px;
	font-weight:bold;
	line-height:32px;
	margin:32px 0 16px 0;
}
h1:first-child{
	margin-top:0;
}
p{
	font-size:12px;
	line-height:24px;
}
.line{
    height:1px;
}
.container{
    width:100%;
    max-width:640px;
    min-width:280px;
    margin:0 auto 0;
	background:#fff;
}

.paper {
	padding:0 32px 0;
}
#cover{
	padding:0;
	text-align:center;
}
.paper img.cover{
	width:100%;
}

.bar{
    padding-top:16px;
}
/*按钮文字颜色*/
#button-box a.button:link{color:#fff;}
#button-box a.button:hover{color:#fff;}
#button-box a.button:active{color:#fff;}
#button-box a.button:visited{color:#fff;}
#button-box .button{
	display:inline-block;
	line-height:48px;
    font-size:24px;
    border-radius:32px;
	font-weight:bold;
    color:#fff;/*按钮文字色*/
    background:#835AF1;/*按钮背景色*/
    box-shadow:0 8px 16px #E0D6FB;/*按钮阴影色（背景色25%透明度）*/
}
.button{
	height:48px;
	margin:0 auto;
    text-align:center;
}
.bar #result{
	display:none;
}
.bar #result img{
	display:none;
	height:64px;
}
.bar #result img.correct{
	background:#51F1A4;
}
.bar #result img.wrong{
	background:#F42942;
}
.logo {
	clear:both;
	text-align:center;
	margin:32px 0 32px;
}
.logo .line{
	margin:0 16px 0;
    background-color:rgba(0,0,0,0.1);/*LOGO线条色*/
	position:relative;
	top:8px;
}
.logo .title{
	display:inline-block;
	background:#fff;
	padding:0 16px 0;
	position:relative;
	height:16px;
}
.logo .title img{
	display:inline-block;
	margin:0 auto 0;
	height:100%;
}
.logo a.title{
	display:inline;
	top:-2px;
	font-size:12px;
	color:rgba(0,0,0,0.35);
	font-weight:normal;
}
form{
	padding:32px 32px 0 32px;
}
form label{
	display:block;
	margin:0 0 16px 0;
}
form label p{
	margin:-20px 0 0 24px;
}
.record{
	clear:both;
	padding-bottom:32px;
}
.record p:first-child{
	text-align:left;
	margin-bottom:-48px;
}
.record p:last-child{
	text-align:right;
	color:rgba(0,0,0,0.35);
}

