.clearfix::before, .clearfix::after {
    content: "";
    display: table;
}

.clearfix::after {
    clear: both;
}

*, *::before, *::after {
    box-sizing: border-box;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
}


html, body {
    font-family: "PingFang SC Medium", "Microsoft YaHei", SimSun, Tahoma, Verdana, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
}

html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
}


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

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    line-height: 1.4em;
}

h1 {
    font-size: 2em;
}

h2 {
    font-size: 1.4em;
}

h3 {
    font-size: 1.2em;
}

h4, h5, h6 {
    font-size: 1em;
}

a {
    text-decoration: none;
    background-color: transparent; /* 1 */
    -webkit-text-decoration-skip: objects; /* 2 */
    -webkit-touch-callout: none; /* 3 */
    color: inherit;
}

img {
    max-width: 100%;
    -webkit-touch-callout: none;
}


ol, ul {
    list-style: none;
}


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

div {
    border: none;
    box-shadow: none;
}

/* Add the correct display in IE 9-.*/
article, aside, footer, header, nav, section {
    display: block;
}


code, kbd, pre, samp, tt {
    font-family: "PingFang SC Medium", "Courier New", monospace, Courier;
}

/** 1. Remove the bottom border in Chrome 57- and Firefox 39-. 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */
abbr[title] {
    border-bottom: none; /* 1 */
    text-decoration: underline; /* 2 */
}

/* reset the correct font weight in Chrome, Edge, and Safari. */
b, strong {
    font-weight: bolder;
}

/* Add the correct background and color in IE 9-.*/
mark {
    background-color: #ff0;
    color: #000;
}

/* Add the correct font size in all browsers.*/
small {
    font-size: 80%;
}

/** Prevent `sub` and `sup` elements from affecting the line height in all browsers. */
sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

/** Add the correct display in IE 9-. */
audio, video {
    display: inline-block;
}

/* Hide the overflow in IE. */
svg:not(:root) {
    overflow: hidden;
}

/* Add the correct display in IE 9-. */
canvas {
    display: inline-block;
}

/* Add the correct display in IE. */
template {
    display: none;
}

/* Add the correct display in IE 10-.*/
[hidden] {
    display: none;
}

/* Correct the padding in Firefox. */
fieldset {
    padding: 0.35em 0.75em 0.625em;
}

/** 1. Add the correct display in IE 9-. 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. */
progress {
    display: inline-block; /* 1 */
    vertical-align: baseline; /* 2 */
}

/* ------------------Form------------------ */
/** 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` controls in Android 4. 2. Correct the inability to style clickable types in iOS and Safari. */
button, html [type="button"], [type="reset"], [type="submit"] {
    -webkit-appearance: button; /* 2 */
}

    /* Remove the inner border and padding in Firefox. */
    button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
        border-style: none;
        padding: 0;
    }

    /* Restore the focus styles unset by the previous rule. */
    button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
        outline: 1px dotted ButtonText;
    }

/** 1. Add the correct box sizing in IE 10-. 2. Remove the padding in IE 10-. */
[type="checkbox"], [type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

/* Correct the cursor style of increment and decrement buttons in Chrome. */
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
    height: auto;
}

/* ???chrome???????????????? */
input, textarea {
    outline: none;
}


    input:-webkit-autofill {
        -webkit-box-shadow: 0 0 0 30px white inset;
    }


    input::-moz-placeholder, textarea::-moz-placeholder {
        color: #cccccc;
    }

    input:-ms-input-placeholder, textarea:-ms-input-placeholder {
        color: #cccccc;
    }

    input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
        color: #cccccc;
    }


i, em {
    font-style: normal;
}

.g-hd, .m-i-cate, .g-title, .m-art-list .l-a, .m-art-list .info, .m-art-list .detail, .m-mg-tab, .m-app-tab .inner, .m-app-cate-list .item, .m-app-rank a, .m-app-pos .info, .m-app-art .tab ul, .m-news-list .imgs, .m-news-list .inner, .m-n-list .item, .m-n-list .detail, .m-wg-rec, .m-rank-tab .inner, .m-zt-t-img .title, .m-guide-list .imgs, .m-guide-list .inner, .m-guide-list .inner .detail, .m-guide-nav .inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.ellipsis, .m-i-p-app p, .m-f-links span, .m-sub-app p, .m-app-rank .title, .m-app-pos .detail span, .m-read-about li a, .m-news-txt, .m-news-list .multi .title, .m-wg-rec .title, .m-sub-cate a, .m-zt-list .list p, .m-s-nec .n-l p, .m-zt-t-img .txt {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.full-width {
    width: 100%;
}

.word-break {
    white-space: normal;
    word-wrap: break-word;
    word-break: break-all;
}

.ta-l {
    text-align: left;
}

.ta-r {
    text-align: right;
}

.ta-c {
    text-align: center;
}

.ovh {
    overflow: hidden;
}

.align-center {
    align-items: center;
}

.j-c {
    justify-content: center;
}

.j-sb {
    justify-content: space-between;
}


html {
    font-size: 20vw;
}

@media screen and (max-width: 320px) {
    html {
        font-size: 64px;
    }
}

@media screen and (min-width: 540px) {
    html {
        font-size: 108px;
    }
}

body {
    max-width: 540px;
    min-width: 320px;
}

body {
    margin: 0 auto;
    font-family: "PingFang SC Medium", "Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif;
    line-height: 1.5;
    font-size: 14px;
    color: #333;
    background: #f5f6f8;
    overflow-x: hidden;
}

.modal-open {
    position: fixed;
    width: 100%;
}

.c-bb, .m-guide-nav {
    position: relative;
    z-index: 1;
}

    .c-bb:after, .m-guide-nav:after {
        content: '';
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 2;
        pointer-events: none;
        border-style: solid;
        border-color: #ededed;
        border-width: 0 0 1px 0;
    }

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    .c-bb:after, .m-guide-nav:after {
        width: 200%;
        height: 200%;
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
    }
}

.c-tb, .p-app-art .c-sect, .m-app-art .tab, .m-news-txt, .m-news-list, .m-news-art, .m-xzh, .p-news-art .c-sect {
    position: relative;
    z-index: 1;
}

    .c-tb:after, .p-app-art .c-sect:after, .m-app-art .tab:after, .m-news-txt:after, .m-news-list:after, .m-news-art:after, .m-xzh:after, .p-news-art .c-sect:after {
        content: '';
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 2;
        pointer-events: none;
        border-style: solid;
        border-color: #ededed;
        border-width: 1px 0 1px 0;
    }

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    .c-tb:after, .p-app-art .c-sect:after, .m-app-art .tab:after, .m-news-txt:after, .m-news-list:after, .m-news-art:after, .m-xzh:after, .p-news-art .c-sect:after {
        width: 200%;
        height: 200%;
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
    }
}

.c-blue {
    color: #358ff0;
}

.c-l-gray {
    color: #999;
}

.m-art-cont {
    font-size: 0.2315rem;
    line-height: 0.4444rem;
    word-wrap: break-word;
    word-break: break-all;
}

    .m-art-cont p {
        text-align: justify;
        margin-top: 0.1389rem;
        margin-bottom: 0.1389rem;
    }

        .m-art-cont p img {
            margin-top: 0;
            margin-bottom: 0;
        }

    .m-art-cont .intro-tit {
        margin: 0.2778rem 0 0.1852rem;
        border-bottom: 2px solid #ededed;
    }

        .m-art-cont .intro-tit span {
            font-weight: bold;
            display: inline-block;
            margin-bottom: -2px;
            border-bottom: 2px solid #358ff0;
        }

    .m-art-cont img {
        vertical-align: top;
        margin: 0.0926rem auto;
    }

.g-star {
    display: inline-block;
    width: 0.9491rem;
    height: 0.1435rem;
    background: 0 0 url(../images/ui/c_star.png) no-repeat;
    background-size: 1.9444rem 0.1435rem;
}

    .g-star.star-0 {
        background-position: 100% 0;
    }

    .g-star.star-1 {
        background-position: 80% 0;
    }

    .g-star.star-2 {
        background-position: 60% 0;
    }

    .g-star.star-3 {
        background-position: 40% 0;
    }

    .g-star.star-4 {
        background-position: 20% 0;
    }

    .g-star.star-5 {
        background-position: 0 0;
    }

.ico-see, .m-art-list .detail i, .m-n-list i, .m-guide-list i {
    display: inline-block;
    width: 0.2315rem;
    height: 0.1389rem;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAeCAYAAABuUU38AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpkZTJmMDc3Ny02YmRiLTY2NDMtOWY0YS05ODg4NmU4ZjBiMjEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDlGRjlDRDlFQUVBMTFFN0JGQzBGQ0VBRDQyODU1RkUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDlGRjlDRDhFQUVBMTFFN0JGQzBGQ0VBRDQyODU1RkUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDphNDkzNDk0OC01ODhkLWMwNDYtODA1Ny1lNTkwM2JkNjJhMDAiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDpiZTE4Zjc3Yi1jZGM4LTExZTctOWJkYy04YWM5NWM4YzAwNWUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5b0XPbAAAFlklEQVR42sRYWU8eVRh+2Qo0Zd+XsspOwAhhkSbIEq+8MkYvcEnV2F6oiVFj1BjbxKUX9UJtYtUYrYZEq9H0BwABQuCCJSxlk032fYey4/Mc55AvFcvMQOubPJmZ7ztzzvvMedfjtL+/Lych5eXlD+FSCDwCJAKxgD/gbQxZBuaBQaAXaAVqysrKuk9ifafjEIHyubg8DTwFRNmc5i/gV+AXkGp8YESgvDsuzwKvAg/r3z09PSU4OFiCgoLE29tbvLy85NSpU+Lm5qb+397elq2tLVlZWZGlpSWZmZmR6elp2djYcJy+GbjGZUBq674QAQFq9BLwPhCplY+Pj5eoqCjx8/Oz9SVnZ2dleHhYBgcHHUkNAR8BN0Bo58SIgEQpLp8DqXwOCAiQ1NRUiYyMFGdn5xPxsb29PUXo9u3bsri4qH+mH70OMjXHIgICPgaBF/hMc8nKypKIiAi5X0J9RkZGpLm5WdbW1tRPwHXgbRBas0wEJPLogHRiFxcXtQNpaWnC+wchu7u7ancI7hbkT+BJkOkwTQQkLuLyBeBGMyooKFC7Ycdc7ty5cxAM7Jghzayurk6b2yrwPMj8cU8iIOCEy2fAG3xOTExUpmRVgfHxcenu7papqSn9NdUcISEhkpycLOHh4ZZ3p7GxUfr6+rSpXQaZy4cSAQnazLfAeS6am5srcXFxlhZkeK2vr5fR0dF/JndyEg8PD3XPiKTXYpDIz89X4dmK9Pb2KkLGPNeMQKAeXB3GfUkSrq6ucu7cOcsOvbOzI1VVVSqcUsH09HT1Idzd3dX/m5ubMjAwIB0dHYoox5aUlAjXMyu0kNOnT0ttbS13mnlsHXjnYEewG2/i/ionLSoqUonNqvBL9fT0KF8qLi6WM2fOHDpudXVVKisrVWJMSkqS7Oxsy2vRdKurq7XZXsSufO2SkJCQhYefacbcbjuhlcrRpGhKpaWlKrP/l3C3QkNDlb3Pz89LbGysZRPjxyIYpiGPt7e336IXX6WJpaSkSExMjK1QOTQ0pL5OdHS0+Pr6Hjnex8dHVQN8h+/aEepKU+O3AS45G9Wq+jJ2hX5BsbKbdHjHd+0IyyND8knkN961tbXZnpCOTKEjmhU9Vr9rRxx0/p1EPmDeYSShs9oRbeOscM2KHmvVP7R0dXXJ2NiYypnAJ87w+HF6vqqhUd9MTk5anlRnfSZAs6LH2qkYJiYmpKWlRT9eIAeVsnHDmuoKnY9hjb2CFaHjUvr7+03tCsdwLOXs2bOW1qJuNTU1Oilegu43VeXgMOY94Ced2Nj0mBXmHZYftPeGhga5V0XN/ziGY/kOYVaoE3WjjpCvHMuUAyJGqj8P3OQXq6ioUJnYrOTk5KhukD0FE97y8vK/xvA3/scxHMt3zIqe19hx7sJr96x+jZqL9f/LfGbpnpmZqZLdUTI3N6dMkxUvxwcGBh50jgsLCyrUcj1WwoWFhapBMyNIeAqGrt8ZfrFrth95F5ePOYbVal5enlLgKGFx2NraqlpXVq2Owl6G+SojI8PUXOvr68oM6dxG1cs2+4ouFK10iE/g8gO7WxZ/rIvMZn/aMW2ayui8QV8yWyQyGDQ1NWlTmuN5AQjcst2zgwxD0g3gMT6HhYWpHoVlxv0QnrCQgLELFPbrz4HE8EkcPtBBLgCfAr60f+4M218ztZXZTrCzs1PVXoZOi0YkvX6YKR3rXAuEAtmdAa/oXoaVLO2eucRKb6HNjxUso6NDImZs/Qb4EARMF2K2ThpBKBqXt4AXaf66leXhHPOCv7+/ytjsDh0P6BgI2IewfGdmZ3LTrbDRJH3PahwELJfExz0ypaM8QxsGHr0rwZo6nwDqgR+NI9Ol/+Xs9y5SQUZAYMuXBiQzNhg7tmscYrP2YW3CIx2e81ZB+ZmTWP9vAQYAm6LA8tS7W/YAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
}

