@charset "utf-8";
/* CSS Document */
body { min-width:320px;	max-width:700px; margin:0 auto !important;  background:#efefef; overflow-x:hidden; font-family:"Microsoft YaHei",Helvetica; color:#333; }
body,section,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,p,th,td,input,textarea,select,img { margin:0; padding:0; border:0; }  
ul,ol,li { margin:0px; padding:0px; list-style:none; }
h1,h2,h3,h4,h5,h6 { font-size:inherit; font-weight:lighter; }
table { border-collapse:collapse; border-spacing:0; }
em,i { display:inline-block; font-weight:normal; font-style:normal; }
textarea,select,input { font-family:"Microsoft Yahei"; font-size:.28rem; color:#666; }
b { font-weight:bold; }
img { margin:0; padding:0; border:0; }
a { color:#333; text-decoration:none; }
a:hover { /*color:#333;*/ text-decoration:none; }
input[type="text"],input[type="password"],input[type="button"],input[type="submit"],button,textarea { -webkit-appearance:none; }
.cfx:after,nav.mini:after,.h:after,.hn:after,.PH:after { content:' '; clear:both; display:block; height:0; visibility:hidden; line-height:0; }
* { box-sizing:border-box; }
.fl { float:left; }
.fr { float:right; }
/***公共css***/


/***答题页***/
.ansWrap { width:100%; float:left; line-height:1.5; font-size:.32rem; }

.ansMain { width:100%; float:left; padding:.3rem .3rem 2rem .3rem; }
.ansMain section:first-child { margin:0; }

.ansRowL { width:100%; float:left; margin:.4rem 0 0 0; }
.ansRowL .logo, .ansRowL .logo img { width:.75rem; float:left; height:.75rem; }
.ansRowL .con { width:5.75rem; float:left; margin:0 0 0 .2rem; }
.ansRowL .con .arrow { width:.15rem; float:left; height:.75rem; background:url(../images/ansBgL.png) no-repeat center; background-size:100% auto; }
.ansRowL .con .box { width:5.6rem; float:left; background:#fff; border-radius:.1rem; padding:.2rem; }
.ansRowL .con .box .pic, .ansRowL .con .box .pic img { width:100%; float:left; }
.ansRowL .con .box .intro { width:100%; float:left; text-align:justify; }
.ansRowL .con .box .intro span { color:#f46573; }
.ansRowL .con .box .question { width:100%; float:left; }
.ansRowL .con .box .option { width:100%; float:left; }
.ansRowL .con .box .option a { width:100%; float:left; border:solid .02rem #eee; padding:.2rem; border-radius:.1rem; font-size:.28rem; color:#666; text-align:justify; margin:.2rem 0 0 0; }
.ansRowL .con .box .option a.current { border-color:#7b98f6; background:#7b98f6; color:#fff; }
.ansRowL .con .box .enter { width:100%; float:left; }
.ansRowL .con .box .enter input { width:70%; float:left; height:.7rem; background:#fff; border:solid 1px #ff1366; border-radius:.1rem 0 0 .1rem; text-indent:.1rem; }
.ansRowL .con .box .enter a { width:30%; float:left; height:.7rem; background:#ff1366; border-radius:0 .1rem .1rem 0; line-height:.7rem; font-size:.3rem; color:#fff; text-align:center; }
.ansRowL .con .box .enter.clickNo input { border-color:#b9b8b9; }
.ansRowL .con .box .enter.clickNo a { background:#b9b8b9; }

.ansRowR { width:100%; float:left; margin:.4rem 0 0 0; }
.ansRowR .logo, .ansRowR .logo img { width:.75rem; float:right; height:.75rem; }
.ansRowR .con { width:4.9rem; float:right; margin:0 .18rem 0 0; }
.ansRowR .con .arrow { width:.15rem; float:right; height:.75rem; background:url(../images/ansBgR.png) no-repeat center; background-size:100% auto; }
.ansRowR .con .box { width:auto; float:right; background:#7b98f6; border-radius:.1rem; padding:0 .2rem; line-height:.65rem; margin:.05rem 0 0 0; color:#fff; }
.ansRowR .con .box a { color:#fff; }

.ansNum { width:100%; float:left; padding:0 2.65rem; margin:.4rem 0 0 0; }
.ansNum span { width:100%; float:left; background:#fbfbfb; border-radius:.25rem; line-height:.5rem; font-size:.24rem; text-align:center; }

.ansFloat { width:100%; float:left; background:url(../images/bt_bg.png) repeat; padding:.2rem; position:fixed; bottom:0; max-width:700px; }
.ansFloat .btn { width:100%; float:left; }
.ansFloat .btn a { width:48%; border-radius:.1rem; line-height:.7rem; font-size:.3rem; color:#fff; text-align:center; }
.ansFloat .btn a:nth-child(1) { float:left; background:#6283ec; }
.ansFloat .btn a:nth-child(2) { float:right; background:#ffae00; }
/***答题页***/


/***结果页***/
.resultWrap { width:100%; float:left; background:#6283ec url(../images/resultBg.png) repeat-y; background-size:100% auto; padding:.3rem; line-height:1.5; font-size:.32rem; }

.resultHead { width:100%; float:left; }
.resultHead .avatar { width:1.5rem; float:left; line-height:1.3; font-size:.24rem; text-align:center; }
.resultHead .avatar img { width:1rem; height:1rem; }
.resultHead .title { overflow:hidden; padding:0 0 0 .2rem; font-size:.49rem; color:#fff; }

.resultMain { width:100%; float:left; margin:.3rem 0; }

.resultPic, .resultPic img { width:100%; float:left; }

.resultEnd { width:100%; float:left; }
.resultEnd .qrCode { width:1.7rem; float:left; }
.resultEnd .qrCode img { width:100%; float:left; }
.resultEnd .txt { width:3.7rem; float:left; padding:.9rem 0 0 0; font-size:.24rem; color:#fff; margin:0 .2rem; }
.resultEnd .logo { width:1.1rem; float:right; padding:.2rem 0 0 0; }
.resultEnd .logo img { width:100%; float:left; }
/***结果页***/