@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: #f5f5f5;
    overflow: hidden;
}

.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(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAACvUlEQVRYR+2WsWsUQRTGv7cBuRQWHqgItiKIgoWdjSBiIxZqIQmeMYohcDNzG4TkULkIShICye7M5Ro10RRB0ErsImhlZSEi/gWiqKCFhEBM5skct7JecpfbzcU02eq42Tffb7733rwlbPFDW6yPDQFMTU0dXVpagu/779IeJDWAMeY4M884YWbuUUq9SQORCsAYc5qZp5n5mxMloj2e5/Xk8/n5pBCJAbTW5wDMMPN7AL01wWnP845Yay8TkXOiClb/MPMdpdRw/P9EAOVy+ZK11tk+v7Ky0uv7/he32eTk5L6Ojo5pAKeIKAfggLX2n72JqLQhAK11P4AKgGeLi4u9g4ODv+InGRsb29nZ2ekgLgC4LqW8H1/XWnNqAGPMDWYeB/BISuls5wa5Jq21g+gB4Espg+i91ABhGA47+wCUpZSilSLTWhsAeQC3pZR3XUwqgDAMx4nInX5UKVVsRTx6JwzDESIaimITA2itXb77mfmWUupeEvEYxE0icg6UiWhECPG5fp81u0Br/RhAjogKQogwjXgUY4xRzOxqwdXPlaYApVJpRzabnSOi80R0TQjxcCPiMYirzPyAmZ9mMpnuvr6+39HaXwcqlcqu5eXlOQAnmTmnlHrSDvFYOi4S0SyAlwsLC93FYvFn9RatVeh+AE78sLU2VygUXrRTPNorCIIznuc5iA8AuqSUnygIgoOe5znbd7u8CyFeb4Z4LB0nAMwy83drbZe7OF4R0d6a+Fut9SEAo1LKs+0E0Vo/BzAkpfxojDlWg/haTcHExER2YGDgh/sdXTxSykRzYj3Y+nsg0lwl8r8AVnVBrFqrV+9mO5AawDnUzO76eZ94GK2XApfLZgCNnGt5FrQCsNZcTxuXuAgbnWQbYNuBtjtARNV+b/XzOgJIGtewC5r1erM2TBrX1oGz3kBaa/0PFgITiyvrLIQAAAAASUVORK5CYII=);
}

.footer .icon.icon-game {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAEc0lEQVRYR+2XXWhcVRDH/3PuzW7Ej0L9qKX4QSgoVVtLGlKQan2okAerglaofVDR7sPumc1GakSQNqAPMXFz77lG3Ir0KaIpKrSiUAQbtVpB0zTQglolYqyVkioIMWt278gJe5ebdTexrdCX5CWX8zHzO3P+M3OWcIn/6BL7xxLAUgQaRsD3/duVUltEpM0KVUS+a25uLqRSqV8XEm6hUFg5MzOTIqI7AJwDcCSZTA6nUqnpevvqAgwMDGx2XfdNEWmpbBoHsBbAb0T0FoB3p6enx7u7u/+084ODg1eUSqW1SqmHRWQ7gBUAzgCYAXAzgC8AZJj5WC3EvwCCINgqIsMAkkTEs7OzQ11dXec8z2tzHOcpEdkZM/ItEZVE5LbY2EGl1N5MJvOBHfM8r91xHHuYm4joMa31gThEPYAREbmbiLZprffXEvu+32rDKyKriahFRJYR0QkROUVEPzLzx7V7jDFriMgeakprfU9DgCAIsiLiiUhPNpvdE1/Y19d3ueu6bblc7vCFFC/f93cSUYGIOrXWfmSjGgF7j2EYnhQRJ5lMbqgVmzHmGQD95XJ5fS6XG1sIore398pEItFaC2uM+ZqIrkskErdGoqwCGGM2Afi03umtM9/39xDR7nK5fO9iUTDGPA5gHxH1a613RbDGGPv9slKqNZPJjNrxKkAQBFpEDIAdzDwUbbIZYb+VUpsjgMrcRC6Xm6inEZsFRLRLREbCMDzsOM4JZj4bBEGHiHwY91EF8H1/iIi2h2G4sbOz8ytr2Dp3HOeTBuE+zcyr4nNWbACsIF/LZrPpKGoisj+bzW7L5/PLXdedAvAiM78wLwLGmJ8A3Fgqla62aRcZtkaqgiHaDSAS4QQzP1EDcC0Am3Kj9uRKqV+I6BUAI8xs/8MY8z2AMWZ+pApQKBSaisXi3wB+Z+bl9U58PhqI1gI4yMxb4/Z83z9ERMuYuT0OsKxYLP4B4Btm3nCxAPYqREQrpY5rrV+vidL7ANYx81yVndOArd/FYvF0dFeNUsxqYrEMWKxGVLR2PzNfVQXI5/OrXde1d9PLzM81MtLf339NU1PTJqXUijAMr4+vU0pZDZ3RWn+0EIQxZi+Ap6empi7r6emZmYuA53m2kRyP1FvPgDHmSQDPArhlkVMeIaJAa/1OAzsDADoB3MDMk3MAxpiNAL4EcICZH6jdaIx5G8CjAOw1vQFgMgzDU/F1juO0EFF71KwaXacx5iUAzzuOsz6dTo9FEWhXSh0FMM7M6+KGgyB4T0QeshXyv7wHbLMC0E1ENs2GmHlHHRE+WC6XbakenQPI5/OrXNedBPBXuVxeYytc1MFsq21Unhe6Ct/3hy1EfG+lEP1g3wnMvLK2EH0O4C4AVkS2EHUAWH4hzmNFbA6iYtN+2257J4BXmVnPA6g8RPZZpxUDZyuinNeWF0uz2vkoEtG4fTsopTrS6fTP8wBi2bCFiI4lEonPUqnU7Pk6rLfe8zzbnO4joiYAR5n5ZBXo/3BwMTaWfhcsReAfEnQlP+TCB64AAAAASUVORK5CYII=);
}

