@charset "utf-8";
.app-pp{ padding:5% 5% 0 5%;}
.app-pp .wx{ float:left; width:25%;}
.app-pp .wx img{ width:100%; border:1px solid #e0e0e9;}
.app-pp .text{ float:left; width:70%; padding-left:5%}
.app-pp .text .p1{ width:60%; float:left;}
.app-pp .text .p1 img{ width:100%;}
.app-pp .text .p2{ width:100%; float:left; margin-top:8%;}
.app-pp .text .p2 img{ width:100%;}



.an-out{ width:100%; background: url(../img/hpp-common/app-bg08.jpg) 0 0 no-repeat #2490cf; background-size:cover; text-align:center; margin-top: -8px;}
.an-out img{ width:100%;display: block;}
.iphone-a{display:inline-block; width:51%;margin-bottom:2%;}
.iphone-a img{ width:100%;display: block;}

.android-a{display:inline-block; width:51%; margin-bottom:2%;}
.android-a img{ width:100%;display: block;}

.an-out2 img{ width:100%;display: block;}



.pp-container{ padding-top:0px; background:#fff;}