.ico-cate, .h-soft {
    width: 0.3241rem;
    height: 0.3241rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABGCAYAAABxLuKEAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpkZTJmMDc3Ny02YmRiLTY2NDMtOWY0YS05ODg4NmU4ZjBiMjEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ODg3RTgzMzNEQUVGMTFFN0JGRjdBQTQ1RkRCRkNGRUQiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ODg3RTgzMzJEQUVGMTFFN0JGRjdBQTQ1RkRCRkNGRUQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0ZmE0NjM0ZC1hMTM5LWVmNDAtYjM4Mi03ZDg1NWU2NDQwNTciIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDpkMjhjMjYwNi1kYTVjLTExZTctOTdkMy1mZWVhNTg4ZDNiNDUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7Dtp2lAAAEVUlEQVR42uxcO0wVQRSdVUMCEbRAbYgdKoUUFmok0mCJnwgkJMZEQ9TETyVQaIuNIRYaQ6KhsKAwaiywhEY+QSwpUKg0Vu8ZokICksjzXrkbxnkz+3s7H97bm5yQt7sze/YwMztz9+x6hUKBZVEcOzIJ5LErQZnDgHZAC6AJUA/YA/gJ+A74BJgEvAN81sxfHxfsShHgAc4BJgHrMTBJ5byI53GGSxQijYCxmCREYPlDKYhijIsXMvh2AJ4DdqfQ7FcA1wBvEpY3yiVo8O0BjKREhFE9I1Rv3DDORdViLlLBnRoGzD+Ay4DXEY+3wkUmTCNgBlCr8W6yDDgJWAw5zhoXsSt5gCHNRBjVP0TnU7Zmm1xEYc4CWg3NoVrpfKqwykUUptfwBLM34T7tXPgxBmeRcxZm30cls1LrXPgW025pWSLrTta58MK0WCJzSrLNOhdemCZLZJoibjPKhRdmnyUy+yJuM8qFH3zXLaY/qoTf1rnwLeZXlp76Nwsu6kr5TBeWkwkzn+mypQEvzHSmy5YGvDCjmS5bGvDC4FR4toJFmeGXJuIi8mEFCzOoWkQyykmMAU5X2DxmAnAGUFAJg4FZsw8svfyq68JgYhwzeAv8RlkyHFN819lmPrTcA6/xhiiKShgMTA7fBmyUsSgbdI2vZDuDHp8MAy5RUyu3WKFrG1YdEPZQHx9InaDBqVxigsaUwAd/UdwOizRidwI+bmNBkHsXXctC2MFeAn8M5mMxBYhZtiOA/az0Rxxp35WWaUGIbocpmtHGcjt4mXEoeVfKhMkiEyY00rSauTT4lmw1izr4enQn6gcc36ZrpVnKHozyi8VShMFFJboBdD5gVwlTlbA+bMEHAMcAbYALXKt+D7gZNpcxaTUzKYwYNYA7gLuAvSyC1SxIGLRhPTU0QOsWxg8cDx8BumkReUu1XrJhNbMpjB99gAESxymrmW1hGN1IBphjVjMXAu9QL5mDVjMXAgfkPHPQamY7fgAeyK7dBauZrTHGj2rAV5rnOGU1sx2rgLfcUFLUlVpY5cY4/XXKauZCzIkauGA1cyG+iRq4bjWrMsjhv3O6YDVblmzzudQZ4lArcnHBapaTbPO5NBji0CByccFqNh+wrdkQh2aRiwtWs+mAbW2GOLSJXFx/yQJztwdpEqZz5vuFbSawpDNfG1azGSZPUvtccJp+VTOHKySKU1azwZC0AMY9Iq4jsN77Mi6iMJhBN+VsmGDBTlGfCz4bf6KJw2Oqv5iL4qXvpRJf+g7DUsQX1Hku/Sm+7c+oPiUXVaFOwKomUbDerhgX4HP5DehLSZQ+qk/JJahwD2AtZVHWqN64F8JzeQGoTyhIPZUP5RJWUUeK3WqJ6kv6X+a55Kgr1EQsW02tJBeVS9QPTYyXKMp4ih+94LnkAc8A3bSvjo6ro9/dtD8fl0vcT5NMxRQEjz+v6TMpWrmkaTUr2d6VILRxyaxmisiMQ4r4K8AA2kR2bpRSjxcAAAAASUVORK5CYII=) center no-repeat;
    background-size: 100%;
}

.ico-r-arrow, .g-title .more i {
    width: 0.1019rem;
    height: 0.2778rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAmCAYAAADAzmuWAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpkZTJmMDc3Ny02YmRiLTY2NDMtOWY0YS05ODg4NmU4ZjBiMjEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTJGNUI4MDZFNTU2MTFFN0EwRUJDQkU0QkVENjhGMjUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTJGNUI4MDVFNTU2MTFFN0EwRUJDQkU0QkVENjhGMjUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpiOTUxZTM3Zi05MDBjLTFhNDAtOWE1ZC1mODcyMTc1Mzk0YjEiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDoxMzg0MWE2NC1lMGIwLTExZTctOGQyYi1mMjgzNWYzMDViODkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6cPXASAAACG0lEQVR42qyXSSjEcRTH/9Zs2WULJTEhWYpElC1kTeEgB3KhlJNSzk5KOaBIOUjZsi/Z5SRyolwcHJyISCjL99X71/QaMm/m1ad/852ZT7/5L+/9xmV8ZtbNMIxKQMcV8Gk4oVzBGFgGi2AT+DhLXGf1ugRsAD9niE9EVsArD3BU3AbORZ4HtkCgI+J7UAxOxXs5YBcEa8VUj6DUxmnJZHmYVkz1BCrAsfhMOtgH4Vox1TMoB3siTwEHIEorpnoF1XzxrMvCK4/Rik053d/rIk/klcdpxVRvoB4siTweHPJRJab6AI1gTuRxvPJErdiUN4MZkcew3KIVG9zxWsCUyCNZnqoVm3J6/CdEHs63Z7pWbMo7wKjIw/gJzdKKqb5BJxgWOfWUHZCtFZvybjAo8kC+Pb20YrN6waXIIkC0I2IPMA2SRX4FbtyVUk8wC2pEfsut4Esj9gYL3AWt64YHBh0Ne8W+PNGLRH7Ng/jWDOwR+4M1kG/jnNJK7zQPSBDYtiG9AIVS+t8Vh7I0Q+RnoAw8aJpQBE8NKT3hn//w2xf/WnE0P/9JIqcmXwVeNI2eGvmRDekWbyBfNKMpgaVy9KyCWp6Hdg9TC//UWJHPgwbwrhn/ab/sHagfNPGIsnvDkslTQO52JkGrZjNO4ly++iHivRHQrt3hu/LfA7ldHQJd3NDV21i50gHQ44jUFB9YjZt+0OeM/yA/AgwAZEdrzpc7duQAAAAASUVORK5CYII=) center no-repeat;
    background-size: 100%;
}

.ico-i-txt, .m-news-list .multi .detail {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEEAAAAiCAYAAAAAl7SxAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpkZTJmMDc3Ny02YmRiLTY2NDMtOWY0YS05ODg4NmU4ZjBiMjEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUU4RkM4RkRFMEFDMTFFNzlBQ0JCNDM5RDNDRDU0OTQiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUU4RkM4RkNFMEFDMTFFNzlBQ0JCNDM5RDNDRDU0OTQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDplMGNiZmIzMC0zNWRmLTRmNDItOWI3My0wNmJmNjA3ZGVjN2EiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDo4MmQ3ODRhYS1jYWFlLTExZTctOTYxNi05MzdmZTBkNDA5OTAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7NxGdGAAADwklEQVR42uRZz4vTQBhNl8U9rIL1tiwodE+CF63iWWguiie1oH9AVo97ahBPItIIskdtz+JCwyL449RAjyI2N8FTcxC8WsH1oJf1fesLDLPTdpLGrrQfPLLNJpP53rzvxySlS9vfHdox4C5wGzgHHHfmz/aAT8AO8Bz4LSeX+M914APgAveBNaA0h1ijfy79XU9JEAW8BV4B14EeGXPmVAk9+rkLvANWhIRN4Cvw0FksewR8ATwh4Q7w1FlM2xb/hYQLQH9BSRC/zy8zJ/woatSPWycLGQdVq4xDGeMl2vkuDgHOR9r5Ks7FSrWzMfF7ZTnj3BoWk7cdK5JJj/m/OCtEbGjna0CoPVPm1cRRrk2yEp6VhCYwLGChy0zI40ioAwM45oGstsXitEU1GZVwYCXctM8aamP7nLxpUrco37aFWg7GUa/FuQoOLe3SKo+xpoRYWYwKEWn3hiPmecinpQKTTIsrnNcqdFAdIzaoJdLUmBgIqCoEFh4Ok+K3wfjUTaTqW47l60kvY0KVw+Bf5oRRCqgxhmPDinQmxP4oZ0zhMc5Cm1A02bThIA56lGMrLWlKWWtRBeEU4WFjmeRfpBIGDIGLXGkJgz5W0OfvDsvgpmV/EUmJ0/sC/HYtVNPVTm3MigRXq8kBf3cUedYzNlqJwcGGpWqSo1BCopXHBiUZpcqAAwOSI4QMc4wfWYZEkifvTEtClbmgxlUYsia7irO+NDokp4W/Y5IRZFCF68zA8pIQ0/m0IUmYBLtwtp1maR7bzPSebR+B65tTJDp3luGgP8xnWDTpRJCuOlfVz6i0akaJl/MSt1ygqoYsh22GgZBRs8nuo9RmuhdjCtGJvvniM1t5HlRE29xI9w1KPAsZp7jPKNqaDK3CbFoSykyOsgLfBFiRjihgVMkr4B2DabN0JIlRDQFXI8Rjgkw3O3k7RpN5JDf8n5SgEyIlUMpkSSGnY9nw6GMNDXsJGSeUt0iSA6iMcbvJmSfGQ21w3knpnSYJ6CtVyCOk/xiyVEs1cmf1UqUo2xy361N6ixpLX8JmLNFyRJqY1aYtyPAGbD+PEgLLNzaTNl+OocQ1tYYqbYeN7xjYnfrsTiu8v0EEtr2JkCDf4044dm+cfUo8GSNlmyzv640Q+4sypZ25svD6OsMhJWGSyffWPQmH987f73M9Z/HsCvBYqsNLYMtZTBO/d5YY36eBBwtGgPh7RiqMkPALuAbcAN5QIqtz6vgq/XsN3ASuiv9pdZCv0peBe8AT4OycEvET+Ay8AJ6xKDh/BBgAL0lzHWI4PYEAAAAASUVORK5CYII=) 0 center no-repeat;
}

