#wrap{display:block;min-width:320px;margin:0 auto;max-width:640px;width:100%;min-height:100%;background:url(../../../image/mobile/microsite/template46/bg.jpg) repeat-y top center;background-size:100%;overflow:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;position:relative;}.telnav{display:block;width:100%;position:relative;margin-top:60%;}.telbtn{display:block;height:60px;margin-bottom:1px;font-size:1.4em;background:url(../../../image/mobile/microsite/template46/arrow.png) no-repeat 95% 50% rgba(17,25,46,0.7);background-size:8px;overflow:hidden;}.pic_w{float:left;display:block;padding:10px 0 10px 5%;overflow:hidden;}.pic{float:left;display:block;width:100%;overflow:hidden;}.pic img{display:block;width:40px;height:40px;overflow:hidden;}.t_content{float:left;display:block;width:65%;height:20px;padding:10px 2% 10px 4%;overflow:hidden;}.t_t1{display:block;width:100%;height:40px;line-height:40px;color:#fff;font-size:1.1em;padding:0;}footer{display:block;width:100%;height:30px;line-height:30px;background:#000;color:#fff;font-size:1.4em;text-align:center;}.animation1 .telbtn{-webkit-animation:animation1 1s;}@-webkit-keyframes animation1{0%{margin-left:200%;}100%{margin-left:12%;}}.animation2 .telbtn{-webkit-animation:animation2 1s;}@-webkit-keyframes animation2{0%{margin-left:-200%;}100%{margin-left:12%;}}.animation3{opacity:1;-webkit-animation:animation3_1 1s;}.animation3 .telbtn{opacity:1;-webkit-animation:animation3_2 1.8s;}@-webkit-keyframes animation3_1{0%{opacity:0;}100%{opacity:1;}}@-webkit-keyframes animation3_2{0%{opacity:0;}50%{opacity:0;}100%{opacity:1;}}.animation4 .telbtn{-webkit-animation:animation4 .8s;}@-webkit-keyframes animation4{0%{-webkit-transform:rotateY(0deg);}100%{-webkit-transform:rotateY(360deg);}}