@charset "utf-8";
body > div > iframe{display:none!important;}
/* CSS Document */
html {
    color: #000;
    background: #fff;
    font-family: Droid Sans Fallback, Arial, sans-serif
}

blockquote,
body,
code,
dd,
div,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
input,
legend,
li,
ol,
p,
pre,
td,
textarea,
th,
ul {
    margin: 0;
    padding: 0
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

fieldset,
img {
    border: 0;
    max-width: 100%
}

address,
caption,
cite,
code,
dfn,
em,
i,
strong,
th,
var {
    font-style: normal;
}

ol,
ul {
    list-style: none
}

caption,
th {
    text-align: left
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: 400
}

q:after,
q:before {
    content: ""
}

abbr,
acronym {
    border: 0;
    font-variant: normal
}

sup {
    vertical-align: text-top
}

sub {
    vertical-align: text-bottom
}

input,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    *font-size: 100%
}

legend {
    color: #000
}

html {
    -webkit-text-size-adjust: none;
    -webkit-font-smoothing: antialiased;
    font-size: 36px
}

body {
    font-family: Droid Sans Fallback, \\5FAE\8F6F\96C5\9ED1, Arial, sans-serif;
    line-height: 1.6;
    font-size: .32rem;
    /*max-width: 720px;*/
    min-width: 320px;
    margin: 0 auto;
    position: relative;
    -webkit-tap-highlight-color: transparent
}

a {
    text-decoration: none;
    color: #000;
    cursor: pointer
}

button,
input,
textarea {
    outline: none;
    border: none;
    margin: 0;
    padding: 0;
    border-radius: 0;
    -webkit-appearance: none;
    font-family: Droid Sans Fallback, \\5FAE\8F6F\96C5\9ED1, Arial, sans-serif
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none
}

img {
    vertical-align: top
}

html {
    color: #333;
    background: #f5f5f5
}

.body-content {
    background-color: #ffffff;
    overflow: hidden;
    margin-bottom: 55px;
}

.topnav {
    width: 100%;
    height: .96rem;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    background-color: #fff;
    display: -webkit-box;
    -webkit-box-pack: start;
    -webkit-box-align: center;
    padding-right: .3rem;
    box-shadow: 0 3px 3px rgba(0, 0, 0, .04);
}

.topnav .logo {
    -webkit-box-flex: 1;
    margin: .1rem .2rem;
}

.topnav .logo a,
.topnav .logo img {
    display: block
}

.topnav .logo img {
    height: .7rem
}

.topnav .logo-7year {
    margin: 0
}

.topnav .logo-7year img {
    height: .96rem
}

.topnav .search {
    -webkit-box-flex: 1;
    width: 4.5rem
}

.topnav .search-bg {
    height: .6rem;
    background-color: #ebebeb;
    border-radius: .3rem;
    padding-left: .7rem;
    position: relative
}

.topnav .search-bg input {
    display: block;
    padding: .1rem 0;
    line-height: .46rem;
    background: transparent;
    border-top-right-radius: .3rem;
    border-bottom-right-radius: .3rem;
    width: 100%
}

.topnav .search-bg input::-webkit-input-placeholder {
    color: #999
}

.topnav .search-bg img {
    position: absolute;
    top: 20%;
    left: 5%;
    width: .38rem
}

.topnav .download-app-button {
    display: block;
    font-size: .24rem;
    width: 1.4rem;
    height: .54rem;
    margin-left: .1rem;
    line-height: .54rem;
    text-align: center;
    color: #53b6c5;
    border-radius: .6rem;
    border: 1px solid #53b6c5;
}

.topnav .message {
    position: absolute;
    top: 0;
    right: 0;
    width: .8rem;
    height: .96rem
}

.topnav .message a {
    position: absolute;
    width: .4rem;
    height: .42rem;
    top: .28rem
}

.topnav .message .mall {
    left: .4rem
}

.topnav .message .msg {
    right: .3rem
}

.topnav .message .badge {
    position: absolute;
    top: -.2rem;
    right: -.2rem;
    padding: .04rem .1rem .02rem .08rem;
    background-color: #53b6c5;
    border-radius: .2rem;
    font-size: .24rem;
    line-height: .26rem;
    color: #fff
}

.body-content {
    margin-top: .96rem;
}

/* 下载按钮切换 */
.body-content .android-url {
    display: block !important;
}

.body-content.ios .android-url {
    display: none !important;
}

.body-content .ios-url {
    display: none !important;
}

.body-content.ios .ios-url {
    display: block !important;
}

/* footer */
.footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    /*max-width: 720px;*/
    height: 50px;
    display: flex;
    z-index: 9;
    justify-content: space-around;
    background: #f5f5f5;
    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.85);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.85);
}

.footer a {
    display: block;
    width: 20%;
    margin-top: 5px;
    color: #929292;
    text-align: center;
}

.footer a.on {
    color: #53b6c5;
}

.footer a span {
    display: inline-block;
    margin-top: 4px;
}

.footer a div {
    font-size: 12px;
}

.footer .icon {
    display: block;
    width: 20px;
    height: 20px;
    margin: 0 auto 3px;
    background-size: 100%;
    background-repeat: no-repeat;
}

.footer a:nth-child(1) .icon {
    width: 22px;
}

.footer a:nth-child(2) .icon {
    width: 24px;
}

.footer a:nth-child(3) .icon {
    position: relative;
    top: 1px;
    width: 21px;
}

.footer a:nth-child(4) .icon {
    position: relative;
    top: 2px;
    width: 19px;
}

.footer a:nth-child(5) .icon {
    position: relative;
    top: 1px;
    width: 22px;
}