.ico-gtop {
    width: 0.5556rem;
    height: 0.5556rem;
    background: rgba(0, 0, 0, 0.2) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAAAkCAYAAAA0EkzVAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpkZTJmMDc3Ny02YmRiLTY2NDMtOWY0YS05ODg4NmU4ZjBiMjEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RkIzRDU0MzRFMTY0MTFFN0E0MERGNTg4NDYxNzI5MzEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RkIzRDU0MzNFMTY0MTFFN0E0MERGNTg4NDYxNzI5MzEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1ZGZhOTBlNC00YjlhLTk3NGItYjM1OS01MGJiNTcxYzAyODMiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDo2NWMwNzU3YS1kNjZiLTExZTctOGY1OC05MjIwZTc2Yjg2MDgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4jcXeaAAADHklEQVR42uSaaW8NURjHZ1rF/S4S8U6E2CNijaAhgtKqfeui6rb2naqqVlu0SgQRxC4a6xfwBbzxTnwA1DL+R/8TJ8cz7fR27p3tSX5N5jx3JtNf5pwzz3Ov7TiOFYEoBVmgbmY/uB/2DdkREFMBDqh74bG6ob2gN81iTCmWJmcf6EmjmEpOG69wOL260yRmE2jw8TmHn7uaBjFeUt6DEjBRkNMIriRZzGZODzPegTKuNTc85Ki1qCuJYraCemH8LVgHvvI4A66DScJnD4KOJInZDuqE8TeU8s0YV3KugclhySmEGC8prynlu8d5g8k5DNrjLGYnqPWQotaU/iHOz/BdZoqQOwLa4ihmN6gWxl/xSen3eZ0Mt+upQu4ouBgnMVXEjD6wHvwY5vXGUs40IXcMtMZBTDWfFjNegvIcpPiRcwK0RFlMLdeVoKW4MYZypgu5U6A5imLquAOZ8QJsCECKG6MpZ4aQOw3ORUmMahNsE8afgY0BSnGjhHJmCrkzoCkKYur5VmvGU9ZFQUvR5aj6aZaQa6Kg0MRkWf+Y8YTj+ZKiy7kMZgu5Zq47BRfTwCfCjMdgSwGk6HI6wZwg5eQqxkvKI0r5WeBWxmByWrid512M6rpVekhR0+eXFU4oOZfAXCHXyhfBvIix2ROpEHIP+aSEJUWXo+qneUKujfVVoGJslvvlQu4Bt+qwpehyVP00fyRy/IhRUg6xxjHjHtgRISl+5LSzbTEiMTYNl8VIihujKGeBkOvgDMhJjM2yfq2Quwt2RViKG8WUs1DIdXLNHJYYm6v4GiF3hy2FqEvR5ahdaZGQ66Icx48YJeU4WC1c6DbbCnGRosu5ABYLOVVWNJpyTDFKykmwKkFSdDnnwRIh1239+1HBf2Jslu0rhRNvUcpvK95RzLbE0qHkuGJsVqMrhBNughppHsZYjqq+lwm5HmvgxwSOK8ardZA0Kbqcs2C5V8vCFfPRGujG66G+Kt2TQCm6HDVLSo3xz2BCEQ8+GcnehEuxuIlUcf3U48vfv+qJAeNBH/gAaoDN8TRQBLL835+DcWr8jwADAOgg5VyT7DQFAAAAAElFTkSuQmCC) center no-repeat;
    background-size: 0.3241rem 0.1667rem;
}

.ico-dl, .m-app-rank .btn {
    background: #358ff0 center url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAYAAADFeBvrAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpkZTJmMDc3Ny02YmRiLTY2NDMtOWY0YS05ODg4NmU4ZjBiMjEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTg1OENGNjhERUUwMTFFNzkxM0U5NEJFNzdBMjRCREEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTg1OENGNjdERUUwMTFFNzkxM0U5NEJFNzdBMjRCREEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowZDdhYzZkMi01N2FkLTU0NDgtOTNkYi0zZmM3MzE1YjRjNGMiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDo0OGM2MTY5YS1jYWFhLTExZTctOTYxNi05MzdmZTBkNDA5OTAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7NiDguAAACtElEQVR42uya3UtUQRiHPfmBCIVIH2RdBRVF0EU3eVGRElgoFYkUIkVfUCCKFWUflpGSJHhZV/0jgV1oF11UUGSEIZEtlfnRptKW0vob+C28DLu66ZlzzsY78CAzR515zjtnzju74yWTyTzH5QKoBH3goevOVjj+/6XgECjmz9JcFypcpJ5zQoEXFVIhFVIhFVIhFVIhFVIhFVIhFVIhFVIhFfrfhcrBCbAtR8a+CuwABbJRVu6A9eA46AH9EZbZCm6DleAVaE8XoULRdhnsi6jMdnCXMqZszjTlTFQSor0V7I+YzE7QAUpYN980PM4k9JZh/CWutYCqiMjs4tQqZv0v6AVPFlrlBik1I643gwMhy+wGN0ER63PgAXiazbL9zpLyQBOoDklmD7gqFjAjcx8M/Mt76D24ZUldBAcDlqnkApWS+QPugedLebEOMczTQsp8G1cTkEw1n+HUGBNcEF4sJ1P4AG6AKSF1HtQ6lqnljPBYn+Fj8NqP1GeYkfoppM6BI45kjvGmpWSmOf0H/czlhhmpuJA6A476LGOylFOiHme/Qy6S04/gOvgh2k6DOp9kToIGUZ8EbbyZzrLtT5SatAZSvwwRE+2z1o0Zo8xIENuHEUpNiLZGTpelyJiH/7BoGwXXQCzI/dBnSo2LtgZrymTTd7P1wo5R5lsYG7wYp8WY9VA3ZvG3+eCSlSemIv89zB3rF0rJQdTzucpUCpjK7LVW0TZrGoe2Bf/KaTIq2uq4AtqliMtwRZqMJO7HUun5eHhpLegC60RbP5NLGYlNViLcIXLGSAmZsgZ0ciu/WHnDnWfCzwF4Do6XraZU+QK/85LR/O13556j83JlHPCGNNdM6t8NZl107Dk8AFjGSG0Ubc/42cWcq049xycazYG/K2ALt8uP+FlAXq4KBV7mBRgAumyUVac2Rv4AAAAASUVORK5CYII=) no-repeat;
    background-size: 0.2407rem 0.2407rem;
}

.ico_p_l, .m-app-pages .btn.prev {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAoCAMAAADT08pnAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpkZTJmMDc3Ny02YmRiLTY2NDMtOWY0YS05ODg4NmU4ZjBiMjEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OUQ1QTBENjBFQTAyMTFFN0E3ODk4NzA5Rjk3N0M4QTQiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OUQ1QTBENUZFQTAyMTFFN0E3ODk4NzA5Rjk3N0M4QTQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4ZWZkMjUwYy1kMzVmLTdiNGEtYTg0NS1mM2I1MjkzNjc2MjAiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDoyNzI4YTQ1Yy1lOWU1LTExZTctOTZhNS1mNmVhYTRkZDUyMTEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz51w+jNAAAAq1BMVEWAgICXl5fV1dX+/v7y8vKBgYHt7e39/f329vb7+/upqanY2NiqqqqSkpLZ2dmNjY3o6OiWlpaEhISFhYWnp6fv7++ZmZn8/PzW1tatra2vr6/b29uCgoLc3Nyjo6OmpqasrKzU1NTr6+vd3d2ioqKVlZW2traMjIyoqKj39/erq6uPj4/T09OampqOjo6Hh4fu7u65ubmIiIienp7Q0NDn5+eysrKDg4P///9sTv+vAAAAOXRSTlP//////////////////////////////////////////////////////////////////////////wA6rGVAAAAA/ElEQVR42mzT6VLCQBBG0S/rJCxhkaCyKrsKKoLQ7/9kkBCS6W7yKzWnKrk10wNST9gDVjHksudPAgS7VIG/6ALLxJMQTkeA8xKTgHYDQP/9mQTk647rkYCsB516/g7Z0xmShKLHSCh7BFQ9HKweBnaPBbzHAt5TgegpQfbc4V/2FJBugG4/UeeI/R/w5eoDxnENnHuRho96E/ip+QqIXOf697dQw00GMw2UfQ2vqQZv3AqAWqSA4nkLeGJSbLtJmpn4CnRbdeaizZoS3mbPFWuzJ5G1sRG128S0V23yfpRt6kbd2n6NvoN522ek4Nr2DRweAJntaTU0FwEGAHF+nij01xJBAAAAAElFTkSuQmCC) center no-repeat;
    background-size: 0.1111rem 0.1852rem;
}

.ico_p_r, .m-app-pages .btn.next {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAoCAYAAADkDTpVAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpkZTJmMDc3Ny02YmRiLTY2NDMtOWY0YS05ODg4NmU4ZjBiMjEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OUQ1QTBENjRFQTAyMTFFN0E3ODk4NzA5Rjk3N0M4QTQiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OUQ1QTBENjNFQTAyMTFFN0E3ODk4NzA5Rjk3N0M4QTQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4ZWZkMjUwYy1kMzVmLTdiNGEtYTg0NS1mM2I1MjkzNjc2MjAiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDoyNzI4YTQ1Yy1lOWU1LTExZTctOTZhNS1mNmVhYTRkZDUyMTEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7D9I/qAAAB5klEQVR42qyWTStEURjHz5jJS8qCzRgLUhQ+gJWapWIjSWRjp9ihJHHlJclWYeMDsMEskeILjJL3jYWXlIUNGuT/5Jk63bhzz/PcU7/FPDOd/5xzfvc5N+Z5XpkxZhmMmN+xA8bAjYlgFIEkaAXfXOsEq6CGv1cH3IE5cMG1OGgDm6A6ioAvsA+mQZbrtG1psAYaNAHxdJrmMZ/gFjyDepDilTTyKq7AkybA8ErOwQtPnOR6M6iShiR8n+mgt8AHWAAtIAZ6QLHErv8s2QXj4IxXJrYr6IcHYBJcauwKCshFYZd9yH8NtV2FAtR2JUJupdgu117jbJekmTnZJQlwsivMIavskgaEsesaPCaMbuTtegceT17KdtHco+obi0cGLPmeB9qa4agCKsGAtU2GV3UaRQD5v8H/uIRrtP9DYE97BqTkLOjiJ9uwuvP8UBpNQBOYAH1WLcutZNu1F/lHHZgC/VaNetEMv1cZaUCMD3QFdFuqPpAx3EaMJoAmXwftVo0mHwQnVgMU9aK8LTR5uc+WI/CmuQ+CbMm4vLaIbZEGhLbFNcDZFtcAZ1tc3otEtoRdgdiWMAEqW4ICiFqtLUEBFfwvezW2FDrklFW7Z1uOXWwJWsErWAQdfGEfsi25KO7SHwEGAPpvm661WFXjAAAAAElFTkSuQmCC) center no-repeat;
    background-size: 0.1111rem 0.1852rem;
}

.ico_tips, .m-app-pos .tips {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAhCAYAAABX5MJvAAACdElEQVRYha3YS6hNURzH8c/drrcrFzN5hOQxwECZkBIy4Bp6paREygADQ2VAjExESJgIeQxJJroUpYwoGXgUIY+44nK7Bmsftt0596y1z/3VrrPOXv/f+q69Hvu/dtv3rmkqaAimYDxGoQev8L6KWXtC3RnYgFVYhOF16nzEPdzAZXyJMW6LeBILcQBr0BZjmqsHJ3EIHwaqmA1wbwSO4SHWJgLAaOzBM2ypAjEJ97FbGP9WNA7ncBrDYiGmoxsLWmy8rG24Xg+kDNGJm5gaYbpDWB2160pEzGqcaQZxFjMjzGqxnwrX0Mi4zdjVCGI9uiKNYGypPDoh9jAmlyGG5TdSNKZJuVnswTLEBnHzoKhyz1MgYJP8adQgtiYa1Gu0PDzN1C7fPzJMwJJBgOio4LGuBrHEwDtnI5V7njochFdCR4Z5FYL5v+fDxS/RooZgTia8kqtoTIPfqZqctWAwWBAdGfoGASJ1ZRTVmwmJSKsQVVZGTZ8y4X1fRcXetzIczzM8asGg9gSqQnzG83Y8yAvjKpicxy/VV9gd9LULE/MStlcwWZfHV82+LvJvpzyO/kSDbswSNqpVQk6RotdCVv4X4jGuJZpsFSZ1H24JWXWKDqG3CEHIjHsSTN6Uyu8SYh8JxwFliBfYmWBUrJsJaVuMvgm5xN9NsnwCu4C52B9hdgRL8QQrMT8i5ncO8LT4Z70TWBuOYm+EaYp+YiOulm/UyyP6sU9Ysj8GCeAlltcDaARR0ykh6bjdQuN9OCEcpLobVWqWUT3FCiwT1vTPyMY/5o3PFibwgHtIzKm8qM4caLGwUU3ESHzFW2GS3hU+D8QC+wO+F2w5aFixCQAAAABJRU5ErkJggg==) center no-repeat;
    background-size: 0.1528rem 0.1528rem;
}

.c-hide {
    display: none;
}

.g-hd {
    background: #358ff0;
    height: 0.6481rem;
    padding-left: 0.1389rem;
    padding-right: 0.1481rem;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    position: relative;
    z-index: 100;
}

.logo {
    width: 1.5297rem;
    height: 0.3796rem;
    display: block;
    position: relative;
    top: -0.0093rem;
    color: #fff;
    font-size: .22rem;
    font-weight: 600;
    margin-top:.1rem;
}
    .logo img {
        width: 7.77rem;
        height: 0.43rem;
    }

    .c-search {
        width: 2.5463rem;
        border-radius: 0.0185rem;
        background: #fff;
        height: 0.3796rem;
        overflow: hidden;
        display: block;
    }

    .c-search .btn {
        float: right;
        border-left: 1px solid #ededed;
        border-radius: 0 0.0185rem 0.0185rem 0;
    }

.h-soft {
    display: block;
}

.g-nav {
    width: 100%;
    background: #fff;
    font-size: 0;
    position: relative;
    z-index: 1;
}

    .g-nav:after {
        content: '';
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 2;
        pointer-events: none;
        border-style: solid;
        border-color: #e0e0e0;
        border-width: 0 0 1px 0;
    }

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    .g-nav:after {
        width: 200%;
        height: 200%;
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
    }
}

.g-nav .scroll {
    overflow: hidden;
    height: 0.6204rem;
}

.g-nav .inner {
    white-space: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    height: 0.9444rem;
    margin-left: -0.0926rem;
}

