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%;background: url(../../config/default.jpg) no-repeat;-webkit-background-size: cover;
	background-size: cover;}
	.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;}
  
  .layout-box{position: relative;top: 40%;transform: translateY(-40%);-webkit-transform: translateY(-40%);}
	.page-box{margin: 0 auto;background-color: #f5f0de;width: 90%;padding: 20px;border-radius: 10px;box-sizing: border-box;position: relative;}
	.page-box .box-title{color: #6e2229;font-size: 20px;text-align: center;padding-bottom: 20px;}
	.page-box .box-content{font-size: 15px;line-height: 22px; margin-bottom: 30px;}
  .layout-box .page-box--after{text-align: center;color: #fff;font-size: 12px;margin-top: 20px;}
  .site-info{color: #fff;font-size: 12px;width: 100%;text-align: center;position: absolute;left: 0;bottom: -36px;}
	.mod-filter{width: 100%;height: 100%;background-color: rgba(0,0,0,.4);}
	.tit-img{width: 90%;display: block;margin: 0 auto;}
	.start{width: 140px;height: 45px;border: none;background: url(../img/btn-start.png) no-repeat center center;background-size: contain;position: absolute;left: 50%;margin-left: -70px;z-index: 20;outline: none;margin-top: 10px;}
	.clown{width: 90%;position: absolute;bottom: 0;left: 50%;margin-left: -45%;}

	.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%);}
	.line-qst-num{position: relative;text-align: center;font-size: 22px;margin-top: 20px;font-weight: bold;}
	.timer{width: 45px;height: 45px;border: 1px solid #b88f00;background-color:#fbcd06;border-radius: 100%; color: #b88f00; position: absolute;left: 20px;bottom: 0;font-family: "Times New Roman",Microsoft yahei,Georgia,serif;display: -webkit-box;display: box;-webkit-box-pack: center;-webkit-box-align: center; box-pack: center; box-align: center;}
	.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; }
	.select{background:url(../img/selected.png) no-repeat left top;}
	.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;position: absolute;bottom: 20px;left: 50%;margin-left: -40px;display: none;}

	img.logo{position: absolute;bottom: 20px;left: 50%;width: 70px;margin-left: -35px;z-index: 99;}
	.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: -webkit-box;-webkit-box-pack: center; display: box; box-pack: center;}
	.share,.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)}

.tips2{width:100%;height:100%;position:fixed;left:0;top:0;background:rgba(0,0,0,.7);display:none;z-index:130;}
.tips2 .weixin{width:70%;height:80px;position: absolute;left:0;right:0;bottom:-182px;margin:auto;background:rgba(255,255,255,.94);border-radius:5px;padding:20px 30px 20px 30px;text-align: center;    -webkit-transition: transform 2s;}
.tips2 .weixin span{height:80px;display: inline-block;text-align: center;font-size: 14px;color:#666666;}
.tips2 .weixin span p:last-child{line-height: 26px;}
.tips2 .cancle{text-align: center;width:70%;height:40px;line-height:40px;background:rgba(255,255,255,.94);position: absolute;left:0;right:0;bottom:-202px;margin:auto;font-size: 16px;color:#666666;padding:0 30px 0 30px;border-radius:5px;    -webkit-transition: transform 2s;}
.tipsslide{display:block;}
.tipsslide .weixin{ -webkit-animation: shareinf .3s ease-out 0s forwards;}
.tipsslide .cancle{ -webkit-animation: shareins .3s ease-out 0s forwards;}
		/* 分享框出现 */
@-webkit-keyframes shareinf{
			0%{-webkit-transform: translate(0px,0px);}
			100%{-webkit-transform: translate(0px,-242px);}
		}
@-webkit-keyframes shareins{
			0%{-webkit-transform: translate(0px,0px);}
			100%{-webkit-transform: translate(0px,-212px);}
		}
.shareDiv{text-align: center;}