.footer .icon.icon-home {
    background-image: url(browse.php?u=Oi8vbWFyaW9sYWJpYWxvbGVja2EuY29tL3N0YXRpYy9kb3dubG9hZDEvY3NzL2RhdGE6aW1hZ2UvcG5nO2Jhc2U2NCxpVkJPUncwS0dnb0FBQUFOU1VoRVVnQUFBQ0FBQUFBZ0NBWUFBQUJ6ZW5yMEFBQUN2VWxFUVZSWVIrMldzV3NVUVJUR3Y3Y0J1UlFXSHFnSXRpS0lnb1dkalNCaUl4WnFJUW1lTVlvaGNETnpHNFRrVUxrSVNoSUN5ZTdNNVJvMTBSUkIwRXJzSW1obFpTRWkvZ1dpcUtDRmhFQk01c2tjdDdKZWNwZmJ6Y1UwMmVxNDJUZmZiNzczM3J3bGJQRkRXNnlQRFFGTVRVMGRYVnBhZ3UvNzc5SWVKRFdBTWVZNE04ODRZV2J1VVVxOVNRT1JDc0FZYzVxWnA1bjVteE1sb2oyZTUvWGs4L241cEJDSkFiVFc1d0RNTVBON0FMMDF3V25QODQ1WWF5OFRrWE9pQ2xiL01QTWRwZFJ3L1A5RUFPVnkrWksxMXRrK3Y3S3kwdXY3L2hlMzJlVGs1TDZPam81cEFLZUlLQWZnZ0xYMm43MkpxTFFoQUsxMVA0QUtnR2VMaTR1OWc0T0R2K0luR1JzYjI5bloyZWtnTGdDNExxVzhIMS9YV25OcUFHUE1EV1llQi9CSVN1bHM1d2E1SnEyMWcrZ0I0RXNwZytpOTFBQmhHQTQ3K3dDVXBaU2lsU0xUV2hzQWVRQzNwWlIzWFV3cWdEQU14NG5Jblg1VUtWVnNSVHg2Snd6REVTSWFpbUlUQTJpdFhiNzdtZm1XVXVwZUV2RVl4RTBpY2c2VWlXaEVDUEc1ZnA4MXUwQnIvUmhBam9nS1FvZ3dqWGdVWTR4UnpPeHF3ZFhQbGFZQXBWSnBSemFiblNPaTgwUjBUUWp4Y0NQaU1ZaXJ6UHlBbVo5bU1wbnV2cjYrMzlIYVh3Y3FsY3F1NWVYbE9RQW5tVG1ubEhyU0R2RllPaTRTMFN5QWx3c0xDOTNGWXZGbjlSYXRWZWgrQUU3OHNMVTJWeWdVWHJSVFBOb3JDSUl6bnVjNWlBOEF1cVNVbnlnSWdvT2U1em5iZDd1OEN5RmViNFo0TEIwbkFNd3k4M2RyYlplN09GNFIwZDZhK0Z1dDlTRUFvMUxLcyswRTBWby9CekFrcGZ4b2pEbFdnL2hhVGNIRXhFUjJZR0RnaC9zZFhUeFN5a1J6WWozWStuc2cwbHdsOHI4QVZuVkJyRnFyVis5bU81QWF3RG5Vek83NmVaOTRHSzJYQXBmTFpnQ05uR3Q1RnJRQ3NOWmNUeHVYdUFnYm5XUWJZTnVCdGp0QVJOVitiL1h6T2dKSUd0ZXdDNXIxZXJNMlRCclgxb0d6M2tCYWEvMFBGZ0lUaXl2ckxJUUFBQUFBU1VWT1JLNUNZSUk9&b=29);
}

.footer .icon.icon-game {
    background-image: url(browse.php?u=Oi8vbWFyaW9sYWJpYWxvbGVja2EuY29tL3N0YXRpYy9kb3dubG9hZDEvY3NzL2RhdGE6aW1hZ2UvcG5nO2Jhc2U2NCxpVkJPUncwS0dnb0FBQUFOU1VoRVVnQUFBQ0FBQUFBZ0NBWUFBQUJ6ZW5yMEFBQUVjMGxFUVZSWVIrMlhYV2hjVlJESC8zUHV6VzdFajBMOXFLWDRRU2dvVlZ0TEdsS1FhbjJva0FlcmdsYW9mVkRSN3NQdW1jMUdha1NRTnFBUE1YRno3N2xHM0lyMEthSXBLclNpVUFRYnRWcEIwelRRZ2xvbFlxeVZraW9JTVd0Mjc4Z0plNWViZFRleHJkQ1g1Q1dYOHpIek8zUCtNM09XY0luLzZCTDd4eExBVWdRYVJzRDMvZHVWVWx0RXBNMEtWVVMrYTI1dUxxUlNxVjhYRW02aFVGZzVNek9USXFJN0FKd0RjQ1NaVEE2blVxbnBldnZxQWd3TURHeDJYZmRORVdtcGJCb0hzQmJBYjBUMEZvQjNwNmVueDd1N3UvKzA4NE9EZzFlVVNxVzFTcW1IUldRN2dCVUF6Z0NZQVhBemdDOEFaSmo1V0MzRXZ3Q0NJTmdxSXNNQWtrVEVzN096UTExZFhlYzh6MnR6SE9jcEVka1pNL0l0RVpWRTVMYlkyRUdsMU41TUp2T0JIZk04cjkxeEhIdVltNGpvTWEzMWdUaEVQWUFSRWJtYmlMWnByZmZYRXZ1KzMyckRLeUtyaWFoRlJKWVIwUWtST1VWRVB6THp4N1Y3akRGcmlNZ2Vha3ByZlU5RGdDQUlzaUxpaVVoUE5wdmRFMS9ZMTlkM3VldTZiYmxjN3ZDRkZDL2Y5M2NTVVlHSU9yWFdmbVNqR2dGN2oyRVluaFFSSjVsTWJxZ1ZtekhtR1FEOTVYSjVmUzZYRzFzSW9yZTM5OHBFSXRGYUMydU0rWnFJcmtza0VyZEdvcXdDR0dNMkFmaTAzdW10TTkvMzl4RFI3bks1Zk85aVVUREdQQTVnSHhIMWE2MTNSYkRHR1B2OXNsS3FOWlBKak5yeEtrQVFCRnBFRElBZHpEd1ViYklaWWIrVlVwc2pnTXJjUkM2WG02aW5FWnNGUkxSTFJFYkNNRHpzT000SlpqNGJCRUdIaUh3WTkxRUY4SDEvaUlpMmgyRzRzYk96OHl0cjJEcDNIT2VUQnVFK3pjeXI0bk5XYkFDc0lGL0xaclBwS0dvaXNqK2J6VzdMNS9QTFhkZWRBdkFpTTc4d0x3TEdtSjhBM0ZncWxhNjJhUmNadGthcWdpSGFEU0FTNFFRelAxRURjQzBBbTNLajl1UktxVitJNkJVQUk4eHMvOE1ZOHoyQU1XWitwQXBRS0JTYWlzWGkzd0IrWitibDlVNThQaHFJMWdJNHlNeGI0L1o4M3o5RVJNdVl1VDBPc0t4WUxQNEI0QnRtM25DeEFQWXFSRVFycFk1cnJWK3ZpZEw3QU5ZeDgxeVZuZE9BcmQvRll2RjBkRmVOVXN4cVlyRU1XS3hHVkxSMlB6TmZWUVhJNS9PclhkZTFkOVBMek04MU10TGYzMzlOVTFQVEpxWFVpakFNcjQrdlUwcFpEWjNSV24rMEVJUXhaaStBcDZlbXBpN3I2ZW1abVl1QTUzbTJrUnlQMUZ2UGdESG1TUURQQXJobGtWTWVJYUpBYS8xT0F6c0RBRG9CM01ETWszTUF4cGlOQUw0RWNJQ1pINmpkYUl4NUc4Q2pBT3cxdlFGZ01nekRVL0YxanVPMEVGRjcxS3dhWGFjeDVpVUF6enVPc3o2ZFRvOUZFV2hYU2gwRk1NN002K0tHZ3lCNFQwUWVzaFh5djd3SGJMTUMwRTFFTnMyR21IbEhIUkUrV0M2WGJha2VuUVBJNS9PclhOZWRCUEJYdVZ4ZVl5dGMxTUZzcTIxVW5oZTZDdC8zaHkxRWZHK2xFUDFnM3duTXZMSzJFSDBPNEM0QVZrUzJFSFVBV0g0aHptTkZiQTZpWXROKzIyNTdKNEJYbVZuUEE2ZzhSUFpacHhVRFp5dWluTmVXRjB1ejJ2a29FdEc0ZlRzb3BUclM2ZlRQOHdCaTJiQ0ZpSTRsRW9uUFVxblU3UGs2ckxmZTh6emJuTzRqb2lZQVI1bjVaQlhvLzNCd01UYVdmaGNzUmVBZkVuUWxQK1RDQjY0QUFBQUFTVVZPUks1Q1lJST0%3D&b=29);
}

