/*<480px*/
@media (max-width:480px){
    .header .head{ height: 90px;}
    .header .logo{ margin: 22px auto 0 auto; }
    .header .search{ display: none!important; }
    .header .menu{ display: none;}
    .header .drop-menu{ display: block; }
    .home-side-left{ width: 100%; float: inherit;}
    .home-side-right{ width: 100% ;float: inherit; margin:20px 0 0 0; }
    .home-apps-list li{ width: 50%; text-align: center;}
    .home-apps-list li h3,.home-apps-list li p{ min-height: 20px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
    .home-games-list li{ width:100%; text-align: center;}
    .home-news-list li{ width: 100%;}
    .home-news-list li .news-img{ width: 98%;}
    .footer .head dl dt{float: inherit; margin-bottom: 30px;}
    .footer .head dl dd{ float: inherit; min-height: inherit;}
    .footer .head dl dd.first ul li{ float: inherit;}
    .footer .copyright{ text-align: left;}
    .softlist .soft-box{ float: inherit; width: 100%; text-align: center; margin-bottom: 10px;}
    .softlist .soft-box .soft-icon{ margin: 0 auto 10px auto;}
    .softlist .soft-intro{ float: inherit; padding: 0 15px;}
    .softlist .soft-intro h3,.softlist .soft-intro p{ text-align: center;}
    .softlist .soft-intro ul{border-top:1px solid #e8e8e8; padding: 15px 0 0 0;}
    .softlist .soft-screen{ display: none;}
    .breadcrumb{ display: none;}
    .side-left{ width: 100%;}
    .side-right{ width: 100%;}
    .news-list .news-srceen{ float: inherit; margin: 0 auto 10px auto;}
    .news-list dl{ float: inherit; width: 100%; padding: 0; text-align: center;}
    .side-list ul.list-news{ display: inline-block; width: 96%; margin: 2%;}
    .side-ad{ display: none;}
    .video-list .video-item{ width: 100%; float: inherit; border-bottom: 1px dotted #e8e8e8; margin-bottom: 10px;}
    .side-all-left{ display: none;}
    .side-all-right{ width: 100%; float: inherit;}
    .all-soft-item .all-soft-intro{ width: 60%}
    .all-soft-tab li{ width: 50%; border: none; text-align: center; padding: 0; float: left;}
    .all-soft-tab li a{ border-right:1px solid #e8e8e8;  border-bottom: 1px solid #e8e8e8; }
    .all-soft-tab li:nth-child(even) a{ border-right: none;}
    .all-soft-item .all-soft-icon{ float: inherit; margin: 15px 0;}
    .all-soft-item .all-soft-intro{ width: 100%; float: inherit; margin: 0 auto;}
    .all-soft-item .all-soft-price{ float: inherit; display: inline-block; width: 100%; margin-bottom: 10px;}
    .all-soft-item .all-soft-price dt{ float: left; width: 50%; text-align: left; font-size: 16px; line-height: 20px; margin-bottom: 0;}
    .all-soft-item .all-soft-price dd{ float: right; width: 50%; text-align: right;}
    .all-softs{ position: relative;}
    .float-btn{ display: inline-block;  width: 100%; height: 50px; line-height: 50px;  background: #fff; position: fixed; bottom: 0; left: 0; border-top: 1px solid #e8e8e8;}
    .float-btn a{ background: #090; color: #fff; width: 50%; display: inline-block; text-align: center; float: left;}
    .float-btn a span{ border-right: 1px solid #e8e8e8; display: block;}
    .float-btn a:hover{ background:#fff; color: #090; }
    .categories-box li{width: 50%;}
    .search-content .search-item{ width: 100%;}
    .search-content .search-item .search-icon{ width:84px; height: 84px;}
    .search-content .search-item .search-info{ float: left; width: 160px;}
    .search-content .search-item .search-info h3{ font-size: 14px; max-height: 20px; overflow: hidden;}
    .post-header h3{ font-size: 20px; line-height: 22px; font-weight: normal;}
    .video-area{width: 250px; height: 160px; margin: 10px auto;}
    #tabclick1{ display: none;}
    .download-info .softlist{ background: none; padding:0; width: 100%;}
    .download-info .softlist .soft-intro{ float: inherit; width: 100%; padding: 0;}
    .download-info .softlist .soft-intro  .star-wrapper{ margin-bottom: 10px;}
    .download-info .softlist .soft-intro ul{ margin-top: 0;}
    .details-side-left{ width: 100%; float: inherit;}
    .details-side-right{ width: 100%; float: inherit; margin:20px 0 0 0;display: inline-block;}
    .details-line dl{ width: 50%;}
    .details-header .download-btn{ display: none;}
    .phone-download{ display: inline-block; width: 100%; background: #fff;}
    .details-header h3{ font-size: 24px; line-height: 30px; margin: 15px 0 10px 0;}
    .down-real{ margin: 20px auto 0 auto; display: block;}
    .soft-info{ min-height: inherit;}
    .also-list .item{ float: left; width: 100%;}
    
    
    .page-bar li.page-prev,.page-bar li.page-next{ display: inline-block!important; margin: 0;}
    .page-bar li.page-prev a,.page-bar li.page-next a{ padding: 0 20px; width: 100px;}
    .page-bar li.page-prev{float: left; text-align: left;}
    .page-bar li.page-next{float: right; text-align: right;}
    /*.page-bar li{display: none;}*/
}
/*>480px<960px*/
@media (min-width:480px) and (max-width:960px){
    .container{ min-width: 480px;}
    .header .head{ height: 90px;}
    .header .logo{ margin: 22px 0 0 0;}
    .header .search{ float: right; margin: 26px 40px 0 0;}
    .header .menu{display: none;}
    .header .drop-menu{ display: block;}
    .home-side-left{ width: 100%; float: inherit;}
    .home-side-right{ width: 100% ;float: inherit; margin:20px 0 0 0; }
    .home-apps-list li{ width: 20%;}
    .home-apps-list li h3,.home-apps-list li p{ min-height: 20px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
    .latest-list .item{ float: left; width: 50%;}
    .home-games-list li{ width: 33.3333%;}
    .home-games-list li .screen-img{ width: 98%;}
    .home-news-list li{ width: 50%;}
    .home-news-list li .news-img{ width: 98%;}
    .collections-list .item{ float: left; width: 50%;}
    .footer .head dl dt{float: left; margin-right: 30px;}
    .footer .head dl dd{ min-height: 80px;}
    .footer .head dl dd.first ul li{ width: 160px;}
    .softlist .soft-box{ float: left; width: 15%; text-align: center;}
    .softlist .soft-box .soft-icon{ margin: 0 auto 10px auto;}
    .softlist .soft-intro{ float: left; width: 81%; padding: 0 2%;}
    .softlist .soft-screen{ display: none;}
    .breadcrumb{ display: none;}
    .side-left{ width: 100%;}
    .side-right{ width: 100%;}
    .news-list dl{ float: left; width: 58%;padding-left: 15px;}
    .side-list ul.list-news{ display: inline-block; width: 96%; margin: 2%;}
    .side-ad{ display: none;}
    .video-list .video-item{ width: 33.333333%; float: left;}
    .video-list .video-box .video-screen{ width: 185px; height: 120px;}
    .side-all-left{ display: none;}
    .side-all-right{ width: 100%; float: inherit;}
    .all-soft-item .all-soft-intro{ width: 60%}
    .all-softs{ position: relative;}
    .float-btn{ display: inline-block;  width: 100%; height: 60px; line-height: 60px;  background: #fff; position: fixed; bottom: 0; left: 0; border-top: 1px solid #e8e8e8;}
    .float-btn a{ background: #090; color: #fff; width: 50%; display: inline-block; text-align: center; float: left;}
    .float-btn a span{ border-right: 1px solid #e8e8e8; display: block;}
    .float-btn a:hover{ background:#fff; color: #090; }
    .categories-box li{width: 33.33333%;}
    .search-content .search-item{ width: 50%;}
    .search-content .search-item .search-info{ float: left; width: 200px;}
    .video-area{width: 450px; height: 300px;}
    #tabclick1{ display: none;}
    .download-info .softlist{ background: none; padding:0; width: 100%;}
    .download-info .softlist .soft-intro{ float: left; width: 81%;}
    .download-info .softlist .soft-intro  .star-wrapper{ margin-bottom: 10px;}
    .download-info .softlist .soft-intro ul{ margin-top: 0;}
    .details-side-left{ width: 100%; float: inherit;}
    .details-side-right{ width: 100%; float: inherit; margin:20px 0 0 0; display: inline-block;}
    .also-list .item{ float: left; width: 25%;}
    .down-real{ margin: 20px auto 0 auto; display: block;}
    .soft-info{ min-height: inherit;}
    .also-list .item{ float: left; width: 50%;}
}
/*>960px <1140px*/
@media (min-width:960px) and (max-width:1140px){
    .container{ min-width: 960px;}
    .header{ height: 136px;}
    .header .head{ height: 90px;}
    .header .logo{ margin: 22px 0 0 0;}
    .header .search{ float: right; margin: 26px 0 0 0;}
    .header .menu li a{ font-size: 13px; padding: 0 16px;}
    .header .drop-menu{ display: none;}
    .header .menu-list{ display: none!important;}
    .home-side-left{ width: 100%; float: inherit;}
    .home-side-right{ width: 100% ;float: inherit; margin:20px 0 0 0; }
    .home-apps-list li{ width: 20%; text-align: center;}
    .home-apps-list li h3,.home-apps-list li p{ min-height: 20px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;margin-top:-3px;}
    .latest-list .item{ float: left; width: 33.3333%;}
    .home-games-list li{ width: 33.3333%; text-align: center;}
    .home-news-list li{ width: 50%;}
    .collections-list .item{ float: left; width: 33.3333%;}
    .footer .head dl dt{float: left; margin-right: 50px;}
    .footer .head dl dd.first ul li{ width: 160px;}
    .softlist .soft-box{ float: left; width: 15%; text-align: center;}
    .softlist .soft-box .soft-icon{ margin: 0 auto 10px auto;}
    .softlist .soft-intro{ float: left; width: 53%; padding: 0 1%;}
    .softlist .soft-screen{ float: right; width: 30%; text-align: right;}
    .side-left{ width: 65%; float: left;}
    .side-right{ width: 330px;float: right;}
    .news-list dl{ float: left; width: 58%;padding-left: 15px;}
    .video-list .video-box .video-screen{ width: 185px; height: 120px;}
    .side-all-left{ width: 240px; float: left;}
    .side-all-right{ width: 74%; float: right;}
    .all-soft-item .all-soft-intro{ width: 60%}
    .float-btn{ display: none;}
    .categories-box li{width: 25%;}
    .search-content .search-item{ width: 50%;}
    .search-content .search-item .search-info{ float: left; width: 250px;}
    .video-area{width: 600px; height: 300px;}
    .tab-title{ width: 100%; float: inherit;}
    .tab-title li{ float: left; width: 20%; display: inline-block; padding: 15px 0; border-bottom: 1px solid #e8e8e8; text-align: center;}
    .tab-content{ width: 890px; margin: 0 auto; float: inherit; border-left: none;}
    #tabclick2{ display: none;}
    .download-info .softlist{ background: none; padding:0; width: 100%;}
    .download-info .softlist .soft-intro{ float: left; width: 83%;}
    .download-info .softlist .soft-intro  .star-wrapper{ margin-bottom: 10px;}
    .download-info .softlist .soft-intro ul{ margin-top: 0;}
    .details-side-left{ width: 100%; float: inherit;}
    .details-side-right{ width: 100%; float: inherit; margin:20px 0 0 0; display: inline-block;}
    .down-real{ margin: 20px auto 0 auto; display: block;}
    .also-list .item{ float: left; width: 33.333%;}
}
/*>1140px*/
@media (min-width:1140px){
    .container{ width: 1140px;}
    .header{ height: 136px;}
    .header .head{ height: 90px;}
    .header .logo{ margin: 22px 0 0 0;}
    .header .search{ float: right; margin: 26px 0 0 0;}
    .header .menu li a{ padding: 0 22px;}
    .header .drop-menu{ display: none;}
    .header .menu-list{ display: none!important;}
    .home-side-left{ width: 760px; float: left;}
    .home-side-right{ width: 380px;float: left; margin:20px 0 0 0; }
    .border-box{ border-left: 1px solid #e8e8e8; display: inline-block; width: 379px;}
    .home-apps-list li{ width: 152px;}
    .home-apps-list li h3,.home-apps-list li p{ min-height: 40px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;margin-top:-3px;}
    .home-games-list li{ width: 33.3333%;}
    .home-news-list li{ width: 50%;}
    .footer .head dl dt{float: left; margin-right: 80px;}
    .softlist .soft-box{ float: left; width: 110px; text-align: center;}
    .softlist .soft-intro{ float: left; width: 680px; padding:0 20px;}
    .softlist .soft-screen{ float: right; width: 280px;}
    .side-left{ width: 790px; float: left;}
    .side-right{ width: 330px;float: right;}
    .float-btn{ display: none;}
    .categories-box li{width: 25%;}
    #tabclick2{ display: none;}
    .download-info .softlist{ background: none; padding:0; width: 100%;}
    .download-info .softlist .soft-intro{ float: left; width: 960px; padding:0 20px;}
    .download-info .softlist .soft-intro  .star-wrapper{ margin-bottom: 10px;}
    .download-info .softlist .soft-intro ul{ margin-top: 0;}
    .details-side-left{ width: 760px; float: left;}
    .details-side-right{ width: 380px;float: left;}
}