.footer .icon.icon-soft {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAADJklEQVRoQ+1ZPYxMURT+ztuOSohCIkj8xU9YNIIgEjQKBRsJ4id0O+/cmcZGZCVEKGbuubuVEBIUKEWDgoTYgrUR4i8iKBAFlYxm35ErM8lmzczOvGfeRLzXTDH3nPN95/vuz7uP8I8/9I/jR0ag0wr+Xwrk8/lDURR1E9HCdndeVV8FQTBSKpXONarVtALMfAvA5nYDr5H/tohsqVe3KQLGmP2qekFV7xBRv4gMtZtIPp/fEUXRdV+HiA5Yay/WqtkUgTAMnxBRd1dX16pisTjcbvDV/LlcbmUQBI9VdcQ5tyI2AWb+AeCtiCwbn6S3t3fR4ODgi6SkCoXCrGKx+GF8HmZ+CmCuiExOQkAB3BORjWOThGF4kIjOR1G0amBgILYyzHwFwBoRmVODwF0AG0SkpluashAz1yPQQ0RXAewVkctxVWDmjwB+isj8VAkUCoWFo6OjL1X1lHPuaBwCzLwawEMA10WkJ1UCvhgzfwEwJCLb4xAwxhhVLanqEefcmU4QuAFgG4BDInK+FRJ9fX1Ty+XyCICZRLTFWns7dQLGmM2q6je5sohMaoUAM18DsFNVjznnTtaKZeb2TeJqwTAMLxPRbm8lItpkrS1PRISZ/ca0T1VfOOcW1xufCoHKXPArlX9UVXc553x3/3iMMVtVdQDAvMqfM0Tkc8cJVEgcBnC2AuYNgBEi8seOd36dV9U1/tefDgA8IqKt1tpvjdRKTYEqiFwutyQIghMA1gKYNh4cEfmd9aq19vRENqs0pf1zoB4QT4aIlhPRdFV9HATB84k6nvoq1EwXk4xJ3UJJwHZsGf3boMfmyxQYs8b/cZxuZ+eruTMFMgUS+iyzUGahzEIpvNAkbHLD8GwSZ5M4ob8yC1Us9BXAdxFZkLChLYcz82sAU0Rkeq3gZu9G7/t33CAItpVKpZsto4gZwMz9AI4DeCAi65IQ2APgEoBPqipE9CgmplbC1lfA+5i6l8dNKeAzGGP8DVrNu55WULU6loh6rLW/v9TEVqAaaIxZqqorAcxuFUiM8e+JaNha+6xRbNMKxACQSkhGIJU2NyiSKdBpBX4BPdf8QFIHbvoAAAAASUVORK5CYII=);
}