.g-nav .n-a {
    display: inline-block;
    vertical-align: top;
    padding: 0.1296rem 0.1333rem 0.1111rem;
    color: #3c3c3c;
}

    .g-nav .n-a:first-of-type {
        padding-left: 0.29rem;
    }

    .g-nav .n-a span {
        display: inline-block;
        line-height: 0.3611rem;
        font-size: 0.2133rem;
    }

    .g-nav .n-a.cur {
        color: #358ff0;
    }

        .g-nav .n-a.cur span {
            font-size: 0.24rem;
            font-family: "PingFang SC Heavy";
        }


.m-slider {
    height: 2.3843rem;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

    .m-slider .npos {
        position: absolute;
        z-index: 2;
        bottom: 0.1389rem;
        text-align: center;
        font-size: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

        .m-slider .npos li {
            display: inline-block;
            background: #fff;
            width: 0.1389rem;
            height: 0.1389rem;
            border-radius: 999px;
        }

            .m-slider .npos li + li {
                margin-left: 0.1389rem;
            }

            .m-slider .npos li.on {
                background: #358ff0;
            }

.m-i-cate {
    text-align: center;
    background: #fff;
    border-bottom: 1px solid #ededed;
    padding-top: 0.2037rem;
    padding-bottom: 0.0926rem;
    font-size: 0.1944rem;
    line-height: 0.4074rem;
    margin-bottom: 0.1389rem;
    flex-wrap: wrap;
}

    .m-i-cate img {
        width: 0.7407rem;
        vertical-align: top;
    }

    .m-i-cate a {
        width: 25%;
    }

        .m-i-cate a.mt36 {
            margin-top: 0.08rem;
        }

.c-sect {
    background: #fff;
    padding-top: 0.1204rem;
    padding-bottom: 0.1389rem;
    margin-bottom: 0.1389rem;
}

    .c-sect.mb0 {
        margin-bottom: 0;
    }

.g-title {
    position: relative;
    line-height: 0.4444rem;
    height: 0.4444rem;
}

    .g-title span {
        font-size: 0.25rem;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        flex: 1;
        padding-left: 0.2037rem;
        display: block;
    }

        .g-title span:before {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            margin: auto;
            height: 0.4444rem;
            width: 3px;
            background: #358ff0;
        }

    .g-title .more {
        padding-right: 0.2037rem;
        font-size: 0.2222rem;
        display: block;
        color: #889396;
        position: relative;
    }

        .g-title .more em {
            display: inline-block;
            vertical-align: middle;
            height: 0.2778rem;
            line-height: 0.2778rem;
            border-top: 1px solid transparent;
        }

        .g-title .more i {
            content: '';
            display: inline-block;
            vertical-align: middle;
            margin-left: 0.0463rem;
        }

.m-i-p-app {
    font-size: 0;
    padding-top: 0.0648rem;
}

    .m-i-p-app .inner {
        height: 1.3426rem;
        overflow: hidden;
    }

    .m-i-p-app p {
        font-size: 0.1944rem;
        line-height: 0.3333rem;
        margin-top: 0.0741rem;
    }

    .m-i-p-app a {
        width: 1.0278rem;
        margin: 0 0.1111rem;
        display: inline-block;
        text-align: center;
        margin-top: 0.1111rem;
        position: relative;
    }

    .m-i-p-app img {
        width: 0.8426rem;
        height: 0.8426rem;
        vertical-align: top;
    }

    .m-i-p-app.sort i {
        width: 0.213rem;
        height: 0.2963rem;
        line-height: 0.2778rem;
        color: #fff;
        border-radius: 0 0 0.1019rem 0.1019rem;
        position: absolute;
        left: 0.2315rem;
        top: 0;
        z-index: 2;
        font-size: 0.1852rem;
    }

    .m-i-p-app.sort a:first-child i {
        background: #f44334;
    }

    .m-i-p-app.sort a:nth-child(2) i {
        background: #fe7416;
    }

    .m-i-p-app.sort a:nth-child(3) i {
        background: #fab805;
    }

    .m-i-p-app.sort a:nth-child(4) i {
        background: #c4d0db;
    }

.m-scroll-img {
    padding-top: 0.1204rem;
    height: 1.3472rem;
    overflow: hidden;
    font-size: 0;
}

    .m-scroll-img .inner {
        padding: 0 0.2037rem;
        height: 1.6204rem;
        white-space: nowrap;
        overflow-y: hidden;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        white-space: nowrap;
    }

        .m-scroll-img .inner::-webkit-scrollbar {
            dislay: none;
        }

    .m-scroll-img a {
        width: 2.5741rem;
        display: inline-block;
        vertical-align: top;
        border-radius: 0.0185rem;
        overflow: hidden;
    }

        .m-scroll-img a + a {
            margin-left: 0.1389rem;
        }

.m-art-list {
    padding: 0 0.2037rem;
}

    .m-art-list .img {
        width: 1.5rem;
        height: 1.1rem;
        border-radius: 0.0093rem;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .m-art-list .img img {
            max-height: 100%
        }

    .m-art-list .l-a {
        height: 1.5463rem;
        padding-top: 0.2778rem;
        padding-bottom: 0.1389rem;
    }

        .m-art-list .l-a + .l-a {
            border-top: 1px dashed #bdbdbd;
            margin-top: 0.1389rem;
        }

    .m-art-list .info {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        flex: 1;
        padding-left: 0.2037rem;
        -webkit-box-direction: normal;
        -webkit-box-orient: vertical;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
    }

    .m-art-list .desc {
        font-size: 0.2222rem;
        line-height: 0.3889rem;
        height: 0.7778rem;
        overflow: hidden;
        position: relative;
        top: -0.0556rem;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        text-overflow: ellipsis;
        width: 2.55rem;
    }

    .m-art-list .detail {
        font-size: 0.1667rem;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        line-height: 0.1852rem;
        color: #a4a4a4;
    }

        .m-art-list .detail i {
            margin-right: 0.0741rem;
        }

.m-f-links {
    font-size: 0;
    padding-left: 0.0278rem;
    position: relative;
    padding-bottom: 0.463rem;
    z-index: 2;
}

    .m-f-links a {
        width: 1.4259rem;
        margin: 0.1852rem 0 0 0.1667rem;
        display: inline-block;
        text-align: center;
        height: 0.3889rem;
        position: relative;
        z-index: 1;
    }

        .m-f-links a:after {
            content: '';
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
            z-index: 2;
            pointer-events: none;
            border-style: solid;
            border-color: #bdbdbd;
            border-width: 1px 1px 1px 1px;
            border-radius: 0.1944rem;
        }

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    .m-f-links a:after {
        border-radius: 0.3889rem;
        width: 200%;
        height: 200%;
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
    }
}

.m-f-links span {
    font-size: 0.1944rem;
    line-height: 0.3889rem;
    height: 0.3889rem;
    display: block;
    padding: 0 0.0463rem;
}

.g-ft {
    padding: 0.2778rem 0 0;
    text-align: center;
    height: 1.6204rem;
    margin-top: 0.2315rem;
}

    .g-ft .ed {
        font-size: 0.21333rem;
        color: #333;
        line-height: 1;
        margin-bottom: 0.33333rem;
    }

.cpr-wrap {
    padding-bottom: 0.1333rem;
}

    .cpr-wrap p {
        color: #999;
        line-height: 0.3867rem;
        font-size: 0.1867rem;
    }

.g-ft .line {
    margin: 0.2685rem 0.463rem 0.1852rem;
    height: 1px;
    display: block;
    background: radial-gradient(#d0d1d1, rgba(255, 255, 255, 0));
}

.g-ft .cpr {
    font-size: 0.1204rem;
    color: #414141;
    line-height: 0.1944rem;
}

.m-mg-tab {
    border: 1px solid #ededed;
    background: #fff;
}

    .m-mg-tab li {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        flex: 1;
        font-size: 0.2407rem;
        line-height: 0.6296rem;
        text-align: center;
    }

        .m-mg-tab li + li {
            border-left: 1px solid #ededed;
        }

        .m-mg-tab li.cur {
            color: #358ff0;
        }

            .m-mg-tab li.cur span {
                border-bottom: 2px solid #358ff0;
            }

        .m-mg-tab li span {
            display: inline-block;
        }

.m-app-cate {
    padding: 0.1852rem 0.2037rem;
    width: 100%;
    height: 100%;
    display: none;
}

    .m-app-cate .bg {
        width: 100%;
        height: 4rem;
        background: #f5f6f8;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 1;
    }

    .m-app-cate .m-mg-tab, .m-app-cate .ca-l {
        position: relative;
        z-index: 2;
    }

    .m-app-cate .ca-l {
        font-size: 0;
        margin-left: -0.1389rem;
    }

        .m-app-cate .ca-l a {
            display: inline-block;
            text-align: center;
            width: 1.4352rem;
            background: #fff;
            border: 1px solid #ededed;
            font-size: 0.2222rem;
            margin-top: 0.1389rem;
            line-height: 0.5833rem;
            margin-left: 0.1389rem;
        }

.m-app-tab {
    margin: 0.1852rem 0.2037rem;
    background: #fff;
    position: relative;
    z-index: 1;
    height: 0.6389rem;
}

    .m-app-tab:after {
        content: '';
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 2;
        pointer-events: none;
        border-style: solid;
        border-color: #ededed;
        border-width: 1px 1px 1px 1px;
    }

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    .m-app-tab:after {
        width: 200%;
        height: 200%;
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
    }
}

.m-app-tab li {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    width: 0%;
    font-size: 0.2315rem;
    line-height: 0.6389rem;
    text-align: center;
}

    .m-app-tab li + li {
        position: relative;
        z-index: 1;
    }

        .m-app-tab li + li:after {
            content: '';
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
            z-index: 2;
            pointer-events: none;
            border-style: solid;
            border-color: #ededed;
            border-width: 0 0 0 1px;
        }

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    .m-app-tab li + li:after {
        width: 200%;
        height: 200%;
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
    }
}

.m-app-tab li span {
    display: inline-block;
    vertical-align: top;
    position: relative;
    z-index: 3;
    padding: 0 0.1389rem;
    height: 0.6389rem;
}

.m-app-tab li.cur {
    color: #358ff0;
}

    .m-app-tab li.cur span {
        border-bottom: 2px solid #358ff0;
    }

.m-sub-app {
    font-size: 0;
    text-align: center;
    background: #fff;
    margin: 0 0.2037rem 0.1389rem;
    padding: 0.0556rem 0 0.1389rem;
}

    .m-sub-app .s-a {
        display: inline-block;
        width: 1.1343rem;
        margin: 0.1852rem 0.1481rem 0;
    }

    .m-sub-app img {
        width: 0.6713rem;
        height: 0.6713rem;
        display: block;
        overflow: hidden;
        margin: 0 auto 0.0463rem;
        border-radius: 999px;
    }

    .m-sub-app p {
        font-size: 0.1944rem;
        line-height: 0.2963rem;
    }

.m-app-cate-list {
    text-align: center;
}

    .m-app-cate-list .item {
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        background: #fff;
        margin: 0 0.2037rem 0.1389rem;
        height: 1.9444rem;
        overflow: hidden;
    }

    .m-app-cate-list .icon {
        width: 1.5278rem;
        display: block;
    }

        .m-app-cate-list .icon p {
            font-size: 0.213rem;
            color: #9297ff;
            line-height: 0.2778rem;
        }

    .m-app-cate-list .cate {
        font-size: 0;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        flex: 1;
        height: 1.9444rem;
        overflow: hidden;
    }

        .m-app-cate-list .cate a {
            font-size: 0.2037rem;
            display: block;
        }

        .m-app-cate-list .cate li {
            display: inline-block;
            vertical-align: top;
            width: 50%;
            line-height: 0.6574rem;
            height: 0.6574rem;
            position: relative;
            z-index: 1;
        }

            .m-app-cate-list .cate li:after {
                content: '';
                width: 100%;
                height: 100%;
                position: absolute;
                left: 0;
                top: 0;
                z-index: 2;
                pointer-events: none;
                border-style: solid;
                border-color: #ededed;
                border-width: 0 0 1px 1px;
            }

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    .m-app-cate-list .cate li:after {
        width: 200%;
        height: 200%;
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
    }
}

.m-app-cate-list img {
    width: 0.6481rem;
    height: 0.5556rem;
    margin-bottom: 0.0694rem;
}

