@charset "utf-8";html{font-family:'宋体',arial,verdana,sans-serif;color:#333;background:#fff}
body{font-size:100%;background:#ffffff}
body,dl,h1,h2,h3,h4,h5,h6,form,p{margin:0}
input,button,textarea,td,th{padding:0}
menu,ul,ol{margin:0;padding:0}
textarea{resize:none;overflow:auto}
a{text-decoration:none;background-color:transparent}
a:active,a:hover{outline:0}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}
iframe,img{border:0}
ul,ol{list-style:none}
button{overflow:visible}
button,select{text-transform:none}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
button:-moz-focusring,input:-moz-focusring{outline:1px dotted ButtonText}
input{line-height:normal}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}
input[type="search"]{-webkit-appearance:textfield}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
table{border-collapse:collapse;border-spacing:0}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
audio:not([controls]){display:none;height:0}
[hidden],template{display:none}
.clear{clear:both}
*{-webkit-tap-highlight-color:rgba(0,0,0,0);tap-highlight-color:rgba(0,0,0,0)}
html,body{height:100%;padding:0;margin:0;background:#faae02}
body{overflow:hidden}
.swiper-container{width:100%;height:100%;background:#faae02}
.swiper-wrapper{background:#faae02}
.swiper-slide{text-align:center;font-size:18px;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;background-position:top}
.inner{position:relative;width:100%;height:100%;top:0;left:0;background:#faae02;overflow:hidden}
.top{position:relative;width:100%;height:17.4%}
.bottom{position:relative;width:100%;height:82.6%;background:url(../images/xiabg.png);background-size:100% 100%}
.borderbox{width:100%;height:100%;position:relative;top:0;left:0;background:url(../images/border.png);background-size:100% 100%}
.right div{position:absolute;width:64px;height:58px;top:43px;left:6%;background:url(../images/right.png);background-size:100% 100%}
.wrong div{position:absolute;width:54px;height:53px;top:56px;left:5%;background:url(../images/wrong.png);background-size:100% 100%}
.logo{position:absolute;width:160px;height:75px;top:50%;left:4.8%;margin-top:-37px;background:url(../images/logo.png);background-size:100% 100%}
.copy{position:absolute;width:119px;height:49px;top:50%;left:50.4%;margin-top:-25px;background:url(../images/topcopy.png);background-size:100% 100%}
.inner1 .copy{background:url(../images/indextopcopy.png);background-size:100% 100%}
.rulebtn{position:absolute;width:115px;height:110px;top:0;right:0;background:url(../images/rulebtn.png);background-size:100% 100%}
.rulebg{position:absolute;width:100%;height:100%;top:0;right:0;background:url(../images/rulebtnbg.png);background-size:100% 100%}
.copywd{position:absolute;width:178px;height:150px;top:1.80541625%;left:50%;background:url(../images/copywd.png);background-size:100% 100%}
.woman{position:absolute;width:317px;height:391px;bottom:0;left:0;background:url(../images/woman.png);background-size:100% 100%}
.myprizebtn{position:absolute;width:34px;height:103px;top:73.72116349%;left:86.53333333%;background:url(../images/myprizebtn.png);background-size:100% 100%;display:none}
.start{position:absolute;width:173px;height:66px;top:83.95185557%;left:50%;margin-left:-87px;background:url(../images/startbtn.png);background-size:100% 100%}
.questitle{position:absolute;width:187px;height:23px;top:4.41323972%;left:8.26666667%;background:url(../images/question.png);background-size:100% 100%}
.voicebox{position:absolute;width:239px;height:40px;top:12.53761284%;left:8.66666667%;background:url(../images/questitle.png);background-size:100% 100%}
.voice{width:100%;height:100%;background:url(../images/voicebg1.png);background-size:100% 100%}
@-webkit-keyframes playani{0%{background-image:url(../images/voicebg1.png)}
25%{background-image:url(../images/voicebg2.png)}
50%{background-image:url(../images/voicebg3.png)}
75%{background-image:url(../images/voicebg2.png)}
100%{background-image:url(../images/voicebg1.png)}
}@keyframes playani{0%{background-image:url(../images/voicebg1.png)}
25%{background-image:url(../images/voicebg2.png)}
50%{background-image:url(../images/voicebg3.png)}
75%{background-image:url(../images/voicebg2.png)}
100%{background-image:url(../images/voicebg1.png)}
}.active .playani{-webkit-animation:playani 2s infinite;animation:playani 2s infinite}
.answer{position:absolute;width:333px;left:5.86666667%}
.inner2 .answer1{height:115px;top:23.67101304%;background:url(../images/ans11.png);background-size:100% 100%}
.inner2 .answer2{height:117px;top:45.63691073%;background:url(../images/ans12.png);background-size:100% 100%}
.inner2 .answer3{height:115px;top:70.61183551%;background:url(../images/ans13.png);background-size:100% 100%}
.inner3 .answer1{height:112px;top:23.67101304%;background:url(../images/ans21.png);background-size:100% 100%}
.inner3 .answer2{height:118px;top:45.63691073%;background:url(../images/ans22.png);background-size:100% 100%}
.inner3 .answer3{height:101px;top:70.61183551%;background:url(../images/ans23.png);background-size:100% 100%}
.inner4 .answer1{height:115px;top:23.67101304%;background:url(../images/ans31.png);background-size:100% 100%}
.inner4 .answer2{height:119px;top:45.63691073%;background:url(../images/ans32.png);background-size:100% 100%}
.inner4 .answer3{height:106px;top:70.61183551%;background:url(../images/ans33.png);background-size:100% 100%}
.inner5 .answer1{height:116px;top:23.67101304%;background:url(../images/ans41.png);background-size:100% 100%}
.inner5 .answer2{height:118px;top:45.63691073%;background:url(../images/ans42.png);background-size:100% 100%}
.inner5 .answer3{height:115px;top:70.61183551%;background:url(../images/ans43.png);background-size:100% 100%}
.inner6 .answer1{height:115px;top:23.67101304%;background:url(../images/ans51.png);background-size:100% 100%}
.inner6 .answer2{height:118px;top:45.63691073%;background:url(../images/ans52.png);background-size:100% 100%}
.inner6 .answer3{height:115px;top:70.61183551%;background:url(../images/ans53.png);background-size:100% 100%}
.result{position:absolute;width:328px;height:327px;top:6.11835507%;left:50%;margin-left:-164px}
.num{width:20px;height:40px;top:0;margin-left:203px}
.mark0{background:url(../images/mark0.png);background-size:100% 100%}
.mark0 .num{background:url(../images/rightnum0.png);background-size:100% 100%}
.mark1{background:url(../images/mark12.png);background-size:100% 100%}
.mark1 .num{background:url(../images/rightnum1.png);background-size:100% 100%}
.mark2{background:url(../images/mark12.png);background-size:100% 100%}
.mark2 .num{background:url(../images/rightnum2.png);background-size:100% 100%}
.mark3{background:url(../images/mark34.png);background-size:100% 100%}
.mark3 .num{background:url(../images/rightnum3.png);background-size:100% 100%}
.mark4{background:url(../images/mark34.png);background-size:100% 100%}
.mark4 .num{background:url(../images/rightnum4.png);background-size:100% 100%}
.mark5{background:url(../images/mark5.png);background-size:100% 100%}
.mark5 .num{display:none}
.markts1{background:url(../images/markts1.png);background-size:100% 100%}
.markts1 .num{width:84px;height:40px;line-height:40px;margin-top:4px;margin-left:145px;color:#000000;font-size:25px;font-family:"Arial"}
.markts2{background:url(../images/markts2.png);background-size:100% 100%}
.markts2 .num{display:none}
.share{position:absolute;width:147px;height:50px;top:72.31695085%;left:5.6%;background:url(../images/sharebtn.png);background-size:100% 100%}
.donate{position:absolute;width:147px;height:50px;top:72.31695085%;right:5.46666667%;background:url(../images/donatebtn.png);background-size:100% 100%}
.again{position:absolute;width:147px;height:50px;top:84.15245737%;left:50%;margin-left:-74px;background:url(../images/againbtn.png);background-size:100% 100%}
.copyright{position:absolute;width:67px;height:9px;top:93.5%;left:50%;margin-left:-33px;background:url(../images/copyright.png);background-size:100% 100%}
.userinfobox{display:none;position:fixed;width:100%;height:100%;bottom:0;left:0;background-color:rgba(0,0,0,0.8);z-index:5}
.userinfo{position:absolute;width:314px;height:384px;top:50%;left:50%;margin-top:-192px;margin-left:-157px;color:#000000;font-family:"SimHei";background:url(../images/userinfobg.png);background-size:100% 100%}
.userinfo .title{width:235px;height:67px;margin:36px auto 0;background:url(../images/userinfotitle.png);background-size:100% 100%}
.userinfo .input{width:215px;height:51px;background:url(../images/inputbg.png);background-size:100% 100%;overflow:hidden}
.userinfo .input1{margin:24px auto 0}
.userinfo .input2{margin:8px auto 0}
.userinfo input{width:140px;height:23px;line-height:23px;padding-left:56px;padding-top:9px;padding-bottom:10px;font-size:16px;border:0}
.userinfo input:focus{outline:none}
.userinfo .zinfo{width:140px;height:16px;padding-left:70px;margin-top:2px;font-size:12px;text-align:left}
.userinfo .submit{width:168px;height:66px;margin:8px auto 0;background:url(../images/submitbtn.png);background-size:100% 100%}
.input1 input.off{background:url(../images/inputname.png);background-size:100% 100%}
.input2 input.off{background:url(../images/inputphone.png);background-size:100% 100%}
.input1 input.on,.input2 input.on{background:none}
.feedback{position:fixed;width:100%;height:100%;bottom:0;left:0;background-color:rgba(0,0,0,0.8);z-index:6}
.feedbackinfo{position:absolute;width:314px;height:239px;top:50%;left:50%;margin-top:-120px;margin-left:-157px;background:url(../images/backinfobg.png);background-size:100% 100%}
.feedbackwd{width:237px;height:82px;margin:43px auto 0}
.succeed .feedbackwd{background:url(../images/succeedwd.png);background-size:100% 100%}
.confirmbtn{width:167px;height:58px;margin:23px auto 0;background:url(../images/confirmbtn.png);background-size:100% 100%}
.fail .feedbackwd{background:url(../images/failwd.png);background-size:100% 100%}
.succeed{display:none}
.fail{display:none}
.sharebox{position:absolute;width:100%;height:100%;top:0;left:0;background-color:rgba(0,0,0,0.8);z-index:10;display:none}
.shareimg{position:absolute;width:169px;height:175px;top:2.15588723%;right:6.66666667%;background:url(../images/shareimg.png);background-size:100% 100%}
.rule{position:absolute;width:100%;height:100%;top:0;left:0;background-color:rgba(0,0,0,0.8);display:none;z-index:13}
.rulebox{position:absolute;width:314px;height:506px;top:50%;left:50%;margin-top:-253px;margin-left:-157px;background-color:#faae02;background:url(../images/rulebg.png);background-size:100% 100%}
.ruleinfo{width:242px;height:321px;margin:50px auto 37px;background:url(../images/rulecont.png);background-size:100% 100%}
.rulebox .closebtn{width:173px;height:66px;margin:0 auto;background:url(../images/ruleclose.png);background-size:100% 100%}
.myprize{position:absolute;width:100%;height:100%;top:0;left:0;background-color:rgba(0,0,0,0.8);display:none;z-index:2}
.myprizeinfo{position:absolute;width:314px;height:476px;top:50%;left:50%;margin-left:-157px;margin-top:-238px;background:url(../images/myprizebg.png);background-size:100% 100%;overflow:hidden;zoom:1}
.myprizeinfo .title{width:189px;height:43px;margin:47px auto 0;background:url(../images/myprizetitle.png);background-size:100% 100%}
.myprizeinfo .myprizeimg{width:293px;height:241px;margin:24px auto 0}
.myprizeinfo .myprizewd{width:156px;height:33px;margin:25px auto 0}
.myprizeinfo .wintimebox{width:100%;height:auto;margin:10px auto 0;text-align:center;color:#000000;font-size:12px;font-family:"SimHei"}
.myprizeinfo .closebtn{position:absolute;width:53px;height:46px;top:0;right:0;background:url(../images/myprizeclose.png);background-size:100% 100%}
.myprize1 .myprizeimg{background:url(../images/myprizekindle.png);background-size:100% 100%}
.myprize1 .myprizewd{background:url(../images/myprizekindlewd.png);background-size:100% 100%}
.myprize2 .myprizeimg{background:url(../images/myprizebook.png);background-size:100% 100%}
.myprize2 .myprizewd{background:url(../images/myprizebookwd.png);background-size:100% 100%}
.bookbox{position:absolute;width:100%;height:100%;line-height:100%;top:0;left:0;text-align:center;color:#fff;background-color:rgba(0,0,0,0.8);z-index:10;display:none}
.bookbox .copyright{top:91.8%}
.bookcover{position:absolute;width:151px;height:226px;top:2.60782347%;left:50%;margin-left:-76px}
.booksec{position:absolute;width:345px;height:123px;top:49.34804413%;left:50%;margin-left:-176px}
.bookbox .nextbtn{position:absolute;width:173px;height:67px;top:76.22868606%;left:50%;margin-left:-87px;background:url(../images/nextbtn.png);background-size:100% 100%}
.bookbox .nextendbtn{background:url(../images/nextendbtn.png);background-size:100% 100%}
.bookbox1 .bookcover{background:url(../images/bookcover1.png);background-size:100% 100%}
.bookbox1 .booksec{background:url(../images/booksec1.png);background-size:100% 100%}
.bookbox2 .bookcover{background:url(../images/bookcover2.png);background-size:100% 100%}
.bookbox2 .booksec{background:url(../images/booksec2.png);background-size:100% 100%}
.bookbox3 .bookcover{background:url(../images/bookcover3.png);background-size:100% 100%}
.bookbox3 .booksec{background:url(../images/booksec3.png);background-size:100% 100%}
.bookbox4 .bookcover{background:url(../images/bookcover4.png);background-size:100% 100%}
.bookbox4 .booksec{background:url(../images/booksec4.png);background-size:100% 100%}
.bookbox5 .bookcover{background:url(../images/bookcoverimg5.png);background-size:100% 100%}
.bookbox5 .booksec{background:url(../images/booksecimg5.png);background-size:100% 100%}
#orientLayer{display:none}
.mod-orient-layer{display:none;position:fixed;height:100%;width:100%;left:0;top:0;right:0;bottom:0;background:#333;z-index:9997}
.mod-orient-layer__content{position:absolute;width:100%;top:45%;margin-top:-75px;text-align:center}
.mod-orient-layer__icon-orient{background-image:url(../images/pixels.png);display:inline-block;width:67px;height:109px;transform:rotate(90deg);-webkit-transform:rotate(90deg);-webkit-animation:rotation infinite 1.5s ease-in-out;animation:rotation infinite 1.5s ease-in-out;-webkit-background-size:67px;background-size:67px}
.mod-orient-layer__desc{margin-top:20px;font-size:15px;color:#fff}
@media screen and (min-aspect-ratio:13/9){#orientLayer{display:block}
}@-webkit-keyframes rotation{10%{transform:rotate(90deg);-webkit-transform:rotate(90deg)}
50%,60%{transform:rotate(0deg);-webkit-transform:rotate(0deg)}
90%{transform:rotate(90deg);-webkit-transform:rotate(90deg)}
100%{transform:rotate(90deg);-webkit-transform:rotate(90deg)}
}@keyframes rotation{10%{transform:rotate(90deg);-webkit-transform:rotate(90deg)}
50%,60%{transform:rotate(0deg);-webkit-transform:rotate(0deg)}
90%{transform:rotate(90deg);-webkit-transform:rotate(90deg)}
100%{transform:rotate(90deg);-webkit-transform:rotate(90deg)}
}@media (device-height:568px) and (-webkit-min-device-pixel-ratio:2){.right div{width:54px;height:49px;top:37px}
.wrong div{width:46px;height:45px}
.logo{width:136px;height:63px;margin-top:-32px}
.copy{width:101px;height:42px;margin-top:-21px}
.rulebtn{width:97px;height:93px}
.copywd{width:151px;height:128px}
.woman{width:269px;height:332px}
.myprizebtn{width:29px;height:87px}
.start{width:147px;height:56px;margin-left:-74px}
.questitle{width:159px;height:19px}
.voicebox{width:203px;height:34px}
.answer{width:283px}
.inner2 .answer1{height:97px}
.inner2 .answer2{height:99px}
.inner2 .answer3{height:97px}
.inner3 .answer1{height:95px}
.inner3 .answer2{height:100px}
.inner3 .answer3{height:86px}
.inner4 .answer1{height:98px}
.inner4 .answer2{height:101px}
.inner4 .answer3{height:90px}
.inner5 .answer1{height:99px}
.inner5 .answer2{height:100px}
.inner5 .answer3{height:98px}
.inner6 .answer1{height:98px}
.inner6 .answer2{height:100px}
.inner6 .answer3{height:97px}
.result{width:279px;height:278px;margin-left:-139px}
.num{width:17px;height:34px;margin-left:173px}
.markts1 .num{width:71px;height:34px;line-height:34px;margin-top:3px;margin-left:123px;font-size:21px}
.share{width:125px;height:43px}
.donate{width:125px;height:43px}
.again{width:125px;height:43px;margin-left:-62px}
.copyright{width:57px;height:7px;margin-left:-28px}
.userinfo{width:267px;height:326px;margin-top:-163px;margin-left:-133px}
.userinfo .title{width:200px;height:57px;margin:30px auto 0}
.userinfo .input{width:183px;height:43px}
.userinfo .input1{margin:20px auto 0}
.userinfo .input2{margin:7px auto 0}
.userinfo input{width:119px;height:20px;line-height:20px;padding-left:48px;padding-top:8px;padding-bottom:9px;font-size:14px}
.userinfo .zinfo{width:119px;height:14px;padding-left:60px;margin-top:2px;font-size:10px}
.userinfo .submit{width:143px;height:56px;margin:7px auto 0}
.feedbackinfo{width:267px;height:203px;margin-top:-102px;margin-left:-133px}
.feedbackwd{width:201px;height:69px;margin:37px auto 0}
.confirmbtn{width:142px;height:49px;margin:20px auto 0}
.shareimg{width:144px;height:149px}
.rulebox{width:254px;height:417px;margin-top:-209px;margin-left:-124px}
.rulebox{width:267px;height:430px;margin-top:-215px;margin-left:-133px}
.ruleinfo{width:205px;height:272px;margin:43px auto 31px}
.rulebox .closebtn{width:147px;height:56px}
.myprizeinfo{width:267px;height:404px;margin-left:-133px;margin-top:-202px}
.myprizeinfo .title{width:160px;height:37px;margin:40px auto 0}
.myprizeinfo .myprizeimg{width:249px;height:204px;margin:20px auto 0}
.myprizeinfo .myprizewd{width:133px;height:28px;margin:21px auto 0}
.myprizeinfo .wintimebox{margin:9px auto 0;font-size:10px}
.myprizeinfo .closebtn{width:45px;height:39px}
.bookcover{width:128px;height:192px;margin-left:-64px}
.booksec{width:293px;height:104px;margin-left:-150px}
.bookbox .nextbtn{width:147px;height:57px;margin-left:-74px}
.mod-orient-layer__content{margin-top:-64px}
.mod-orient-layer__icon-orient{width:57px;height:93px;-webkit-background-size:57px;background-size:57px}
.mod-orient-layer__desc{margin-top:17px;font-size:13px}
}@media screen and (min-width:414px) and (max-width:768px){.right div{width:70px;height:63px;top:47px}
.wrong div{width:59px;height:58px}
.logo{width:175px;height:82px;margin-top:-41px}
.copy{width:131px;height:54px;margin-top:-27px}
.rulebtn{width:126px;height:120px}
.copywd{width:195px;height:165px}
.woman{width:348px;height:430px}
.myprizebtn{width:37px;height:113px}
.start{width:190px;height:72px;margin-left:-95px}
.questitle{width:206px;height:25px}
.voicebox{width:263px;height:44px}
.answer{width:366px}
.inner2 .answer1{height:126px}
.inner2 .answer2{height:129px}
.inner2 .answer3{height:126px}
.inner3 .answer1{height:123px}
.inner3 .answer2{height:130px}
.inner3 .answer3{height:111px}
.inner4 .answer1{height:127px}
.inner4 .answer2{height:130px}
.inner4 .answer3{height:117px}
.inner5 .answer1{height:128px}
.inner5 .answer2{height:130px}
.inner5 .answer3{height:127px}
.inner6 .answer1{height:127px}
.inner6 .answer2{height:130px}
.inner6 .answer3{height:126px}
.result{width:361px;height:360px;margin-left:-180px}
.num{width:22px;height:44px;margin-left:223px}
.markts1 .num{width:92px;height:44px;line-height:44px;margin-top:4px;margin-left:160px;font-size:28px}
.share{width:162px;height:55px}
.donate{width:162px;height:55px}
.again{width:162px;height:55px;margin-left:-81px}
.copyright{width:73px;height:9px;margin-left:-37px}
.userinfo{width:345px;height:422px;margin-top:-211px;margin-left:-173px}
.userinfo .title{width:259px;height:73px;margin:39px auto 0}
.userinfo .input{width:237px;height:56px}
.userinfo .input1{margin:26px auto 0}
.userinfo .input2{margin:9px auto 0}
.userinfo input{width:154px;height:25px;line-height:25px;padding-left:62px;padding-top:10px;padding-bottom:11px;font-size:18px}
.userinfo .zinfo{width:154px;height:18px;padding-left:77px;margin-top:2px;font-size:13px}
.userinfo .submit{width:185px;height:72px;margin:9px auto 0}
.feedbackinfo{width:345px;height:263px;margin-top:-131px;margin-left:-173px}
.feedbackwd{width:261px;height:90px;margin:47px auto 0}
.confirmbtn{width:184px;height:64px;margin:25px auto 0}
.shareimg{width:186px;height:193px}
.rulebox{width:345px;height:557px;margin-top:-278px;margin-left:-173px}
.ruleinfo{width:266px;height:353px;margin:55px auto 41px}
.rulebox .closebtn{width:190px;height:72px}
.myprizeinfo{width:345px;height:523px;margin-left:-173px;margin-top:-262px}
.myprizeinfo .title{width:207px;height:47px;margin:52px auto 0}
.myprizeinfo .myprizeimg{width:322px;height:265px;margin:26px auto 0}
.myprizeinfo .myprizewd{width:172px;height:36px;margin:27px auto 0}
.myprizeinfo .wintimebox{margin:11px auto 0;font-size:13px}
.myprizeinfo .closebtn{width:58px;height:50px}
.bookcover{width:166px;height:249px;margin-left:-83px}
.booksec{width:380px;height:135px;margin-left:-194px}
.bookbox .nextbtn{width:190px;height:73px;margin-left:-95px}
.mod-orient-layer__content{margin-top:-83px}
.mod-orient-layer__icon-orient{width:74px;height:120px;-webkit-background-size:74px;background-size:74px}
.mod-orient-layer__desc{margin-top:22px;font-size:17px}
}@media screen and (min-width:768px){.right div{width:96px;height:86px;top:65px}
.wrong div{width:81px;height:80px}
.logo{width:239px;height:112px;margin-top:-56px}
.copy{width:179px;height:74px;margin-top:-37px}
.rulebtn{width:172px;height:164px}
.copywd{width:266px;height:225px}
.woman{width:475px;height:586px}
.myprizebtn{width:51px;height:154px}
.start{width:260px;height:98px;margin-left:-130px}
.questitle{width:281px;height:34px;left:19.2%}
.voicebox{width:359px;height:60px;left:19.5%}
.answer{width:500px;left:18%}
.inner2 .answer1{height:172px}
.inner2 .answer2{height:176px}
.inner2 .answer3{height:172px}
.inner3 .answer1{height:168px}
.inner3 .answer2{height:177px}
.inner3 .answer3{height:152px}
.inner4 .answer1{height:173px}
.inner4 .answer2{height:178px}
.inner4 .answer3{height:159px}
.inner5 .answer1{height:174px}
.inner5 .answer2{height:177px}
.inner5 .answer3{height:173px}
.inner6 .answer1{height:173px}
.inner6 .answer2{height:177px}
.inner6 .answer3{height:172px}
.result{width:492px;height:491px;margin-left:-246px}
.num{width:30px;height:60px;margin-left:305px}
.markts1 .num{width:126px;height:60px;line-height:60px;margin-top:6px;margin-left:218px;font-size:38px}
.share{width:221px;height:75px;left:10%}
.donate{width:221px;height:75px;right:8%}
.again{width:221px;height:75px;margin-left:-110px}
.copyright{width:100px;height:13px;margin-left:-50px}
.userinfo{width:471px;height:576px;margin-top:-288px;margin-left:-236px}
.userinfo .title{width:353px;height:100px;margin:53px auto 0}
.userinfo .input{width:323px;height:77px}
.userinfo .input1{margin:35px auto 0}
.userinfo .input2{margin:12px auto 0}
.userinfo input{width:210px;height:35px;line-height:35px;padding-left:84px;padding-top:14px;padding-bottom:15px;font-size:24px}
.userinfo .zinfo{width:210px;height:24px;padding-left:105px;margin-top:3px;font-size:18px}
.userinfo .submit{width:252px;height:98px;margin:12px auto 0}
.feedbackinfo{width:471px;height:359px;margin-top:-179px;margin-left:-236px}
.feedbackwd{width:356px;height:122px;margin:65px auto 0}
.confirmbtn{width:251px;height:87px;margin:35px auto 0}
.shareimg{width:254px;height:263px}
.rulebox{width:471px;height:759px;margin-top:-380px;margin-left:-236px}
.ruleinfo{width:362px;height:481px;margin:75px auto 56px}
.rulebox .closebtn{width:260px;height:98px}
.myprizeinfo{width:471px;height:713px;margin-left:-236px;margin-top:-357px}
.myprizeinfo .title{width:283px;height:65px;margin:71px auto 0}
.myprizeinfo .myprizeimg{width:440px;height:361px;margin:35px auto 0}
.myprizeinfo .myprizewd{width:234px;height:50px;margin:37px auto 0}
.myprizeinfo .wintimebox{margin:15px auto 0;font-size:18px}
.myprizeinfo .closebtn{width:79px;height:68px}
.bookcover{width:227px;height:339px;margin-left:-113px}
.booksec{width:518px;height:184px;margin-left:-264px}
.bookbox .nextbtn{width:260px;height:100px;margin-left:-130px}
.mod-orient-layer__content{margin-top:-113px}
.mod-orient-layer__icon-orient{width:101px;height:164px;-webkit-background-size:101px;background-size:101px}
.mod-orient-layer__desc{margin-top:30px;font-size:23px}
}@-webkit-keyframes bounceInLeft{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);animation-timing-function:cubic-bezier(0.215,0.61,0.355,1)}
0%{opacity:0;-webkit-transform:translate3d(-300px,0,0);transform:translate3d(-300px,0,0)}
60%{opacity:1;-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}
75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}
90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}
to{-webkit-transform:none;transform:none}
}@keyframes bounceInLeft{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);animation-timing-function:cubic-bezier(0.215,0.61,0.355,1)}
0%{opacity:0;-webkit-transform:translate3d(-300px,0,0);transform:translate3d(-300px,0,0)}
60%{opacity:1;-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}
75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}
90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}
to{-webkit-transform:none;transform:none}
}.active .bounceInLeft{-webkit-animation:bounceInLeft 1s both;animation:bounceInLeft 1s both}
@-webkit-keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}@keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}.active .fadeInRight{-webkit-animation:fadeInRight 0.6s both;animation:fadeInRight 0.6s both}
@-webkit-keyframes flipInX{from{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}
40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}
80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}
to{-webkit-transform:perspective(400px);transform:perspective(400px)}
}@keyframes flipInX{from{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}
40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}
80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}
to{-webkit-transform:perspective(400px);transform:perspective(400px)}
}.active .flipInX{-webkit-backface-visibility:visible !important;backface-visibility:visible !important;-webkit-animation:flipInX 1s 0.5s both;animation:flipInX 1s 0.5s both}
.active .flipInX1{-webkit-backface-visibility:visible !important;backface-visibility:visible !important;-webkit-animation:flipInX 1s 0.5s both;animation:flipInX 1s 0.5s both}
.active .flipInX2{-webkit-backface-visibility:visible !important;backface-visibility:visible !important;-webkit-animation:flipInX 1s 1s both;animation:flipInX 1s 1s both}
.active .flipInX3{-webkit-backface-visibility:visible !important;backface-visibility:visible !important;-webkit-animation:flipInX 1s 1.5s both;animation:flipInX 1s 1.5s both}
@-webkit-keyframes pulse{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}
to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}@keyframes pulse{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}
to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}.active .pulse{-webkit-animation:pulse 1s 1.5s infinite;animation:pulse 1s 1.5s infinite}
.active .rulepulse{-webkit-animation:pulse 1.0s 0.7s infinite;animation:pulse 1.0s 0.7s infinite}
@-webkit-keyframes flipInY{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}
40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}
80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}
to{-webkit-transform:perspective(400px);transform:perspective(400px)}
}@keyframes flipInY{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}
40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}
80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}
to{-webkit-transform:perspective(400px);transform:perspective(400px)}
}.active .flipInY{-webkit-backface-visibility:visible !important;backface-visibility:visible !important;-webkit-animation:flipInY 1s 0.5s both;animation:flipInY 1s 0.5s both}
.active .flipInY1{-webkit-backface-visibility:visible !important;backface-visibility:visible !important;-webkit-animation:flipInY 1s 0.5s both;animation:flipInY 1s 0.5s both}
.active .flipInY2{-webkit-backface-visibility:visible !important;backface-visibility:visible !important;-webkit-animation:flipInY 1s 1s both;animation:flipInY 1s 1s both}
.active .flipInY3{-webkit-backface-visibility:visible !important;backface-visibility:visible !important;-webkit-animation:flipInY 1s 1.5s both;animation:flipInY 1s 1.5s both}
@-webkit-keyframes rtpulse{0{-webkit-transform:scale3d(0,0,0);transform:scale3d(0,0,0)}
100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}@keyframes rtpulse{0%{-webkit-transform:scale3d(0,0,0);transform:scale3d(0,0,0)}
100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}.active .rtpulse{-webkit-animation:rtpulse 0.6s 0.4s both;animation:rtpulse 0.6s 0.4s both}
@-webkit-keyframes fadeInLeftBig{from{opacity:0;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}@keyframes fadeInLeftBig{from{opacity:0;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}.active .fadeInLeftBig{-webkit-animation:fadeInLeftBig 1s 1.0s both;animation:fadeInLeftBig 1s 1.0s both}
@-webkit-keyframes fadeInRightBig{from{opacity:0;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}@keyframes fadeInRightBig{from{opacity:0;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}.active .fadeInRightBig{-webkit-animation:fadeInRightBig 1s 1.0s both;animation:fadeInRightBig 1s 1.0s both}
@-webkit-keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}@keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}.active .fadeInUp{-webkit-animation:fadeInUp 1s 1.5s both;animation:fadeInUp 1s 1.5s both}