.footer .icon.icon-soft {
    background-image: url(browse.php?u=Oi8vbWFyaW9sYWJpYWxvbGVja2EuY29tL3N0YXRpYy9kb3dubG9hZDEvY3NzL2RhdGE6aW1hZ2UvcG5nO2Jhc2U2NCxpVkJPUncwS0dnb0FBQUFOU1VoRVVnQUFBREFBQUFBd0NBWUFBQUJYQXZtSEFBQURKa2xFUVZSb1ErMVpQWXhNVVJUK3p0dU9Tb2hDSWtqOHhVOVlOSUlnRWpRS0JSc0o0aWQwTysvY21jWkdaQ1ZFS0didXVidVZFQklVS0VXRGdvVFlnclVSNGk4aUtCQUZsWXhtMzVFck04bG16Y3pPdkdmZVJMelhUREgzblBOOTUvdnV6N3VQOEk4LzlJL2pSMGFnMHdyK1h3cms4L2xEVVJSMUU5SENkbmRlVlY4RlFUQlNLcFhPTmFyVnRBTE1mQXZBNW5ZRHI1SC90b2hzcVZlM0tRTEdtUDJxZWtGVjd4QlJ2NGdNdFp0SVBwL2ZFVVhSZFYrSGlBNVlheS9XcXRrVWdUQU1ueEJSZDFkWDE2cGlzVGpjYnZEVi9MbGNibVVRQkk5VmRjUTV0eUkyQVdiK0FlQ3RpQ3dibjZTM3QzZlI0T0RnaTZTa0NvWENyR0t4K0dGOEhtWitDbUN1aUV4T1FrQUIzQk9SaldPVGhHRjRrSWpPUjFHMGFtQmdJTFl5ekh3RndCb1JtVk9Ed0YwQUcwU2twbHVhc2hBejF5UFFRMFJYQWV3VmtjdHhWV0RtandCK2lzajhWQWtVQ29XRm82T2pMMVgxbEhQdWFCd0N6THdhd0VNQTEwV2tKMVVDdmhnemZ3RXdKQ0xiNHhBd3hoaFZMYW5xRWVmY21VNFF1QUZnRzRCREluSytGUko5ZlgxVHkrWHlDSUNaUkxURlduczdkUUxHbU0ycTZqZTVzb2hNYW9VQU0xOERzRk5WanpublR0YUtaZWIyVGVKcXdUQU1MeFBSYm04bEl0cGtyUzFQUklTWi9jYTBUMVZmT09jVzF4dWZDb0hLWFBBcmxYOVVWWGM1NTN4My8zaU1NVnRWZFFEQXZNcWZNMFRrYzhjSlZFZ2NCbkMyQXVZTmdCRWk4c2VPZDM2ZFY5VTEvdGVmRGdBOElxS3QxdHB2amRSS1RZRXFpRnd1dHlRSWdoTUExZ0tZTmg0Y0VmbWQ5YXExOXZSRU5xczBwZjF6b0I0UVQ0YUlsaFBSZEZWOUhBVEI4NGs2bnZvcTFFd1hrNHhKM1VKSndIWnNHZjNib01mbXl4UVlzOGIvY1p4dVorZXJ1VE1GTWdVUytpeXpVR2FoekVJcHZOQWtiSExEOEd3U1o1TTRvYjh5QzFVczlCWEFkeEZaa0xDaExZY3o4MnNBVTBSa2VxM2dadTlHNy90MzNDQUl0cFZLcFpzdG80Z1p3TXo5QUk0RGVDQWk2NUlRMkFQZ0VvQlBxaXBFOUNnbXBsYkMxbGZBKzVpNmw4ZE5LZUF6R0dQOERWck51NTVXVUxVNmxvaDZyTFcvdjlURVZxQWFhSXhacXFvckFjeHVGVWlNOGUrSmFOaGErNnhSYk5NS3hBQ1FTa2hHSUpVMk55aVNLZEJwQlg0QlBkZjhRRklIYnZvQUFBQUFTVVZPUks1Q1lJST0%3D&b=29);
}