.m-app-rank {
    padding: 0 0.2037rem;
}

    .m-app-rank li {
        background: #fff;
        padding: 0.1389rem 0.1389rem 0.1389rem 0.1852rem;
        position: relative;
        margin-bottom: 0.1389rem;
    }

    .m-app-rank a {
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
    }

    .m-app-rank img {
        width: 0.8426rem;
        height: 0.8426rem;
        display: block;
    }

    .m-app-rank .info {
        padding-left: 0.1389rem;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        flex: 1;
        position: relative;
    }

    .m-app-rank .title {
        font-size: 0.2222rem;
        line-height: 0.2778rem;
        margin-bottom: 0.0694rem;
        width: 2.5926rem;
    }

    .m-app-rank .size {
        margin-bottom: 0.0694rem;
    }

    .m-app-rank .desc, .m-app-rank .size {
        font-size: 0.1852rem;
        color: #999;
        line-height: 0.213rem;
    }

    .m-app-rank .btn {
        width: 0.4444rem;
        height: 0.4444rem;
        border-radius: 999px;
        overflow: hidden;
        position: absolute;
        right: 0.2037rem;
        top: 50%;
        margin-top: -0.2222rem;
    }

    .m-app-rank.sort .title {
        width: 2.1296rem;
    }

    .m-app-rank.sort i {
        width: 0.2778rem;
        height: 0.3333rem;
        position: absolute;
        left: 0.1389rem;
        top: 0;
        z-index: 2;
        background: #b6cadd;
        color: #fff;
        text-align: center;
        font-style: italic;
        font-size: 0.1667rem;
        line-height: 0.2778rem;
    }

        .m-app-rank.sort i:after {
            content: '';
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 0 0.1389rem 0.0556rem 0.1389rem;
            border-color: transparent transparent #fff transparent;
            position: absolute;
            left: 0;
            bottom: 0;
        }

    .m-app-rank.sort li {
        padding-left: 0.5556rem;
    }

        .m-app-rank.sort li:first-child i {
            background: #ff6b66;
        }

        .m-app-rank.sort li:nth-child(2) i {
            background: #ff8652;
        }

        .m-app-rank.sort li:nth-child(3) i {
            background: #ffa742;
        }

.p-s-rank .m-app-rank {
    margin-bottom: 0.4167rem;
}

.p-s-new .m-scroll-img {
    margin-top: -0.1389rem;
    margin-bottom: 0.1852rem;
}

.m-app-pos {
    margin-top: 0.1389rem;
}

    .m-app-pos .inner {
        padding-top: 0.2315rem;
        margin: 0.1389rem 0.2037rem 0;
        border-top: 1px solid #ededed;
    }

    .m-app-pos .info {
        margin-bottom: 0.2315rem;
    }

    .m-app-pos .img {
        width: 0.9722rem;
        height: 0.9722rem;
        border-radius: 0.1852rem;
        overflow: hidden;
    }

    .m-app-pos .detail {
        padding-left: 0.1389rem;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        flex: 1;
    }

        .m-app-pos .detail span {
            width: 50%;
            font-size: 0.1944rem;
            display: inline-block;
            vertical-align: top;
        }

    .m-app-pos .title {
        font-size: 0.2407rem;
        font-weight: bold;
        line-height: 0.3704rem;
        margin-bottom: 0.0463rem;
        width: 3.4259rem;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .m-app-pos p {
        font-size: 0;
        color: #999;
        line-height: 0.3009rem;
    }

    .m-app-pos .btn-group {
        text-align: center;
        margin-bottom: 0.1944rem;
        font-size: 0;
    }

    .m-app-pos .btn {
        border-radius: 0.2546rem;
        overflow: hidden;
        background: #358ff0;
        color: #fff;
        font-size: 0.1944rem;
        line-height: 0.5093rem;
        height: 0.5093rem;
        display: inline-block;
        text-align: center;
        width: 1.9444rem;
        background-image: -moz-linear-gradient(0deg, #2ac5fd 0%, #37a3f9 56%, #4481f4 100%);
        background-image: -webkit-linear-gradient(0deg, #2ac5fd 0%, #37a3f9 56%, #4481f4 100%);
        background-image: -ms-linear-gradient(0deg, #2ac5fd 0%, #37a3f9 56%, #4481f4 100%);
        margin: 0 0.1389rem;
    }

    .m-app-pos .tips {
        background-color: #fef8e2;
        background-position: 0.2222rem 0.1065rem;
        color: #ec6236;
        padding: 0.0694rem 0.2778rem 0.0694rem 0.463rem;
        line-height: 0.25rem;
        font-size: 0.1574rem;
    }

        .m-app-pos .tips a {
            color: #358ff0;
        }

.m-rec-slide {
    height: 2.1574rem;
}

.p-app-art .c-sect {
    padding-bottom: 0.1852rem;
}

.m-app-art {
    margin-bottom: 0.1389rem;
    border-top: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
    background: #fff;
}

    .m-app-art .tab {
        text-align: center;
        background: #fff;
    }

        .m-app-art .tab ul {
            -webkit-box-align: center;
            -webkit-align-items: center;
            align-items: center;
            padding: 0 0.2037rem;
            position: relative;
            z-index: 3;
        }

        .m-app-art .tab li {
            -webkit-box-flex: 1;
            -webkit-flex: 1;
            flex: 1;
            font-size: 0.2222rem;
        }

            .m-app-art .tab li.cur span {
                border-bottom: 2px solid #358ff0;
            }

                .m-app-art .tab li.cur span:after {
                    content: '';
                    position: absolute;
                    bottom: -4px;
                    left: 50%;
                    z-index: 2;
                    -webkit-transform: translateX(-50%);
                    transform: translateX(-50%);
                    width: 0;
                    height: 0;
                    border-style: solid;
                    border-width: 2px 2px 0 2px;
                    border-color: #358ff0 transparent transparent transparent;
                }

        .m-app-art .tab span {
            display: inline-block;
            vertical-align: top;
            line-height: 0.6389rem;
            height: 0.6389rem;
            position: relative;
        }

    .m-app-art .m-art-cont {
        margin: 0 0.2037rem 0.2778rem;
        overflow: hidden;
        height: 1.7593rem;
    }

        .m-app-art .m-art-cont.all {
            height: auto;
        }

    .m-app-art .slide {
        padding-left: 0.2037rem;
        font-size: 0;
        margin-top: 0.1852rem;
        margin-bottom: 0.0926rem;
        height: 3.2593rem;
        overflow: hidden;
    }

        .m-app-art .slide .inner {
            overflow: hidden;
            white-space: nowrap;
            -webkit-overflow-scrolling: touch;
            overflow-x: auto;
            padding-right: 0.2037rem;
            height: 4.1667rem;
        }

        .m-app-art .slide img {
            width: 1.8519rem;
            display: inline-block;
        }

            .m-app-art .slide img + img {
                margin-left: 0.1852rem;
            }

    .m-app-art .show-btn {
        border-radius: 0.0278rem;
        overflow: hidden;
        background: #86bcf6;
        color: #fff;
        font-size: 0.2222rem;
        line-height: 0.463rem;
        display: block;
        text-align: center;
        margin: 0 0.2037rem 0.1852rem;
    }

        .m-app-art .show-btn:before {
            content: '??????????';
        }

        .m-app-art .show-btn:after {
            content: '??';
            display: inline-block;
            width: 0.2778rem;
            height: 0.2778rem;
            line-height: 0.2778rem;
            text-indent: 0.0833rem;
            transform: rotate(90deg);
        }

        .m-app-art .show-btn.show:before {
            content: '????????';
        }

        .m-app-art .show-btn.show:after {
            transform: rotate(270deg);
        }

.m-read-about {
    padding-bottom: 0 !important;
}

    .m-read-about ul {
        margin-top: 0.1852rem;
        border-top: 1px solid #ededed;
    }

    .m-read-about li {
        line-height: 0.463rem;
        padding: 0.0463rem 0;
        position: relative;
    }

        .m-read-about li + li {
            border-top: 1px dashed #ededed;
        }

        .m-read-about li:after {
            content: '';
            font-size: 0;
            line-height: 0;
            width: 10px;
            height: 10px;
            border-radius: 50%;
            border: 1px solid #a7a7a7;
            position: absolute;
            left: 0.2037rem;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
        }

        .m-read-about li a {
            padding: 0 0.0926rem 0 0.4167rem;
            display: block;
            font-size: 0.2037rem;
        }

.m-t-slide {
    height: 2.3843rem;
    overflow: hidden;
    position: relative;
    z-index: 1;
    margin-bottom: 0.1389rem;
}

    .m-t-slide img {
        display: block;
    }

    .m-t-slide li {
        position: relative;
        height: 2.3843rem;
    }

    .m-t-slide .title {
        background: -webkit-linear-gradient(to bottom, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.7));
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.7));
        line-height: 0.5185rem;
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 0.5185rem;
        font-size: 0.2222rem;
        color: #fff;
        padding: 0 0.2037rem;
    }

        .m-t-slide .title em {
            float: right;
            margin-left: 0.0926rem;
        }

.m-news-nav {
    margin-top: 0.1389rem;
    line-height: 0.6481rem;
    background: #fff;
    font-size: 0;
    position: relative;
    z-index: 1;
}

    .m-news-nav:after {
        content: '';
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 2;
        pointer-events: none;
        border-style: solid;
        border-color: #e0e0e0;
        border-width: 1px 0 0 0;
    }

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    .m-news-nav:after {
        width: 200%;
        height: 200%;
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
    }
}

.m-news-nav .scroll {
    overflow: hidden;
    height: 0.6481rem;
}

.m-news-nav .inner {
    white-space: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    height: 0.9444rem;
}

.m-news-nav .n-a {
    display: inline-block;
    vertical-align: top;
    padding: 0 0.1389rem;
    color: #3c3c3c;
}

    .m-news-nav .n-a span {
        display: inline-block;
        font-size: 0.2315rem;
        height: 0.6481rem;
        padding: 0 0.1389rem;
    }

    .m-news-nav .n-a.cur {
        color: #358ff0;
    }

        .m-news-nav .n-a.cur span {
            border-bottom: 2px solid #358ff0;
        }

.m-news-txt {
    font-size: 0.1944rem;
    font-weight: bold;
    line-height: 0.6481rem;
    padding: 0 0.2037rem;
    background: #fff;
    margin-bottom: 0.1389rem;
}

.m-news-list {
    padding: 0 0.2037rem 0.2315rem;
    background: #fff;
}

    .m-news-list .item {
        padding: 0.1852rem 0;
        border-bottom: 1px solid #ededed;
    }

    .m-news-list .title {
        font-size: 0.1944rem;
        line-height: 0.3333rem;
        height: 0.6667rem;
        overflow: hidden;
        margin-bottom: 0.0694rem;
    }

    .m-news-list .imgs {
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        margin-bottom: 0.1389rem;
    }

    .m-news-list img {
        width: 1.5rem;
        height: 1.1296rem;
        display: block;
    }

    .m-news-list span {
        font-size: 0.1667rem;
        color: #999;
    }

        .m-news-list span + span {
            margin-left: 0.2315rem;
        }

    .m-news-list .inner .info {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        flex: 1;
        padding-right: 0.1852rem;
    }

    .m-news-list .detail {
        line-height: 0.2778rem;
    }

    .m-news-list .multi {
        padding: 0 0 0.1389rem;
    }

        .m-news-list .multi .title {
            padding: 0.1111rem 0;
            height: 0.5556rem;
            margin-bottom: 0;
        }

        .m-news-list .multi .detail {
            padding-left: 0.3935rem;
            background-size: 0.3009rem;
        }

.m-n-list {
    padding-bottom: 0;
}

    .m-n-list .inner {
        padding-top: 0.1759rem;
        margin: 0 0.2037rem;
    }

    .m-n-list .item {
        border-top: 1px solid #ededed;
        padding: 0.1852rem 0;
    }

    .m-n-list .img {
        display: block;
    }

    .m-n-list img {
        width: 1.5rem;
        height: 1.1296rem;
        display: block;
    }

    .m-n-list .info {
        padding-left: 0.1852rem;
        height: 0.9815rem;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        flex: 1;
    }

        .m-n-list .info .title {
            font-size: 0.2222rem;
            height: 0.6667rem;
            line-height: 0.3333rem;
            overflow: hidden;
            text-align: justify;
            margin-bottom: 0.1157rem;
            word-break: break-all;
        }

    .m-n-list .detail {
        color: #999;
        font-size: 0.1667rem;
        line-height: 0.25rem;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
    }

    .m-n-list i {
        margin-right: 0.0741rem;
    }

.m-news-art {
    background: #fff;
    margin-top: 0.1389rem;
    margin-bottom: 0.1389rem;
}

    .m-news-art .info {
        padding: 0.1389rem 0.2037rem;
        border-bottom: 1px solid #ededed;
    }

        .m-news-art .info .title {
            font-size: 0.3056rem;
            font-weight: bold;
            line-height: 0.463rem;
            margin-bottom: 0.0926rem;
        }

        .m-news-art .info .sub {
            color: #999;
            font-size: 0.1944rem;
        }

        .m-news-art .info span + span {
            margin-left: 0.3704rem;
        }

    .m-news-art .m-art-cont {
        padding: 0.0926rem 0.2037rem 0.1389rem;
    }

