.ui-full,.ui-page,.ui-scroll,.wrapper,body,html{width:100%;height:100%}.ui-page{display:none}.ui-scroll{max-width:640px;overflow:hidden;margin:0 auto;position:relative}.ui-bd,.ui-hd{width:100%;position:absolute}.ui-hd{top:0}.ui-bd{top:0;bottom:0}.ui-ft{text-align:center;bottom:10px}.ui-ft,.ui-wechat{width:100%;position:absolute}.ui-wechat{height:100%;background-color:#000;opacity:.8;z-index:9999;top:0;left:0;text-align:right;display:none}.ui-wechat img{width:50%}body{background:url(../images/idiom/background.png) bottom no-repeat;background-size:cover;color:#3a3a3a}@-webkit-keyframes amRedirectGateClose{0%{width:1000px;height:1000px;margin-left:-1500px;margin-top:-1500px}to{width:0;height:0;margin-left:-1000px;margin-top:-1000px}}@keyframes amRedirectGateClose{0%{width:1000px;height:1000px;margin-left:-1500px;margin-top:-1500px}to{width:0;height:0;margin-left:-1000px;margin-top:-1000px}}@-webkit-keyframes amRedirectGateOpen{0%{width:0;height:0;margin-left:-1000px;margin-top:-1000px}to{width:1000px;height:1000px;margin-left:-1500px;margin-top:-1500px}}@keyframes amRedirectGateOpen{0%{width:0;height:0;margin-left:-1000px;margin-top:-1000px}to{width:1000px;height:1000px;margin-left:-1500px;margin-top:-1500px}}#redirect{position:absolute;width:100%;height:100%;z-index:9999;left:0;top:0;display:none}#redirect .ui-redirect-gate{position:absolute;border:1000px solid #c01a1f;border-radius:50%;left:50%;top:50%;box-sizing:content-box;width:1000px;height:1000px;margin-left:-1500px;margin-top:-1500px}#redirect .redirect-animation-close{-webkit-animation:amRedirectGateClose 1s linear;animation:amRedirectGateClose 1s linear}#redirect .redirect-animation-open{-webkit-animation:amRedirectGateOpen .2s linear;animation:amRedirectGateOpen .2s linear}@-webkit-keyframes amWriting{0%,to{left:43px;bottom:48px}10%{left:60px;bottom:30px}15%{left:63px;bottom:24px}20%{left:58px;bottom:12px}25%{left:56px;bottom:9px}30%{left:41px;bottom:5px}45%{left:23px;bottom:7px}60%{left:18px;bottom:25px}90%{left:28px;bottom:44px}}@keyframes amWriting{0%,to{left:43px;bottom:48px}10%{left:60px;bottom:30px}15%{left:63px;bottom:24px}20%{left:58px;bottom:12px}25%{left:56px;bottom:9px}30%{left:41px;bottom:5px}45%{left:23px;bottom:7px}60%{left:18px;bottom:25px}90%{left:28px;bottom:44px}}#loadingPage{background:url(../images/idiom/loading-background.png) bottom no-repeat;background-size:cover}.ui-loading{padding-top:20%}.ui-loading .ui-loading-progress{position:relative;width:150px;margin:0 auto 15px}.ui-loading .ui-loading-progress img{width:100%}.ui-loading-percent{color:#c01920;font-size:16px;font-weight:700}.ui-bottom-logo{width:70%;margin:0 auto 10%}.ui-bottom-logo img{width:100%}@-webkit-keyframes amBgHighlight{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(15deg);transform:rotate(15deg)}}@keyframes amBgHighlight{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(15deg);transform:rotate(15deg)}}#homePage{background:url(../images/idiom/home-background.png) bottom no-repeat;background-size:cover}#homePage .ui-bd-container{position:absolute;width:100%;height:80%}#homePage .ui-bd-bg{position:absolute;width:100%;height:100%}#homePage .ui-bd-highlight{background:url(../images/idiom/home/bg-highlight.png) 50% no-repeat;background-size:90% auto;-webkit-animation:amBgHighlight .2s steps(2) infinite;animation:amBgHighlight .2s steps(2) infinite}#homePage .ui-bd-tam{background:url(../images/idiom/home/bg-tam.png) center 25% no-repeat;background-size:100% auto}#homePage .ui-bd-finger{position:absolute;left:42%;top:20%}#homePage .ui-bd-finger img{width:50%}#homePage .ui-home-title{position:absolute;top:23%;width:100%;background:url(../images/idiom/home/bg-lianghui.png) bottom no-repeat;height:120px;background-size:80% auto}#homePage .ui-home-title img{position:absolute}#homePage .ui-home-title img:first-child{left:5%;bottom:15%;width:30%}#homePage .ui-home-title img:nth-child(2){left:22%;bottom:15%;width:24%}#homePage .ui-home-title img:nth-child(3){left:34%;bottom:20%;width:23%}#homePage .ui-home-title img:nth-child(4){left:43%;bottom:25%;width:30%}#homePage .ui-home-title img:nth-child(5){width:17%;left:65%;bottom:25%}#homePage .ui-home-title img:nth-child(6){left:70%;width:28%;bottom:5%}#homePage .ui-home-people{width:30%;position:absolute;left:30%;top:45%}#homePage .ui-home-people img{width:100%}#homePage .ui-home-play{position:absolute;bottom:15%;text-align:center;width:100%}#homePage .ui-home-play .ui-btn-play{display:inline-block;width:192px;height:60px;background:url(../images/idiom/home/btn-play.png) 0 0 no-repeat;background-size:100% auto}@-webkit-keyframes amWelcomeGame{0%,to{opacity:.8}50%{opacity:.1}}@keyframes amWelcomeGame{0%,to{opacity:.8}50%{opacity:.1}}.ui-idiom-welcome{position:absolute;width:100%;bottom:540px}.idiom-welcome-game,.idiom-welcome-lkq,.idiom-welcome-play{position:absolute}.idiom-welcome-lkq{text-align:center;width:100%}.idiom-welcome-lkq img{width:200px}.idiom-welcome-game{margin-left:-140px;left:50%;top:40px}.idiom-welcome-game,.idiom-welcome-game .idiom-welcome-game-mask{background:url(../images/zanxida.png) no-repeat;background-size:280px 397px;width:280px;height:187px}.idiom-welcome-game .idiom-welcome-game-mask{background-position:left -199px;-webkit-animation:amWelcomeGame .2s steps(2) infinite;animation:amWelcomeGame .2s steps(2) infinite}.idiom-welcome-play{text-align:center;width:100%;top:300px}.idiom-welcome-play .btn-idom-play{width:160px}.idiom-game-image{width:70%;min-width:224px;min-height:224px;margin:0 auto;padding-top:4%}.idiom-game-image .idiom-game-image-inner{padding:20px 23px 28px 25px;background:url(../images/idiom/game-image-inner.png) bottom no-repeat;background-size:cover}.idiom-game-image img{width:100%;padding:10px;background-color:#fff}.idiom-game-input{color:#333;font-size:24px;text-align:center;margin-top:-20%}.idiom-game-answer{position:relative;top:60px;width:240px;left:50%;margin-left:-120px;color:#ffe38f}.idiom-game-answer .idiom-game-form{display:-webkit-box;display:-ms-flexbox;display:flex}.idiom-game-answer .idiom-game-form dd{width:60px;height:60px;background-color:#c01a1f;-webkit-box-flex:1;-ms-flex:1;flex:1;margin-left:-1px;border-left:.1px solid #de847f;line-height:60px}.idiom-game-answer .idiom-game-form dd:first-child{border-left:none;border-top-left-radius:5px;border-bottom-left-radius:5px}.idiom-game-answer .idiom-game-form dd:last-child{border-top-right-radius:5px;border-bottom-right-radius:5px}.idiom-game-answer .idiom-game-answer-tip{font-size:24px;position:absolute;right:-12px;top:-12px;z-index:10}.idiom-game-answer .idiom-game-answer-tip .glyphicon{display:none;border:2px solid #fff;border-radius:50%;background-color:#fff}.idiom-game-answer.fail{color:#a3dcfa}.idiom-game-answer.fail .idiom-game-answer-tip .glyphicon-remove-sign{color:#d74646;display:inline-block}.idiom-game-answer.success{color:#ffe38f}.idiom-game-answer.success .idiom-game-answer-tip .glyphicon-ok-sign{color:#19fb28;display:inline-block}.idiom-game-control{position:relative;top:60px;left:50%;width:240px;margin-left:-120px}.idiom-game-control .idiom-game-words dd{float:left;width:44px;height:44px;margin:0 5px 5px 0;border-radius:3px;line-height:43px;color:#dc4f53;border:2px solid #dc4f53}.idiom-game-control .idiom-game-words dd:nth-child(5n){margin-right:0}.idiom-game-control .idiom-game-words dd.selected{background-color:#dc4f53;color:#fff}@-webkit-keyframes amGameTip{0%,to{opacity:.8}50%{opacity:.1}}@keyframes amGameTip{0%,to{opacity:.8}50%{opacity:.1}}.ui-game-tip{-webkit-animation:amGameTip 2s linear infinite;animation:amGameTip 2s linear infinite}#answerPage{background:url(../images/idiom/answer-background.png) top no-repeat;background-size:100% auto}#answerPage .ui-scroll-inner{display:none}#answerPage .ui-hd{padding-top:5%;height:8.5%}#answerPage .ui-hd img{height:100%}#answerPage .ui-bd{top:11%}#answerPage .ui-bd .container{padding-left:5px;padding-right:5px}#answerPage .ui-bd .ui-answer-desc{color:#7b1712}#answerPage .ui-bd .ui-answer-desc p{margin-bottom:5px}#answerPage .ui-bd .ui-answer-desc b{color:#ff0c00;font-size:1.12em}#answerPage .ui-bd .ui-answer-desc img{width:100%}#answerPage .ui-bd .item{position:absolute}#answerPage .ui-ft{bottom:20px}#answerPage .ui-ft .ui-btn{display:inline-block}#answerPage .ui-ft .ui-btn img{width:100%}#answerPage .ui-ft .ui-btn-like,#answerPage .ui-ft .ui-btn-next,#answerPage .ui-ft .ui-btn-score{width:128px;height:41px}#answerPage .ui-ft .ui-btn-next{background:url(../images/idiom/btn-next.png) top no-repeat;background-size:100% auto}#answerPage .ui-ft .ui-btn-like{background:url(../images/idiom/daoshi/btn-like.png) top no-repeat;background-size:100% auto}#answerPage .ui-ft .ui-btn-score{background:url(../images/idiom/daoshi/btn-score.png) top no-repeat;background-size:110% auto;background-position:-5px 0}.ui-answer-title{position:relative;width:160px;margin:0 auto;border:2px solid #ff9;color:#ff9;border-top:none;border-bottom:none;background:url(../images/idiom-background.jpg);padding:5px 0}.ui-answer-title h1{margin:0}.ui-daiyan-content{background:url(../images/idiom/daiyan/timeline.png) top no-repeat;background-size:90% auto;position:absolute;top:12%;bottom:0;left:15px;right:15px}.ui-daiyan-content .time{width:30%}.ui-daiyan-content .time-1{top:4.8%;left:2.2%}.ui-daiyan-content .time-2{top:30%;right:2.2%}.ui-daiyan-content .time-3{top:55.5%;left:2.2%}.ui-daiyan-content .photo{width:21%}.ui-daiyan-content .photo-1{top:13%;left:9%}.ui-daiyan-content .photo-2{top:38%;right:9%}.ui-daiyan-content .photo-3{top:63%;left:12%}.ui-daiyan-content .desc{width:60%}.ui-daiyan-content .desc b{color:red}.ui-daiyan-content .desc-1{top:15%;right:0}.ui-daiyan-content .desc-2{top:38%;left:0}.ui-daiyan-content .desc-3{top:65%;right:0}.ui-shigan-content{position:absolute;top:13%;bottom:0;left:15px;right:15px}.ui-shigan-content .center{width:33.33%;left:33.33%;top:25%;border:2px solid red;border-radius:50%}.ui-shigan-content .number{width:10%}.ui-shigan-content .number-4{left:27.5%;top:33%}.ui-shigan-content .number-3{left:45%;top:43.5%}.ui-shigan-content .number-2{left:60.5%;top:33%}.ui-shigan-content .number-1{left:45%;top:22.5%}.ui-shigan-content .desc-4{left:5%;top:30%;width:30%}.ui-shigan-content .desc-3{left:25%;top:55%;width:50%}.ui-shigan-content .desc-2{right:0;top:28%;width:25%}.ui-shigan-content .desc-1{left:25%;top:7%;width:50%}.ui-gongpu-content{background:url(../images/idiom/gongpu/p3_map.png) no-repeat;background-size:90% auto;background-position:center 10%;position:absolute;top:15%;bottom:0;left:15px;right:15px}.ui-gongpu-content .time-line{width:24px;height:80%;background:url(../images/idiom/gongpu/p3_progress.png) no-repeat;background-position:top;background-size:100% auto;left:50%;margin-left:-12px}.ui-gongpu-content img.item{width:45%}.ui-gongpu-content .item-1{top:30px}.ui-gongpu-content .item-2{right:0;top:80px}.ui-gongpu-content .item-3{top:155px}.ui-gongpu-content .item-4{right:0;top:215px}.ui-tuixiao-content{position:absolute;top:13%;bottom:0;left:15px;right:15px}.ui-tuixiao-content .people{width:80%;left:15%;top:13%}.ui-tuixiao-content .doc{width:19.67%;right:10%;top:25%}.ui-tuixiao-content .heart{width:18.67%;left:15%;top:30%}.ui-tuixiao-content .desc-1{width:38.53%;left:3%;top:10%}.ui-tuixiao-content .desc-2{width:42%;right:0;top:8%}.ui-tuixiao-content .desc-3{width:39.7%;left:0;top:43%}.ui-tuixiao-content .desc-4{width:41.7%;right:0;top:43%}.ui-feiren-content{background:url(../images/idiom/feiren/global-map.png) no-repeat;background-size:90% auto;background-position:center 10%;position:absolute;top:13%;bottom:0;left:15px;right:15px}.ui-feiren-content .time-line{width:110px;height:100%;background:url(../images/idiom/feiren/time-line.png) no-repeat;background-position:top;background-size:100% auto;left:50%;margin-left:-55px}.ui-feiren-content .time{width:100px}.ui-feiren-content .time-1,.ui-feiren-content .time-3{right:48.9%}.ui-feiren-content .time-2,.ui-feiren-content .time-4{left:51.2%}.ui-feiren-content .time-1{top:55px}.ui-feiren-content .time-2{top:140px}.ui-feiren-content .time-3{top:195px}.ui-feiren-content .time-4{top:240px}.ui-feiren-content .desc{width:50%}.ui-feiren-content .desc-1,.ui-feiren-content .desc-3{right:50%}.ui-feiren-content .desc-2,.ui-feiren-content .desc-4{left:52%}.ui-feiren-content .desc-1{top:85px}.ui-feiren-content .desc-2{top:160px}.ui-feiren-content .desc-3{top:225px}.ui-feiren-content .desc-4{top:260px}.ui-daoshi-centent{position:absolute;top:13%;bottom:0;left:15px;right:15px}.ui-daoshi-centent .decoration{width:60%;left:20%;top:5%;z-index:15}.ui-daoshi-centent .desc{width:40%}.ui-daoshi-centent .number{width:40px;z-index:20}.ui-daoshi-centent .number-1{left:35%;top:-10px}.ui-daoshi-centent .number-2{left:32%;top:-5px}.ui-daoshi-centent .number-3{left:35%;top:-10px}.ui-daoshi-centent .number-4{left:30%;top:-5px}.ui-daoshi-centent .desc-cont{width:100%}.ui-daoshi-centent .desc-1{left:0;top:3%;z-index:10}.ui-daoshi-centent .desc-2{right:8%;top:7%;z-index:10}.ui-daoshi-centent .desc-3{left:5%;top:40%;z-index:10}.ui-daoshi-centent .desc-4{right:3%;top:44%;z-index:19}.ui-result-score{text-align:center;padding:10% 15px}.ui-result-score img{width:80%}.ui-result-awards img{width:100%}.ui-btn-replay,.ui-btn-share{width:128px;height:41px;display:inline-block}.ui-btn-replay{background:url(../images/idiom/result-btn-replay.png) 0 0 no-repeat;background-size:100% auto}.ui-btn-share{background:url(../images/idiom/result-btn-share.png) 0 0 no-repeat;background-size:110% auto}#share{position:absolute;z-index:9999;background:#000 url(../images/idiom/share-tip.png) right 15px no-repeat;background-size:60% auto;opacity:.8;text-align:right;top:0;left:0;right:0;bottom:0;display:none}@-webkit-keyframes amAudioPlaying{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes amAudioPlaying{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}#audio{width:40px;height:40px;position:absolute;right:0;top:10px;color:#3a3a3a}#audio,#audio.off i.glyphicon-volume-off{display:block}#audio.off i{display:none}#audio i{position:absolute;font-size:20px}#audio i.main{left:10px;top:12px}#audio i.glyphicon-volume-off{font-size:26px;left:8px;top:10px;font-weight:200;display:none}#audio i.sup{font-size:6px;-webkit-animation:amAudioPlaying 1.2s linear infinite;animation:amAudioPlaying 1.2s linear infinite}#audio i.sup1{left:0;top:7px}#audio i.sup2{left:15px;top:0}