.footer .icon.icon-rank {
    background-image: url(browse.php?u=Oi8vbWFyaW9sYWJpYWxvbGVja2EuY29tL3N0YXRpYy9kb3dubG9hZDEvY3NzL2RhdGE6aW1hZ2UvcG5nO2Jhc2U2NCxpVkJPUncwS0dnb0FBQUFOU1VoRVVnQUFBQ0FBQUFBZ0NBWUFBQUJ6ZW5yMEFBQUM2MGxFUVZSWVIrMVhQV2dVUVJUKzNoNTZwUENuOEtmUlJyR3dFUXRyVGZBdmRnb0tHa0ZNWWp6dzNEY0pDcGQwNlpLQWtzeU1WNXcvVVlTb1lFQTdJeXBHYXd1eHNSQnR0UEduOEtjSXA5eU96REViTHB1NzNPNG1Ga0syV1hiZWU5Lzc1djNNbXlXa2ZLU1VnNTduSGJYbVFSQk1DaUVHMDBCUkdpTnJvNVI2RHFEVjJVOHpjMXNhclArWHdKS2xZS21BNG9ZLzZvOFdrMHV0OVVIcjJQZjl4M0VKUlAybEppQ2w3Q0NpQ2V2WUdITlNDSEVuRG9sNUJOS2tRQ20xR3NDUGlNTTF6UHl6R1lsNUtXaG1VRSt1dFg1dmpObFNLeU9pRDc3dmIwMktWMjNEMGRIUjFrd21ZL3Q2Y21abXBxdFFLUHhxQktTMUxobGp6anI1YmZjK1pkOUVkTlgzL1Z3ajI1R1JrVlV0TFMzakFBNEFPTWZNRTFVQ2tidzh5MlF5bmZsOC9tTVVTR3Q5MkJqendLMS9JcUxkcmdaZUF0amtTQnp4ZmY5aDFMWllMRzZ1VkNvM0FleXRQYnpxRWJEeVYwRVFkUGYyOXI0SmdVcWwwb3B5dWZ3Ny9EYkc5QWdocnR0dktlVVpJcm9XeXJMWjdNcGNMdmNuL0I0Ykc5dmhlZDROQUx0cWlGVlB6MFlFck40N0FEM00vTUpGNlFtQWZRN2dMak4zMU81U0tXVzc0SVJiZThyTSs1M2RIZ0NXM0xaSVZPb1RJS0o3eHBqalR2bExFQVE5bnVkdEJ6QWNyakh6eG5wNVZrcDlCckRCeWZxRElIanJlWjUxWGwyTFlOY253TXlrdFI0eXh2UTdvREtBYk9pUWlOb2JIVHoyWURMR1ROV1FtN1Vsb21IZjl3ZVVVbWJCR3JBRVhGN3pSSFNsZHFmTnF0enFScnFrYW02TU9TK0VLTHFVeENQZ2xFOERzSlZyUWI0SklkYlhDMzEwVFVyNWxZald1ZlZPWnI0VjZzU09RR2pnV2s4a25mZTJ0WWxJUmxzeU1ZRTRPMDZpczB4Z09RSk5Jd0JnT2tsUnBkQ2RjNU5lYUJha3dFNWswblFZSlVKTG9keDRGcVFBaTIzU3RBYkNXUkFiTWFGaUl3S1hBRnl3V0pWS3BhMnZyKytmRkdMTjFjKzZ1c3pNRjhQSjEwNUVqOXhtdmdONG5YQmpjZFYzQWxqcmh0c2hJY1RVN0wraFVzcGVtYnJpSWkxU2I1eVp1eTNHbko5VEtlVVFFUjBEa1BoNkhaT1F2YzdmRjBJTWhQcC9BWjZhdElEc0JDakxBQUFBQUVsRlRrU3VRbUND&b=29);
}

.footer .icon.icon-topic {
    background-image: url(browse.php?u=Oi8vbWFyaW9sYWJpYWxvbGVja2EuY29tL3N0YXRpYy9kb3dubG9hZDEvY3NzL2RhdGE6aW1hZ2UvcG5nO2Jhc2U2NCxpVkJPUncwS0dnb0FBQUFOU1VoRVVnQUFBQ0FBQUFBZ0NBWUFBQUJ6ZW5yMEFBQUJNVWxFUVZSWVIrMVZyVTdFUUJDZTdTb0VFb1ZEd2t2QVErQ3dRQnFTbWJRWUhDQVJ0TmxwUWdQaENYZ0pUbUt3U0F4QjhRcHRoZ3c1UWE0WDJrdkw3b210V2RINStlYWI3OXMxRVBnemdmdERCQkFaV01vQU0yK3BPQkh4Njc5RjJnSGduRHN4eHR3RGdEYS9RY1Ric2l6M3JiV1hZOEVnNHNGaWpRNEFacFpmUVROTm1nTjRuZ0JBcDk5ZkRJQ0luQkxSZzFjR2RFcG0zaFdSRFNKNkhUdDFYMzYwNGZveFVCVEZqclgyUEVtU2o2WnBYcklzbTZrSSszWTU1TC9XNnJXaGMrN0pHSE00RDN4RXhHT3ZObVJtOWZ2UHhDSnlSMFJuWGdGb1kyVkJ6N1p0TC9JOGYvZTZnaUc3bkRKbS9Wd3c1WFJEYWkxbG9LN3I3VFJOUDRjVUdCdlRBVkJWMVpHcUh3QTJBV0FQRWQrOFBrWUxOcndtb2l1dk5nek9nTzQwcUFiR2ltclYvSGdQUkFhQ00vQU5PWVdFSWQ2d1lZb0FBQUFBU1VWT1JLNUNZSUk9&b=29);
}