.m-wg-rec {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 0.2315rem 0.2037rem;
    border-bottom: 1px solid #ededed;
}

    .m-wg-rec .title {
        font-size: 0.25rem;
        font-weight: bold;
        line-height: 0.2778rem;
        position: relative;
        max-width: 2.3148rem;
    }

        .m-wg-rec .title span {
            color: #999;
            font-size: 0.1852rem;
            font-weight: normal;
            margin-left: 0.0926rem;
        }

    .m-wg-rec .img {
        display: block;
        width: 0.8426rem;
        height: 0.8426rem;
    }

    .m-wg-rec .r-inf {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        flex: 1;
        padding: 0 0.1389rem;
        height: 0.8426rem;
    }

        .m-wg-rec .r-inf p {
            font-size: 0.1852rem;
            line-height: 0.2963rem;
        }

        .m-wg-rec .r-inf em {
            font-size: 0.25rem;
            color: #358ff0;
            font-style: italic;
            margin-left: 0.2778rem;
        }

    .m-wg-rec .btn {
        width: 1.1574rem;
        height: 0.463rem;
        line-height: 0.463rem;
        font-size: 0.2222rem;
        text-align: center;
        color: #fff;
        background: #358ff0;
        border-radius: 2px;
    }

.m-xzh {
    background: #fff url(../images/ui/c_xzh.jpg) no-repeat;
    background-size: 100%;
    height: 2.9444rem;
    text-align: center;
}

    .m-xzh p {
        padding-top: 1.6204rem;
        font-size: 0.1944rem;
        line-height: 0.2315rem;
        margin-bottom: 0.1852rem;
        color: #999;
    }

    .m-xzh .btn {
        display: inline-block;
        width: 2.3519rem;
        height: 0.5556rem;
        line-height: 0.5556rem;
        background: #5a8cfc;
        border-radius: 0.2778rem;
        overflow: hidden;
        color: #fff;
        font-size: 0.2222rem;
        box-shadow: 0 0.0926rem 0 #efeeee;
    }

.m-gtop {
    position: fixed;
    right: 0.1944rem;
    bottom: 1.23rem;
    z-index: 999;
    border-radius: 0.2778rem;
    overflow: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.3s linear 0s;
    transition: opacity 0.3s linear 0s;
    width: 0.58666rem;
    height: 0.58666rem;
    border-radius: 0;
    background: rgba(0, 0, 0, 0.5) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAAAkCAYAAAA0EkzVAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpkZTJmMDc3Ny02YmRiLTY2NDMtOWY0YS05ODg4NmU4ZjBiMjEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RkIzRDU0MzRFMTY0MTFFN0E0MERGNTg4NDYxNzI5MzEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RkIzRDU0MzNFMTY0MTFFN0E0MERGNTg4NDYxNzI5MzEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1ZGZhOTBlNC00YjlhLTk3NGItYjM1OS01MGJiNTcxYzAyODMiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDo2NWMwNzU3YS1kNjZiLTExZTctOGY1OC05MjIwZTc2Yjg2MDgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4jcXeaAAADHklEQVR42uSaaW8NURjHZ1rF/S4S8U6E2CNijaAhgtKqfeui6rb2naqqVlu0SgQRxC4a6xfwBbzxTnwA1DL+R/8TJ8cz7fR27p3tSX5N5jx3JtNf5pwzz3Ov7TiOFYEoBVmgbmY/uB/2DdkREFMBDqh74bG6ob2gN81iTCmWJmcf6EmjmEpOG69wOL260yRmE2jw8TmHn7uaBjFeUt6DEjBRkNMIriRZzGZODzPegTKuNTc85Ki1qCuJYraCemH8LVgHvvI4A66DScJnD4KOJInZDuqE8TeU8s0YV3KugclhySmEGC8prynlu8d5g8k5DNrjLGYnqPWQotaU/iHOz/BdZoqQOwLa4ihmN6gWxl/xSen3eZ0Mt+upQu4ouBgnMVXEjD6wHvwY5vXGUs40IXcMtMZBTDWfFjNegvIcpPiRcwK0RFlMLdeVoKW4MYZypgu5U6A5imLquAOZ8QJsCECKG6MpZ4aQOw3ORUmMahNsE8afgY0BSnGjhHJmCrkzoCkKYur5VmvGU9ZFQUvR5aj6aZaQa6Kg0MRkWf+Y8YTj+ZKiy7kMZgu5Zq47BRfTwCfCjMdgSwGk6HI6wZwg5eQqxkvKI0r5WeBWxmByWrid512M6rpVekhR0+eXFU4oOZfAXCHXyhfBvIix2ROpEHIP+aSEJUWXo+qneUKujfVVoGJslvvlQu4Bt+qwpehyVP00fyRy/IhRUg6xxjHjHtgRISl+5LSzbTEiMTYNl8VIihujKGeBkOvgDMhJjM2yfq2Quwt2RViKG8WUs1DIdXLNHJYYm6v4GiF3hy2FqEvR5ahdaZGQ66Icx48YJeU4WC1c6DbbCnGRosu5ABYLOVVWNJpyTDFKykmwKkFSdDnnwRIh1239+1HBf2Jslu0rhRNvUcpvK95RzLbE0qHkuGJsVqMrhBNughppHsZYjqq+lwm5HmvgxwSOK8ardZA0Kbqcs2C5V8vCFfPRGujG66G+Kt2TQCm6HDVLSo3xz2BCEQ8+GcnehEuxuIlUcf3U48vfv+qJAeNBH/gAaoDN8TRQBLL835+DcWr8jwADAOgg5VyT7DQFAAAAAElFTkSuQmCC) center no-repeat;
    background-size: 80%;
}

    .m-gtop.show {
        opacity: 1;
    }

.m-rank-tab {
    margin: 0.1852rem 0 0.1389rem;
    padding: 0 0.2037rem;
    background: #fff;
    border-top: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
}

    .m-rank-tab li {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        flex: 1;
        width: 0%;
        font-size: 0.2315rem;
        line-height: 0.6389rem;
        text-align: center;
    }

        .m-rank-tab li + li {
            border-left: 1px solid #ededed;
        }

        .m-rank-tab li span {
            display: inline-block;
            vertical-align: top;
            position: relative;
            z-index: 3;
            padding: 0 0.1389rem;
            height: 0.6389rem;
        }

        .m-rank-tab li.cur {
            color: #358ff0;
        }

            .m-rank-tab li.cur span {
                border-bottom: 2px solid #358ff0;
            }

.m-sub-cate {
    font-size: 0;
    background: #fff;
    padding: 0.1111rem 0.2037rem 0.1111rem 0.1852rem;
    margin-bottom: 0.1389rem;
    border-top: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
}

    .m-sub-cate li {
        display: inline-block;
        height: 0.2593rem;
        border-left: 1px solid #ededed;
        width: 1.5185rem;
        margin: 0.1111rem 0 0.1111rem 0.0185rem;
        text-align: center;
    }

        .m-sub-cate li.cur a {
            background: #358ff0;
            color: #fff;
        }

        .m-sub-cate li:nth-child(3n+1) {
            border-left: 0;
        }

    .m-sub-cate a {
        font-size: 0.1944rem;
        display: inline-block;
        min-width: 1.037rem;
        padding: 0 0.0694rem;
        max-width: 1.3889rem;
        position: relative;
        line-height: 0.3796rem;
        height: 0.3796rem;
        margin-top: -0.0556rem;
    }

.m-rank-list .m-app-rank {
    margin-top: 0.162rem;
    padding: 0;
}

    .m-rank-list .m-app-rank li {
        border-top: 1px solid #ededed;
        border-bottom: 1px solid #ededed;
        padding-left: 0.6019rem;
    }

    .m-rank-list .m-app-rank.sort i {
        left: 0.1852rem;
    }

    .m-rank-list .m-app-rank .g-star {
        display: block;
        margin-bottom: 0.1389rem;
    }

    .m-rank-list .m-app-rank .btn {
        right: 0.1389rem;
    }

.m-zt-list {
    margin: 0.2037rem;
}

    .m-zt-list .m-mg-tab {
        margin-bottom: 0.1852rem;
    }

    .m-zt-list .list {
        font-size: 0;
        margin-left: -0.1389rem;
        margin-top: -0.1389rem;
    }

        .m-zt-list .list a {
            display: inline-block;
            width: 2.2222rem;
            margin-left: 0.1389rem;
            margin-top: 0.1389rem;
            background: #fff;
        }

        .m-zt-list .list img {
            width: 2.2222rem;
            height: 1.0648rem;
            border-radius: 3px 3px 0 0;
            overflow: hidden;
        }

        .m-zt-list .list p {
            line-height: 0.4167rem;
            font-size: 0.1944rem;
            padding: 0 0.0694rem;
            text-align: center;
        }

.m-s-nec {
    margin-bottom: 0.1852rem;
}

    .m-s-nec .n-t span {
        display: inline-block;
        min-width: 1.3889rem;
        padding: 0 0.1111rem;
        background: #358ff0;
        color: #fff;
        font-size: 0.2222rem;
        line-height: 0.4444rem;
        height: 0.4444rem;
        position: relative;
    }

        .m-s-nec .n-t span:after {
            content: '';
            position: absolute;
            width: 0;
            height: 0;
            right: -0.1852rem;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            border-style: solid;
            border-width: 0.2222rem 0 0.2222rem 0.1852rem;
            border-color: transparent transparent transparent #358ff0;
        }

    .m-s-nec .n-l {
        font-size: 0;
        margin: 0 0.1944rem;
        padding-top: 0.0463rem;
    }

        .m-s-nec .n-l img {
            width: 0.8426rem;
            height: 0.8426rem;
            vertical-align: top;
            margin-left: auto;
            margin-right: auto;
            display: block;
        }

        .m-s-nec .n-l p {
            font-size: 0.1944rem;
            line-height: 0.3704rem;
            margin-top: 0.0694rem;
            text-align: center;
        }

        .m-s-nec .n-l a {
            display: inline-block;
            width: 1.537rem;
            padding: 0 0.0463rem;
            margin-top: 0.1389rem;
        }

.m-nec-img {
    display: block;
    margin: 0 auto 0.1852rem;
}

.m-zt-t-img {
    margin-bottom: 0.1852rem;
    position: relative;
}

    .m-zt-t-img img {
        display: block;
    }

    .m-zt-t-img .title {
        color: #fff;
        height: 0.5556rem;
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        z-index: 2;
        background: rgba(0, 0, 0, 0.5);
        padding: 0 0.2037rem 0 0.2685rem;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
    }

    .m-zt-t-img .txt {
        font-size: 0.1944rem;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        flex: 1;
        padding-right: 0.1389rem;
        line-height: 0.2778rem;
        display: block;
    }

    .m-zt-t-img .btn {
        background: #358ff0;
        width: 0.8333rem;
        height: 0.2778rem;
        line-height: 0.2778rem;
        text-align: center;
        border-radius: 2px;
        display: block;
        font-size: 0.1667rem;
        opacity: .9;
    }

.p-zt-art .m-n-list .inner {
    border-top: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
    margin: 0.1759rem 0 0 0;
    padding: 0 0.2037rem;
}

.p-zt-art .m-n-list .item:first-child {
    border: 0;
}

.m-zt-layer {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    overflow: hidden;
    display: none;
}

    .m-zt-layer .layer {
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.5);
        z-index: 1;
    }

    .m-zt-layer .cont {
        width: 90%;
        background: #fff;
        border-radius: 0.0926rem;
        position: absolute;
        top: 20%;
        left: 5%;
        z-index: 2;
        margin: auto;
    }

    .m-zt-layer h3 {
        text-align: center;
        font-size: 0.25rem;
        line-height: 0.3704rem;
        border-bottom: 1px dashed #ededed;
        padding: 0.1852rem 0.0694rem;
    }

    .m-zt-layer .desc {
        font-size: 0.213rem;
        line-height: 0.3426rem;
        padding: 0.1389rem 0.2037rem 0 0.2037rem;
        min-height: 1.713rem;
        margin-bottom: 0.1389rem;
    }

    .m-zt-layer .btn {
        font-size: 0.2315rem;
        text-align: center;
        display: block;
        line-height: 0.5463rem;
        border-top: 1px solid #ededed;
        color: #358ff0;
    }

.m-guide-list {
    padding: 0 0.2037rem;
    background: #fff;
    border-bottom: 1px solid #ededed;
    margin-bottom: 0.1389rem;
}

    .m-guide-list .item {
        padding: 0.1852rem 0;
    }

        .m-guide-list .item + .item {
            border-top: 1px solid #ededed;
        }

    .m-guide-list .title {
        font-size: 0.2222rem;
        line-height: 0.3333rem;
        height: 0.6667rem;
        overflow: hidden;
        margin-bottom: 0.0694rem;
        text-align: justify;
        word-break: break-all;
    }

    .m-guide-list .imgs {
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        margin-bottom: 0.1389rem;
    }

    .m-guide-list img {
        width: 1.5rem;
        height: 1.1296rem;
        display: block;
    }

    .m-guide-list span {
        font-size: 0.1667rem;
        color: #a4a4a4;
        display: inline-block;
    }

    .m-guide-list .detail {
        line-height: 0.2778rem;
    }

    .m-guide-list .inner .info {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        flex: 1;
        padding-left: 0.1852rem;
    }

    .m-guide-list .inner .detail {
        color: #999;
        font-size: 0.1852rem;
        line-height: 0.25rem;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
    }

    .m-guide-list i {
        margin-right: 0.0741rem;
    }

    .m-guide-list .multi {
        padding: 0 0 0.1389rem;
    }

        .m-guide-list .multi .title {
            padding: 0.1111rem 0;
            height: auto;
            margin-bottom: 0;
            text-align: justify;
        }

        .m-guide-list .multi .cmt {
            float: right;
        }

    .m-guide-list .top {
        float: right;
        margin-top: 0.0278rem;
        font-size: 0.1667rem;
        line-height: 0.2037rem;
        padding: 0 0.0231rem;
        background: #358ff0;
        color: #fff;
        border-radius: 2px;
    }