.footer .icon.icon-rank {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAC60lEQVRYR+1XPWgUQRT+3h56pPCn8KfRRrGwEQtrTfAvdgoKGkFMYjzw3DcJCpd06ZKAksyMV5w/UYSoYEA7IypGawuxsRBttPGn8KcIp9yOzDEbLpu73O4mFkK2WXbee9/75v3MmyWkfKSUg57nHbXmQRBMCiEG00BRGiNro5R6DqDV2U8zc1sarP+XwJKlYKmA4oY/6o8Wk0ut9UHr2Pf9x3EJRP2lJiCl7CCiCevYGHNSCHEnDol5BNKkQCm1GsCPiMM1zPyzGYl5KWhmUE+utX5vjNlSKyOiD77vb02KV23D0dHR1kwmY/t6cmZmpqtQKPxqBKS1Lhljzjr5bfc+Zd9EdNX3/Vwj25GRkVUtLS3jAA4AOMfME1UCkbw8y2Qynfl8/mMUSGt92BjzwK1/IqLdrgZeAtjkSBzxff9h1LZYLG6uVCo3AeytPbzqEbDyV0EQdPf29r4JgUql0opyufw7/DbG9AghrttvKeUZIroWyrLZ7MpcLvcn/B4bG9vhed4NALtqiFVPz0YErN47AD3M/MJF6QmAfQ7gLjN31O5SKWW74IRbe8rM+53dHgCW3LZIVOoTIKJ7xpjjTvlLEAQ9nudtBzAcrjHzxnp5Vkp9BrDByfqDIHjreZ51Xl2LYNcnwMyktR4yxvQ7oDKAbOiQiNobHTz2YDLGTNWQm7UlomHf9weUUmbBGrAEXF7zRHSldqfNqtzqRrqkam6MOS+EKLqUxCPglE8DsJVrQb4JIdbXC310TUr5lYjWufVOZr4V6sSOQGjgWk8knfe2tYlIRlsyMYE4O06is0xgOQJNIwBgOklRpdCdc5NeaBakwE5k0nQYJUJLodx4FqQAi23StAbCWRAbMaFiIwKXAFywWJVKpa2vr++fFGLN1c+6uszMF8PJ105Ej9xmvgN4nXBjcdV3AljrhtshIcTU7L+hUspembriIi1Sb5yZuy3GnJ9TKeUQER0DkPh6HZOQvc7fF0IMhPp/AZ6atIDsBCjLAAAAAElFTkSuQmCC);
}

.footer .icon.icon-topic {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABMUlEQVRYR+1VrU7EQBCe7SoEEoVDwkvAQ+CwQBqSmbQYHCARtNlpQgPhCXgJTmKwSAxB8Qpthgw5Qa4X2kvL7omtWdH5+eab79s1EPgzgftDBBAZWMoAM2+pOBHx679F2gHgnDsxxtwDgDa/QcTbsiz3rbWXY8Eg4sFijQ4AZpZfQTNNmgN4ngBAp99fDICInBLRg1cGdEpm3hWRDSJ6HTt1X3604foxUBTFjrX2PEmSj6ZpXrIsm6kI+3Y55L/W6rWhc+7JGHM4D3xExGOvNmRm9fvPxCJyR0RnXgFoY2VBz7ZtL/I8f/e6giG7nDJm/Vww5XRDai1loK7r7TRNP4cUGBvTAVBV1ZGqHwA2AWAPEd+8PkYLNrwmoiuvNgzOgO40qAbGimrV/HgPRAaCM/ANOYWEId6wYYoAAAAASUVORK5CYII=);
}

