*{margin:0;padding:0;box-sizing:border-box;}
html{margin:0;padding:0;height:100%;}
header, footer, aside, nav, section,article,time,figure,label{display:block;}
h1,h2,h3,h4,h5{font-weight:normal;}
ul,ol{list-style:none;}
a{outline:none;text-decoration:none;transition:0.5s;}
a img{border:0;}
img{display:block;}
fieldset{border:0;}
.clear{margin:0;padding:0;height:0;clear:both;}
body{margin:0;padding:0;height:100%;background:#f0f0f0;font-size:12px;color:#555;font-family:sans-serif;-webkit-text-size-adjust:100%;}
.wrap{margin:0 auto;width:100%;max-width:750px;background:#fff;}

@media screen and (max-width:999px){
}

/*Header
------------------------------------------------------------*/
#top{width:100%;height:340px;overflow:hidden;background:url(../images/bg_top.jpg) no-repeat center top #000;background-size:750px 340px;}
#top h1{padding:340px 0 0 0;}

/*Contents
------------------------------------------------------------*/
.contents{padding:0 20px;}

.app_head{padding:20px;display:flex;flex-wrap:wrap;position:relative;box-shadow:0 1px 0 rgba(0,0,0,0.1);background:url(../images/icon_wish_apphead.png) no-repeat right 20px top 20px;background-size:12px 16px;}
.app_head figure{padding:0 10px 0 0;order:1;flex-shrink:0;flex-grow:0;}
.app_head figure img{width:60px;display:block;}
.app_head header{order:2;flex-shrink:0;flex-grow:1;}
.app_head header h1{font-size:18px;line-height:20px;}
.app_head header p{font-size:12px;line-height:20px;}
.app_head header span{width:30px;line-height:18px;font-size:11px;font-family:impact,sans-serif;text-align:center;border:1px solid #666;display:block;}
.app_head nav{width:100%;order:3;flex-grow:0;flex-shrink:0;}
.app_head a{margin:0 0 0 auto;width:100px;height:30px;line-height:30px;text-align:center;color:#fff;background:#ff61a3;display:block;border-radius:4px;}

.app_contents{padding:20px;}
.app_contents ul{display:flex;}
.app_contents ul li{flex-basis:25%;text-align:center;}
.app_contents ul li figure{margin:0 auto;width:60px;height:60px;background-image:url(../images/icon_appcontents.png);background-repeat:no-repeat;background-size:60px 240px;overflow:hidden;}
.app_contents ul li figure span{font-family:arial,sans-serif;display:block;}
.app_contents ul li:nth-of-type(1) figure{background-position:0 0;}
.app_contents ul li:nth-of-type(1) figure span{line-height:60px;font-size:24px;}
.app_contents ul li:nth-of-type(2) figure{background-position:0 -60px;}
.app_contents ul li:nth-of-type(2) figure span{line-height:54px;font-size:24px;color:#fff;}
.app_contents ul li:nth-of-type(2) p span{padding:0 12px;background:url(../images/review_s.png) no-repeat right;background-size:9px;}
.app_contents ul li:nth-of-type(3) figure{background-position:0 -120px;}
.app_contents ul li:nth-of-type(3) figure span{padding:60px 0 0 0;}
.app_contents ul li:nth-of-type(4) figure{background-position:0 -180px;}
.app_contents ul li:nth-of-type(4) figure span{padding:60px 0 0 0;}

.app_contents ul li p{padding:5px 0 10px 0;font-size:11px;line-height:12px;}
.app_desc{padding:0 0 20px 0;font-size:14px;line-height:18px;background:#fff;text-align:center;box-shadow:0 1px 0 rgba(0,0,0,0.1);}

.screen_shot{padding:0 5px 20px 5px;display:flex;overflow:auto;-webkit-overflow-scrolling:touch;justify-content:space-between;}
.screen_shot figure{padding:0 5px;}
.screen_shot figure img{width:160px;height:auto;}

.howto{padding:10px;background:#fff2f5;}
.howto header h1{padding:0 0 10px 0;font-size:20px;color:#333;text-align:center;font-weight:bold;}
.howto article{margin:0 0 10px 0;padding:10px;background:#fff;box-shadow:1px 1px 1px rgba(0,0,0,0.1);display:flex;}
.howto article figure{width:150px;flex-grow:0;flex-shrink:0;position:relative;}
.howto article figure img{width:150px;height:auto;}
.howto article figure a{width:150px;height:40px;line-height:40px;font-size:14px;text-align:center;color:#fff;background:#ff61a3;display:block;border-radius:4px;}
.howto article figure span{position:absolute;}
.pkg_name{top:78px;left:30px;font-size:10px;color:#3a4f60;}
.pkg_detail{top:8px;left:8px;display:flex;align-items:center;font-size:10px;}
.howto article figure span img{margin:0 5px 0 0;width:18px;height:18px;}
.howto article p{padding:0 10px 0 0;flex-basis:100px;font-size:14px;line-height:20px;flex-grow:1;flex-shrink:0;}
.howto article p span{color:#ff61a3}
.howto nav a{width:100%;height:50px;line-height:50px;font-size:18px;text-align:center;color:#fff;background:#ff61a3;display:block;border-radius:8px;}

.review{padding:20px;}
.review article{padding:0 0 20px 0;
background-image:url(../images/good.png),url(../images/nav.png);
background-position:right 20px top 7px,right 0 top 7px;
background-size:16px 14px,14px 14px;
background-repeat:no-repeat,no-repeat;
}
.review article:nth-last-child(1){box-shadow:0 1px 0 rgba(0,0,0,0.1);}
.review article header{padding:0 0 10px 58px;position:relative;}
.review article figure{width:48px;height:48px;overflow:hidden;border-radius:50%;box-shadow:1px 1px 1px rgba(0,0,0,0.2);order:1;position:absolute;left:0;top:0;}
.review article figure img{width:100%;height:auto;display:block;}
.review article h2{padding:4px 0;line-height:20px;}
.review article header p{line-height:20px;font-size:11px;}
.rev_comm{padding:0 0 0 58px;font-size:14px;line-height:18px;}

.review_head{padding:0 0 20px 0;display:flex;}
.review_head h2{font-size:54px;line-height:54px;}
.review_head div{padding:5px 10px 0 10px;}
.review_head div p{height:20px;line-height:20px;position:relative;}
.review_head div p:nth-of-type(1){width:80px;overflow:hidden;background:url(../images/rate_star.png) no-repeat bottom;background-size:80px 40px;}
.review_head div p:nth-of-type(1) span{padding:20px 0 0 0;display:block;position:absolute;left:0;top:0;background:url(../images/rate_star.png) no-repeat 0 0;background-size:80px 40px;}
.review_head div p:nth-of-type(2) span{padding:0 12px 0 0;background:url(../images/review_s.png) no-repeat right;background-size:9px;}
.chart{width:100px;}
.chart li{margin:0 0 1px 0;height:8px;overflow:hidden;}
.chart li span{padding:8px 0 0 0;display:block;}
.chart li:nth-of-type(1) span{background:#9fc05a;}
.chart li:nth-of-type(2) span{background:#add633;}
.chart li:nth-of-type(3) span{background:#ffd834;}
.chart li:nth-of-type(4) span{background:#ffb234;}
.chart li:nth-of-type(5) span{background:#ff8b54;}

.bottom_btn{padding:20px 0;text-align:cenetr;}
.bottom_btn a{margin:0 auto;width:300px;height:155px;background:url(../images/bg_bottom_btn.png) no-repeat 0 0;background-size:300px 155px;display:block;overflow:hidden;animation:jerry 2s ease 0s infinite;}
.bottom_btn a span{padding:155px 0 0 0;display:block;}

@keyframes jerry{
0% {transform:scale(1);}
50% {transform:scale(1.1);}
100% {transform:scale(1);}
}

#footer{clear:both;}
#footer ul{display:flex;}
#footer ul li{padding:20px 0 20px 0;flex-basis:50%;text-align:center;background-repeat:no-repeat;background-position:center top;}
#footer ul li:nth-of-type(1){background-image:url(../images/wish_foot.png);background-size:13px 17px;}
#footer ul li:nth-of-type(2){background-image:url(../images/share.png);background-size:12px 14px;}
#footer small{padding:20px 0;line-height:20px;text-align:center;background:#e0e0e0;color:#999;font-size:12px;display:block;}