.footer .on .icon.icon-home {
    background-image: url(browse.php?u=Oi8vbWFyaW9sYWJpYWxvbGVja2EuY29tL3N0YXRpYy9kb3dubG9hZDEvY3NzL2RhdGE6aW1hZ2UvcG5nO2Jhc2U2NCxpVkJPUncwS0dnb0FBQUFOU1VoRVVnQUFBREFBQUFBd0NBWUFBQUJYQXZtSEFBQURRVWxFUVZSb1ErMlpQMmdUWVJUQTM3dkd0SWgvUUFRVkZJcExCd2NkSW1xU1FoV2lUVUwvSkpkVTYrTGdVSjBjbkp4TU44R2xvemc1Q0JYVEMyTE5YWVpxV3BwTHJkaEJTc0ZCRklxb2c0TVZGSnUyOStSU203YnAvVzIrU3l4Y3h0eDMzL3Y5M252Yzk5MTNDRHY4aHp1Y0gxeUJSbGZRc1Fva3BVS2JRdmdZRUV2QXdYWGhrdis5RTdLT0NNUmZUQjVIamhNQTRGUVpHdUVkVjhKRXVzZi9nYlVFYzRHZVp4UEhQRjZQQ245Nkl5d2h6alI1dlBGMHlEZlBVb0twUVAvWTYwT2xraUlBVUVBYmtxYUphNGxsT24xZldVa3dFMGptaWdjVVJZWEhEbU00a3IwckxiM0RYYjd2TENTWUNDVHpjM3VVUHorZUE4RjVTMUNJNDV6SDI1c08rUmJXeHZmbjN4NWMvTFhZaHh3bWtXZ0l2YzNqRzYvcnpWdXpRRmdVbTNmamZza3kvQm9KNGxocDJkc3oydVg3cmY3RjU0cTNRS0doQ2lqUlBTRWF2R09Xa0pvRVVxa1VOM3NtTkdZYi9oOFZJdVkremM5Mnp3d01MUEdpckQ1bTI5YUI2WnNRQ1I1eFZJQ1g1RmZiaFY4SHcxRWg0dS9tUlptcVlZVkl3RFRCcGdQME1zQUd2bEtLREJERjZ5YkFGTjZnUnh5cFFMM2dWUy9tQXZXRVp5NVFiM2ltQW8yQVp5YlFLUGpWWFN3K0ZjTCt5MFpyZ2VGamxKZUtlU0F5MmR1WUxUVTFYamVSMEJYZ1JmbE45WmE0UnBUdDMyNGdvU25BaThXQy9wWjQreHcxM3BrV0lvRys2am0yQ01SRitTVUNYS2d4bUZPM2I1SFlKTUNMY2hZQUlrNUZaelR2Sm9tS1FFSXNaQWd3eGlpSTA5TlVKTW9DQ1VtK1FnVEQ3S0xpQWdEbEFlZ3pFTGNFU0VlQm9CTVE5aktMUVhSVGlBWWZsQVdTMmZ4aEF1OE5yY2tKNGE3Tm9DS3M0RzJoYS9NeFNpdzNmYkpKV2I1UEFDRTc4eUhCb05aNHp5NTYrT1JpOEl2aE9oRFBUcVlRT1RzQ1A0RWp2OUFabk5NS3l1Y0tKMERCSWdEc3N5cEJwQXhtb3UwcHZmRk1CZFJzalVRRHVzSEs3WnFWVTNhcVdsY0JJT1dzRUcyZk5zcHVRcHJzSU9MeS8yVUZyT3pmVlhDdDEwYzlvYnBXd0JYUUtJTmJBVHVQVWJlRjNCYXF5b0RkbGRodEliZUZxbHRJS3NhUUtHTjEyWGVpaFFEeHFoRDI2MjcxVFE5M2ViSDRDSUN1V1pGZ0xVQUFFNWxJd1BCVXhGUkFCZStWcGxvOUFLMW1FaVBoYytObVkxWmZvS1pNajJwd2FmbGp1cnZkOUlPZ0pRRXJVSTBhNHdvMEt2TnJjWGQ4QmY0Q2phMm5RQ2FmZHlRQUFBQUFTVVZPUks1Q1lJST0%3D&b=29);
}

.footer .on .icon.icon-game {
    background-image: url(browse.php?u=Oi8vbWFyaW9sYWJpYWxvbGVja2EuY29tL3N0YXRpYy9kb3dubG9hZDEvY3NzL2RhdGE6aW1hZ2UvcG5nO2Jhc2U2NCxpVkJPUncwS0dnb0FBQUFOU1VoRVVnQUFBREFBQUFBd0NBWUFBQUJYQXZtSEFBQUdIa2xFUVZSb1ErMVlhMndVVlJUK3p0MkNZSWpHVjRLSXhBYytlRVVJR3V6ZUJVdEU3YzYyUEhaMjBhQ2dtTkJvRktMRVI4QWZVaU9RWUZEeDhVTWxTcWhLWUhlMlBMcXpDSWtGdWpNbGlBYUpFRVNMUUlJb1FmQ0ZJR0h2TWJPMGhlNU90N3NzMEJCN2Y4NDUzM2ZPZDg2Wk8zTXY0UkpmZElubmp5NEJuZDNCcmc1MGRhRElDblNOVUpFRkxCcisvK3RBMkxUdlU0eHhSSmpFNEczTXZEUVc4SDFlYUNuMXRjbEJwR2dLZzZhQWxVM2tXUnpWU2hPRjh1VGRBZDIwM3diWUQrQjJseUNuQUN5bGxLcFJoUDJlZjN6N0loTXBkYlpmZUsxOU5RVDNVeW1NY3BJbTV1SFpQTFNkaVdNeHY2ek9WMGhlQW5UVFdnRWduQy9wYVQ4NlFNVDdtZWxLRVBjRG8xZmVlT0taaHQvM1ZqNytIUXJRRS9aeU1FL01oK3c4KzFRWm12eW9JODZjQWpveCtlWW0waVRENzEyV1MwUzdBa0lKZXg0enozSUJId2ZESUtLdkZkRWVvVkwzc3FDQllJenJxRnJuWUQrVUFyd3JOZG5VSHRaVmdHN2F3MEJzZzlFakE3aE5DQXBIeXIwL1poS0dFbzFsektyK0hKTE1EU0Y2My9CN255MU1RTUplQ3ViSkdhQ0RoaWI3T004cTE5UmZXMUxTZll4UTZFT2czZEdBdDg1NVB0NjBidlVBV2VKeWpnQ2ptcnQ1UHFPVUdzck16bWFSdFFTb0xLSjVON3Jac2pxZ200MlZnRnJ0UWpQVzBFclhoTXlrbjRuZUJPUE9GaDltWHU5UlltcWswbnNnWkNabk0yaHVqcVFqeE5qSlJHTUFsb1ltVzNQUVRXc1hnRHN5c1F4ZUhkTjhyaVBxSWlCWkQxQlpXeExlYm1pK3U4SXI3SjZxRjM4TDREYVhCQTFEazZIeGljYWJQS3grY2hmQWxxSEprUUN4WTlkTml4a0l4elFaRGRVMWhGbUk1YzcrNjRwVm1HeFV5RTh6YlcyYzlUcnJNUWpVWkJFUWFneS9uQktPMjBNVThYYTNBTXo0TlJhUXZac1Qydy9nUnBkZ2g2T2F2TTU1SGpZM0QxUkk3UUNCd2RnRDRCWUF2NEJ3Qkl4QldWMGcyaEx6ZTBma0ZCQTByV1VFUE9MaXREQ3F5UmYwMWNsQktLSHZYR2VSOEhQVUwyOXdiTUY0Y2lzUnVYeHAwOGdmUUx3T25PNXlhNkxFcUk0RzVKeTBNRTU5QmNMbG1YRVVLMzl0WU9UYXM1KzNkbURzcW1TZmJ0M29lOER0aTBrYkRNMDd1bm1FOWdGSVZ6RmptWVltQTQrYW02ODRnZFFmT2Q0QngzUmNDQ3FMbEh1MzZQSGtBaEM5U0NrMU9sbzVja056QjdjQXVDZTdDMWdjODh0cHJnSjAwM0lNSDdZVCtDL0ZKWGZYQmticzF1UFdUQkFXWnZrSkhteVUrM2JvY1VzSElacGJ3T21DT0Q2aE5RMWw3QkgxSUZwaCtMMFBONzhMcnJzUm1IOW5qeG9ZS3g5MXNJVy90UU1oMDFyRndOajJBNThKcXNjYlJvQkVGUkgzVVV3NytNVHgrYlhCTWI4MVYrOHdnR3R5Q2lEc29sUHFhYWZpdW1rNVJXdFQxVnhZQm1iRU5QbHVHd0hwL1p1eEd3U1JDMHpBZ3FnbVgzYnpDYTdkZEQycGtscUFzMTYwRHNhcElET0JOa1kxYitzdW1lNkFua2crRHFZbGVUSjlBZWFWU25GalNZK2VlL25rdjJWS1lDZ3g1dVNKTDlwTktReXByWkRwemVTMGdMaTFDSVFaUlROZkpBSm1maW9XOEgzUUtpQm9XZzBFK0M1Uy9PTERNR3FNZ0p4eXBnT21kUXpJM25lTGozVEJHSm9NVGZaUEN3alhOUXhYUW15OVlLRXVFSEVKMEgrNUpwc29tTENyaURrOVQ1ZlNVb3duYXdQeUV3b2w3Rm5NUE8vOEo4OS9BODQvRGwzbDlsOVViRHdpbmgvMSsyWlR5TFNtTS9CT3NZUnd6Z0dFMWN3YzRSTzBwellvRDdWd1RsamZPRUNjUFBVZ2hKQmdsQUxvVzN3OGZzL1FmTk1wRkxlbU11SGpJZ2kzQVZSdGFONlYrWEtFRTFhcFNoOVhxVEpmVEpZZllZbmhsMU9kRVFxM2R4TEtnM3pSQ2FXcTR4VWpqK2JobStVU05LMlhDUHdhUUplZEF6NTkvcUQwQ1F0a0ZrekE5SndSOEM0cUdKY0JDTlhaWGhhT0NOeGZJTmM2UTVNUGtYUEZCK1grais5T3lNZEFZbHBIMXgwRkpvTlF3cHJEakZmenhyV01rQVBRVGVzYkFNUHlBRGNwb0twV2sxL200VnV3U3lodVZ6RHhmQUNET3dJelkyb3NJSmVjL2hjeXJWY0F2SjRieEphQXFvcG9vM1oyUkY2TVBSeXY3NjNRZlQ0SVQrVGlTWkc0ZWFXL2RHOWF3SVM2eGdGQ3FGeUpHVUpRVmFUY2U2U1k1QXJCNnZHR1owQml1dHN0QllETmhpYWQ3ZmpNRFVEWXRudXFvMm91aUo1M0RBdzBFYkNSU05SRS9hWHBvMTVucktDNVNRcjJQTUJFWVlEL0pNVnZSQ3Q4c1paY3NxNHdndWJtdnA2VVl1ZU9wek1TTGpSbWg3ZlRoUkplYlA4dUFSZTc0cG54dWpyUTJSMzREeTBqWms4R1ZuVjFBQUFBQUVsRlRrU3VRbUND&b=29);
}

