.clearfix{*zoom:1}.clearfix:after{clear:both;height:0;overflow:hidden;display:block;visibility:hidden;content:"."}.content{width:750px;height:1464px;position:absolute;top:50%;margin-top:-732px}.content.cur{z-index:50;background-color:#fff}.page{width:100vw;height:100vh;overflow:hidden;position:absolute;left:0;top:0;display:none}.page.cur{display:block;z-index:20}.loading{background-color:#fff}.loading .logo{width:282px;height:45px;background:url(../../static/images/icons2.761fcfe.png) -1100px -800px no-repeat;background-size:auto auto;background-size:initial;position:absolute;left:234px;top:67px}.loading .monkey{width:71px;height:77px;position:absolute;left:39px;top:779px;background:url(../../static/images/icons2.761fcfe.png) -1300px -600px no-repeat;background-size:auto auto;background-size:initial;opacity:0}.loading .monkey.cur{-webkit-animation:monkey .4s forwards;animation:monkey .4s forwards}.loading .monkey_text{width:298px;height:149px;position:absolute;left:38px;top:876px;background:url(../../static/images/icons2.761fcfe.png) -1100px -900px no-repeat;background-size:auto auto;background-size:initial;opacity:0;-webkit-transform:translateY(15px);transform:translateY(15px)}.loading .monkey_text.cur{-webkit-animation:monkey_text .6s forwards;animation:monkey_text .6s forwards}.loading .human{width:129px;height:113px;position:absolute;left:409px;top:309px;background:url(../../static/images/icons2.761fcfe.png) -1400px -620px no-repeat;background-size:auto auto;background-size:initial;opacity:0}.loading .human.cur{-webkit-animation:monkey .4s forwards;animation:monkey .4s forwards}.loading .human_text{width:298px;height:109px;position:absolute;left:409px;top:440px;background:url(../../static/images/icons2.761fcfe.png) -1500px -900px no-repeat;background-size:auto auto;background-size:initial;opacity:0;-webkit-transform:translateY(15px);transform:translateY(15px)}.loading .human_text.cur{-webkit-animation:monkey_text .6s forwards;animation:monkey_text .6s forwards}.loading .line_block{width:1px;height:100vh;position:absolute;left:374px;top:235px;-webkit-transform:translateY(900px);transform:translateY(900px)}.loading .line_block.cur{-webkit-animation:line_block 6s linear forwards;animation:line_block 6s linear forwards}.loading .line_block .line{width:1px;height:100vh;background-color:#1b1b1b}.loading .line_block .percent{width:84px;height:40px;text-align:right;font:700 30px/40px STHeiti,Microsoft Yahei,Hiragino Sans GB,"sans-serif";color:#191919;position:absolute;left:-66px;top:20px;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}@-webkit-keyframes line_block{0%{-webkit-transform:translateY(900px);transform:translateY(900px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes line_block{0%{-webkit-transform:translateY(900px);transform:translateY(900px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}.loading.fadeout{-webkit-animation:loadingout .6s forwards;animation:loadingout .6s forwards}@-webkit-keyframes loadingout{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}to{-webkit-transform:scale(.4);transform:scale(.4);opacity:0}}@keyframes loadingout{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}to{-webkit-transform:scale(.4);transform:scale(.4);opacity:0}}@-webkit-keyframes monkey{0%{opacity:0}to{opacity:1}}@keyframes monkey{0%{opacity:0}to{opacity:1}}@-webkit-keyframes monkey_text{0%{opacity:0;-webkit-transform:translateY(15px);transform:translateY(15px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes monkey_text{0%{opacity:0;-webkit-transform:translateY(15px);transform:translateY(15px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.h1448 .loading .logo{top:90px}.h1448 .loading .monkey{top:992px}.h1448 .loading .monkey_text{top:1089px}.h1448 .loading .human{top:295px}.h1448 .loading .human_text{top:426px}.h1448 .loading .line_block{top:252px;-webkit-transform:translateY(1100px);transform:translateY(1100px)}.h1448 .loading .line_block.cur{-webkit-animation:line_blcok_1448 6s linear forwards;animation:line_blcok_1448 6s linear forwards}@-webkit-keyframes line_blcok_1448{0%{-webkit-transform:translateY(1100px);transform:translateY(1100px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes line_blcok_1448{0%{-webkit-transform:translateY(1100px);transform:translateY(1100px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}.music_btn{width:94px;height:97px;display:block;position:absolute;right:32px;top:56px;z-index:90;overflow:hidden}.music_btn .music_1{width:33px;height:62px;position:absolute;left:51px;top:10px;background:url(../../static/images/icons2.761fcfe.png) -1700px -600px no-repeat;background-size:auto auto;background-size:initial;overflow:hidden}.music_btn .music_cd{width:70px;height:70px;background:url(../../static/images/icons2.761fcfe.png) -1800px -600px no-repeat;background-size:auto auto;background-size:initial;position:absolute;left:10px;top:17px;overflow:hidden;-webkit-animation:none;animation:none}.music_btn.on .music_cd{-webkit-animation:music_cd 3s linear infinite;animation:music_cd 3s linear infinite}@-webkit-keyframes music_cd{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes music_cd{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.result{background-color:#fff}.result .result_box{width:714px;height:1063px;position:absolute;left:18px;top:50%;margin-top:-532px;background-color:#a98d51}.result .res_head{padding:36px 26px 20px}.result .headimgurl{width:108px;height:108px;background:url(../../static/images/icons2.761fcfe.png) 0 -1700px no-repeat;background-size:auto auto;background-size:initial;float:left;margin-right:20px}.result .headimgurl img{display:block;width:99px;height:99px;border:3px solid rgba(68,68,68,.5)}.result .res_head_r{float:left}.result .res_head_r p{font:700 56px/66px STHeiti,Microsoft Yahei,Hiragino Sans GB,"sans-serif";color:#fff}.result .res_head_r p em{font-style:normal;color:#161616}.result .username{height:32px;font:700 32px/32px STHeiti,Microsoft Yahei,Hiragino Sans GB,"sans-serif";color:#333;margin-bottom:10px}.result .res_bg{margin:0 9px;background-color:#fff}.result .res_con{padding:25px 0 0 16px}.result .res_con .res_con_head{width:328px;height:168px;float:left;margin-bottom:10px;margin-right:9px;padding-top:9px;overflow:hidden}.result .res_con .res_con_head p{font:700 48px/48px STHeiti,Microsoft Yahei,Hiragino Sans GB,"sans-serif";color:#2e2e2e;margin-bottom:6px}.result .res_con .res_con_head .head_num{font:700 56px/56px STHeiti,Microsoft Yahei,Hiragino Sans GB,"sans-serif";color:#2e2e2e;margin-bottom:12px}.result .res_con .res_con_head .num_progress{width:250px;height:26px;position:relative;overflow:hidden}.result .res_con .res_con_head .num_progress:before{content:"";display:block;width:250px;height:26px;border:2px solid #a98d51;background:#fff;position:absolute;left:0;top:0}.result .res_con .res_con_head .num_progress span{display:block;width:50%;height:26px;background-color:#a98d51;position:absolute;left:0;top:0}.result .res_con .item{float:left;overflow:hidden;margin-bottom:9px;margin-right:9px;position:relative}.result .res_con .item,.result .res_con .item img{width:160px;height:170px}.result .res_con .item p{font:23px/24px STHeiti,Microsoft Yahei,Hiragino Sans GB,"sans-serif";color:#444;width:160px;height:30px;text-align:center;position:absolute;left:0;top:145px}.result .res_foot{height:55px;padding:7px 26px 0 16px;color:#989898;font:24px/32px STHeiti,Microsoft Yahei,Hiragino Sans GB,"sans-serif";text-align:right}.result .res_foot img{float:left}.h1448 .result.preserv,.result.preserve{width:750px;height:1267px;position:absolute;left:0;top:0;display:none}.h1448 .result.preserv.cur,.result.preserve.cur{display:block;z-index:0}.h1448 .result .result_box,.result.preserve .result_box{height:1230px;margin-top:-615px}.h1448 .result .res_head,.result.preserve .res_head{padding:68px 26px 44px}.h1448 .result .res_con,.result.preserve .res_con{padding-top:35px}.h1448 .result .res_con:nth-child(2),.result.preserve .res_con:nth-child(2){padding-top:65px}.h1448 .result .res_foot,.result.preserve .res_foot{height:118px;padding-top:63px}.result.color1 .result_box{background:#a0b9c3}.result.color1 .res_con .res_con_head .num_progress:before{border-color:#a0b9c3}.result.color1 .res_con .res_con_head .num_progress span{background:#a0b9c3}.result.color2 .result_box{background:#8191b5}.result.color2 .res_con .res_con_head .num_progress:before{border-color:#8191b5}.result.color2 .res_con .res_con_head .num_progress span{background:#8191b5}.result.color3 .result_box{background:#c9a0ba}.result.color3 .res_con .res_con_head .num_progress:before{border-color:#c9a0ba}.result.color3 .res_con .res_con_head .num_progress span{background:#c9a0ba}.result.color4 .result_box{background:#9eb794}.result.color4 .res_con .res_con_head .num_progress:before{border-color:#9eb794}.result.color4 .res_con .res_con_head .num_progress span{background:#9eb794}.result.color5 .result_box{background:#cc9684}.result.color5 .res_con .res_con_head .num_progress:before{border-color:#cc9684}.result.color5 .res_con .res_con_head .num_progress span{background:#cc9684}.result.color6 .result_box{background:#a88c50}.result.color6 .res_con .res_con_head .num_progress:before{border-color:#a88c50}.result.color6 .res_con .res_con_head .num_progress span{background:#a88c50}#result-canvas-img{display:none;width:750px;height:1267px;position:absolute;left:0;bottom:0;z-index:999;opacity:0}.h1120 .content{margin-top:-700px}blockquote,body,dd,dl,dt,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,html,iframe,legend,li,ol,p,pre,textarea,ul{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}ul{list-style:none}button,input,select,textarea{margin:0}html{-webkit-box-sizing:border-box;box-sizing:border-box}*,:after,:before{-webkit-box-sizing:inherit;box-sizing:inherit}img,video{height:auto;max-width:100%}iframe{border:0}table{border-collapse:collapse;border-spacing:0}td,th{padding:0;text-align:left}body,html{width:100%;height:100%;overflow:hidden}body{position:relative;font:28px/1.2 Heiti SC,Helvetica Neue,Helvetica,sans-serif;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch;-webkit-text-size-adjust:100%;-webkit-user-select:none}.common-container{position:absolute;left:0;top:0;width:750px;height:100%}