.container{ margin: 0 auto; padding: 0 10px;}
.header{ background: #111;}
.header .logo{ background: url("../images/logo.png") no-repeat; width: 176px; height: 46px; display: block; float: left;}
.header .search{ background: #111; border: 1px solid #333; border-radius: 3px; width: 250px; height: 33px; line-height: 33px; position: relative; display: inline-block;}
.header .search .search-box{ border: none; background: #111; height: 30px; line-height: 30px; position: absolute;width: 230px; font-size: 12px; color: #fff; top: 0; left: 10px; }
.header .search .search-btn{ background: url("../images/icon-search.png") no-repeat; width: 18px; height: 18px; display: inline-block; border: none; position: absolute; top: 6px; right: 8px;}
.header .menu{ height: 46px; box-shadow: 0 0 3px 0 rgba(68, 68, 68, 1);}
.header .menu li{float: left; display: inline-block; line-height: 46px; height: 46px;}
.header .menu li a{ height: 46px; line-height: 46px; color: #999; display: inline-block;}
.header .menu li a:hover{ background: #222; color: #fff;}
.header .menu li.current a{ color: #fff; background: #090;}
.header .drop-menu{ float: right; position: relative; margin: 38px 0 0 0}
.header .drop-menu .icon-menu{ background: url("../images/icon-menu.png") no-repeat; width: 15px; height: 11px; display: inline-block; top: 0; right: 10px; position: absolute;}
.header .menu-list{ position: absolute; background: #111; top:89px; left: 0; right: 0; border-top: 1px solid #090; padding:15px 20px; display: none; z-index: 99999;}
.header .menu-list li{ height: 30px; line-height: 30px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; margin-bottom: 5px;}
.header .menu-list li a{ height: 20px; line-height: 20px; display: inline-block; border-left: 2px solid #333; text-indent: 10px;}
.header .menu-list li a:hover{ border-left: 2px solid #090; color: #090;}
.footer{ background: #111; clear: both; margin-top: 20px; display: inline-block;width: 100%;}
.footer .head{border-bottom: 1px solid #333; padding: 30px 0;}
.footer .head dl dt .logo{background: url("../images/logo-bottom.png") no-repeat; width: 131px; height: 70px; display: inline-block;}
.footer .head dl dd{ float: left; border-left: 1px solid #333;min-width: 20%; min-height: 160px;}
.footer .head dl dd.first{ width: 40%}
.footer .head dl dd.first ul li{ float: left; display: inline-block; width: 190px; padding-right: 10px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin-right: 10px;}
.footer .head dl dd h4{ font-size: 18px; color: #fff; height: 30px; margin: 0 15px; }
.footer .head dl dd ul{ margin: 0 15px 15px 15px;}
.footer .head dl dd ul li{ font-size: 12px; line-height: 24px; height: 24px;}
.footer .copyright{ clear: both; text-align: center;padding: 20px 0; font-size: 12px;}
.footer .copyright p{ line-height: 20px; margin-bottom: 5px;}
.footer .copyright p a{ color: #fff;}
.footer .copyright p a:hover{color: #090;}
.breadcrumb{ background: #fff; padding: 10px 0; font-size: 12px;}
.breadcrumb a,.breadcrumb span{ margin-right: 5px;}
.content h2{ height: 40px; line-height: 20px; padding: 15px;}
.content .more{ display: inline-block; border-top: 1px solid #e8e8e8; height: 50px; line-height: 50px; text-align: center; font-size: 12px; width: 100%;}
.content .more span,.content .more:hover{ color: #090;}
.content .more span{margin-left: 5px;}
.home-apps-list li{ float: left; display: inline-block; margin-bottom: 22px;}
.home-apps-list li .item{ margin: 0 15px;}
.home-apps-list li .icon-img{ width: 96px; height: 96px; border: 1px solid #e8e8e8; display: inline-block; padding: 2px; overflow: hidden; text-align: center;}
.home-apps-list li .icon-img img{ width: 100%; height: auto;}
.home-apps-list li h3,.home-apps-list li p{ font-size: 12px; line-height: 16px;}
.home-games-list li{ float: left; display: inline-block; margin-bottom: 24px;}
.home-games-list li .item{ margin: 0 15px;}
.home-games-list li .screen-img{ width: 215px; height: 156px; border: 1px solid #e8e8e8; display: inline-block; background-color: black; overflow: hidden; text-align: center;}
.home-games-list li .screen-img img{ max-height: 156px;}
.home-games-list li h3{ font-size: 12px; line-height: 16px; text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.home-news-list li{ float: left; display: inline-block; margin-bottom: 26px;height:364px;}
.home-news-list li .item{ margin: 0 15px;}
.home-news-list li .news-img{ width: 340px; height: 196px; border: 1px solid #e8e8e8; display: inline-block; padding: 2px; overflow: hidden; text-align: center;}
.home-news-list li .news-img img{ width: 100%; height: auto;}
.home-news-list li h3{ font-size: 16px; line-height: 24px;}
.home-news-list li p{ font-size: 12px; line-height: 22px; margin-top: 10px; max-height:66px;overflow: hidden;}
.home-news-list li p .more{ color: #090; text-align: left; border: none; height: inherit; line-height: inherit;height}
.latest-list dl{ height: 54px; margin: 0 15px 14px 15px; position: relative; clear: both;}
.latest-list dl .icon-img{ width: 46px; height: 46px; border: 1px solid #e8e8e8; display: inline-block; padding: 2px; overflow: hidden; float: left; margin-right: 15px;}
.latest-list dl .icon-img img{ width: 46px; height: 46px;}
.latest-list dl h3{ font-size: 12px; min-height: 20px; line-height: 16px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding-top: 8px;}
.latest-list dl dd{ position: absolute; top:5px; right: 0;}
.collections-list dl{ height: 68px; margin: 0 15px 10px 15px;}
.collections-list dl .collections-img{ width: 115px; height: 62px; border: 1px solid #e8e8e8; display: inline-block; padding: 2px; overflow: hidden; float: left; margin-right: 15px;}
.collections-list dl dd h3{ line-height: 20px;}
.star-wrapper{ font-size: 12px;}
.star-wrapper .number{ margin-left: 10px; color: #999;}
.star-bar,.star-bar .star{background: url("../images/icon-star.png") repeat-x; width: 70px; height: 12px; display: inline-block; }
.star-bar{ background-position:0 -12px; position: relative;}
.star-bar .star{ background-position:0 0; position: absolute; top:0; left: 0;}
.tag-free{ font-size: 12px; color: #fff; background: #090; height: 12px; line-height: 12px; padding: 0 5px; border-radius: 2px;}
.tag-price{ font-size: 12px; color: #fff; background: #f90; height: 18px; line-height: 18px; padding: 0 10px; border-radius: 2px; display: inline-block;}
.tag-price-free{ font-size: 12px; color: #fff; background: #090; height: 18px; line-height: 18px; padding: 0 10px; border-radius: 2px; display: inline-block;}
.home-side-left{ margin:20px 0 0 0; background: #fff;}
.home-side-right{ background: #fff;}
.inside-menu{background: #111; border-left: 3px solid #090; padding: 25px 15px; margin-top: 20px;}
.inside-menu h1{ color: #fff; font-size: 24px; line-height: 24px; margin-bottom: 10px;}
.inside-menu h1 span{ color: #090;}
.inside-menu h2{ color: #fff; font-size: 24px; line-height: 24px; margin-bottom: 10px;}
.inside-menu h2 span{ color: #090;}

.inside-menu p{ color: #666; font-size: 12px; line-height: 18px;}
.filters{ line-height: 30px; margin-top: 20px;}
.filters dt{ font-size: 14px; float: left;}
.filters dd{ float: left; background: #fff; padding:0 10px; height: 30px; margin-left: 10px;}
.filters dd.current{ background: #090;}
.filters dd.current a{ color: #fff;}
.softlist{background: #fff; margin-top:20px; padding:25px 15px; display: inline-block; clear: both;max-width: 100%;}
.softlist .soft-box .soft-icon{ width: 104px; height: 104px; border: 1px solid #e8e8e8; display: block; padding: 2px; overflow: hidden; text-align: center; margin-bottom: 10px;}
.softlist .soft-box .soft-icon img{ width: 100%; height: auto;}
.softlist .soft-intro h3{ font-size: 20px; line-height: 24px; font-weight: normal; margin-bottom: 5px;}
.softlist .soft-intro ul{ display: inline-block; margin-top: 15px;}
.softlist .soft-intro ul li{ font-size: 14px; line-height: 18px; margin-bottom: 10px; color: #666;}
.softlist .soft-intro ul li span{ color: #090; margin-right: 10px;}
.softlist .soft-screen .screen-img{ width: 274px; border: 1px solid #e8e8e8; height: 170px; display: inline-block; padding: 2px; overflow: hidden;background: black;text-align: center;}
.news-list{ background: #fff; margin-top:20px; padding:25px 15px; display: inline-block; clear: both;}
.news-list .news-srceen{ width: 239px; height: 150px; border: 1px solid #e8e8e8; display: block; padding: 2px; overflow: hidden; text-align: center; float: left;}
.news-list .news-srceen img{ width: 100%; height: auto;}
.news-list dl{ float: left; width: 500px;padding-left: 15px;}
.news-list dl h3{ font-size: 18px; font-weight: normal; line-height: 22px; margin-bottom: 10px;}
.news-list dl dd{ font-size: 14px; color: #666; margin-bottom: 10px;}
.news-list dl dd:last-child{ margin-bottom: 0;}
.news-list dl dd .more{ color: #090; text-align: left; border: none; height: inherit; line-height: inherit; font-size: 12px;}
.side-list{ margin: 20px 0 0 0 ; background: #fff;}
.side-list h3{ background: #090; padding: 15px; color: #fff; font-size: 14px; font-weight: normal; position: relative; text-indent: 15px;}
.side-list h3 i.middot{ background: url("../images/icon-middot.png") no-repeat; width: 8px; height: 8px; line-height: 0; font-size: 0; float:left; position: absolute; top:23px; left: 15px;}
.side-list ul.list-news{ margin: 15px; display: inline-block;}
.side-list ul.list-news li{ margin-bottom: 10px; border-bottom: 1px dotted #e8e8e8; line-height: 20px; padding-bottom: 5px;}
.side-list ul.list-news li:last-child{ border: none; margin-bottom: 0;}
.side-list ul.list-news li i{ display:block; font-size: 12px; color: #999; margin-top: 5px;}
.video-list{ margin: 20px 0 0 0 ; background: #fff; display: inline-block;}
.video-list .video-item{ width: 25%; float: left;}
.video-list .video-box{margin:20px;}
.video-list .video-box .video-screen{ width: 235px; height: 150px; border: 1px solid #e8e8e8; display: block; padding: 2px; overflow: hidden; text-align: center; margin: 0 auto;}
.video-list .video-box .video-screen img{ width: 100%; height: auto;}
.video-list .video-box h3{ font-size: 14px; line-height: 22px; margin:10px 0; font-weight: normal;    text-overflow: ellipsis;overflow: hidden;height: 50px;}
.video-list .video-box p{ font-size: 12px; color: #999;}
.video-list .video-box p span{ float: right;}
.pagemore{ padding: 20px 15px; background: #fff; text-align: center; margin-top: 15px;}
.pagemore a{ font-size: 14px;}
.side-ad{background: #fff; padding: 15px; margin-top: 20px;min-width: 300px; min-height: 250px;}
.side-all-left{ width: 240px; float: left;}
.side-all-right{ width: 880px; float: right;}
.side-list ul.list-categories{ margin: 15px 0; display: inline-block;}
.side-list ul.list-categories li{ line-height: 30px; display: inline-block; width: 100%;}
.side-list ul.list-categories li:last-child a{ border: none;}
.side-list ul.list-categories li a{ border-bottom: 1px dotted #e8e8e8; display: block; padding: 5px 15px;}
.side-list ul.list-categories li a:hover{ border-left:2px solid #090;}
.side-list ul.list-categories li a span{ color: #090; margin-left: 5px;}
.side-list ul.list-keywords{ margin: 15px; display: inline-block;}
.side-list ul.list-keywords li{ display: inline-block; margin: 0 5px 10px 0;}
.side-list ul.list-keywords li a{background: #e8e8e8; padding: 2px 5px; font-size: 12px; display: block;}
.all-soft-list{ margin: 20px 0 0 0 ; background: #fff; display: inline-block; width: 100%;}
.all-soft-tab{border-bottom: 1px solid #e8e8e8;}
.all-soft-tab li{ height: 40px; line-height: 40px; display: inline-block; padding: 0 15px; border-right: 1px solid #e8e8e8; }
.all-soft-tab li:last-child{ border-right: none;}
.all-soft-tab li a{ display: block;}
.all-soft-tab li.current{ background: #090;}
.all-soft-tab li.current a{ color: #fff;}
.all-soft-item{ margin: 15px; border-bottom: 1px dotted #e8e8e8; clear: both; display: inline-block;}
.all-soft-item:last-child{ border: none; margin-bottom: 0;}
.all-soft-item .all-soft-icon{ width: 104px; height: 104px; border: 1px solid #e8e8e8; display: block; padding: 2px; overflow: hidden; text-align: center; margin-bottom: 15px; float: left;}
.all-soft-item .all-soft-icon img{ width: 100%; height: auto;}
.all-soft-item .all-soft-intro{ margin: 15px 25px; width: 570px; float: left;}
.all-soft-item .all-soft-intro dt{ font-size: 16px; margin-bottom: 15px;}
.all-soft-item .all-soft-intro dd{ font-size: 12px; color: #666;}
.all-soft-item .all-soft-price{ float: right; width: 120px; margin: 20px auto 0 auto; text-align: center;}
.all-soft-item .all-soft-price dt{ font-size: 24px; line-height: 30px; margin-bottom: 10px;}
.categories-list h3{ background: #090; padding: 15px; color: #fff; font-size: 14px; font-weight: normal; position: relative; text-indent: 15px; margin-top:20px;}
.categories-list h3 i.middot{ background: url("../images/icon-middot.png") no-repeat; width: 8px; height: 8px; line-height: 0; font-size: 0; float:left; position: absolute; top:23px; left: 15px;}
.categories-box{ display: inline-block; width: 100%; background: #fff;}
.categories-box li{ display: inline-block; float: left; line-height: 50px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.categories-box li a{ border-bottom: 1px dotted #e8e8e8; display: block; margin: 0 15px;}
.categories-box li a span{ color: #090; margin-left: 5px;}
.keywords-box{ padding: 15px; display: inline-block; background: #fff;}
.keywords-box li{ display: inline-block; margin: 0 5px 10px 0;}
.keywords-box li a{background: #e8e8e8; padding: 2px 5px; font-size: 12px; display: block;}
.search-content{background: #fff; margin-top: 20px; display: inline-block; width: 100%; padding-top: 15px;}
.search-content .search-item{ width: 33.3333%; float: left; padding: 15px 0; }
.search-content .search-item .list-search{ padding: 0 15px;}
.search-content .search-item .search-icon{ width: 104px; height: 104px; border: 1px solid #e8e8e8; display: block; padding: 2px; overflow: hidden; text-align: center; margin-bottom: 10px; float: left; margin-right: 15px;}
.search-content .search-item .search-icon img{ width: 100%; height: auto;}
.search-content .search-item .search-info{ float: left; width: 220px;}
.search-content .search-item .search-info h3{ max-height: 40px; line-height: 20px; font-weight: normal; margin-bottom: 10px;}
.search-content .search-item .search-info .download{ background: #090; height: 30px; line-height: 30px; padding: 0 10px;font-size: 12px; color: #fff; margin-top: 5px; display: inline-block;}
.post-details{display: inline-block; width: 100%; background: #fff; margin-top: 20px;}
.video-details{display: inline-block; width: 100%; background: #fff; margin-top: 20px;}
.post-header{padding: 25px 15px 25px 110px; position: relative; min-height: 60px; background: #fff; }
.post-header h3{ font-size: 24px; line-height: 30px; font-weight: normal;}
.post-header h1{ font-size: 24px; line-height: 30px; font-weight: normal;}
.post-header .post-date{ background: #111; width: 60px; height: 60px; overflow: hidden; position: absolute; top:15px; left: 15px; text-align: center; padding: 10px;}
.post-header .post-date dt{ font-size: 36px; color: #090; line-height: 30px; margin-top: 8px;}
.post-header .post-date dd{ font-size: 12px; color: #666; line-height: 20px;}
.post-tab{font-size: 14px; color: #666; margin: 20px 0 0 0;  background: #fff; }
.post-main{padding: 25px 15px; font-size: 14px; color: #666;}
.post-main p{ margin-bottom: 20px; line-height: 24px;}
.video-area{ border: 1px solid #e8e8e8; width: 650px; height: 350px; margin: 20px auto;}
.collections-box{display: inline-block; width: 100%; margin-top: 20px;}
.post-info{ font-style: italic; font-size: 14px; color: #999; margin: 15px auto 0 auto;}
.tabClick{ overflow: hidden}
.tabClick li{ height:60px; line-height: 60px; width: 20%; float: left; text-align: center; cursor: pointer;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.tabClick li.active{ background: #090; color: #fff; transition: 0.1s; font-weight: bold}
.lineBorder{ height: 1px; overflow: hidden; border-bottom:1px solid #090;}
.lineDiv{ background: #090; height: 1px; width: 20%;}
.tabCon{ overflow: hidden}
.tabBox{ position: relative}
.tabList{float:left;}
.tab-info{ padding: 15px; line-height: 24px;}
.tab-info p{ margin-bottom: 20px; line-height: 24px;}
.tab-info h4{ font-size: 22px; position: relative; line-height: 50px; color: #090; font-weight: normal; border-bottom: 1px dotted #e8e8e8; margin-bottom: 20px;}
.tab-info h4 .download-btn{ position: absolute; top:10px; right: 0; background: #090; text-align:center; width: 120px; height:30px; line-height:30px;font-size: 14px; color: #fff; display: inline-block;}
.download-info{ border-top: 1px dotted #e8e8e8; padding-top: 20px;}
.download-info h5{ color: #090; line-height: 30px;}
.details-header{ display: inline-block; width: 100%; background: #fff; margin-top: 20px; position: relative;}
.details-header .icon-img{ width: 76px; height: 76px; border: 1px solid #e8e8e8; display: inline-block; padding: 2px; overflow: hidden; text-align: center; margin: 15px; float: left;}
.details-header .icon-img img{ width: 100%; height: auto;}
.details-header h3{ font-size: 28px; line-height: 40px; margin: 20px 0 10px 0;}
.details-header h1{ font-size: 28px; line-height: 40px; margin: 20px 0 10px 0;}
.details-header .author{ display: inline-block; margin-left: 5px; color: #090;}
.details-header .author a{ margin-left: 5px;}
.details-header .download-btn{ position: absolute; top:40px; right: 15px; background: #090; text-align:center; width: 120px; height:30px; line-height:30px;font-size: 14px; color: #fff; display: inline-block;}
.slide{position: relative;overflow-x:auto; white-space: nowrap;position: relative;height:335px;padding:0px;width:100%;margin: 20px 0 0 0;  background: #fff;}
.slide img{max-height:300px;padding:5px;}
.slide div{max-height:300px;padding:5px;max-width: 350px;float:left;}
.slide iframe{max-height:300px;padding:5px;}
.owl-carousel .owl-item img{ max-height: 300px; width: auto!important;}
.details-side-left{ background: #fff; margin: 20px 0 0 0;}
.details-side-right{ background: #fff; margin: 20px 0 0 0;}
.details h2{ height: 40px; line-height: 20px; padding: 15px;}
.details-list{ padding: 20px 15px; border-bottom: 1px solid #e8e8e8;}
.details-list dt{ color: #090; text-transform: uppercase; margin-bottom: 15px;}
.details-list dd{ font-size: 14px; line-height: 24px; color: #666;}
.details-list dd p{ margin-bottom: 10px;}
.details-line{ display: inline-block; width: 100%;}
.details-line dl{ float: left; width: 25%; padding: 20px 0;}
.details-line dl dt,.details-line dl dd{ padding: 0 15px;}
.phone-download{ display: none;}
.phone-download a{background: #090; text-align:center; width: 60%; height:40px; line-height:40px;font-size: 14px; color: #fff; display: block; margin: 20px auto;}
.soft-info{ background: #fff;margin: 20px 0 0 0;padding: 15px; min-height: 380px; line-height: 24px;}
.soft-info p{ margin-bottom: 10px;}
.down-real{background: #090; text-align:center; width: 330px; height:30px; line-height:30px;font-size: 24px; color: #fff; display: inline-block; padding: 15px 0; margin: 20px 0 0 0;}
.down-real:hover{ color: #fff;}
.also-download{ background: #fff; display: inline-block; width: 100%; clear: both; margin: 20px 0 0 0;}
.also-list .item{ float: left; width: 25%;}
.also-list dl{ height: 54px; margin: 0 15px 35px 15px; position: relative; clear: both;}
.also-list dl .icon-img{ width: 46px; height: 46px; border: 1px solid #e8e8e8; display: inline-block; padding: 2px; overflow: hidden; float: left; margin-right: 15px;}
.also-list dl .icon-img img{ width: 46px; height: 46px;}
.also-list dl h3{ font-size: 12px; min-height: 20px; line-height: 16px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding-top: 8px;}
.also-list dl dd{ position: absolute; top:5px; right: 0;}

.page-bar{ margin: 20px auto 0 auto; text-align: center; display: inline-block; width: 100%; }
.page-bar li{  height: 45px; line-height: 45px; display: inline-block;margin-right: 5px;}
.page-bar li a{ display: inline-block; height: 43px; line-height:43px; font-size: 15px; border: 1px solid #fff; padding: 0 20px; background: #fff;}

.page-bar li a:hover,.page-bar li.current a:hover{ color: #fff; background: #090; border: 1px solid #090; }
.page-bar li.current a{ color: #fff; border: 1px solid #090; background: #090;  }
.page-bar li span{ display: inline-block; height: 43px; line-height:43px; font-size: 15px; border: 1px solid #fff; padding: 0 20px; background: #fff;}
.page-bar li.active span{color:#fff;background: #090;}


.show_all{border-top: 1px solid #D7D7D7;position: relative;}
.show_all_button{background: #A5A5A5;border-left: 5px solid white;color: white;cursor: pointer;float: right;font-size: 12px;margin-top: -10px;outline: 0;padding: 0 0.5em;text-transform: uppercase; overflow:hidden; zoom:1}	
.show_less{ display:none}

.gamelistimg{max-height: 169px;}