.footer .on .icon.icon-home {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAADQUlEQVRoQ+2ZP2gTYRTA37vGtIh/QAQVFIpLBwcdImqSQhWiTUL/JJdU6+LgUJ0cnJxMN8Glozg5CBXTC2LNXYZqWppLrdhBSsFBFIqog4MVFJu29+RSm7bp/W2+Syxcxtx33/v93nvc9913CDv8hzucH1yBRlfQsQokpUKbQvgYEEvAwXXhkv+9E7KOCMRfTB5HjhMA4FQZGuEdV8JEusf/gbUEc4GeZxPHPF6PCn96IywhzjR5vPF0yDfPUoKpQP/Y60OlkiIAUEAbkqaJa4llOn1fWUkwE0jmigcURYXHDmM4kr0rLb3DXb7vLCSYCCTzc3uUPz+eA8F5S1CI45zH25sO+RbWxvfn3x5c/LXYhxwmkWgIvc3jG6/rzVuzQFgUm3fjfsky/BoJ4lhp2dsz2uX7rf7F54q3QKGhCijRPSEavGOWkJoEUqkUN3smNGYb/h8VIuY+zc92zwwMLPGirD5m29aB6ZsQCR5xVICX5FfbhV8Hw1Eh4u/mRZmqYYVIwDTBpgP0MsAGvlKKDBDF6ybAFN6gRxypQL3gVS/mAvWEZy5Qb3imAo2AZybQKPjVXSw+FcL+y0ZrgeFjlJeKeSAy2duYLTU1XjeR0BXgRflN9Za4RpTt324goSnAi8WC/pZ4+xw13pkWIoG+6jm2CMRF+SUCXKgxmFO3b5HYJMCLchYAIk5FZzTvJomKQEIsZAgwxiiI09NUJMoCCUm+QgTD7KLiAgDlAegzELcESEeBoBMQ9jKLQXRTiAYflAWS2fxhAu8NrckJ4a7NoCKs4G2ha/MxSiw3fbJJWb5PACE78yHBoNZ4zy56+ORi8IvhOhDPTqYQOTsCP4Ejv9AZnNMKyucKJ0DBIgDssypBpAxmou0pvfFMBdRsjUQDusHK7ZqVU3aqWlcBIOWsEG2fNspuQprsIOLy/2UFrOzfVXCt10c9obpWwBXQKINbATuPUbeF3BaqyoDdldhtIbeFqltIKsaQKGN12XeihQDxqhD26271TQ93ebH4CICuWZFgLUAAE5lIwPBUxFRABe+Vplo9AK1mEiPhc+NmY1ZfoKZMj2pwafljurvd9IOgJQErUI0a4wo0KvNrcXd8Bf4Cja2nQCafdyQAAAAASUVORK5CYII=);
}

.footer .on .icon.icon-game {
    background-image: url(data:image/png;base64,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);
}

.footer .on .icon.icon-soft {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjQwN0YyN0EwRTExQjExRUE5NEM5QzlBRTREMkRDRjhBIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjQwN0YyN0ExRTExQjExRUE5NEM5QzlBRTREMkRDRjhBIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NDA3RjI3OUVFMTFCMTFFQTk0QzlDOUFFNEQyRENGOEEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NDA3RjI3OUZFMTFCMTFFQTk0QzlDOUFFNEQyRENGOEEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6Pvh09AAACPklEQVR42mL8//8/w1AGTAxDHIx6YKABCz7JkO3HBoUj13haURwDqkC8Fog/AvF/GuOPULtUKY4BKFAH4hNALECnAOcD4iAgdgJiCyC+SWkeaKOj45GBANRuijOxywAmfzdqeIAPl4QMDxdVXCnKyY5LiodmxaizjDjDBFsDBiV+Hoocn6+vytBorkP/euDH379gWpaHkyIPaArxMfz995/+Hnjw6SuYluYm3wNqArwMIhzsDPc/faG/B55+/c7w4edvivIByAMgcA8aGHRvStz5+JnBTFyIwVlWnGS9vKwsDD6KkmD2/YHywPaHL8B0sqYiyXpTtZXAyWfFrUcMF998GBgPgCw+9Ow1AxszE0ObpS6YJgZk66kwWEmKMDz58o1hzd0nA9sanXTxNjw9L3WzYLAGOgwXMBQVYJhsZ8TgKC0G5jeeukZxHcKIr0cGbY0SVca5AvNBuo4ymP0MmMFB6frWh88ML7/9ZNAQ5AVjdUE+BkZw3vnC0HL6GsOX33+IciO+1igLA5XA7scvGW4CHRyhKsegCXQsKCbQY+PB568MR5+9YVh/7yl9+gOkgkefvzF0nbsBZsvxcjEo8HIz8LOzMtwFhjhIjsgQHzgPoHsGhEe7lKMeGPXAqAdGPTDqgVEPjHpg1AOjHhj1wKgHRj1AgQc+DaD7vlDDA3sG0AO7qOGBaiD+MACO/wC1m2IPgIYZQHNV64D4Mx0c/hlqlwXUbryA2FEJ0ERb8GDMxIyjayVGPTDCPQAQYACgxLIxgxZOvwAAAABJRU5ErkJggg==);
}

