body,html{background: #fff; margin: 0px; padding: 0px; height: 100%; width: 100%;}

.clearfix:after { content: '\20'; display: block; height: 0; clear: both;}
.clearfix { *zoom: 1; }
.clear{clear:both;}

.relative{position: relative;}
.absolute{position: absolute;}
.fixed{position: fixed;}

.scrollBlock{overflow: auto;}

.hidden{visibility: hidden;}

img.full{display: block; width: 100%; height: auto;}

.alpha90{filter:alpha(opacity=90); -moz-opacity: 0.90; opacity: 0.90;}
.alpha80{filter:alpha(opacity=80); -moz-opacity: 0.80; opacity: 0.80;}
.alpha70{filter:alpha(opacity=70); -moz-opacity: 0.70; opacity: 0.70;}
.alpha60{filter:alpha(opacity=60); -moz-opacity: 0.60; opacity: 0.60;}
.alpha50{filter:alpha(opacity=50); -moz-opacity: 0.50; opacity: 0.50;}
.alpha40{filter:alpha(opacity=40); -moz-opacity: 0.40; opacity: 0.40;}
.alpha30{filter:alpha(opacity=30); -moz-opacity: 0.30; opacity: 0.30;}
.alpha20{filter:alpha(opacity=20); -moz-opacity: 0.20; opacity: 0.20;}
.alpha10{filter:alpha(opacity=10); -moz-opacity: 0.10; opacity: 0.10;}
.alpha00{filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0;}

/* .clicked{box-shadow: 0px 0px 10px #999;} */
.box{display: -webkit-flex !important; display: flex !important;}
.flex-direction-row{flex-direction: row;}
.flex-direction-row-r{flex-direction: row-reverse;}
.flex-direction-column{flex-direction: column;}
.flex-direction-column-r{flex-direction: column-reverse;}
.flex-wrap-now{flex-wrap: nowrap}
.flex-wrap-wrap{flex-wrap: wrap}
.flex-wrap-wrap-r{flex-wrap: wrap-reverse}
.justify-content-start{justify-content: flex-start}
.justify-content-end{justify-content: flex-end}
.justify-content-center{justify-content: center}
.justify-content-between{justify-content: space-between}
.justify-content-around{justify-content: space-around}
.align-items-start{align-items: flex-start}
.align-items-end{align-items: flex-end}
.align-items-center{align-items: center}
.align-items-baseline{align-items: baseline}
.align-items-stretch{align-items: stretch}
.align-content-start{align-content: flex-start}
.align-content-end{align-content: flex-end}
.align-content-center{align-content: center}
.align-content-between{align-content: space-between}
.align-content-around{align-content: space-around}
.align-content-stretch{align-content: stretch}

.fullPage{width: 100%; height: 100%; box-sizing: border-box; overflow-x: hidden;}
.button{display: inline-block; width: 32%; border-radius: 30px; overflow: hidden; margin: 0px 3%; text-align: center; font-size: 18px; padding: 10px 0px; color: #fff;}
.button01{background: #648dda;}
.button02{background: #e1478f;}

#header{background: #153c80; height: 60px; top: 0px; width: 100%; z-index: 2;}
#header .box{text-align: right;}
#logo{width: 20%; display: inline-block; margin: 0px 3%;}

#main>div{padding-top: 60px;}
#img01{display: block; width: 83.12%; margin: 0px auto 60px;}
#buttonList01{width: 100%; text-align: center;}
.bottomText01{position: absolute; width: 100%; bottom: 5%; left: 0px; text-align: center; color: #5a5a5a; font-size: 12px; text-align: center;}

.title{margin: 10px -5%; width: 110%;}

.block{width: 90%; border-radius: 10px; overflow: hidden; box-shadow: 0px 0px 10px #ccc; box-sizing: border-box; padding: 20px;}
.none{display: none;}

.content{width: 90%;}
.content .block{width: 100%;}

.title{font-size: 15px; text-align: center; line-height: 1.8; color: #727272;}
.des{font-size: 14px; text-align: center; line-height: 1.8; color: #789cd0;}
.img03{width: 40%; margin: 20px auto;}
#beginGame{width: 100px; height: 100px; color: #789cd0; border-radius: 10px; overflow: hidden; margin: 0px auto; text-align: center; line-height: 100px; box-shadow: 0px 0px 10px #ccc;}

.buttonList{margin: 20px 0px; text-align: center;}
.buttonList .button{width: 30%; display: inline-block; background-color: #648DDA; color: #fff; margin: 0px 10px; font-size: 14px;}

.qtitle{width: 100%; margin: 0px auto 20px; color: #789cd0; vertical-align: middle;}
.qtitle .yu{display: inline-block; width: 20px; height: 20px; text-align: center; line-height: 18px; border: 1px solid #789cd0; border-radius: 10px; overflow: hidden; vertical-align: middle; font-size: 12px;}

.selectButton{border-radius: 10px; color: #727272; margin: 20px auto; box-shadow: 0px 0px 10px #ccc; width: 120px; height: auto; box-sizing: border-box; padding: 10px;}
.selectButton.active{background: #648DDA; color: #fff; color: #fff;}
.selectButton.active div{color: #fff !important;}

#step03 .selectButton .img{width: 50%; margin: 10px auto;}
#step03 .selectButton div{color: #727272;}

#step04 .selectButton{display: inline-block; width: 120px; height: 120px; margin: 10px; line-height: 100px;}

#step05 .selectButton{display: block; width: 100%; padding: 10px 0px;}
#step05 .selectButton .label{width: 30%; padding: 0px; line-height: 40px; text-align: center; float: left; color: #727272; font-size: 14px;}
#step05 .selectButton .select{width: 70%; text-align: center; color: #727272; line-height: 40px; font-size: 14px; float: left;}
#step05 .selectButton .select select{width: 90%; height: 30px; line-height: 30px; text-align: center; color: #727272; font-size: 14px; border: 1px solid #ccc; background: #fff; margin: 5px 0px;}
#step05 .selectButton .select input{width: 90%; height: 30px; line-height: 30px; text-align: center; color: #727272; font-size: 14px; border: 1px solid #ccc; background: #fff; margin: 5px 0px;}

#step06 .selectButton{display: block; width: 80px; height: 80px; margin: 10px; display: inline-block; font-size: 12px; vertical-align: top;}
#step06 .selectButton div{line-height: 60px;}
#step06 .selectButton div.shuang{line-height: 1.5; margin-top: 10px;}
#step06 .selectButton.fullSelectButton{width: 300px; height: auto;}
#step06 .selectButton .label{width: 30%; padding: 0px; line-height: 40px; text-align: center; float: left; color: #727272; font-size: 14px;}
#step06 .selectButton .select{width: 70%; text-align: center; color: #727272; line-height: 40px; font-size: 14px; float: left;}
#step06 .selectButton .select input{width: 90%; height: 30px; line-height: 30px; text-align: center; color: #727272; font-size: 14px; border: 1px solid #ccc; background: #fff; margin: 5px 0px;}

#step07 .selectButton,
#step08 .selectButton,
#step09 .selectButton,
#step10 .selectButton,
#step11 .selectButton,
#step12 .selectButton{display: inline-block; width: 120px; height: 120px; margin: 10px; line-height: 100px;}
#step09,#step09 .selectButton{vertical-align: top;}
#step09 .selectButton div.shuang{line-height: 1.5; padding-top: 25px;}

#step13 .selectButton{display: block; width: 100%; padding: 10px 0px;}
#step13 .selectButton .label{width: 30%; padding: 0px; line-height: 40px; text-align: center; float: left; color: #727272; font-size: 14px;}
#step13 .selectButton .select{width: 70%; text-align: center; color: #727272; line-height: 40px; font-size: 14px; float: left;}
#step13 .selectButton .select input{width: 90%; height: 30px; line-height: 30px; text-align: center; color: #727272; font-size: 14px; border: 1px solid #ccc; background: #fff; margin: 5px 0px;}

#step14 .selectButton{display: block; width: 80px; height: 80px; margin: 10px; display: inline-block; font-size: 12px; vertical-align: top;}
#step14 .selectButton.fullSelectButton{width: 190px;}
#step14 .selectButton div{line-height: 60px;}
#step14 .selectButton div sm{font-size: 10px;}
#step14 .selectButton div.shuang{line-height: 1.5; margin-top: 10px;}
#step14 .selectButton .label{width: 30%; padding: 0px; line-height: 40px; text-align: center; float: left; color: #727272; font-size: 14px;}
#step14 .selectButton .select{width: 100%; text-align: center; color: #727272; line-height: 40px; font-size: 14px; float: left;}
#step14 .selectButton .select input{width: 90%;  margin: 15px 0px; height: 30px; line-height: 30px; text-align: center; color: #727272; font-size: 14px; border: 1px solid #ccc; background: #fff;}

#step15 .selectButton{display: block; width: 100%; padding: 10px 0px;}
#step15 .selectButton .label{width: 30%; padding: 0px; line-height: 40px; text-align: center; float: left; color: #727272; font-size: 14px;}
#step15 .selectButton .select{width: 70%; text-align: center; color: #727272; line-height: 40px; font-size: 14px; float: left;}
#step15 .selectButton .select select{width: 90%; height: 30px; line-height: 30px; text-align: center; color: #727272; font-size: 14px; border: 1px solid #ccc; background: #fff; margin: 5px 0px;}
#step15 .selectButton .select input{width: 90%; height: 30px; line-height: 30px; text-align: center; color: #727272; font-size: 14px; border: 1px solid #ccc; background: #fff; margin: 5px 0px;}

#step16 .selectButton{display: block; width: 100%;  padding: 10px 0px 10px 10px; box-sizing: border-box;}
#step16 .selectButton .label{width: 30%; padding: 0px 0px 0px 10px; box-sizing: border-box; line-height: 40px; text-align: left; float: left; color: #727272; font-size: 14px;}
#step16 .selectButton .select{width: 70%; text-align: center; color: #727272; line-height: 40px; font-size: 14px; float: left;}
#step16 .selectButton .select select{width: 90%; height: 30px; line-height: 30px; text-align: center; color: #727272; font-size: 14px; border: 1px solid #ccc; background: #fff; margin: 5px 0px;}
#step16 .selectButton .select input{width: 90%; height: 30px; line-height: 30px; text-align: center; color: #727272; font-size: 14px; border: 1px solid #ccc; background: #fff; margin: 5px 0px;}

#step17 .selectButton{display: block; width: 100%; padding: 10px 0px;}
#step17 .selectButton .label{width: 30%; padding: 0px; line-height: 40px; text-align: center; float: left; color: #727272; font-size: 14px;}
#step17 .selectButton .select{width: 70%; text-align: center; color: #727272; line-height: 40px; font-size: 14px; float: left;}
#step17 .selectButton .select select{width: 90%; height: 30px; line-height: 30px; text-align: center; color: #727272; font-size: 14px; border: 1px solid #ccc; background: #fff; margin: 5px 0px;}
#step17 .selectButton .select input{width: 90%; height: 30px; line-height: 30px; text-align: center; color: #727272; font-size: 14px; border: 1px solid #ccc; background: #fff; margin: 5px 0px;}

#yijian{width: 90%; border:0px; height: 120px; margin: 10px auto; display: block;}

.errorBlockPop{position: fixed; top: 0px; background: rgba(0, 0, 0, 0.75); width: 100%; height: 100%; z-index: 10;}
.errorTextPop{width: 80%; background-color: #fff; border-radius: 10px; overflow: hidden;}
.errorTextPop #errorPop{padding: 20px; color: #333; font-size: 14px; text-align: center; line-height: 1.8;}
.errorTextPop #errorPopClose{text-align: center; color: #333; border-top: 1px solid #666; padding: 10px;}