body{background-color:#fff;}
body{-webkit-text-size-adjust: 100%!important;}
ul,li,p,dl,dt,dd,h2,h3,a,input,span,strong,body{margin:0;padding:0;}
a{text-decoration:none;color:#000;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
ul,li{list-style:none;}
img{border:0 none;}
div{margin:0 auto;}
.clearfix:after{font-size:0;display:block;visibility:hidden;clear:both;height:0;content:' ';}
.clearfix{display:inline-table;}
* html .clearfix{height:1%;}
.clearfix{display:block;}
body,html{height:100%;}

.hide{display:none;}
.background{width:100%;height:100%;background:url(/dev/product/temp_space/20160323_mbti/imgs/background.jpg) 50% 50% no-repeat;background-size:100% 100%;}

.main{position:absolute;top:50%;left:50%;width:640px;height:960px;margin:-480px 0 0 -320px;}
.inner{position:relative;overflow:hidden;zoom:1;width:640px;height:960px;}

.logo{position:absolute;top:47px;left:57px;width:94px;height:38px;}

.btn_1{display:block;overflow:hidden;width:308px;height:108px;text-indent:-9999px;background:url(/dev/product/temp_space/20160323_mbti/imgs/btn_1.png) 0 0 no-repeat;}
.btn_2{display:block;overflow:hidden;width:370px;height:101px;text-indent:-9999px;background:url(/dev/product/temp_space/20160323_mbti/imgs/btn_2.png) 0 0 no-repeat;}
.btn_3{display:block;overflow:hidden;width:312px;height:64px;text-indent:-9999px;background:url(/dev/product/temp_space/20160323_mbti/imgs/btn_3.png) 0 0 no-repeat;}
.btn_4{display:block;overflow:hidden;width:372px;height:64px;text-indent:-9999px;background:url(/dev/product/temp_space/20160323_mbti/imgs/btn_4.png) 0 0 no-repeat;}
.btn_5{display:block;overflow:hidden;width:218px;height:75px;text-indent:-9999px;background:url(/dev/product/temp_space/20160323_mbti/imgs/btn_5.png) 0 0 no-repeat;}




.p0_t_1{overflow:hidden;width:604px;height:184px;margin:103px auto 0;animation:fadeInUp 1s .2s ease both;text-indent:-9999px;background:url(/dev/product/temp_space/20160323_mbti/imgs/p0_t1.png) 0 0 no-repeat;}

.p0_t_2{overflow:hidden;width:436px;height:53px;animation:fadeInUp 1s .4s ease both;text-indent:-9999px;background:url(/dev/product/temp_space/20160323_mbti/imgs/p0_t2.png) 0 0 no-repeat;}

.p0_p_1{margin-top:65px;animation:fadeInUp 1s .6s ease both;text-align:center;}
.p0_btn_1{margin-top:-15px;animation:fadeInUp 1s .8s ease both;}
.p0_btn_1 a{position:relative;z-index:2;margin:0 auto;}


.p1_title{font-size:48px;line-height:70px;position:absolute;z-index:1;top:106px;left:50%;width:176px;height:76px;margin-left:-88px;text-align:center;color:#fff;background:url(/dev/product/temp_space/20160323_mbti/imgs/p1_title.png) 0 0 no-repeat;}
.p1_number{position:absolute;top:111px;left:446px;width:109px;height:28px;background:url(/dev/product/temp_space/20160323_mbti/imgs/p1_number.png) 0 0 no-repeat;}
.p1_qa{position:absolute;top:150px;left:50%;width:553px;height:650px;margin-left:-276px;background:url(/dev/product/temp_space/20160323_mbti/imgs/p1_qa.png) 0 0 no-repeat;}


.p1_question{font-size:32px;line-height:50px;line-height:50px;height:405px;padding:83px 60px 0;color:#000;}
.p1_answer{clear:both;overflow:hidden;zoom:1;width:396px;}
.p1_answer a{display:block;overflow:hidden;width:171px;height:92px;text-indent:-9999px;}

.btn_yes{float:left;background:url(/dev/product/temp_space/20160323_mbti/imgs/btn_yes.png) 0 0 no-repeat;}
.btn_no{float:right;background:url(/dev/product/temp_space/20160323_mbti/imgs/btn_no.png) 0 0 no-repeat;}

.p1_bottom{position:absolute;bottom:0;width:100%;height:138px;background:url(/dev/product/temp_space/20160323_mbti/imgs/p1_bottom.png) 50% 0 no-repeat;}

.p2_title{width:252px;height:44px;position:absolute;top:147px;left:129px;background:url(/dev/product/temp_space/20160323_mbti/imgs/p2_t1.png) 0 0 no-repeat;overflow:hidden;text-indent:-9999px;}

.p2_result{width:571px;height:649px;background:url(/dev/product/temp_space/20160323_mbti/imgs/p2_result.png) 0 0 no-repeat;position:absolute;top:65px;left:37px;}

.p2_point{padding-top:192px;width:460px;line-height:90px;height:90px;clear:both;overflow:hidden;font-size:40px;color:#000;}
.p2_point span,.p5_point span{float:right;color:#f41e54;font-size:50px;}
.p2_result_txt,.p2_result_occupation{font-size:24px;line-height:38px;}
.p2_result_txt{background:url(/dev/product/temp_space/20160323_mbti/imgs/p2_line.png) 50% 100% no-repeat;width:464px;padding-bottom:20px;}
.p2_result_occupation{padding-top:20px;width:460px;}
.p2_btn_1{position:absolute;top:771px;width:640px;}
.p2_btn_1 a{margin:0 auto;}
.p2_btn_2{position:absolute;top:753px;width:640px;}
.p2_btn_2 a{margin:0 auto 20px;}

.p4_t1{background:url(/dev/product/temp_space/20160323_mbti/imgs/p4_t1.png) 0 0 no-repeat;width:337px;height:39px;margin-top:130px;overflow:hidden;text-indent:-9999px;}
.p4_t2{background:url(/dev/product/temp_space/20160323_mbti/imgs/p4_t2.png) 0 0 no-repeat;width:437px;height:24px;margin-top:15px;overflow:hidden;text-indent:-9999px;}

.p4_list{margin-top:34px;padding-top:54px;background:url(/dev/product/temp_space/20160323_mbti/imgs/p4_list.png) 50% 0 no-repeat;height:523px;}
.p4_list ul{width:460px;display:block;margin:0 auto;}
.p4_list li{height:80px;line-height:80px;float:left;width:460px;overflow:hidden;border-bottom:2px solid #ccc;}
.p4_list_title_l, .p4_list_title_c, .p4_list_title_r{text-align:center;font-size:30px;overflow:hidden;}

.p4_list_title_l{width:72px;float:left;}
.p4_list_title_c{width:258px;float:left;}
.p4_list_title_c div{float:left;height:80px;}
.p4_img,.p6_img{height:80px;padding-right:10px;}
.p4_img img,.p6_img img{border-radius:50%;width:48px;height:48px;margin-top:16px;}
.p4_list_title_r{width:120px;float:right;}

.p4_list li:nth-child(-n+4) .p4_list_title_l{color:#f51e55;}
.p4_list li:nth-child(1) {height:54px;line-height:54px;}
.p4_list li:nth-child(1) .p4_list_title_l{color:#000;}
.p4_list li:nth-child(1),.p4_list li:last-child{border:0 none;}

.list_sc{height:455px;width:480px;overflow-y:auto;overflow-x:hidden;}
.list_sc ul{clear:both;overflow:hidden;zoom:1;-webkit-overflow-scrolling: touch;}

.p4_btn{margin-top:12px;}
.p4_btn a{margin:0 auto;}

.p5_result{width:571px;height:649px;background:url(/dev/product/temp_space/20160323_mbti/imgs/p2_result.png) 0 0 no-repeat;position:absolute;top:65px;left:37px;}

.p5_point{width:460px;line-height:90px;height:90px;clear:both;overflow:hidden;font-size:40px;color:#000;}

.p5_user{padding-top:192px;height:48px;width:460px;line-height:48px;}
.p5_user div{height:48px;float:left;}
.p5_user_img img{border-radius:50%;width:48px;height:48px;}
.p5_user_name{font-size:30px;padding-left:6px;}



.p6_top{font-size:30px;height:80px;line-height:80px;text-align:center;padding-top:105px;}
.p6_top div{display:inline-block;vertical-align:middle;height:80px;}
.p6_t1{width:80px;padding-left:338px;background:url(/dev/product/temp_space/20160323_mbti/imgs/p6_t1.png) 0 0 no-repeat;font-size:40px;color:#f51e55;padding-top:40px;}
.p6_p1{background:url(/dev/product/temp_space/20160323_mbti/imgs/p6_p1.png) 0 0 no-repeat;width:571px;height:419px;overflow:hidden;text-indent:-9999px;margin-top:30px;}
.p6_btn_1{margin-top:43px;}
.p6_btn_1 a{margin:0 auto;}




.btn_1:hover,.btn_2:hover,.btn_3:hover,.btn_4:hover,.btn_5:hover,.btn_yes:hover,.btn_no:hover{background-position:0 100%;}



.share_bg{background:url(/dev/product/temp_space/20160323_mbti/imgs/share.png) 100% 0 no-repeat rgba(0,0,0,0.7);width:100%;height:100%;position:absolute;top:0;left:0;}

.error{width:531px;height:439px;background:url(/dev/product/temp_space/20160323_mbti/imgs/error.png) 0 0 no-repeat;margin-top:130px;}

.qr_ode{background:url(/dev/product/temp_space/20160323_mbti/imgs/qr_ode.jpg) 50% 50% no-repeat;width:100%;height:100%;overflow:hidden;text-indent:-9999px;}



@keyframes fadeInUp{0%{transform:translateY(20px);transform:translateY(20px);opacity:0;}
    100%{transform:translateY(0);transform:translateY(0);opacity:1;}}