.m-guide-nav {
    margin-top: 0.1389rem;
    height: 0.6481rem;
}

    .m-guide-nav .inner {
        line-height: 0.6481rem;
        height: 0.6481rem;
        background: #fff;
        text-align: center;
        padding: 0 0.2037rem;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
    }

    .m-guide-nav .n-a {
        color: #3c3c3c;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        flex: 1;
    }

        .m-guide-nav .n-a span {
            display: inline-block;
            font-size: 0.2315rem;
            height: 0.6481rem;
            position: relative;
            z-index: 3;
        }

        .m-guide-nav .n-a.cur {
            color: #358ff0;
        }

            .m-guide-nav .n-a.cur span {
                border-bottom: 2px solid #358ff0;
            }

.p-idx-guide .m-t-slide {
    margin-bottom: 0;
}

.p-idx-course .m-sub-cate {
    margin: 0.1389rem 0 0;
}

.p-idx-course .m-t-slide {
    margin-bottom: 0;
}

.p-zt-d .m-zt-t-img {
    margin-bottom: 0.1852rem;
}

.p-zt-d .m-app-rank {
    margin-bottom: 0.1852rem;
    padding: 0.0926rem 0 0 0;
    border-bottom: 1px solid #ededed;
}

    .p-zt-d .m-app-rank .inner {
        margin-top: 0.1852rem;
    }

    .p-zt-d .m-app-rank li {
        padding: 0.1389rem 0.2037rem;
        margin-bottom: 0;
        border-top: 1px solid #ededed;
    }

    .p-zt-d .m-app-rank .btn {
        right: 0.1574rem;
    }

.p-zt-d .m-zt-list {
    margin: 0 0 0.1852rem 0;
}

    .p-zt-d .m-zt-list .list {
        margin-left: 0.0556rem;
    }

    .p-zt-d .m-zt-list .g-title {
        margin-bottom: 0.2315rem;
    }

.m-app-pages {
    text-align: center;
    font-size: 0.2222rem;
    line-height: 0.787rem;
    background: #fff;
    margin: 0.1389rem 0.2037rem;
}

    .m-app-pages .btn {
        width: 1.1574rem;
        height: 0.787rem;
        display: inline-block;
        vertical-align: top;
    }

        .m-app-pages .btn.prev {
            background-position: 0.6944rem center;
        }

        .m-app-pages .btn.next {
            background-position: 0.3519rem center;
        }

    .m-app-pages span {
        display: inline-block;
        width: 1.8519rem;
        vertical-align: top;
    }

#SOHUCS #SOHU_MAIN .module-mobile-cmt-header {
    width: 92% !important;
    margin: 0.1852rem 4% 0;
}

#SOHUCS #SOHU_MAIN .module-mobile-cmt-list .list-wrapper-wap .list-header-wap .list-header-side {
    width: 4px !important;
    background: #358ff0;
}

#SOHUCS #SOHU_MAIN .module-mobile-cmt-header .mobile-header-head .header-comment-number .comment-text, #SOHUCS #SOHU_MAIN .module-mobile-cmt-header .mobile-header-head .header-login {
    font-size: 1.1em !important;
    font-weight: normal !important;
}

#SOHUCS #SOHU_MAIN .module-mobile-cmt-list .list-wrapper-wap .list-header-wap .list-header-txt {
    font-size: 1.2em !important;
}

#SOHUCS #SOHU_MAIN .module-mobile-cmt-list .list-wrapper-wap .list-header-wap .list-header-side {
    margin-top: 0 !important;
}

#SOHUCS #SOHU_MAIN .module-mobile-cmt-header .mobile-header-head .header-comment-number .comment-number {
    padding: 0 0.5em !important;
}

#SOHUCS #SOHU_MAIN .module-mobile-cmt-float-bar .float-wrapper .comment-number .has-comment .comment-num {
    height: auto !important;
    line-height: 1em !important;
}

/*search*/
.container {
    -webkit-transform-origin: left top;
    overflow: hidden;
    min-width: 320px;
}

    .container .main {
        overflow: hidden;
        width: 100%;
        background: #fff;
    }


.header_index {
    height: 28px;
    padding: 10px 3%;
    background: url('../images/ui/search/azsy_top.png') repeat-x 0 0;
    background-size: 100% 48px;
    position: relative;
    z-index: 9;
}

#loadingbox {
    clear: both;
    text-align: center;
    height: 16px;
    margin-top: 10px;
    margin-bottom: 5px;
}

    #loadingbox span {
        display: inline-block;
        height: 16px;
        font-size: 12px;
        color: #CCC;
        margin-left: 6px;
    }


.searchbody {
    background-color: #f8f8f8;
}

    .searchbody *, .searchbody *::before, .searchbody *::after {
        box-sizing: content-box;
    }

.header_index .searchprev {
    width: 97px;
    height: 29px;
    line-height: 29px;
    background: url('../images/ui/search/azsearch_prev.png') no-repeat 12px center;
    background-size: auto 22px;
    position: absolute;
    left: 0;
}

.search_ul {
    background: #f8f8f8;
    overflow: hidden;
    height: auto;
    padding: 12px 12px 0 12px;
    border-bottom: 1px solid #cccccc;
}

    .search_ul li {
        width: 31.3%;
        float: left;
        margin-right: 3%;
    }

        .search_ul li:nth-child(3n) {
            margin-right: 0;
            float: right;
        }

        .search_ul li a {
            display: block;
            border-radius: 4px;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border: 1px solid #cccccc;
            background: #ffffff;
            text-align: center;
            line-height: 44px;
            color: #666666;
            font-size: 14px;
            margin-bottom: 12px;
            padding: 0 2px 0 2px;
            overflow: hidden;
            white-space: nowrap;
            word-break: break-all;
        }

            .search_ul li a:hover {
                color: #666666;
            }

.search_history {
    margin: 0 12px;
    overflow: hidden;
    height: auto;
}

    .search_history li {
        background: url('../images/ui/search/azsearch_ico.png') left center no-repeat #ffffff;
        font-size: 14px;
        color: #222222;
        padding-left: 29px;
        line-height: 42px;
        background-size: auto 20px;
        border-bottom: 1px solid #cccccc;
    }

.history_pic {
    margin: 10px 12px 0 12px;
    height: 28px;
    line-height: 28px;
    border: 1px solid #cccccc;
}

    .history_pic a {
        width: 100%;
        display: block;
        text-align: center;
        color: #666666;
    }

        .history_pic a:hover {
            color: #666666;
            text-decoration: none;
        }

.history_main {
    padding-bottom: 10px;
    border-bottom: 1px solid #cccccc;
}


.xzbtn {
    font-size: 12px;
    background: #4db7f9;
    display: block;
    width: 60px;
    text-align: center;
    height: 28px;
    line-height: 28px;
    color: #ffffff;
    border-radius: 2px;
    position: absolute;
    right: 0;
    top: 13px;
}

.mgtop {
    color: #666666;
    font-size: 11px;
    position: absolute;
    bottom: 8px;
    overflow: hidden;
    white-space: nowrap;
    word-break: break-all;
    text-overflow: ellipsis;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    text-size-adjust: none;
    width: 68%;
}

.spantop {
    color: #969696;
    font-size: 12px;
    position: absolute;
    top: 35px;
    overflow: hidden;
    white-space: nowrap;
    word-break: break-all;
}

    .spantop font {
        margin-left: 15px;
    }


.footer {
    width: 100%;
    height: 100px;
    background: url('../images/ui/search/azsy_bottom.png') repeat-x 0 0;
    background-size: 100% 100px;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    margin-top: 10px;
    color: #ffffff;
    font-size: 14px;
}

    .footer a {
        color: #ffffff;
        font-size: 14px;
    }

    .footer .jbsx {
        background: url('../images/ui/search/azsy_bottom1.png') no-repeat center center;
        width: 90%;
        height: 1px;
        margin: 0 auto;
        background-size: 100% 1px;
    }

    .footer .h60 {
        height: 38px;
        line-height: 38px;
    }

    .footer .a18 {
        font-size: 18px;
    }

    .footer .bottombq {
        font-size: 9px;
        color: #ffffff;
        margin-top: 0px;
    }

        .footer .bottombq span {
            margin-right: 12px;
        }

.backtop {
    position: fixed;
    width: 48px;
    height: 48px;
    right: 10px;
    bottom: 60px;
    background: url(../images/ui/search/top.png) no-repeat;
    background-size: 48px 48px;
    z-index: 200;
    display: none;
    z-index: 99;
}


.msoft ul {
    margin: 0 12px 0 12px;
}

    .msoft ul li {
        padding: 13px 0 13px 0;
        border-bottom: 1px solid #e5e5e5;
        overflow: hidden;
        position: relative;
    }

    .msoft ul.blue {
        margin: 0;
        padding: 0 12px 0 12px;
        border-bottom: 1px solid #45b4f8;
    }

        .msoft ul.blue li {
            border-bottom: 0 none;
        }

.msoft .mpic_jp {
    display: block;
    width: 60px;
    height: 60px;
}

    .msoft .mpic_jp img {
        width: 60px;
        height: 60px;
    }

.msoft .mart_jp {
    margin-left: 10px;
    width: 58%;
    font-size: 14px;
    color: #222222;
}

    .msoft .mart_jp a {
        font-size: 14px;
        color: #222222;
        overflow: hidden;
        display: block;
        white-space: nowrap;
        text-overflow: ellipsis;
        word-break: keep-all;
    }

    .msoft .mart_jp span {
        display: block;
        overflow: hidden;
    }

#search_page a {
    text-decoration: none; /*  color: #000;*/
    display: block;
}

#page_outer {
    position: fixed;
    top: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1000;
    display: none;
}

    #page_outer.show {
        display: block;
    }

#search_page {
    position: fixed;
    top: 0px;
    z-index: 1001;
    right: -100%;
    width: 84.375%;
    height: 100%;
    background: #fff;
    -webkit-transform: translateX(100%);
    -webkit-transition: .2s -webkit-transform ease-in-out .2s;
    /*-webkit-transition: .2s -webkit-transform cubic-bezier(0, 0, 0.25, 1) .2s;*/
}

    #search_page.hide {
        display: block;
        -webkit-transform: translateX(100%);
    }

    #search_page.show {
        right: 0px;
        -webkit-transform: translateX(0);
    }

    #search_page.mach-width {
        width: 100%;
    }

.search_head {
    height: 48px;
    padding: 10px 52px 0px 10px;
    background: url('../images/ui/search/azsy_top.png') repeat-x 0 0;
    background-size: 100% 48px;
    position: relative;
}

.search_mg {
    margin: -4px 12px 0 12px;
}

.search_head1 {
    padding: 0px 42px 8px 0px;
    position: relative;
    margin-left: 34px;
}

.search_btn1, .search_btn1:hover {
    border: none;
    background: transparent;
    text-decoration: none;
    padding: 0px;
    color: #666;
    line-height: 30px;
    font-size: 16px;
    position: absolute;
    top: 0px;
    right: 0px;
    color: #fff;
    cursor: pointer;
}

#search_page.mach-width .search_head {
    padding: 8px 52px 0px 40px;
}

.input_outer {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    height: 24px;
    background: #fff;
    padding: 4px 0px 0px 30px;
    position: relative;
}

.search_input {
    border: none;
    background: transparent;
    padding: 0px;
    color: #999;
    font-size: 14px;
    width: 100%;
}

.search_btn, .search_btn:hover {
    border: none;
    background: transparent;
    text-decoration: none;
    padding: 0px;
    color: #666;
    line-height: 30px;
    font-size: 16px;
    position: absolute;
    top: 10px;
    right: 10px;
    color: #fff;
    cursor: pointer;
}

.search_icon {
    width: 15px;
    height: 15px;
    position: absolute;
    top: 6px;
    left: 10px;
}

@media only screen and (min-width: 769px) {
    .search_head1 {
        padding: 6px 42px 8px 34px;
        position: relative;
    }

    .search_btn1, .search_btn1:hover {
        border: none;
        background: transparent;
        text-decoration: none;
        padding: 0px;
        color: #666;
        line-height: 30px;
        font-size: 16px;
        position: absolute;
        top: 4px;
        right: 0px;
        color: #fff;
        cursor: pointer;
    }
}