.footer .on .icon.icon-soft {
    background-image: url(browse.php?u=Oi8vbWFyaW9sYWJpYWxvbGVja2EuY29tL3N0YXRpYy9kb3dubG9hZDEvY3NzL2RhdGE6aW1hZ2UvcG5nO2Jhc2U2NCxpVkJPUncwS0dnb0FBQUFOU1VoRVVnQUFBREFBQUFBd0NBWUFBQUJYQXZtSEFBQUFHWFJGV0hSVGIyWjBkMkZ5WlFCQlpHOWlaU0JKYldGblpWSmxZV1I1Y2NsbFBBQUFBeVpwVkZoMFdFMU1PbU52YlM1aFpHOWlaUzU0YlhBQUFBQUFBRHcvZUhCaFkydGxkQ0JpWldkcGJqMGk3N3UvSWlCcFpEMGlWelZOTUUxd1EyVm9hVWg2Y21WVGVrNVVZM3ByWXpsa0lqOCtJRHg0T25odGNHMWxkR0VnZUcxc2JuTTZlRDBpWVdSdlltVTZibk02YldWMFlTOGlJSGc2ZUcxd2RHczlJa0ZrYjJKbElGaE5VQ0JEYjNKbElEVXVOaTFqTVRRMUlEYzVMakUyTXpRNU9Td2dNakF4T0M4d09DOHhNeTB4TmpvME1Eb3lNaUFnSUNBZ0lDQWdJajRnUEhKa1pqcFNSRVlnZUcxc2JuTTZjbVJtUFNKb2RIUndPaTh2ZDNkM0xuY3pMbTl5Wnk4eE9UazVMekF5THpJeUxYSmtaaTF6ZVc1MFlYZ3Ribk1qSWo0Z1BISmtaanBFWlhOamNtbHdkR2x2YmlCeVpHWTZZV0p2ZFhROUlpSWdlRzFzYm5NNmVHMXdQU0pvZEhSd09pOHZibk11WVdSdlltVXVZMjl0TDNoaGNDOHhMakF2SWlCNGJXeHVjenA0YlhCTlRUMGlhSFIwY0RvdkwyNXpMbUZrYjJKbExtTnZiUzk0WVhBdk1TNHdMMjF0THlJZ2VHMXNibk02YzNSU1pXWTlJbWgwZEhBNkx5OXVjeTVoWkc5aVpTNWpiMjB2ZUdGd0x6RXVNQzl6Vkhsd1pTOVNaWE52ZFhKalpWSmxaaU1pSUhodGNEcERjbVZoZEc5eVZHOXZiRDBpUVdSdlltVWdVR2h2ZEc5emFHOXdJRU5ESURJd01Ua2dLRmRwYm1SdmQzTXBJaUI0YlhCTlRUcEpibk4wWVc1alpVbEVQU0o0YlhBdWFXbGtPalF3TjBZeU4wRXdSVEV4UWpFeFJVRTVORU01UXpsQlJUUkVNa1JEUmpoQklpQjRiWEJOVFRwRWIyTjFiV1Z1ZEVsRVBTSjRiWEF1Wkdsa09qUXdOMFl5TjBFeFJURXhRakV4UlVFNU5FTTVRemxCUlRSRU1rUkRSamhCSWo0Z1BIaHRjRTFOT2tSbGNtbDJaV1JHY205dElITjBVbVZtT21sdWMzUmhibU5sU1VROUluaHRjQzVwYVdRNk5EQTNSakkzT1VWRk1URkNNVEZGUVRrMFF6bERPVUZGTkVReVJFTkdPRUVpSUhOMFVtVm1PbVJ2WTNWdFpXNTBTVVE5SW5odGNDNWthV1E2TkRBM1JqSTNPVVpGTVRGQ01URkZRVGswUXpsRE9VRkZORVF5UkVOR09FRWlMejRnUEM5eVpHWTZSR1Z6WTNKcGNIUnBiMjQrSUR3dmNtUm1PbEpFUmo0Z1BDOTRPbmh0Y0cxbGRHRStJRHcvZUhCaFkydGxkQ0JsYm1ROUluSWlQejZQdmgwOUFBQUNQa2xFUVZSNDJtTDgvOC93MUFHVEF4REhJeDZZS0FCQ3o3SmtPM0hCb1VqMTNoYVVSd0Rxa0M4Rm9nL0F2Ri9HdU9QVUx0VUtZNEJLRkFINGhOQUxFQ25BT2NENGlBZ2RnSmlDeUMrU1drZWFLT2o0NUdCQU5SdWlqT3h5d0FtZnpkcWVJQVBsNFFNRHhkVlhDbkt5WTVMaW9kbXhhaXpqRGpEQkZzREJpVitIb29jbjYrdnl0Qm9ya1AvZXVESDM3OWdXcGFIa3lJUGFBcnhNZno5OTUvK0huanc2U3VZbHVZbTN3TnFBcndNSWh6c0RQYy9mYUcvQjU1Ky9jN3c0ZWR2aXZJQnlBTWdjQThhR0hSdlN0ejUrSm5CVEZ5SXdWbFduR1M5dkt3c0RENktrbUQyL1lIeXdQYUhMOEIwc3FZaXlYcFR0WlhBeVdmRnJVY01GOTk4R0JnUGdDdys5T3cxQXhzekUwT2JwUzZZSmdaazY2a3dXRW1LTUR6NThvMWh6ZDBuQTlzYW5YVHhOanc5TDNXellMQUdPZ3dYTUJRVllKaHNaOFRnS0MwRzVqZWV1a1p4SGNLSXIwY0diWTBTVmNhNUF2TkJ1bzR5bVAwTW1NRkI2ZnJXaDg4TUw3LzlaTkFRNUFWamRVRStCa1p3M3ZuQzBITDZHc09YMzMrSWNpTysxaWdMQTVYQTdzY3ZHVzRDSFJ5aEtzZWdDWFFzS0NiUVkrUEI1NjhNUjUrOVlWaC83eWw5K2dPa2drZWZ2ekYwbmJzQlpzdnhjakVvOEhJejhMT3pNdHdGaGpoSWpzZ1FIemdQb0hzR2hFZTdsS01lR1BYQXFBZEdQVERxZ1ZFUGpIcGcxQU9qSGhqMXdLZ0hSajFBZ1FjK0RhRDd2bEREQTNzRzBBTzdxT0dCYWlEK01BQ08vd0MxbTJJUGdJWVpRSE5WNjRENE14MGMvaGxxbHdYVWJyeUEyRkVKMEVSYjhHRE14SXlqYXlWR1BURENQUUFRWUFDZ3hMSXhneFpPdndBQUFBQkpSVTVFcmtKZ2dnPT0%3D&b=29);
}

