body{padding: 0;margin: 0;border: none;background-color: rgba(0,0,0,.5);width: 100%;height: 100%;font-family: "Helvetica Neue", Helvetica, Microsoft yahei,sans-serif;}
	div,h3,p{margin: 0;padding: 0;}
	html{width: 100%;height: 100%;}
	.container{width: 100%;height: 100%;overflow: hidden; position: relative;}
	.page{position: relative;height: 100%;}
	#startBG, #latterBG{
		position:absolute;top:0;left:0;right:0;bottom:0;background-size: 100% auto;background-position:0 0;background-repeat:no-repeat;
	}
	#latterBG{display: none;}
	.loading{position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index:233;background-color: #fff;}
	.loading img{position: absolute; top: 50%; left: 50%; margin: -16px 0 0 -16px;}
  
    #start-button{position: absolute;bottom: 2%;width: 50%;left: 50%;padding: 10% 0;-webkit-transform: translateY(-50%) translateX(-50%);background-size: 100% 100%;}
	.mod-filter{width: 100%;height: 100%;background-color: rgba(0,0,0,.3);}
	.content{width: 90%;padding: 20px;margin: 0 auto;background: #fffae7; position: relative;top: 40%; border-radius: 10px; box-sizing: border-box; transform: translateY(-40%);-webkit-transform: translateY(-40%);}
	#page2{
		background-size: 100% auto;
	}
	.line-qst-num{position: relative;text-align: center;font-size: 22px;margin-top: 20px;font-weight: bold;}
	.qst-num{font-style: normal;}
	.line-qst{font-size: 16px;line-height: 22px;margin: 20px auto;}
	.answer-box:after {content: ''; display: block; width: 100%; height: 40px; }
	.a-item {display: block;font-size: 15px;margin-bottom: 8px;}
	.ico{display: inline-block;width: 15px;height: 15px;background: url(../img/ico_bg.png) no-repeat left top;position: relative;top: 2px;margin-right: 5px; background-position: left 0;}
	.checked .ico{
		background-position: left -15px;
	}
	.select{background:url(../img/selected.png) no-repeat left top;}
	.btn-wrap{
		position: absolute;bottom: 20px;display: flex;align-items: center;
		justify-content:center;align-items: center;left:0;width: 100%;
	}
	.btn{
		margin: 0 10px;
	}
	.next{font-size: 14px;color: white;background-color: #ffaa3d;width: 50px;height: 30px;line-height: 30px;text-align: center;padding: 0 15px;border-radius: 15px;display: none;}
	.pre{font-size: 14px;color: white;background-color: #ffaa3d;width: 50px;height: 30px;line-height: 30px;text-align: center;padding: 0 15px;border-radius: 15px;display: none;}
	.toEnd{
		font-size: 14px;color: white;background-color: #ffaa3d;width: 70px;height: 30px;line-height: 30px;text-align: center;padding: 0 15px;border-radius: 15px;display: none;
	}
	.shadow-wrap{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background-color: rgba(0,0,0,.5);}
	.result-box{width: 90%;background-color: #fffae7;border-radius: 10px;position: relative;margin: 0 auto;top: 40%;transform: translateY(-40%); -webkit-transform: translateY(-40%);}
	.test-result-box{background: #fffae7;background-size: contain;color: #6e2229;border-top-left-radius: 10px;border-top-right-radius: 10px;}
	.restart{height: 26px;position: absolute;top: -17px;font-size: 14px;right: -10px;border-radius: 13px;color: #a78800;background-color: #ffec81;padding: 0 10px;box-shadow: 0 3px 9px rgba(235,191,1,.39);-webkit-box-shadow:0 3px 9px rgba(235,191,1,.39);display: -webkit-box;-webkit-box-align: center;display: box; box-align: center;}
	.tip{padding: 16px 0;font-size: 16px;vertical-align: top;text-align: center;color: #6e2229;}
	.star{font-size: 36px;font-family: "Times New Roman",Microsoft yahei,Georgia,serif;width: 100px; height: 60px; color: #fbcd06;margin: 5px auto 16px auto;background: url(../img/score_bg.png);-webkit-background-size: cover;
	background-size: cover; font-weight: bold;text-align: center; display: -webkit-box;display: box; -webkit-box-pack: center; box-pack: center; -webkit-box-align: center; box-align: center;}
	.result-content{margin: 0 auto;font-size: 15px;padding: 0 20px;}
	.share-box{border-top:1px solid #e8e3cc;margin-top: 16px; padding: 16px 20px;display:flex;justify-content:center;align-items: center;}
	#share-left{
		margin-right:20px;
		height: 30px;border: none;border-radius: 25px;padding:0 10px;color: white;outline: none;font-size: 14px;width: 112px;
	}
	#share-left-button{
		height: 30px;border: none;border-radius: 25px;padding:0 10px;color: white;outline: none;font-size: 14px;width: 112px;
		background-color: #72c990;box-shadow: 0 5px 9px 1px rgb(215 250 227);
	}
	.play{height: 30px;border: none;border-radius: 25px;padding:0 10px;color: white;outline: none;font-size: 14px;width: 112px;}
	.btn-group{display: -webkit-box;width: 100%;-webkit-box-pack: center;}
	.btn-group .btn{height: 30px;border: none;border-radius: 25px;padding:0 10px;color: white;outline: none;font-size: 14px;width: 112px;}
	.btn.btn-red{background-color: #ff6e40;margin-right: 16px;box-shadow: 0 5px 9px 1px rgba(255,110,64,.35)}
	.btn.btn-yellow{background-color: #ffaa3d;box-shadow: 0 5px 9px 1px rgba(235,191,1,.39)}
	.share{background-color: #ffaa3d;box-shadow: 0 5px 9px 1px rgba(235,191,1,.39);margin-right: 16px;}
	.play{background-color: #ff6e40;box-shadow: 0 5px 9px 1px rgba(255,110,64,.35)}
	video{
		position: absolute;
		bottom: 100px;
		left: 5%;
		width: 90%;
	}