.footer .on .icon.icon-rank {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAADeklEQVRoQ+1ZPWwURxh93x4NNESRoKKAJlKgCQlg+8ZxG98cUZJdOw2CzpCCP0FJJIQEZRC/EsEdiIbzLIqSm3Na41mbf5qARAMFFQgEDaGI90N7GHJ7PvvmfsZgtNed9s373vu+nberHYKj3/B4tCWOcSqh9zzsLQ3mr7soRS5Ih/X0+hgz/9Rye8htKMnee92u58RAoM04gO/qxP6tpBhcIgaiaYB70mLpmpL53qVhoHy1B+RNp8Ry3KuK315bEgYSkcH45AbEdLwq2OMDarA/tSe6ZaS6B94mBp98mxi0z1VidCq6kU5azMToxMB8OslVYvgVc5iYhxPRTFQKC+JIJwbm00mB7n5iBDraCPDtuhT6Wsn8nXZNzKeTAgeJEWjzH4BcndgZJcWytg000Ol51FPdxN1MjEBHpwHe3VgonVEyv6dtEw2SratP4uGy+SomLHibeIyNpaK4266J+nUpA4GOfmTwslCKsXYKBNq8ArC8ydp/lRQr2uH3tRki0Pr4de7sFb/nWcLx3oCvTURAX5WY8IfHMyMlOfDUtlBQMb+BccAKTziuCuKgFTZ5TumJVTHlRsH4oZpqwFQoRT5lINCG61LDxDGNXNnad79ZIb9iNhOjpddlJmwJC+JGM+6f/pr60vN4FGBRi1VSVJv/fgJzDSRO+QGYRsKimFioUKDNCwArm4mpu/5SSfHZQmv8shkA8SiBvqjHWRmYXfSciEfGCv1ho2It3Tpzd+C8t9JQZdJnplEAnzeq24qB6npm/iUs9v9eS+brCUHITbbY+RScMdMfygGT4i1P7iKicwvxtmxgluxXJcWxd8SBNk8ArOrEAICnSorVNZyHABxtxtmugYT3pJJi/5A2pxho+6FUK5CA02NS7A20OQFgXzPxyfVODCQxdomAbTaFbDGtcnZkwFaUS1xmwGV3bbizCdh0ySUmm4DL7tpwZxOw6ZJLTDYBl9214c4mYNMll5hsAi67a8OdTcCmSy4x2QRcdteG+5OcwEMAa23cfwSYR0qKdYmO/z8tVswFMLZ/BOKaSyBcVAWxI2XAr0Q7iTn15a0504dBMNGusJA/nzKQ/PEr0U1i/ubDyLKrykS3wkJ+0zv0nBOaoBJdxuzpoh3lIqKISqqQ/7m2YsMjJr9stpOH78HUB/CaRZTYoBQ9BvEUx/gzLIqL9YA3XgynY8fYdUQAAAAASUVORK5CYII=);
}

.footer .on .icon.icon-topic {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABRUlEQVRYR2NkGGDAOMD2M4w6YDQEsIZA6LZDoqDEudrL7jWtEymGA4K2HU1jZGCYycDA8Po/A0PnOi/r3pDNhx3+MzPXU+qYtV5WjuhmYDggeNvR/whFjAdAmiAOYNpPuQOsMezDFwIM/xkY0td5Wc+iawiAfBm67YQWw7/fnKt9bM9S6mtC+kez4eALgaAth5UYGJmKGZkYHzP++Xtija/tAVAiJBSXxMiDzCKYDYO2HlnFyMgYClL4/z/DnHXe1ql0zYbB247tZ2D4D/bx//8M09Z5W2fT1QEgi0GhAA6q//8r1vnY3qNrFBATl9RUM/hyATV9R4xZ2KvjzcekV/taPSXGAErVYNaG24/GMPxnmMbAwMDLxMCsvdrL4hpdKyPUbPivcZ23bQNds2HwQIcAuDoeyDRAaaIiVf9oOTAaAgMeAgCMSochhT/UhwAAAABJRU5ErkJggg==);
}

/* 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;
}