.footer .on .icon.icon-rank {
    background-image: url(browse.php?u=Oi8vbWFyaW9sYWJpYWxvbGVja2EuY29tL3N0YXRpYy9kb3dubG9hZDEvY3NzL2RhdGE6aW1hZ2UvcG5nO2Jhc2U2NCxpVkJPUncwS0dnb0FBQUFOU1VoRVVnQUFBREFBQUFBd0NBWUFBQUJYQXZtSEFBQURla2xFUVZSb1ErMVpQV3dVUnhoOTN4NE5ORVNSb0tLQUpsS2dDUWxnKzhaeEc5OGNVWkpkT3cyQ3pwQ0NQMEZKSklRRVpSQy9Fc0VkaUliekxJcVNtM05hNDFtYmY1cUFSQU1GRlFnRURhR0k5ME43R0hKN1B2dm1mc1pndE5lZDlzMzczdnUrbmJlckhZS2ozL0I0dENXT2NTcWg5enpzTFEzbXI3c29SUzVJaC9YMCtoZ3ovOVJ5ZThodEtNbmVlOTJ1NThSQW9NMDRnTy9xeFA2dHBCaGNJZ2FpYVlCNzBtTHBtcEw1M3FWaG9IeTFCK1JOcDhSeTNLdUszMTViRWdZU2tjSDQ1QWJFZEx3cTJPTURhckEvdFNlNlphUzZCOTRtQnA5OG14aTB6MVZpZENxNmtVNWF6TVRveE1COE9zbFZZdmdWYzVpWWh4UFJURlFLQytKSUp3Ym0wMG1CN241aUJEcmFDUER0dWhUNldzbjhuWFpOektlVEFnZUpFV2p6SDRCY25kZ1pKY1d5dGcwMDBPbDUxRlBkeE4xTWpFQkhwd0hlM1Znb25WRXl2NmR0RXcyU3JhdFA0dUd5K1NvbUxIaWJlSXlOcGFLNDI2NkorblVwQTRHT2ZtVHdzbENLc1hZS0JOcThBckM4eWRwL2xSUXIydUgzdFJraTBQcjRkZTdzRmIvbldjTHgzb0N2VFVSQVg1V1k4SWZITXlNbE9mRFV0bEJRTWIrQmNjQUtUeml1Q3VLZ0ZUWjVUdW1KVlRIbFJzSDRvWnBxd0ZRb1JUNWxJTkNHNjFMRHhER05YTm5hZDc5WkliOWlOaE9qcGRkbEptd0pDK0pHTSs2Zi9wcjYwdk40RkdCUmkxVlNWSnYvZmdKekRTUk8rUUdZUnNLaW1GaW9VS0ROQ3dBcm00bXB1LzVTU2ZIWlFtdjhzaGtBOFNpQnZxakhXUm1ZWGZTY2lFZkdDdjFobzJJdDNUcHpkK0M4dDlKUVpkSm5wbEVBbnplcTI0cUI2bnBtL2lVczl2OWVTK2JyQ1VISVRiYlkrUlNjTWRNZnlnR1Q0aTFQN2lLaWN3dnh0bXhnbHV4WEpjV3hkOFNCTms4QXJPckVBSUNuU29yVk5aeUhBQnh0eHRtdWdZVDNwSkppLzVBMnB4aG8rNkZVSzVDQTAyTlM3QTIwT1FGZ1h6UHh5ZlZPRENReGRvbUFiVGFGYkRHdGNuWmt3RmFVUzF4bXdHVjNiYml6Q2RoMHlTVW1tNERMN3Rwd1p4T3c2WkpMVERZQmw5MjE0YzRtWU5NbGw1aHNBaTY3YThPZFRjQ21TeTR4MlFSY2R0ZUcrNU9jd0VNQWEyM2Nmd1NZUjBxS2RZbU8vejh0VnN3Rk1MWi9CT0thU3lCY1ZBV3hJMlhBcjBRN2lUbjE1YTA1MDRkQk1OR3VzSkEvbnpLUS9QRXIwVTFpL3ViRHlMS3J5a1Mzd2tKKzB6djBuQk9hb0JKZHh1enBvaDNsSXFLSVNxcVEvN20yWXNNakpyOXN0cE9INzhIVUIvQ2FSWlRZb0JROUJ2RVV4L2d6TElxTDlZQTNYZ3luWThmWWRVUUFBQUFBU1VWT1JLNUNZSUk9&b=29);
}

