@media (max-width: 337px){
    .enter-text .fs48{font-size:3rem !important;font-size:30px\9 !important;/* IE6, IE7, IE8, IE9, IE10 */}
    #screen-shot .item img{height:14rem !important;height:140px\9 !important;/* IE6, IE7, IE8, IE9, IE10 */}
}
@media   (max-width: 479px) {
    html,body{font-size:13px;}
    footer .list{padding-left:40px;}
    footer .wechat-list{text-align: center;}
    footer .wechat-list li{display: inline-block;}

    .intro-video .iphone{width:23rem;margin-left:-19rem;top:4rem;width:230px\9; /* IE6, IE7, IE8, IE9, IE10 */margin-left:-190px\9 /* IE6, IE7, IE8, IE9, IE10 */;top:40px\9 /* IE6, IE7, IE8, IE9, IE10 */;}
    .intro-video .moto{top:0;}
    #function-list li{font-size:2rem;   font-size:20px\9 /* IE6, IE7, IE8, IE9, IE10 */;}
    .sec1-wrap h2{font-size:3rem;   font-size:30px\9 /* IE6, IE7, IE8, IE9, IE10 */;}
    .enter-text .fs48{font-size:4rem;   font-size:40px\9 /* IE6, IE7, IE8, IE9, IE10 */;}
    #screen-shot .item img{height:17rem;   height:170px\9 /* IE6, IE7, IE8, IE9, IE10 */;}
    #play-video{height:7rem;   height:70px\9 /* IE6, IE7, IE8, IE9, IE10 */;}
    .pay-wrap h2{font-size:3rem;   font-size:30px\9 /* IE6, IE7, IE8, IE9, IE10 */;}
    .now-pay{text-align: center;}
    .now-pay h3{font-size:2.4rem;   font-size:24px\9 /* IE6, IE7, IE8, IE9, IE10 */;}
    .download-bg{height:70rem;   height:700px\9 /* IE6, IE7, IE8, IE9, IE10 */;}
    .download-box{text-align: center;}
    .download-box .pt100{padding-top:30px;}
    .phone-img{width: 30rem;height:30rem;margin-left: -9rem;   width: 300px\9 /* IE6, IE7, IE8, IE9, IE10 */;height:300px\9 /* IE6, IE7, IE8, IE9, IE10 */;margin-left: -90px\9 /* IE6, IE7, IE8, IE9, IE10 */;}
    .slider-info{font-size: 3rem;   font-size: 30px\9 /* IE6, IE7, IE8, IE9, IE10 */;}
    .enter-function{display: none;}
    .enter-intro{height:40rem;   height:400px\9 /* IE6, IE7, IE8, IE9, IE10 */;}
    .flying-line{top:0;}
    #detail-list li{clear:both;width:100%;text-align: left;margin-bottom:1rem;   margin-bottom:10px\9 /* IE6, IE7, IE8, IE9, IE10 */;}
    .navbar .nav-list{position: fixed;top:4.8rem;right:0;background:rgba(0,0,0,0.8);width:12rem;text-align:center;display: none;   top:48px\9 /* IE6, IE7, IE8, IE9, IE10 */;width:120px\9 /* IE6, IE7, IE8, IE9, IE10 */;}
    .navbar .nav-list li{float:none;font-size: 2rem;   font-size: 20px\9 /* IE6, IE7, IE8, IE9, IE10 */;}
    .navbar .nav-list li a{padding:1.5rem 0;display:block;color: #fff;   padding:15px 0\9 /* IE6, IE7, IE8, IE9, IE10 */;}
    .pay-text{text-align: center;}
    .contact{padding-left:30px;}
    .contact p{margin:5px 0;}
}

@media (min-width: 480px) and (max-width: 767px) {
    .enter-function{height:600px;}
    #screen-shot .item img{height:auto;}
}

@media (min-width: 768px) and (max-width: 991px) {
    #screen-shot .item img{height:410px;}
}

@media (min-width: 992px) and (max-width: 1199px) {
    #screen-shot .item img{height:450px;}
}