.codepre {
    line-height: 0.3241rem;
    white-space: pre-wrap;
    background: #f8f8f8;
    padding: 0.1389rem;
    font-size: 0.1944rem;
}

.contmg1 center {
    line-height: 0;
}

.ad_soft {
    padding: 0.2273rem 0;
    background: #fff;
    margin-bottom: 0.1389rem;
}

    .ad_soft img {
        display: inline-block;
        width: 2.2068rem;
        margin-left: 0.2006rem;
    }

.list_bot_nav {
    font-size: .25rem;
    padding-bottom: 0.3rem;
    text-align: center;
    line-height: 0.4rem;
    background: #fff;
    margin-top: -0.16rem;
}

    .list_bot_nav .nav_btn {
        display: inline-block;
        width: 1rem;
        height: 0.4rem;
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: center;
    }

        .list_bot_nav .nav_btn.prev {
            background-image: url('../images/list_nav_blue_l.png');
        }

        .list_bot_nav .nav_btn.disabled.prev {
            background-image: url('../images/list_nav_l.png');
        }

    .list_bot_nav span {
        color: #808080;
        margin: 0 8%;
        vertical-align: top;
    }

    .list_bot_nav .nav_btn.next {
        background-image: url('../images/list_nav_blue_r.png');
    }

    .list_bot_nav .nav_btn.disabled.next {
        background-image: url('../images/list_nav_r.png');
    }


.on {
    color: #358ff0;
}

.tab-select {
    display: flex;
    line-height: 1;
    align-items: center;
    margin-right: 0.2037rem;
    font-size: 0.2222rem;
    color: #889396;
}

    .tab-select li {
        padding: 0 0.16rem;
        border-left: 1px solid #999;
    }

        .tab-select li:first-of-type {
            padding-left: 0;
            border-left: none
        }

        .tab-select li:last-of-type {
            padding-right: 0;
        }

.m-hot-soft .item-wrap {
    padding: 0 0.2037rem;
}

.m-hot-soft .item {
    display: flex;
    margin-top: 0.2533rem;
}

    .m-hot-soft .item:last-of-type {
        margin-bottom: 0.1278rem;
    }

    .m-hot-soft .item:nth-of-type(1) .item-l {
        background: url('/images/nbg_01.png') no-repeat;
        background-size: 100%;
    }

    .m-hot-soft .item:nth-of-type(2) .item-l {
        background: url('/images/nbg_02.png') no-repeat;
        background-size: 100%;
    }

    .m-hot-soft .item:nth-of-type(3) .item-l {
        background: url('/images/nbg_03.png') no-repeat;
        background-size: 100%;
    }

.m-hot-soft .item-l {
    width: 0.2933rem;
    background: url('/images/nbg_04.png') no-repeat;
    background-size: 100%;
    color: #fff;
    text-align: center;
    padding-top: 0.07rem;
    margin-top: 0.0133rem;
    margin-right: 0.1067rem;
}

.m-hot-soft .item-m {
    flex: 1;
    display: flex;
}

.m-hot-soft .small-img {
    width: 0.8533rem;
    height: 0.8533rem;
    margin-right: 0.1333rem;
}

.m-hot-soft .desc {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

    .m-hot-soft .desc h4 {
        color: #3c3c3c;
        font-size: 0.2133rem;
        line-height: 1;
        margin-bottom: 0.0533rem;
        max-width: 2.2rem;
    }

    .m-hot-soft .desc p {
        line-height: 1;
        color: #999999;
        font-size: 0.16rem;
    }

.m-hot-soft .item-r-wrap {
    display: flex;
    align-items: center;
}

.m-hot-soft .item-r {
    width: 0.7333rem;
    height: 0.36rem;
    line-height: 0.36rem;
    background-color: #358ff0;
    color: #fff;
    font-size: 0.1867rem;
    text-align: center;
    border-radius: 0.0333rem;
}

.hot-system .tab-select li {
    padding: 0 0.1333rem;
    font-size: 0.1867rem;
}

    .hot-system .tab-select li:last-of-type {
        padding-right: 0;
    }

a.to-dl {
    width: 1.1067rem;
    height: 0.3733rem;
    line-height: 0.3733rem;
    background: #358ff0;
    color: #fff;
    font-size: 0.1867rem;
    text-align: center;
    border-radius: 0.0333rem;
}

.px-hot-soft .desc {
    padding-top: 0.0667rem;
    padding-bottom: 0.02rem;
    display: flex;
    flex: 1;
    margin-right: 0.3rem;
}

.px-hot-soft .small-img {
    width: 0.64rem;
    height: 0.64rem;
}

.px-hot-soft .desc p {
    display: flex;
    justify-content: space-between;
    padding-right: 0.5rem;
}

.px-hot-soft .item {
    margin-top: 0.48rem;
}

    .px-hot-soft .item:first-of-type {
        margin-top: 0.2667rem;
    }

    .px-hot-soft .item:last-of-type {
        margin-bottom: 0.3411rem;
    }

.others-search {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0.2667rem 0 0.1278rem;
}

    .others-search .search-item {
        width: 2.1867rem;
        height: 0.6rem;
        line-height: 0.6rem;
        text-align: center;
        background: #f4f4f4;
        color: #666666;
        font-size: 0.24rem;
        margin-bottom: 0.2667rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        padding: 0 1em;
    }

        .others-search .search-item:nth-last-of-type(1) {
            margin-bottom: 0;
        }

        .others-search .search-item:nth-last-of-type(2) {
            margin-bottom: 0;
        }


.friend-link {
    display: flex;
    flex-wrap: wrap;
    padding: 0.3467rem 0.02rem 0.0278rem;
    background: #fff;
}

    .friend-link a {
        color: #666;
        font-size: 0.2133rem;
        margin-bottom: 0.2333rem;
        padding: 0 0.1667rem;
        padding-bottom: 0.1389rem;
    }

.friend-title {
    background: #fff;
}

    .friend-title span {
        margin-top: 0.1204rem;
    }

        .friend-title span::before {
            margin-top: 0.1204rem;
        }


/*列表分页*/
.pages {
    clear: both;
    margin: 30px auto 20px auto;
    overflow: hidden;
    text-align: center;
    font-size: 14px
}

    .pages ul li {
        display: inline-block;
        border: 1px solid #eee;
        padding: 5px 15px;
        margin: 0 1px;
        line-height: 24px;
        background: #f5f5f5;
        color: #999
    }

        .pages ul li:hover {
            background: #358ff0;
            color: #fff;
            border: 1px solid #358ff0
        }

            .pages ul li:hover a {
                color: #fff;
            }

        .pages ul li.thisclass {
            display: inline-block;
            border: 1px solid #358ff0;
            padding: 5px 15px;
            margin: 0 1px;
            background: #358ff0;
            color: #fff;
        }

            .pages ul li.thisclass a {
                color: #fff;
            }

        .pages ul li a {
            display: block;
            color: #999
        }

            .pages ul li a:hover {
                color: #fff;
            } 


.searchBox .btn {
    width: 0.4367rem;
    background: #666 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAYAAADFeBvrAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpkZTJmMDc3Ny02YmRiLTY2NDMtOWY0YS05ODg4NmU4ZjBiMjEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjgwOUJENEJEQUYwMTFFNzkxMDhGODIzRURDM0YzMzIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjgwOUJENEFEQUYwMTFFNzkxMDhGODIzRURDM0YzMzIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0ZmE0NjM0ZC1hMTM5LWVmNDAtYjM4Mi03ZDg1NWU2NDQwNTciIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDpkMjhjMjYwNi1kYTVjLTExZTctOTdkMy1mZWVhNTg4ZDNiNDUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4pTRMQAAAE00lEQVR42tyaaWwNURTHh1ap2JVUIpZoQ+whdmpfYieoJUhs9cVS4oMgQoKgFUQIIkgsRZRQ+5ogBCGldtVaK6F22tie//HOJCfXe/ruvHlv3utJfpnOvdN587/3zLn3njslXC6XUZyspFHMLLKoCx7n5P6vuhHoCtqC+qA2KA/KgI/gA90C3AYXwVnwXucB4+rW0RJUoiiX8yCoCkgC40ADzQb8Dk6CLeAQ+G23IB2XKweWgGdgqQUxZFGgPzgAboE+QXc5NnqITaCGUv6N3egCuAuegq9cVxHUBU1AF9ABlFLc9Rg4CKaAN3YI+q/Lwd0icEgF0+laUZUFVoF94IuPv1UNjAHJoJZS9xoMAVcC5nIQUxaH/WCGEEM/PBY0BVs1xBjcA6tBPJij/G8s9/SggIRtiIliP5c/cAQ0BjuAP4MXBYYU0BxcF+XRYC/oHYhxaD3oJc7XgoEg38b3NxskcLSTQSOdG84eQegdCscTFTEzfAmxFqwADFNEleV3s5zfgiAmlgWYlgFmBnhw/wFGcRg3jYaE+Xb00HIOt2R5YLyf74uvRuE/ERSKslmgnmVB6J04HEaLutkIme+COA27D1aIcxqz5vrTQ8lioM0EaQ7MLVcqgWcsGrqKtiAO0yNEeQp6x4l1BY1NG5WoN9xKD3UEMeKm6Q6uALYp5wOsCOoqys6hd745KOgRY1onnoJpCWohyi6EwDpNPkMFD3O/IgXFi7K7ISBIfYY4XUHVRdmLEBD0SjmP0RVUQYk0Ttsn5TxaV5AcoUuHgKAoD3M+LUGfRVmlEBBUWTnP1xWULcriQ0CQ+gxPdAXdF2UtQ0CQHEbIe3J0BV0SZd0dFlOGZy6mXcRA/0tX0HGxgGuIkbmpg4IG8iLPtKPaUx+0wEsczovyJAcFJSmLvzRtQWwbxN8T0Es1HRBDrtZNnKehsd9aFUQz7HvCj1OCLIYmoGvEOb03yywv8NAS9A7NFnWJ6KURQRQ0T4lu60UD+2z/ZE4hYjcOI8UUhNzgdhACQTr3ElkuaEa/b0fmdKrh3gIx53gnDWuJeV+N1mK7hRgXN+gnO7I+5Hq0r0MZUzN5HsvjVEIAxFD66pgSpintvMiwIy8nRNF6pJ+YQ1Gi4gxY7GHiaMVovrgZ7PIyGaZ08GlQ1RZBLOoaDu3FPI8yQgvAHcOd7oq0IIR6Yhp4ACYpS5ZTyrVtaJaAd7q2X0FBNdywEo9RI5Uq2vjaCQ4DEv/Tyy2iuWEGc0OoaamrhnubJYfvl6jU06DfBw2cZZcgGYlSvSyHC7jVzQ2vCO4NuraeFzelAXOh4d5I+ym8YA8YqlxLCc/+EHXZTkFklM2kPBkl71tbfH/IhdcZ7n3Wz14Wd+n8Dkv7my6GqAw7BalrFnKjzqCVkpeQRlHzJmdyMtjFfJlx045ET6WcenIyRG0LhCDVaMyqya4WwS2ax65lWAwgR7nBpNEDz4Go1EALCoTRWHSCg4pqqSzM5VPYDhGjcN6Xo6hqNO/cjgYvFU6CzJkLfc+Q6aGaNrAP8AZ3eAhiUe84QNzxUE3R8LS57RI2Hy9BFM0te4CHHqrbGe7PDMLrayyIes1JnGwP1QlhJ4hFveCeeq5U3QhLQSwql3uEVgCFfJzo0zgUblbsvmj8I8AAUG1Mv1ZaGqkAAAAASUVORK5CYII=) center no-repeat;
    background-size: 0.2407rem 0.2407rem;
}
.searchBox {
    border-radius: 6px;
    -webkit-box-sizing: border-box;
    display: -webkit-box;
    -webkit-box-align: center;
    position: relative; 
    display: flex;
    background: #ccc;
}
.sbInp {
    position: relative;
    border: none;
    border-radius: 2px 0 0 2px;
    background: #fff;
    -webkit-box-flex: 1;
    width: 100%;
    height: 32px;
}

    .sbInp input {
        width: 100%;
        height: 32px;
        text-indent: 10px;
        font-size: 12px;
        border: none;
        border-radius: 7px 0 0 7px;
        color: #666;
        -webkit-box-sizing: border-box;
        vertical-align: middle;
        outline: none;
    }
.sbBtn {
    -webkit-box-sizing: border-box;
    position: relative;
    float: left;
}
    .sbBtn button {
        position: relative;
        border: none;
        border-radius: 0 3px 3px 0;
        width: 32px;
        height: 32px;
        padding: 1px 0;
        background: #fff url(../images/doo_icon.png) -50px -3px no-repeat;
        overflow: hidden;
        text-indent: -9999px;
        outline: none;
        cursor: pointer;
    } 




    /*** main.css ***/