.footer .on .icon.icon-topic {
    background-image: url(browse.php?u=Oi8vbWFyaW9sYWJpYWxvbGVja2EuY29tL3N0YXRpYy9kb3dubG9hZDEvY3NzL2RhdGE6aW1hZ2UvcG5nO2Jhc2U2NCxpVkJPUncwS0dnb0FBQUFOU1VoRVVnQUFBQ0FBQUFBZ0NBWUFBQUJ6ZW5yMEFBQUJSVWxFUVZSWVIyTmtHR0RBT01EMk00dzZZRFFFc0laQTZMWkRvcURFdWRyTDdqV3RFeW1HQTRLMkhVMWpaR0NZeWNEQThQby9BMFBuT2kvcjNwRE5oeDMrTXpQWFUrcVl0VjVXanVobVlEZ2dlTnZSL3doRmpBZEFtaUFPWU5wUHVRT3NNZXpERndJTS94a1kwdGQ1V2MraWF3aUFmQm02N1lRV3c3L2ZuS3Q5Yk05UzZtdEMra2V6NGVBTGdhQXRoNVVZR0ptS0daa1lIelArK1h0aWphL3RBVkFpSkJTWHhNaUR6Q0tZRFlPMkhsbkZ5TWdZQ2xMNC96L0RuSFhlMXFsMHpZYkIyNDd0WjJENEQvYngvOE0wOVo1VzJmVDFRRWdpMEdoQUE2cS84cjF2blkzcU5yRkJBVGw5UlVNL2h5QVRWOVI0eFoyS3ZqemNla1YvdGFQU1hHQUVyVllOYUcyNC9HTVB4bm1NYkF3TURMeE1Dc3Zkckw0aHBkS3lQVWJQaXZjWjIzYlFOZHMySHdRSWNBdURvZXlEUkFhYUlpVmY5b09UQWFBZ01lQWdDTVNvY2hoVC9VaHdBQUFBQkpSVTVFcmtKZ2dnPT0%3D&b=29);
}

/* pagination */
.pagination {
    display: flex;
    justify-content: space-between;
    margin: 0 10px 20px;
    overflow: hidden;
    flex-wrap: wrap;
}

.pagination li {
    display: block;
    height: 35px;
    padding: 0 10px;
    line-height: 35px;
    border: 1px solid #dbe1ec;
    border-radius: 2px;
    text-align: center;
    font-size: 15px;
    margin: 10px 5px 0 0;
    background-color: #ffffff;
}

.pagination .empty {
    color: #bbb;
}

.pagination .active {
    background: #53b6c5;
    color: #fff;
    border: 1px solid #53b6c5;
}
.com-module {
    background-color: #fff;
    margin-top: .2rem;
}
.com-module .module-title {
    position: relative;
    margin: 0 .3rem;
    height: .9rem;
}
.com-module .module-title h2 {
    font-weight: 700;
    font-size: .32rem;
    line-height: .9rem;
}
.com-module .module-title h2:before {
    display: inline-block;
    content: "";
    width: .28rem;
    height: .36rem;
    background: url(browse.php?u=Oi8vbWFyaW9sYWJpYWxvbGVja2EuY29tL3N0YXRpYy9kb3dubG9hZDEvaW1nL3RpdGxlLWljb24ucG5n&b=29) no-repeat 50%;
    background-size: 100% 100%;
    vertical-align: middle;
    margin: -.04rem .12rem 0 0;
}
.com-module .view-more {
    position: absolute;
    top: .3rem;
    right: .3rem;
    text-align: right;
    font-size: .24rem;
    width: .6rem;
    height: .33rem;
    line-height: .33rem;
    color: #666;
}
.com-module .mo-c {
    position: relative;
    padding: 0 .3rem;
}
.game-item {
    position: relative;
    display: block;
    border: 1px solid transparent;
    border-bottom: 1px solid #ededed;
}

	.game-item.hori .game-inner {
     position: relative;
    padding: .3rem 0;
}
.game-item.hori .game-icon {
    position: absolute;
    left: 0;
}
.game-item .game-icon img {
    width: 100%;
    height: 100%;
    border-radius: .2rem;
}

element.style {
}
.game-item.hori .game-detail {
    height: 1.2rem;
    margin: 0 1.12rem 0 1.2rem;
    padding: 0 .4rem 0 .2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.game-item.hori .game-name {
    font-size: .3rem;
    line-height: .42rem;
}
.game-item.hori .game-info, .game-item.hori .game-one-word {
    margin-top: .06rem;
}
.game-item .game-info, .game-item .game-one-word {
    color: #999;
    font-size: .2rem;
    height: .28rem;
    padding-top: .03rem;
}
.game-item.hori .down-btn {
    position: absolute;
    right: 0;
    top: -24px;
    bottom: 0;
    margin: auto;
}