.suspension{position:fixed;right:20px;bottom:24px;z-index:3}.suspension .item{width:40px;cursor:pointer;position:relative}.suspension .item:hover .iconfont{color:#fff;background-color:#888}.suspension .item:hover .sub{display:block}.suspension .item .iconfont{display:block;height:40px;line-height:40px;margin:6px auto;font-size:24px;text-align:center;border-radius:2px;transition:.25s;box-shadow:0px 1px 20px 0px rgba(0,0,0,.1),inset 0px -1px 0px 0px rgba(0,0,0,.1);color:#ababab;background-color:#fff}.suspension .item .sub{display:none;position:absolute;bottom:0;right:40px;white-space:nowrap;font-size:0}.suspension .item .sub .qrcode{display:inline-block;height:86px;margin-right:6px;position:relative;box-shadow:0 0 3px #ddd}.suspension .item .sub .qrcode img{width:auto;height:86px}.suspension .item .sub .qrcode .label{line-height:16px;position:absolute;top:-16px;left:0;right:0;text-align:center;font-size:12px;color:#fff}.suspension .item .sub .qrcode .label.gray{background-color:#888}.suspension .item .sub .qrcode .label.green{background-color:#10c500}.suspension .item .sub .qrcode .label.blue{background-color:#0191f7}@media(max-width: 768px){.suspension{bottom:20px}}
#app .container{overflow:hidden}#app .filter-bar{line-height:48px;padding:0 15px;margin:15px auto;box-shadow:0 1px 0 rgba(0,0,0,.05);background-color:#fff}#app .filter-bar .filter-group{display:inline-block}#app .filter-bar .filter-group.filter-space{padding-left:15px}#app .filter-bar .filter-group .label{display:inline-block;margin-right:8px;-webkit-user-select:none;-moz-user-select:none;user-select:none;color:#000}#app .filter-bar .filter-group .label.not-margin{margin-right:auto}#app .filter-bar .el-divider--vertical{height:30px;margin:auto 24px}#app .filter-bar .filter,#app .filter-bar .btn{line-height:30px;height:30px;padding-top:0;padding-bottom:0}#app .filter-bar select.filter,#app .filter-bar input[type=text].filter{width:160px;border:1px solid #dcdfe6;background-color:#fff}#app .filter-bar input[type=text].filter{padding:0 12px}#app .filter-bar .iconfont{font-size:13px}@media(max-width: 768px){#app .filter-bar{display:flex;padding:0 10px}#app .filter-bar .el-divider--vertical{margin:auto 12px}#app .filter-bar .filter-group{flex:1}#app .filter-bar select.filter,#app .filter-bar input[type=text].filter,#app .filter-bar .btn{width:100%;vertical-align:top;margin-top:9px}}@supports(-webkit-appearance: none){#app .filter-bar .filter,#app .filter-bar .btn{-webkit-appearance:none}#app .filter-bar select.filter{text-indent:12px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAA0klEQVRYR+2UMQ4BURCGvy1EQ0VDpXMNp9DgAg7kAmicwjV0KhoqGtHIJDOJbMKb97bYZl65m5n/m2/ebkXLp2o5nwAIA2EgDIQBj4EZsAYWwNv56+4Ae2ADHP/VeACk/gB0FeKZgOhp+AuYp4C9AAbRB5bA/UfjAbADHp5w6ZEDYBBDNXGtQYx08ps3vATAIMZq4qwQE538khNeCmAQErpSgC0gMMmd11eXu4LvermYU31wKglvYsBABEJO9uTWoImB1Bfmeh8AYSAMhIEw0LqBD+G+GiG4ZQ5IAAAAAElFTkSuQmCC) center right no-repeat;background-size:auto 100%}}#app .games{margin:auto -25px;font-size:0}#app .games [class^=col-]{padding:0 10px}#app .games .game-box{height:176px;padding:15px 15px 40px;margin-bottom:20px;overflow:hidden;background-color:#fff;box-shadow:0 1px 0 rgba(0,0,0,.05)}#app .games .game-box.no-download-space{padding:16px 15px 22px}#app .games .pic img{width:68px;height:auto;border-radius:20%}#app .games .detail{margin-left:80px}#app .games .detail .name{line-height:22px;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:0}#app .games .detail .name:after{display:block;height:22px;content:"";top:0;right:0;left:0;position:absolute;pointer-events:none;background:linear-gradient(90deg, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0.8) 85%, #fff 99%)}#app .games .detail .name a{vertical-align:top;font-size:16px;font-weight:600;color:#000}#app .games .detail .tag{padding-bottom:6px}#app .games .detail .tag .item{display:inline-block;line-height:16px;padding:0 4px;margin:4px 5px auto auto;font-size:12px;border-radius:4px;color:#fff;background-color:#333434;cursor:pointer}#app .games .detail .tag .item.facebook{background-color:#0e78e5}#app .games .detail .tag .item:last-child{margin-right:auto}#app .games .detail .tag .item .iconfont{font-size:12px}#app .games .detail .intro{display:block;height:72px;line-height:18px;overflow:hidden;position:relative;font-size:13px;color:#999;word-break:break-word}#app .games .detail .intro:after{display:block;height:18px;content:"";top:54px;left:0;right:0;position:absolute;pointer-events:none;background:linear-gradient(180deg, rgba(255, 255, 255, 0) 4%, rgba(255, 255, 255, 0.7) 47%, #fff 85%)}#app .games .detail .intro.more-intro{height:90px}#app .games .detail .intro.more-intro:after{display:block;height:18px;content:"";top:72px;left:0;right:0;position:absolute;pointer-events:none;background:linear-gradient(180deg, rgba(255, 255, 255, 0) 4%, rgba(255, 255, 255, 0.7) 47%, #fff 85%)}#app .games .detail .btns{position:absolute;right:10px;bottom:20px;left:10px;border-width:1px 1px 0 1px}#app .games .detail .btns .btn-wrap{display:table;width:100.1%;font-size:0}#app .games .detail .btns .btn{display:table-cell;padding:6px 0;margin:auto 2px;border-width:0;font-size:13px;opacity:1;transition:.25s}#app .games .detail .btns .btn.btn-apk{width:84px}#app .games .detail .btns .btn.btn-not-down{line-height:1;padding:0;pointer-events:none}#app .games .detail .btns .btn.btn-not-down .icon-not-down{font-size:29px}#app .games .detail .btns .btn:first-child{border-left-width:0}#app .games .detail .btns .btn:hover{opacity:.78}#app .games .empty{padding:54px 0;font-size:0;text-align:center;box-shadow:0 1px 0 rgba(0,0,0,.05);color:#333434;background-color:#fff}#app .games .empty .iconfont{font-size:36px;color:#6f6f6f}#app .games .empty span{display:inline-block;line-height:1.42857143;margin-left:6px;font-size:16px;vertical-align:text-bottom}#app .paging{padding-bottom:20px;text-align:center}#app .paging button{padding:10px 24px;border:solid #eee;outline-width:0;font-size:16px;outline-width:0;background-color:#fff}#app .paging .prev,#app .paging .next{transition:background-color .25s;cursor:pointer}#app .paging .prev:hover,#app .paging .next:hover{background-color:#f0f0f0}#app .paging .prev.disable,#app .paging .next.disable{color:#ddd;cursor:no-drop}#app .paging .prev.disable:hover,#app .paging .next.disable:hover{background-color:#fff}#app .paging .prev{border-width:1px 0 1px 1px;border-radius:4px 0 0 4px}#app .paging .next{border-width:1px 1px 1px 0;border-radius:0 4px 4px 0}#app .paging .page{border-width:1px}@media(max-width: 991px){#app .filter-bar .el-divider--vertical{margin:auto 10px auto 14px}}@media(max-width: 768px){#app .filter-bar{display:flex;flex-wrap:wrap}#app .filter-bar .el-divider--vertical{margin:auto 10px}#app .filter-bar .filter-group{flex:1}#app .filter-bar .filter-group .filter{width:100%}}
