abbr, address, article, aside, audio, b, blockquote, body, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-user-select: none;
    -webkit-touch-callout: none
}

body {
    font: 14px/1.5 "sans-serif";
    background: #fff;
    color: #333
}

li, ul {
    list-style: none
}

button, input {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-touch-callout: none;
    outline: none
}

:focus {
    outline: none !important
}

button {
    border: 0;
    background: none
}

body, html {
    -webkit-text-size-adjust: none;
    text-size-adjust: none
}

a {
    color: inherit;
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    display: block
}

@font-face {
    font-family: iconfont;
    src: url(data:font/truetype;charset=utf-8;base64,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) format("truetype")
}

.iconfont {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    min-width: 1em;
    text-align: center
}

.el-icon-loading {
    -webkit-animation: rotating 1s linear infinite;
    -moz-animation: rotating 1s linear infinite;
    animation: rotating 1s linear infinite;
    -webkit-transform-origin: 46% 50%;
    -moz-transform-origin: 46% 50%;
    -ms-transform-origin: 46% 50%;
    transform-origin: 46% 50%
}

@-webkit-keyframes rotating {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-moz-keyframes rotating {
    0% {
        -moz-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -moz-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes rotating {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        -moz-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.el-icon-caret-left:before {
    content: "\E62F"
}

.el-icon-arrow-up:before {
    content: "\E612"
}

.el-icon-arrow-down:before {
    content: "\E61A"
}

.el-icon-star-off:before {
    content: "\E605"
}

.el-icon-loading:before {
    content: "\E69D"
}

.el-icon-caret-right:before {
    content: "\E64C"
}

.el-icon-download:before {
    content: "\E61C"
}

.el-icon-caret-up:before {
    content: "\E650"
}

.el-icon-caret-down:before {
    content: "\E66F"
}

.el-icon-arrow-right:before {
    content: "\E632"
}

.el-icon-software-service:before {
    content: "\E614"
}

.el-icon-arrow-left:before {
    content: "\E660"
}

.el-icon-search:before {
    content: "\E60E"
}

.el-icon-logo:before {
    content: "\E613"
}

.el-icon-gerenzhongxin:before {
    content: "\E615"
}

.el-icon-star:before {
    content: "\E617"
}

.el-icon-game:before {
    content: "\E619"
}

.el-icon-tishiic:before {
    content: "\E61B"
}

.el-icon-prize:before {
    content: "\E61D"
}

.el-icon-close:before {
    content: "\E61E"
}

.c-btn-border {
    position: relative
}

.c-btn-border:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    z-index: 2;
    pointer-events: none;
    display: block;
    width: 200%;
    height: 200%;
    -moz-border-radius: 50px;
    border-radius: 50px;
    border: 1px solid;
    -webkit-transform: scale(.5);
    -moz-transform: scale(.5);
    -ms-transform: scale(.5);
    transform: scale(.5);
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0
}

.c-hr {
    height: 1px;
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(67%, transparent), color-stop(67%, #e1e1e1)) no-repeat bottom;
    background: -webkit-linear-gradient(top, transparent, transparent 67%, #e1e1e1 0) no-repeat bottom;
    background: -moz- oldlinear-gradient(top, transparent, transparent 67%, #e1e1e1 67%) no-repeat bottom;
    background: linear-gradient(180deg, transparent, transparent 67%, #e1e1e1 0) no-repeat bottom;
    -moz-background-size: 100% 1px;
    background-size: 100% 1px
}

.c-hr, .v-hr {
    display: block
}

.v-hr {
    width: 1px;
    background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(67%, transparent), color-stop(67%, #e1e1e1)) no-repeat bottom;
    background: -webkit-linear-gradient(left, transparent, transparent 67%, #e1e1e1 0) no-repeat bottom;
    background: -moz- oldlinear-gradient(left, transparent, transparent 67%, #e1e1e1 67%) no-repeat bottom;
    background: linear-gradient(90deg, transparent, transparent 67%, #e1e1e1 0) no-repeat bottom;
    -moz-background-size: 1px 100%;
    background-size: 1px 100%
}

hr {
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(67%, transparent), color-stop(67%, #e1e1e1)) no-repeat bottom;
    background: -webkit-linear-gradient(top, transparent, transparent 67%, #e1e1e1 0) no-repeat bottom;
    background: -moz- oldlinear-gradient(top, transparent, transparent 67%, #e1e1e1 67%) no-repeat bottom;
    background: linear-gradient(180deg, transparent, transparent 67%, #e1e1e1 0) no-repeat bottom;
    border: 0;
    height: 1px;
    margin: 0
}

.c-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.c-border-bottom {
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(67%, transparent), color-stop(67%, #e1e1e1)) no-repeat bottom;
    background: -webkit-linear-gradient(top, transparent, transparent 67%, #e1e1e1 0) no-repeat bottom;
    background: -moz- oldlinear-gradient(top, transparent, transparent 67%, #e1e1e1 67%) no-repeat bottom;
    background: linear-gradient(180deg, transparent, transparent 67%, #e1e1e1 0) no-repeat bottom;
    -moz-background-size: 100% 1px;
    background-size: 100% 1px
}

.c-border-top {
    background: -webkit-gradient(linear, left top, left bottom, from(#e1e1e1), color-stop(67%, transparent), color-stop(67%, transparent)) no-repeat bottom;
    background: -webkit-linear-gradient(top, #e1e1e1, transparent 67%, transparent 0) no-repeat bottom;
    background: -moz- oldlinear-gradient(top, #e1e1e1, transparent 67%, transparent 67%) no-repeat bottom;
    background: linear-gradient(180deg, #e1e1e1, transparent 67%, transparent 0) no-repeat bottom;
    -moz-background-size: 100% 1px;
    background-size: 100% 1px;
    background-position: 0 0
}

.c-border-left {
    background: -webkit-gradient(linear, left top, right top, from(#e1e1e1), color-stop(67%, transparent), color-stop(67%, transparent)) no-repeat bottom;
    background: -webkit-linear-gradient(left, #e1e1e1, transparent 67%, transparent 0) no-repeat bottom;
    background: -moz- oldlinear-gradient(left, #e1e1e1, transparent 67%, transparent 67%) no-repeat bottom;
    background: linear-gradient(90deg, #e1e1e1, transparent 67%, transparent 0) no-repeat bottom;
    -moz-background-size: 1px 100%;
    background-size: 1px 100%;
    background-position: 0 0
}

.c-border-right {
    background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(67%, transparent), color-stop(67%, #e1e1e1)) no-repeat bottom;
    background: -webkit-linear-gradient(left, transparent, transparent 67%, #e1e1e1 0) no-repeat bottom;
    background: -moz- oldlinear-gradient(left, transparent, transparent 67%, #e1e1e1 67%) no-repeat bottom;
    background: linear-gradient(90deg, transparent, transparent 67%, #e1e1e1 0) no-repeat bottom;
    -moz-background-size: 1px 100%;
    background-size: 1px 100%;
    background-position: 100% 0
}

.c-default-bg {
    background: url(//ascdn.baidu.com/magneton/imgs/default_7810aa04.png) #efeff0 50% no-repeat;
    -moz-background-size: 26px 26px;
    background-size: 26px 26px;
    -moz-border-radius: 9px;
    border-radius: 9px;
    display: inline-block
}

.c-app-border {
    position: relative
}

.c-app-border:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    z-index: 2;
    pointer-events: none;
    display: block;
    border: 1px solid #e1e1e1;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 200%;
    height: 200%;
    -moz-border-radius: 18px;
    border-radius: 18px;
    -webkit-transform: scale(.5);
    -moz-transform: scale(.5);
    -ms-transform: scale(.5);
    transform: scale(.5)
}

.c-line-top {
    position: relative
}

.c-line-top, .c-line-top:before {
    border-top: 1px solid transparent
}

.c-line-top:before {
    content: "";
    position: absolute;
    left: 0;
    -webkit-transform: scale(.33);
    -moz-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33);
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    border-top-color: #dedfe0
}

.c-line-bottom {
    position: relative;
    border-bottom: 1px solid transparent
}

.c-line-bottom:after {
    content: "";
    position: absolute;
    left: 0;
    -webkit-transform: scale(.3333, .33);
    -moz-transform: scale(.3333, .33);
    -ms-transform: scale(.3333, .33);
    transform: scale(.3333, .33);
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    border-bottom: 1px solid transparent;
    border-bottom-color: #dedfe0
}

.c-line-bottom:after, .c-line-top:before {
    pointer-events: none;
    width: 300%;
    height: 300%;
    top: 0
}

.c-gap-right-middle {
    margin-right: 8px
}

img {
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    transition: all .3s ease-out;
    background-color: #fff
}

img:not(), img, img, img, img {
    opacity: 0
}

img {
    opacity: 1
}

::-webkit-scrollbar {
    display: none
}

.head-loading {
    position: fixed;
    height: 2px;
    background-color: #04b4ff;
    -moz-border-radius: 10px;
    border-radius: 10px;
    top: 0;
    left: 0;
    z-index: 999;
    opacity: 1
}

.head-loading.transform {
    -webkit-transition: width .5s, opacity .75s;
    -moz-transition: width .5s, opacity .75s;
    transition: width .5s, opacity .75s;
    width: 100% !important;
    opacity: 0
}

.err-wrap .error-content {
    text-align: center;
    width: 100%;
    padding-top: 100px
}

.err-wrap .error-content h3 {
    color: #999;
    font-size: 13px;
    font-weight: 400;
    padding: 10px 0 37px
}

.err-wrap .error-content .img-wrap {
    width: 200px;
    height: 150px;
    margin: 0 auto
}

.err-wrap .error-content .img-wrap img {
    width: 100%;
    height: 100%
}

.err-wrap .error-content .button-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.err-wrap .error-content .button-wrap .button {
    height: 35px;
    width: 107px
}

.err-wrap .error-content .button-wrap .download {
    margin-left: 25px
}

.c-btn-border:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    z-index: 2;
    pointer-events: none;
    display: block;
    width: 200%;
    height: 200%;
    -moz-border-radius: 50px;
    border-radius: 50px;
    border: 1px solid;
    -webkit-transform: scale(.5);
    -moz-transform: scale(.5);
    -ms-transform: scale(.5);
    transform: scale(.5);
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0
}

.c-btn-border {
    position: relative
}

.c-btn {
    display: inline-block;
    white-space: nowrap;
    cursor: pointer;
    text-align: center;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 2px 13.5px 3px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    font-size: 13px;
    color: #05b4ff;
    position: relative;
    background-color: #fff
}

.c-btn:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    z-index: 2;
    pointer-events: none;
    display: block;
    width: 200%;
    height: 200%;
    -moz-border-radius: 50px;
    border-radius: 50px;
    border: 1px solid;
    -webkit-transform: scale(.5);
    -moz-transform: scale(.5);
    -ms-transform: scale(.5);
    transform: scale(.5);
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    color: #48c8fb
}

.c-btn:active {
    background-color: #dff6ff !important
}

.c-btn.is-disabled, .c-btn.is-disabled:active {
    border-color: #d1dbe5;
    color: #bfcbd9;
    cursor: not-allowed
}

.c-btn.is-disabled:active:before, .c-btn.is-disabled:before {
    color: inherit
}

.c-btn.is-loading {
    position: relative;
    pointer-events: none
}

.c-btn.is-loading:after {
    content: "";
    position: absolute;
    pointer-events: none;
    left: -1px;
    top: -1px;
    right: -1px;
    bottom: -1px;
    -moz-border-radius: inherit;
    border-radius: inherit;
    background-color: hsla(0, 0%, 100%, .35)
}

.c-btn--primary {
    color: #fff;
    background-image: -webkit-linear-gradient(55deg, #25cdff, #467bf3);
    background-image: -moz- oldlinear-gradient(55deg, #25cdff, #467bf3);
    background-image: linear-gradient(35deg, #25cdff, #467bf3);
    background-color: #467bf3
}

.c-btn--primary:before {
    color: transparent
}

.c-btn--primary:active {
    background: #68d2ff !important
}

.c-btn--primary.is-disabled, .c-btn--primary.is-disabled:active {
    color: #bfcbd9;
    cursor: not-allowed;
    background-image: none;
    background-color: #eef1f6;
    border-color: #d1dbe5
}

.c-btn--primary.is-disabled:active:before, .c-btn--primary.is-disabled:before {
    color: inherit
}

.c-btn--primary-orange {
    color: #fff;
    background-image: -webkit-linear-gradient(315deg, #ffd603, #ff3868);
    background-image: -moz- oldlinear-gradient(315deg, #ffd603, #ff3868);
    background-image: linear-gradient(135deg, #ffd603, #ff3868);
    background-color: #ff3868
}

.c-btn--primary-orange:before {
    color: transparent
}

.c-btn--primary-orange:active {
    background: #ffd603 !important
}

.c-btn--primary-orange.is-disabled, .c-btn--primary-orange.is-disabled:active {
    color: #bfcbd9;
    cursor: not-allowed;
    background-image: none;
    background-color: #eef1f6;
    border-color: #d1dbe5
}

.c-btn--primary-orange.is-disabled:active:before, .c-btn--primary-orange.is-disabled:before {
    color: inherit
}

.c-btn--primary-green {
    color: #fff;
    background-image: -webkit-linear-gradient(315deg, #92de23, #05d4c4);
    background-image: -moz- oldlinear-gradient(315deg, #92de23, #05d4c4);
    background-image: linear-gradient(135deg, #92de23, #05d4c4);
    background-color: #05d4c4
}

.c-btn--primary-green:before {
    color: transparent
}

.c-btn--primary-green:active {
    background: #92de23 !important
}

.c-btn--primary-green.is-disabled, .c-btn--primary-green.is-disabled:active {
    color: #bfcbd9;
    cursor: not-allowed;
    background-image: none;
    background-color: #eef1f6;
    border-color: #d1dbe5
}

.c-btn--primary-green.is-disabled:active:before, .c-btn--primary-green.is-disabled:before {
    color: inherit
}

.c-btn--blue {
    color: #fff;
    background-color: #05b4ff
}

.c-btn--blue:before {
    color: transparent
}

.c-btn--blue:active {
    background: #68d2ff !important
}

.c-btn--blue.is-disabled, .c-btn--blue.is-disabled:active {
    color: #bfcbd9;
    cursor: not-allowed;
    background-image: none;
    background-color: #eef1f6;
    border-color: #d1dbe5
}

.c-btn--blue.is-disabled:active:before, .c-btn--blue.is-disabled:before {
    color: inherit
}

.c-btn--yellow {
    color: #ebb356;
    background-color: #fff8e5
}

.c-btn--yellow:before {
    color: transparent
}

.c-btn--yellow:active {
    background-color: #fff1cd !important
}

.c-btn--yellow.is-disabled, .c-btn--yellow.is-disabled:active {
    color: #bfcbd9;
    cursor: not-allowed;
    background-image: none;
    background-color: #eef1f6;
    border-color: #d1dbe5
}

.c-btn--yellow.is-disabled:active:before, .c-btn--yellow.is-disabled:before {
    color: inherit
}

.c-btn--orange {
    color: #ff5e2a;
    background-color: #fff
}

.c-btn--orange:before {
    color: #ff5e2a
}

.c-btn--orange:active {
    background-color: #f3b5a1 !important
}

.c-btn--orange.is-disabled, .c-btn--orange.is-disabled:active {
    color: #bfcbd9;
    cursor: not-allowed;
    background-image: none;
    background-color: #eef1f6;
    border-color: #d1dbe5
}

.c-btn--orange.is-disabled:active:before, .c-btn--orange.is-disabled:before {
    color: inherit
}

.c-btn--white {
    color: #fff;
    background-color: transparent
}

.c-btn--white:before {
    color: #e3e3e3
}

.c-btn--white:active {
    color: #05b4ff !important
}

.c-btn--white.is-disabled, .c-btn--white.is-disabled:active {
    color: #bfcbd9;
    cursor: not-allowed;
    background-image: none;
    background-color: #eef1f6;
    border-color: #d1dbe5
}

.c-btn--white.is-disabled:active:before, .c-btn--white.is-disabled:before {
    color: inherit
}

.c-btn--blackfont {
    color: #333;
    background-color: transparent
}

.c-btn--blackfont:before {
    color: #e3e3e3
}

.c-btn--blackfont:active {
    background-color: #dedede !important
}

.c-btn--blackfont.is-disabled, .c-btn--blackfont.is-disabled:active {
    color: #bfcbd9;
    cursor: not-allowed;
    background-image: none;
    background-color: #eef1f6;
    border-color: #d1dbe5
}

.c-btn--blackfont.is-disabled:active:before, .c-btn--blackfont.is-disabled:before {
    color: inherit
}

.c-btn--grayfont {
    color: #666;
    background-color: transparent
}

.c-btn--grayfont:before {
    color: #e3e3e3
}

.c-btn--grayfont:active {
    background-color: #dedede !important
}

.c-btn--grayfont.is-disabled, .c-btn--grayfont.is-disabled:active {
    color: #bfcbd9;
    cursor: not-allowed;
    background-image: none;
    background-color: #eef1f6;
    border-color: #d1dbe5
}

.c-btn--grayfont.is-disabled:active:before, .c-btn--grayfont.is-disabled:before {
    color: inherit
}

.c-btn--orangefont {
    color: #ff674b;
    background-color: transparent
}

.c-btn--orangefont:before {
    color: #e3e3e3
}

.c-btn--orangefont:active {
    background-color: #f3b5a1 !important
}

.c-btn--orangefont.is-disabled, .c-btn--orangefont.is-disabled:active {
    color: #bfcbd9;
    cursor: not-allowed;
    background-image: none;
    background-color: #eef1f6;
    border-color: #d1dbe5
}

.c-btn--orangefont.is-disabled:active:before, .c-btn--orangefont.is-disabled:before {
    color: inherit
}

.c-btn--gray {
    color: #999
}

.c-btn--gray:before {
    color: #dedede
}

.c-btn--gray:active {
    background-color: #dedede !important
}

.c-btn--gray.is-active {
    color: #05b4ff
}

.c-btn--gray.is-active:before {
    color: #48c8fb
}

.c-btn--gray.is-active:active {
    background-color: #dff6ff
}

.c-btn--gray.is-disabled, .c-btn--gray.is-disabled:active {
    color: #bfcbd9;
    cursor: not-allowed;
    background-image: none;
    background-color: #eef1f6;
    border-color: #d1dbe5
}

.c-btn--gray.is-disabled:active:before, .c-btn--gray.is-disabled:before {
    color: inherit
}

.c-btn--small {
    font-size: 12px;
    padding: 3px 12px
}

.c-btn + .c-btn {
    margin-left: 10px
}

.slot {
    padding-top: 3px
}

.err-wrap .error-content {
    text-align: center;
    width: 100%;
    padding-top: 100px
}

.err-wrap .error-content h3 {
    color: #999;
    font-size: 13px;
    font-weight: 400;
    padding: 10px 0 37px
}

.err-wrap .error-content .img-wrap {
    width: 200px;
    height: 150px;
    margin: 0 auto
}

.err-wrap .error-content .img-wrap img {
    width: 100%;
    height: 100%
}

.err-wrap .error-content .button-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.err-wrap .error-content .button-wrap .button {
    height: 35px;
    width: 107px
}

.err-wrap .error-content .button-wrap .download {
    margin-left: 25px
}

.item-page {
    padding-bottom: 45px
}

.app .has-bottom-button {
    padding-bottom: 95px
}

.is-show-pc {
    max-width: 500px;
    margin: auto
}

@media screen and (max-width: 359px) {
    .has-bottom-button {
        padding-bottom:116px
    }
}

.button-direct {
    padding-bottom: 49px
}

.fc-s1-dev-card {
    background: #f8f8f8;
    padding-top: 12px;
    padding-bottom: 12px
}

.fixed-page-bottom {
    position: fixed;
    bottom: 0;
    z-index: 999
}

.page-center-banner-card {
    overflow: hidden;
    margin-bottom: 12px;
    margin-left: 17px;
    margin-right: 17px;
    padding-bottom: 0!important;
    -moz-border-radius: 9px;
    border-radius: 9px
}

.page-center-banner-card .detail-banner-description {
    -webkit-transform: translate(14%,14%) scale(.72);
    -moz-transform: translate(14%,14%) scale(.72);
    -ms-transform: translate(14%,14%) scale(.72);
    transform: translate(14%,14%) scale(.72)
}

.fix-no-border {
    border: 0!important
}

.header-wrap {
    height: 42px;
    position: relative
}

.header-wrap .header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    z-index: 99;
    padding: 7px 13px;
    color: #333;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -moz-box-shadow: 0 2px 3px 0 rgba(0,0,0,.05);
    box-shadow: 0 2px 3px 0 rgba(0,0,0,.05)
}

.header-wrap .header .logo-bar {
    width: 22px;
    padding-top: 1px;
    padding-right: .4rem
}

.header-wrap .header .logo-bar img {
    height: 22px
}

.header-wrap .header .category {
    font-family: PingFang SC;
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    color: #1f1f1f
}

.header-wrap .header .category.open-category {
    color: #4e6ef2
}

.header-wrap .header .category .triangle {
    border: 1px solid transparent;
    margin-left: 2px;
    line-height: 14px
}

.header-wrap .header .category .iconfont {
    font-size: 12px;
    width: 12px;
    color: #000
}

.header-wrap .header a:active {
    color: #05b4ff
}

.header-wrap .header .search {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #f7f7f7;
    background: -webkit-linear-gradient(344.92deg,rgba(74,140,255,.12) 20.25%,rgba(74,140,255,.18) 87.26%);
    background: -moz- oldlinear-gradient(344.92deg,rgba(74,140,255,.12) 20.25%,rgba(74,140,255,.18) 87.26%);
    background: linear-gradient(105.08deg,rgba(74,140,255,.12) 20.25%,rgba(74,140,255,.18) 87.26%);
    -moz-border-radius: 54px;
    border-radius: 54px;
    height: 24px
}

.header-wrap .header .search:active {
    color: #05b4ff
}

.header-wrap .header .search input {
    padding: 0;
    height: 14px;
    border: none;
    max-width: 40px;
    outline: 0;
    color: inherit;
    background-color: transparent;
    overflow: hidden;
    white-space: nowrap;
    caret-color: #3a7bff;
    font-family: PingFang SC;
    font-weight: 500;
    font-size: 10.4px;
    line-height: 13px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header-wrap .header .search ::-webkit-input-placeholder {
    color: #3a7bff
}

.header-wrap .header .search ::placeholder {
    color: #3a7bff
}

.header-wrap .header .search .iconfont {
    display: block;
    margin-left: 7px;
    margin-right: 3px;
    font-size: 10px;
    width: 10px;
    color: #3a7bff
}

.dropdown-button {
    background: none;
    border: none;
    cursor: pointer;
    font-weight: 700
}

.dropdown-menu {
    position: fixed;
    top: 42px;
    left: 0;
    width: 100vw;
    text-align: left;
    z-index: 98;
    background: #fff
}

.dropdown-menu ul {
    width: 100%;
    padding: 0 15px;
    list-style: none;
    margin: 0;
    padding: 0
}

.dropdown-menu li {
    width: 100%;
    height: 37px;
    padding: 0 15px;
    cursor: pointer;
    font-family: PingFang SC;
    font-size: 13px;
    line-height: 37px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #525252
}

.nav-item:hover {
    color: #4e6ef2
}

.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0,0,0,.2);
    z-index: 15
}

.dropdown-slide-enter-active,.dropdown-slide-leave-active {
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    transition: all .25s ease;
    overflow: hidden
}

.dropdown-slide-enter {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%)
}

.dropdown-slide-enter-to,.dropdown-slide-leave {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.dropdown-slide-leave-to {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%)
}

.is-landing-page {
    margin-bottom: 65px
}

.detail-banner-wrap {
    position: relative;
    width: 100%;
    padding-bottom: 33.25%;
    background-position: 50%;
    -moz-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
    overflow: hidden
}

.detail-banner-wrap.popup-banner {
    padding-bottom: 24.15%
}

.detail-banner-filter {
    position: absolute;
    width: 100%;
    top: 55%;
    height: 45%;
    background-image: -webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(0,0,0,.5)));
    background-image: -webkit-linear-gradient(top,transparent,rgba(0,0,0,.5));
    background-image: -moz- oldlinear-gradient(top,transparent 0,rgba(0,0,0,.5) 100%);
    background-image: linear-gradient(180deg,transparent,rgba(0,0,0,.5))
}

.detail-banner-button {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 13px;
    width: 100px;
    height: 33px;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#ffe688),to(#ff9100));
    background-image: -webkit-linear-gradient(top,#ffe688,#ff9100);
    background-image: -moz- oldlinear-gradient(top,#ffe688 0,#ff9100 100%);
    background-image: linear-gradient(180deg,#ffe688,#ff9100);
    -moz-border-radius: 50px;
    border-radius: 50px;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    letter-spacing: 0;
    text-align: center;
    text-shadow: 0 3px 3px #ff9905;
    overflow: hidden
}

.detail-banner-progress {
    height: 100%;
    background-color: rgba(0,0,0,.1);
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease
}

.detail-banner-text {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    line-height: 33px;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 100
}

.detail-banner-description {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    right: 13px;
    bottom: 5px;
    font-size: 14px;
    -webkit-transform: translate(10%,10%) scale(.8);
    -moz-transform: translate(10%,10%) scale(.8);
    -ms-transform: translate(10%,10%) scale(.8);
    transform: translate(10%,10%) scale(.8);
    font-weight: 400;
    color: hsla(0,0%,100%,.8);
    white-space: nowrap
}

.detail-banner-app-name,.detail-banner-developer,.detail-banner-permission,.detail-banner-privacy {
    line-height: 100%;
    margin-right: 8px;
    white-space: nowrap
}

.detail-banner-version {
    line-height: 100%;
    white-space: nowrap
}

.detail-banner-developer {
    max-width: 155px
}

.detail-banner-app-name {
    max-width: 100px
}

.detail-banner-bottom {
    position: absolute;
    bottom: 8px;
    right: 15px;
    left: 15px
}

.detail-banner-new {
    padding: 15px 15px 0
}

.detail-banner-new-inter-wrap,.detail-banner-new-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    background: #f5f5f5;
    -moz-border-radius: 9px;
    border-radius: 9px;
    width: 100%
}

.detail-banner-new-left {
    position: relative;
    width: 270px
}

.detail-banner-new-ad {
    left: 5px;
    top: 5px;
    position: absolute;
    width: 26px;
    height: 14px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.detail-banner-new-bg {
    padding-bottom: 33.25%;
    background-position: 50%;
    -moz-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
    overflow: hidden;
    -moz-border-radius: 9px 0 0 9px;
    border-radius: 9px 0 0 9px
}

.detail-banner-new-filter {
    position: absolute;
    width: 100%;
    top: 55%;
    height: 45%;
    -moz-border-radius: 0 0 0 9px;
    border-radius: 0 0 0 9px;
    background-image: -webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(0,0,0,.5)));
    background-image: -webkit-linear-gradient(top,transparent,rgba(0,0,0,.5));
    background-image: -moz- oldlinear-gradient(top,transparent,rgba(0,0,0,.5));
    background-image: linear-gradient(180deg,transparent,rgba(0,0,0,.5))
}

.detail-banner-new-bottom {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 8px;
    grid-column-gap: 8px
}

.detail-banner-new-description {
    line-height: 1;
    float: left
}

.detail-banner-new-link-wrap {
    color: #fff;
    line-height: 1;
    float: left
}

.detail-banner-new-info-left {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.detail-banner-new-info-left,.detail-banner-new-info-right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    grid-column-gap: 8px;
    line-height: 1;
    font-size: 12px;
    opacity: .8;
    color: #858585;
    overflow: hidden
}

.detail-banner-new-info-right {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -moz-box-flex: 0;
    -ms-flex: none;
    flex: none;
    white-space: nowrap
}

.detail-banner-new-developer,.detail-banner-new-permission,.detail-banner-new-privacy {
    white-space: nowrap
}

.detail-banner-new-right {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    -moz-border-radius: 0 9px 9px 0;
    border-radius: 0 9px 9px 0;
    background-image: -webkit-gradient(linear,right top,left top,from(#f7fbff),color-stop(74%,#f7faff),to(rgba(242,247,255,0)));
    background-image: -webkit-linear-gradient(right,#f7fbff,#f7faff 74%,rgba(242,247,255,0));
    background-image: -moz- oldlinear-gradient(right,#f7fbff,#f7faff 74%,rgba(242,247,255,0));
    background-image: linear-gradient(270deg,#f7fbff,#f7faff 74%,rgba(242,247,255,0))
}

.detail-banner-new-app-name {
    font-size: 14px;
    line-height: 14px;
    font-weight: 500;
    display: block;
    margin-top: 18px;
    color: #1f1f1f;
    letter-spacing: 0;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding: 0 7px
}

.detail-banner-new-version {
    font-family: PingFangSC-Regular;
    font-size: 12px;
    color: #858585;
    line-height: 12px;
    font-weight: 400;
    white-space: nowrap
}

.detail-banner-new-button {
    position: relative;
    width: 76px;
    margin: auto;
    height: 28px;
    overflow: hidden;
    background: rgba(38,129,255,.1);
    -moz-border-radius: 16px;
    border-radius: 16px;
    font-size: 13px;
    color: #2681ff;
    margin-top: 12px
}

.detail-banner-new-progress {
    height: 100%;
    background-color: rgba(0,0,0,.1);
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease
}

.detail-banner-new-text {
    position: absolute;
    top: 20%;
    left: 20%;
    width: 100%;
    font-size: 13px;
    font-weight: 500;
    line-height: 28px;
    -webkit-transform: translate(-20%,-20%);
    -moz-transform: translate(-20%,-20%);
    -ms-transform: translate(-20%,-20%);
    transform: translate(-20%,-20%);
    text-align: center
}

.sweep-light-cover {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 150%;
    z-index: 99;
    background-image: -webkit-linear-gradient(135deg,hsla(0,0%,100%,0) 32%,#fff 36%,hsla(0,0%,100%,0) 40%,hsla(0,0%,100%,0) 46%,#fff 50%,hsla(0,0%,100%,0) 54%);
    background-image: -moz- oldlinear-gradient(135deg,hsla(0,0%,100%,0) 32%,#fff 36%,hsla(0,0%,100%,0) 40%,hsla(0,0%,100%,0) 46%,#fff 50%,hsla(0,0%,100%,0) 54%);
    background-image: linear-gradient(-45deg,hsla(0,0%,100%,0) 32%,#fff 36%,hsla(0,0%,100%,0) 40%,hsla(0,0%,100%,0) 46%,#fff 50%,hsla(0,0%,100%,0) 54%);
    -webkit-animation: searchLights-data-v-51515d96 1s ease-in 5s infinite alternate;
    -moz-animation: searchLights-data-v-51515d96 1s ease-in 5s infinite alternate;
    animation: searchLights-data-v-51515d96 1s ease-in 5s infinite alternate
}

@-webkit-keyframes searchLights-data-v-51515d96 {
    0% {
        left: 150%
    }

    to {
        left: -164%
    }
}

@-moz-keyframes searchLights-data-v-51515d96 {
    0% {
        left: 150%
    }

    to {
        left: -164%
    }
}

@keyframes searchLights-data-v-51515d96 {
    0% {
        left: 150%
    }

    to {
        left: -164%
    }
}

.ripple {
    width: 120px;
    height: 120px;
    position: absolute;
    bottom: -60px;
    left: -60px;
    -moz-border-radius: 50% 50%;
    border-radius: 50% 50%;
    background: hsla(0,0%,100%,.4);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    opacity: 1
}

.ripple.rippleEffect {
    -webkit-animation: rippleDrop-data-v-51515d96 .6s linear;
    -moz-animation: rippleDrop-data-v-51515d96 .6s linear;
    animation: rippleDrop-data-v-51515d96 .6s linear
}

@-webkit-keyframes rippleDrop-data-v-51515d96 {
    to {
        -webkit-transform: scale(7);
        transform: scale(7);
        opacity: 0
    }
}

@-moz-keyframes rippleDrop-data-v-51515d96 {
    to {
        -moz-transform: scale(7);
        transform: scale(7);
        opacity: 0
    }
}

@keyframes rippleDrop-data-v-51515d96 {
    to {
        -webkit-transform: scale(7);
        -moz-transform: scale(7);
        transform: scale(7);
        opacity: 0
    }
}

.detail-card-app {
    width: 100%;
    overflow: hidden;
    text-align: center;
    position: relative;
    min-height: 43px
}

.detail-card-app .logo-bar {
    height: 20px;
    margin-top: 16px;
    margin-bottom: 12px
}

.detail-card-app .logo-bar-wrap {
    height: 29px;
    width: 101px;
    float: right;
    margin-right: 19px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -moz-border-radius: 16px;
    border-radius: 16px;
    background: #f5f5f5
}

.detail-card-app .logo-bar-wrap .logo {
    height: 17px;
    width: 84px;
    background-color: transparent
}

.detail-card-app .detail-card-app-content-top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px 15px
}

.detail-card-app .detail-card-app-content-top .app-icon-wrap {
    -moz-border-radius: 9px;
    border-radius: 9px;
    display: inline-block
}

.detail-card-app .detail-card-app-content-top .app-icon-wrap .app-icon {
    display: block;
    width: 80px;
    height: 80px;
    -moz-border-radius: 12px;
    border-radius: 12px
}

.detail-card-app .detail-card-app-content-top .app-info {
    padding-left: 12px;
    overflow: hidden;
    text-align: left
}

.detail-card-app .detail-card-app-content-top .app-info .app-title {
    font-size: 19px;
    -webkit-text-stroke: .3px;
    line-height: 1;
    color: #1f1f1f;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.detail-card-app .detail-card-app-content-top .app-info .description {
    font-size: 14px;
    line-height: 1;
    color: #525252;
    margin-top: 9px;
    white-space: nowrap
}

.detail-card-app .detail-card-app-content-top .app-info .app-tag {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 9px
}

.detail-card-app .detail-card-app-content-top .app-info .offical {
    padding: 4.5px 8px;
    line-height: 1;
    background: rgba(38,129,255,.1);
    -moz-border-radius: 6px;
    border-radius: 6px;
    color: #2681ff;
    letter-spacing: 0;
    font-size: 12px;
    margin-right: 8px
}

.detail-card-app .detail-card-app-content-top .app-info .safety {
    padding: 4.5px 8px;
    line-height: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: rgba(82,82,82,.1);
    -moz-border-radius: 6px;
    border-radius: 6px;
    font-size: 12px;
    color: #1f1f1f;
    font-weight: 400
}

.detail-card-app .detail-card-app-content-top .app-info .safety-img {
    width: 14px;
    height: 14px;
    margin-right: 3px;
    background-color: transparent
}

.detail-card-app .detail-card-app-content-bottom {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.detail-card-app .detail-card-app-content-bottom .bottom-item {
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.detail-card-app .detail-card-app-content-bottom .bottom-item:last-child {
    border-right: none
}

.detail-card-app .detail-card-app-content-bottom .bottom-item:after {
    content: "";
    border-left: 1px solid #e0e0e0;
    height: 27px;
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    right: 0;
    top: 5px
}

.detail-card-app .detail-card-app-content-bottom .bottom-item:last-child:after {
    height: 0
}

.detail-card-app .detail-card-app-content-bottom .score {
    font-size: 19px;
    color: #1f1f1f;
    text-align: center;
    line-height: 19px;
    font-weight: 500
}

.detail-card-app .detail-card-app-content-bottom .desc {
    margin-top: 6px;
    font-size: 12px;
    color: #858585;
    text-align: center;
    line-height: 12px;
    font-weight: 400
}

.detail-card-app .detail-card-app-content-bottom .download-count,.detail-card-app .detail-card-app-content-bottom .size {
    font-size: 19px;
    color: #1f1f1f;
    line-height: 19px;
    font-weight: 500
}

.detail-card-app .detail-card-app-content-bottom .text {
    font-size: 12px;
    line-height: 12px;
    font-weight: 400
}

.detail-download-layer .has-small-margin {
    margin-top: 15px!important
}

.detail-download-layer .btn-wrapper {
    margin-top: 20px;
    padding-bottom: 16px;
    padding-left: 15px;
    padding-right: 15px
}

.detail-download-layer .btn-wrapper .direct-btn,.detail-download-layer .btn-wrapper .normal-btn,.detail-download-layer .btn-wrapper .safe-btn {
    background-image: -webkit-linear-gradient(45deg,#5ca2f2,#4e6ef2);
    background-image: -moz- oldlinear-gradient(45deg,#5ca2f2 0,#4e6ef2 100%);
    background-image: linear-gradient(45deg,#5ca2f2,#4e6ef2);
    margin: 0 auto;
    display: block;
    width: 100%;
    line-height: 18px;
    height: 37px;
    padding: 0;
    overflow: hidden;
    position: relative;
    -moz-border-radius: 33px;
    border-radius: 33px;
    color: #fff
}

.detail-download-layer .btn-wrapper .direct-btn .direct-download-progress,.detail-download-layer .btn-wrapper .direct-btn .normal-download-progress,.detail-download-layer .btn-wrapper .direct-btn .safe-download-progress,.detail-download-layer .btn-wrapper .normal-btn .direct-download-progress,.detail-download-layer .btn-wrapper .normal-btn .normal-download-progress,.detail-download-layer .btn-wrapper .normal-btn .safe-download-progress,.detail-download-layer .btn-wrapper .safe-btn .direct-download-progress,.detail-download-layer .btn-wrapper .safe-btn .normal-download-progress,.detail-download-layer .btn-wrapper .safe-btn .safe-download-progress {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    position: absolute;
    top: 0;
    height: 100%;
    background: hsla(0,0%,100%,.2);
    -moz-border-radius: 0 57px 57px 0;
    border-radius: 0 57px 57px 0;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease
}

.detail-download-layer .btn-wrapper .direct-btn .direct-text,.detail-download-layer .btn-wrapper .direct-btn .normal-text,.detail-download-layer .btn-wrapper .direct-btn .safe-text,.detail-download-layer .btn-wrapper .normal-btn .direct-text,.detail-download-layer .btn-wrapper .normal-btn .normal-text,.detail-download-layer .btn-wrapper .normal-btn .safe-text,.detail-download-layer .btn-wrapper .safe-btn .direct-text,.detail-download-layer .btn-wrapper .safe-btn .normal-text,.detail-download-layer .btn-wrapper .safe-btn .safe-text {
    font-size: 16px;
    line-height: 37px;
    text-align: center;
    width: 100%;
    height: 100%;
    position: absolute
}

.detail-download-layer .btn-wrapper .btn {
    background-image: -webkit-linear-gradient(45deg,#5ca2f2,#4e6ef2);
    background-image: -moz- oldlinear-gradient(45deg,#5ca2f2 0,#4e6ef2 100%);
    background-image: linear-gradient(45deg,#5ca2f2,#4e6ef2);
    margin: 0 auto;
    display: block;
    width: 100%;
    line-height: 18px;
    height: 37px;
    padding: 0;
    overflow: hidden;
    font-size: 15px
}

.detail-download-layer .btn-wrapper .btn .iconfont {
    float: left;
    font-size: 17.5px;
    position: relative;
    display: inline-block;
    vertical-align: top;
    top: 1.2px
}

.detail-download-layer .btn-wrapper .btn .text {
    display: inline-block;
    vertical-align: top
}

.detail-download-layer .btn-wrapper .btn .cBdLiteFlag {
    display: none
}

.detail-download-layer .btn-wrapper .normal-down {
    display: inline-block;
    margin: 4px 0;
    color: #999;
    font-weight: 300;
    font-size: 15px;
    line-height: 24px
}

.detail-download-layer .btn-wrapper .double-btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.detail-download-layer .btn-wrapper .double-btn-item {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    line-height: 18px;
    height: 37px;
    padding-top: 7px;
    padding-bottom: 9px;
    font-size: 15px;
    background-image: -webkit-linear-gradient(45deg,#5ca2f2,#4e6ef2);
    background-image: -moz- oldlinear-gradient(45deg,#5ca2f2 0,#4e6ef2 100%);
    background-image: linear-gradient(45deg,#5ca2f2,#4e6ef2)
}

.detail-download-layer .btn-wrapper .double-btn-item:not(:first-child) {
    margin-left: 8px
}

.detail-download-layer .btn-wrapper .double-btn .double-btn-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.detail-download-layer .btn-wrapper .double-btn-explain {
    margin-top: 11px;
    line-height: 1em;
    font-size: 13px;
    color: #858585
}

.detail-download-layer .top-download-wrap {
    position: absolute;
    width: 100%;
    top: 48px;
    left: 0;
    z-index: -1;
    opacity: 0;
    background: #fff;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    border-top: 1px solid #f1f1f1;
    border-bottom: 1px solid #f1f1f1
}

.detail-download-layer .top-download-wrap.show {
    z-index: 1;
    opacity: 1
}

.detail-download-layer .top-download-wrap .normal-app-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 17px;
    height: 65px;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.detail-download-layer .top-download-wrap .normal-app-wrap .normal-app-img-wrap {
    -moz-border-radius: 9px;
    border-radius: 9px;
    width: 50px;
    height: 50px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.detail-download-layer .top-download-wrap .normal-app-wrap .normal-app-img-wrap .normal-app-img {
    width: 100%;
    height: 100%;
    -moz-border-radius: 9px;
    border-radius: 9px
}

.detail-download-layer .top-download-wrap .normal-app-wrap .normal-app-content {
    -webkit-box-flex: 1;
    -webkit-flex: auto;
    -moz-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    font-size: 14px;
    padding: 0 8px;
    overflow: hidden
}

.detail-download-layer .top-download-wrap .normal-app-wrap .normal-app-content .normal-app-title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 18px;
    font-weight: 700
}

.detail-download-layer .top-download-wrap .normal-app-wrap .normal-app-content .normal-app-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    color: #666
}

.detail-download-layer .top-download-wrap .normal-app-wrap .normal-app-content .normal-app-info strong {
    color: #05b4ff;
    font-weight: 400
}

.detail-download-layer .top-download-wrap .normal-app-wrap .normal-app-button {
    width: 55px;
    height: 28px;
    font-size: 13px;
    background-color: #fff
}

.detail-download-layer .fixed-download-wrap {
    -moz-box-shadow: 0 -6px 40px 0 rgba(0,0,0,.1);
    box-shadow: 0 -6px 40px 0 rgba(0,0,0,.1);
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: -1;
    opacity: 0;
    background: #fff;
    padding: 6px 15px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .15s;
    -moz-transition: all .15s;
    transition: all .15s;
    text-align: center
}

.detail-download-layer .fixed-download-wrap.show {
    z-index: 99;
    opacity: 1
}

.detail-download-layer .fixed-download-wrap .download-info-wrap {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.detail-download-layer .fixed-download-wrap .download-info-wrap .app-icon-wrap {
    width: 32px;
    height: 32px;
    -moz-background-size: 13px 13px;
    background-size: 13px 13px;
    margin-right: 13px;
    -moz-border-radius: 6px;
    border-radius: 6px
}

.detail-download-layer .fixed-download-wrap .download-info-wrap .app-icon-wrap:before {
    -moz-border-radius: 12px;
    border-radius: 12px
}

.detail-download-layer .fixed-download-wrap .download-info-wrap .app-icon-wrap .app-icon {
    width: 32px;
    height: 32px
}

.detail-download-layer .fixed-download-wrap .download-info-wrap .download-info h4 {
    line-height: 1.3;
    padding-top: 3px
}

.detail-download-layer .fixed-download-wrap .download-info-wrap .download-info p {
    color: #666;
    font-size: 12px;
    color: #1098ad;
    color: #15aabf
}

.detail-download-layer .fixed-download-wrap .btn-color {
    background-image: -webkit-linear-gradient(45deg,#5ca2f2,#4e6ef2);
    background-image: -moz- oldlinear-gradient(45deg,#5ca2f2 0,#4e6ef2 100%);
    background-image: linear-gradient(45deg,#5ca2f2,#4e6ef2)
}

.detail-download-layer .fixed-download-wrap .fixed-btn {
    margin: 0 auto;
    display: block;
    width: 100%;
    line-height: 18px;
    height: 40px;
    padding-top: 7px;
    padding-bottom: 9px;
    font-size: 15px;
    background-image: -webkit-linear-gradient(45deg,#5ca2f2,#4e6ef2);
    background-image: -moz- oldlinear-gradient(45deg,#5ca2f2 0,#4e6ef2 100%);
    background-image: linear-gradient(45deg,#5ca2f2,#4e6ef2)
}

.detail-download-layer .fixed-download-wrap .fixed-direct-btn,.detail-download-layer .fixed-download-wrap .fixed-normal-btn,.detail-download-layer .fixed-download-wrap .fixed-safe-btn {
    background-image: -webkit-linear-gradient(45deg,#5ca2f2,#4e6ef2);
    background-image: -moz- oldlinear-gradient(45deg,#5ca2f2 0,#4e6ef2 100%);
    background-image: linear-gradient(45deg,#5ca2f2,#4e6ef2);
    margin: 0 auto;
    display: block;
    width: 100%;
    line-height: 18px;
    height: 37px;
    padding: 0;
    overflow: hidden;
    position: relative;
    -moz-border-radius: 33px;
    border-radius: 33px;
    color: #fff
}

.detail-download-layer .fixed-download-wrap .fixed-direct-text,.detail-download-layer .fixed-download-wrap .fixed-normal-text,.detail-download-layer .fixed-download-wrap .fixed-safe-text {
    right: 0;
    font-size: 16px;
    line-height: 37px;
    text-align: center;
    width: 100%;
    height: 100%;
    position: absolute
}

.detail-download-layer .fixed-download-wrap .fixed-direct-download-progress,.detail-download-layer .fixed-download-wrap .fixed-normal-download-progress,.detail-download-layer .fixed-download-wrap .fixed-safe-download-progress {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    position: absolute;
    top: 0;
    height: 100%;
    background: hsla(0,0%,100%,.2);
    -moz-border-radius: 0 57px 57px 0;
    border-radius: 0 57px 57px 0;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease
}

.detail-download-layer .fixed-download-wrap .double-fixed-btn {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    line-height: 18px;
    height: 37px;
    padding-top: 7px;
    padding-bottom: 9px;
    font-size: 15px;
    background-image: -webkit-linear-gradient(45deg,#5ca2f2,#4e6ef2);
    background-image: -moz- oldlinear-gradient(45deg,#5ca2f2 0,#4e6ef2 100%);
    background-image: linear-gradient(45deg,#5ca2f2,#4e6ef2)
}

.detail-download-layer .fixed-download-wrap .double-fixed-btn-explain {
    margin-top: 11px;
    line-height: 1em;
    font-size: 13px;
    color: #858585;
    text-align: left
}

.detail-download-layer .detail-modal .modal-container {
    padding: 21px 0 0;
    -moz-border-radius: 21px 21px 0 0;
    border-radius: 21px 21px 0 0
}

.detail-download-layer .detail-modal .modal-container .closer {
    right: 18px;
    top: 28px;
    color: #1f1f1f;
    width: 14px;
    height: 14px
}

.detail-download-layer .detail-modal .modal-container .modal-header {
    font-size: 19px;
    font-weight: 500;
    color: #1f1f1f
}

.detail-download-layer .detail-modal .modal-container .modal-body {
    color: #525252;
    font-size: 16px;
    padding: 21.5px 17px 20px
}

.detail-download-layer .detail-modal .modal-container .modal-body .warning {
    color: #1f1f1f
}

.detail-download-layer .detail-modal .modal-container .modal-footer {
    padding-right: 17px;
    padding-left: 17px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 24px;
    text-align: center
}

.detail-download-layer .detail-modal .modal-container .modal-footer div {
    padding: 12px 0;
    display: inline-block;
    width: 50%
}

.detail-download-layer .detail-modal .modal-container .modal-footer .normal {
    height: 40px;
    width: 188px;
    background: #2681FF16;
    color: #2681ff;
    font-size: 16px;
    letter-spacing: 0;
    text-align: center;
    line-height: 16px;
    font-weight: 500;
    padding: 0
}

.detail-download-layer .detail-modal .modal-container .modal-footer .safe {
    width: 188px;
    background-image: -webkit-linear-gradient(15deg,#5ca2f2,#4e6ef2);
    background-image: -moz- oldlinear-gradient(15deg,#5ca2f2 0,#4e6ef2 100%);
    background-image: linear-gradient(75deg,#5ca2f2,#4e6ef2);
    -moz-border-radius: 22px;
    border-radius: 22px;
    font-family: PingFangSC-Medium;
    font-size: 16px;
    color: #fff;
    letter-spacing: 0;
    text-align: center;
    line-height: 16px;
    font-weight: 500;
    height: 40px;
    padding: 0
}

@media screen and (max-width: 400px) {
    .detail-download-layer .detail-modal .modal-container {
        padding:20px 0 0
    }

    .detail-download-layer .detail-modal .modal-container .modal-body {
        padding: 10px 20px
    }

    .detail-download-layer .detail-modal .modal-container .modal-footer div {
        padding: 10px 0
    }
}

.detail-download-layer .new-download-modal .modal-wrapper .modal-container {
    background-color: transparent;
    padding: 0
}

.detail-download-layer .new-download-modal .modal-wrapper .close-wrap {
    text-align: center
}

.detail-download-layer .new-download-modal .new-wrap {
    padding: 0 15px
}

.detail-download-layer .new-download-modal .app-name {
    font-weight: 700;
    margin: 0 118px 0 150px;
    margin: 0;
    font-size: 19px;
    padding: 21px 0 20px;
    line-height: 1;
    display: inline-block;
    color: #1f1f1f
}

.detail-download-layer .new-download-modal .new-container {
    padding-bottom: 15px;
    background-image: url(//ascdn.baidu.com/magneton/imgs/app-bg_66827418.png);
    -moz-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
    background-color: #fff;
    -moz-border-radius: 20px 20px 0 0;
    border-radius: 20px 20px 0 0
}

.detail-download-layer .new-download-modal .icon {
    font-size: 15px;
    color: #1f1f1f;
    position: absolute;
    right: 15px;
    top: 18px
}

.detail-download-layer .new-download-modal .app-container {
    padding: 0 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.detail-download-layer .new-download-modal .app-text {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 16px;
    font-weight: 700;
    padding: 0 15px;
    margin-bottom: 15px
}

.detail-download-layer .new-download-modal .app-tip {
    background: #f5f6f9;
    -moz-border-radius: 9px;
    border-radius: 9px;
    margin: 0 15px;
    font-size: 13px;
    color: #858585;
    text-align: center;
    height: 28px;
    line-height: 28px;
    margin-bottom: 15px
}

.detail-download-layer .new-download-modal .app-description {
    width: 100%
}

.detail-download-layer .new-download-modal .app-description-left {
    margin-top: 10px;
    position: absolute
}

.detail-download-layer .new-download-modal .app-icon {
    width: 57px;
    height: 57px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-right: 8px;
    margin-bottom: 12px
}

.detail-download-layer .new-download-modal .app-sname {
    line-height: 1;
    font-size: 16px;
    margin-bottom: 9px;
    font-weight: 700
}

.detail-download-layer .new-download-modal .app-info {
    font-size: 13px;
    color: #858585;
    line-height: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.detail-download-layer .new-download-modal .app-msg {
    padding-right: 15px
}

.detail-download-layer .new-download-modal .circle {
    float: right;
    top: 10px;
    position: relative;
    width: 38px;
    height: 38px;
    background: transparent;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.detail-download-layer .new-download-modal .circle-icon {
    position: absolute;
    width: 15px;
    top: 50%;
    left: 50%;
    margin-top: -7.5px;
    margin-left: -7.5px
}

.detail-download-layer .new-download-modal .circle:after {
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 3px solid #eee
}

.detail-download-layer .new-download-modal .circle .circle-bar {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 3px solid #2681ff
}

.detail-download-layer .new-download-modal .circle .cilcle-bar-change {
    border: 3px solid #39b362
}

.detail-download-layer .new-download-modal .circle-left {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    overflow: hidden
}

.detail-download-layer .new-download-modal .circle-left .circle-bar {
    left: 100%;
    -moz-border-radius-topright: 50px;
    border-top-right-radius: 50px;
    -moz-border-radius-bottomright: 50px;
    border-bottom-right-radius: 50px;
    border-left: none;
    -webkit-transform-origin: center left;
    -moz-transform-origin: center left;
    -ms-transform-origin: center left;
    transform-origin: center left;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg)
}

.detail-download-layer .new-download-modal .circle-right {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    overflow: hidden
}

.detail-download-layer .new-download-modal .circle-right .circle-bar {
    left: -100%;
    -moz-border-radius-topleft: 50px;
    border-top-left-radius: 50px;
    -moz-border-radius-bottomleft: 50px;
    border-bottom-left-radius: 50px;
    border-right: none;
    -webkit-transform-origin: center right;
    -moz-transform-origin: center right;
    -ms-transform-origin: center right;
    transform-origin: center right;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg)
}

.detail-download-layer .new-download-modal .banner-button {
    width: 57px;
    height: 28px;
    background: rgba(38,129,255,.1);
    -moz-border-radius: 20px;
    border-radius: 20px;
    position: relative;
    float: right;
    top: 10px;
    display: table-cell;
    text-align: center
}

.detail-download-layer .new-download-modal .banner-text {
    font-family: PingFangSC-Medium;
    font-size: 13px;
    color: #2681ff;
    text-align: center;
    line-height: 13px;
    font-weight: 700;
    display: inline-block;
    padding-top: 8px
}

@-webkit-keyframes loading-right-data-v-13c5198a {
    0% {
        -webkit-transform: rotate(0deg)
    }

    50%,to {
        -webkit-transform: rotate(180deg)
    }
}

@-webkit-keyframes loading-left-data-v-13c5198a {
    0%,50% {
        -webkit-transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(180deg)
    }
}

.detail-download-layer .img-clip {
    position: relative;
    width: 100%;
    height: 155px;
    overflow: hidden
}

.detail-download-layer .img-clip img {
    width: 100%;
    height: auto
}

.detail-download-layer .img-clip .shadow {
    position: absolute;
    bottom: 0;
    z-index: 100;
    height: 50px;
    width: 100%;
    background-image: -webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(0,0,0,.5)));
    background-image: -webkit-linear-gradient(top,transparent,rgba(0,0,0,.5));
    background-image: -moz- oldlinear-gradient(top,transparent 0,rgba(0,0,0,.5) 100%);
    background-image: linear-gradient(-180deg,transparent,rgba(0,0,0,.5))
}

.detail-download-layer .img-clip .shadow .img-icon-container {
    position: absolute;
    bottom: 10px;
    left: 7px;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.detail-download-layer .img-clip .shadow .img-icon-container .img-icon {
    width: 100%;
    height: 100%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: transparent
}

.detail-download-layer .img-clip .shadow .normal-icon {
    bottom: 15px
}

.detail-download-layer .img-clip .shadow .play-button {
    position: absolute;
    bottom: 10px;
    right: 10px;
    background: #05b4ff;
    display: inline-block;
    white-space: nowrap;
    cursor: pointer;
    text-align: center;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px 13.5px 6px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    font-size: 13px;
    color: #fff
}

.detail-download-layer .img-clip .shadow .normal-button {
    bottom: 15px
}

.detail-download-layer .img-clip .shadow .recommend-game {
    position: absolute;
    bottom: 10px;
    left: 50px;
    color: #fff;
    font-size: 12px;
    font-weight: 500
}

.detail-download-layer .img-clip .shadow .normal-game {
    bottom: 15px
}

.detail-download-layer .DevInfoBox {
    width: 274px;
    margin: 0 auto;
    font-size: 12px
}

.detail-download-layer .DevInfoBox .DevInfo {
    text-align: left
}

.detail-download-layer .safety-certification {
    width: 316px;
    margin: 0 auto;
    color: #999;
    font-size: 14px;
    padding: 0 10px 5px
}

.detail-download-layer .safety-certification .safety-img {
    width: 12px;
    height: 12px
}

.detail-download-layer .checkbox-container {
    width: 320px;
    margin: 0 auto;
    margin-top: 6px;
    margin-left: 0
}

.detail-download-layer .checkbox:checked {
    background: #2681ff;
    border: 1px solid #fff
}

.detail-download-layer .checkbox-color:checked {
    background: #e0e0e0;
    border: 1px solid #fff
}

.detail-download-layer .checkbox {
    margin-top: 2px!important;
    width: 14px;
    height: 14px;
    border: 1px solid #b8b8b8;
    -moz-border-radius: 50%;
    border-radius: 50%;
    font-size: .8rem;
    margin: 0;
    padding: 0;
    position: relative;
    display: inline-block;
    vertical-align: top;
    cursor: default;
    -webkit-appearance: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: background-color .1s ease;
    -moz-transition: background-color ease .1s;
    transition: background-color .1s ease
}

.detail-download-layer .checkbox:checked:after {
    content: "";
    top: 3px;
    left: 3px;
    position: absolute;
    background: transparent;
    border: 1px solid #fff;
    border-top: none;
    border-right: none;
    height: 3px;
    width: 5px;
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.detail-download-layer .checkboxlabel {
    display: -webkit-box
}

.detail-download-layer .checkboxlabel .checkmark {
    font-size: 13px;
    color: #999;
    vertical-align: bottom;
    margin-left: 6px;
    width: 300px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.detail-download-layer .checkboxlabel .checkmark .securecheckmark {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.detail-download-layer .checkboxlabel .checkmark .checkmarktext {
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    word-wrap: break-word;
    text-align: left
}

.detail-download-layer .shouzhu-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px;
    color: #b8b8b8;
    font-weight: 400;
    margin-top: 4px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    grid-column-gap: 8px
}

.detail-download-layer .shouzhu-container .left {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    grid-column-gap: 8px;
    overflow: hidden
}

.detail-download-layer .shouzhu-container .left .version {
    white-space: nowrap
}

.detail-download-layer .shouzhu-container .right {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -moz-box-flex: 0;
    -ms-flex: none;
    flex: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.detail-download-layer .shouzhu-container .right .a {
    display: inline-block
}

@media screen and (max-width: 359px) {
    .detail-download-layer .checkbox-container {
        width:270px
    }

    .detail-download-layer .checkboxlabel .checkmark {
        width: 244px
    }
}

.modal {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
    color: #323232;
    z-index: 1000;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center
}

.modal .modal-wrapper {
    width: 80%;
    z-index: 1000;
    position: relative;
    text-align: left
}

.modal .modal-wrapper,.modal:after {
    display: inline-block;
    vertical-align: middle
}

.modal:after {
    content: "";
    height: 100%;
    width: 0
}

.up .modal-wrapper {
    display: block;
    position: absolute;
    bottom: 0
}

.modal-mask {
    position: fixed;
    z-index: 999;
    background-color: rgba(0,0,0,.5);
    -webkit-transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    transition: opacity .3s ease;
    margin: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.modal-header {
    text-align: center;
    font-size: 22px;
    font-weight: 400
}

.modal-container {
    margin: 0 auto;
    padding: 20px;
    background-color: #fff;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
    position: relative
}

.closer {
    width: 20px;
    height: 20px;
    position: absolute;
    right: 5px;
    top: 5px;
    cursor: pointer;
    color: #999
}

.closer:hover {
    color: #20a0ff
}

.center-enter .modal-mask,.center-leave-active .modal-mask {
    opacity: 0
}

.center-enter .modal-container,.center-leave-active .modal-container {
    -webkit-transform: translate3d(0,-20px,0);
    -moz-transform: translate3d(0,-20px,0);
    transform: translate3d(0,-20px,0);
    opacity: 0
}

.up-enter .modal-mask,.up-leave-active .modal-mask {
    opacity: 0
}

.up-enter .modal-container,.up-leave-active .modal-container {
    -webkit-transform: translate3d(0,100%,0);
    -moz-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0);
    opacity: 0
}

.detail-card-app-info {
    padding-bottom: 20px
}

.detail-card-app-info .app-desc {
    padding: 24px 17px 0
}

.detailImage .img-list li {
    width: 121px
}

.detail-card-app-info .img-list {
    padding: 0;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap
}

.detail-card-app-info .img-list::-webkit-scrollbar {
    display: none
}

.detail-card-app-info .img-list.small li {
    height: 185.5px;
    width: 104px
}

.detail-card-app-info .img-list li {
    position: relative;
    width: 28%;
    height: 163px;
    display: inline-block;
    border: 1px solid #fff;
    -moz-border-radius: 9px;
    border-radius: 9px;
    vertical-align: middle;
    margin: 0 4px
}

.detail-card-app-info .img-list li:first-child {
    margin-left: 15px
}

.detail-card-app-info .img-list li:last-child {
    margin-right: 15px
}

.detail-card-app-info .img-list li .img-wrap {
    overflow: hidden
}

.detail-card-app-info .img-list li .img-wrap img {
    height: auto
}

.c-video {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.game-video {
    width: 100%
}

.video-wrap {
    overflow: hidden;
    -moz-border-radius: 9px;
    border-radius: 9px
}

.video-glass-background {
    width: 100%;
    height: 100%;
    -webkit-filter: blur(10px);
    filter: blur(10px)
}

.video-play-button {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 50px;
    height: 50px;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background-repeat: no-repeat;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJMAAACQCAMAAAA7r6mJAAAAz1BMVEUAAAAAAAD+/v4AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD9/f0UFBQAAAAAAADu7u5NTU0AAAAAAAAAAAD5+fn39/fV1dUhISH09PTx8fHp6enl5eXf39/Ozs6RkZFkZGREREQ7Ozva2trExMSpqamenp56enpwcHBXV1cvLy/IyMi8vLy5ubm0tLSwsLCGhob19fWAgID///8xj+jjAAAARHRSTlNmAP1dZA1hTQhXKygGAlE8NUUmET8wIUI4FVpJF/prHgTnfFQcGfXzy2/v6+Ld1sWahXl20Lypoo6KgHLBt7SwrpTxkZo05W0AAAP6SURBVHjazNaHctpAEMbxT5x6R4DoBgzEiQtxSXHaJJnR+z9TBDbc2MGG064k/5/gN3s70kKjZS+9XndohY4wdVM4odXsxknf1ygRTC23G5rYn7DanqEpRDBJT1PgUIN2YmsKUUz9SODYnPjguOgmo+NArdC1NRm7KfAsFEhvTjQZq2nqChRtnmolmPyOACXHC5hNfmyC2sANOE2JAEfzEZupZYGrts1imsY6+DJdBtNoAN5Cg2rq6ODOTEkme4gyioLipqWArLL3A+HdKJmTYqYeSkz3CpiCLsqto2zyhyi7nqLJDlF+3UDF5M9RRU0F09RCNUVHm4Imqio+1tRGdbnHmWJUWXqMyUOl6f3DppaJahv4h0xTB1XXPGRqo/rc100JqNFXCoRl4svxXzFZIEf/HaP+l1unt14y+QJ1Zb1kilBf3n5THzUm7L2mEHUW7TOlqDXd2JneypiA6H/TAjWn21tT7Z9LWe+5aYTaM+1npiHUu7sFa/FTkwHl7i+ybHYNxkQgTYVu8JtGtu79D/A1eWJyoNoqe+jsmvviROENP8u2fboDU7ovTUUu3ka2691XMOVJU2BSTHmrU7BkSVMKoikbfwFLxs4UUU15V9/BkLczOQymbPz7BOS6W5MBikl2eQNqYmtKaCZZ4xd5VK1HU5tqks2+gZb7aBqQTbLG5xPqpxxynWgm2cU9CIkH04THJPv4gYCyN6YOtyk7/4vCLTemiNdEPGG8jcliNVFPmN7GJFhN1BNmuDb5YDVRTxhnbepzm2SrWyinB7lpwWsinzB2bkpLMMmuTqGYkZuSUk3Z+A/UauUmtxyT7FJtVKPc1CnblJ0rrfoiN8Wlm7KfUCjNTVH5phkUSv6VczYrBEVRFB4gclNkYIBEkd9kSLoD3v+dDPdMnbvW5pP1BLfu6Zy91x/0mz7w7+rSf5d/xk+7ojNuvwv0EW+Wf2fun6V3Zvrbct8Vvy3Jb/Dh2uANds8q+l7VHmTOdMtLo5kucfad182Wz2nejnC8STuCvkvpQ1OgUnZO63AZWNt3c51H7Fk5jFhWBLTsXI/OS4/snJjO3/dt3KFP5xj7OFaXHtQycdFBOumYmDj7mNx0VCZtI0hMHR2PBhRDiY6urpUFKW5CpWqKIR74NEVNe92GyGLDSNSoV48Qo1xYqFr+arvZnG8ZWn54Hr6P4Q94Q4geGqTXiOjJQnrXiB4/pBeS6BlFemuJHmSkVxvpaSd6/5EZCWSWhJi5QWaTkBkuZNYNmQkkZieRGVNkFheZWUZmu5EZeGZXALJTAdk9gezoYHaZIDtfkN04zA4hZtcSspOK2d3F7DhjdsFBO/PKugXffNBfdDCmdlW+AHOasABZFPHEAAAAAElFTkSuQmCC)
}

.img-list {
    padding: 22px 0 17px;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap
}

.img-list::-webkit-scrollbar {
    display: none
}

.img-list.small li {
    height: 185.5px;
    width: 104px
}

.img-list li {
    position: relative;
    height: 202px;
    width: 113.5px;
    display: inline-block;
    border: none;
    margin: 0 5px
}

.img-list li .img-wrap,.img-list li .img-wrap img {
    width: 100%;
    height: 100%;
    -moz-border-radius: 9px;
    border-radius: 9px
}

.img-list li .img-wrap .video-img-cover {
    position: absolute;
    height: auto;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -moz-border-radius: 0;
    border-radius: 0
}

.img-list li:first-child {
    margin-left: 19px
}

.img-list li:last-child {
    margin-right: 19px
}

.img-list .is-show-pc {
    width: 240px!important;
    height: 300px!important
}

video {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #fff
}

.screen .swiper {
    height: 100%
}

.screen .swiper .swiper-item {
    height: 100%!important
}

.screen .swiper .item {
    height: 100%;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.screen .swiper .item .img-wrap {
    height: 90%;
    width: 90%;
    background-color: #000;
    -moz-border-radius: 0;
    border-radius: 0;
    overflow: hidden;
    position: relative
}

.screen .swiper .item .img-wrap img {
    width: 100%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    position: absolute;
    top: 50%;
    left: 50%
}

.full-screen {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 999;
    background-color: #000
}

.pop-enter-active,.pop-leave-active {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}

.pop-enter,.pop-leave-to {
    -webkit-transform: scale3d(0,0,1);
    -moz-transform: scale3d(0,0,1);
    transform: scale3d(0,0,1);
    opacity: 0
}

.swiper {
    overflow: hidden
}

.swiper,.swiper-track {
    width: 100%;
    position: relative
}

.swiper-track {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    top: 0;
    left: 0
}

.swiper-indicators {
    position: absolute;
    height: 0;
    bottom: 20px;
    left: 0;
    width: 100%;
    text-align: center
}

.swiper-dot {
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 3px;
    -moz-border-radius: 100%;
    border-radius: 100%;
    background: rgba(0,0,0,.5);
    border: 1px solid hsla(0,0%,100%,.5);
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease
}

.swiper-dot.is-active {
    background: #05b4ff
}

.swiper.vertical .swiper-track {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper.vertical .swiper-indicators {
    left: auto;
    right: 20px;
    bottom: auto;
    top: 50%;
    width: 8px;
    height: auto;
    -webkit-transform: translate3d(0,-50%,0);
    -moz-transform: translate3d(0,-50%,0);
    transform: translate3d(0,-50%,0)
}

.swiper-item,.swiper-item-help {
    width: 1200px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%
}

.detail-card-dev {
    padding: 0 15px
}

.detail-card-dev .app-info .title-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.detail-card-dev .app-info .title-wrapper .title {
    padding-bottom: 11.5px;
    font-size: 18px;
    color: #333;
    -webkit-text-stroke: .3px;
    line-height: 1
}

.detail-card-dev .app-info .update-time {
    font-size: 14px;
    color: #858585
}

.detail-card-dev .app-info .tab-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 11px
}

.detail-card-dev .app-info .tab-wrap .tabResult,.detail-card-dev .app-info .tab-wrap i {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: left;
    color: #858585;
    font-size: 14px
}

.detail-card-dev .app-info .tab-wrap .tabResult .privacy-right,.detail-card-dev .app-info .tab-wrap i .privacy-right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 20px;
    font-size: 14px
}

.detail-card-dev .app-info .tab-wrap .tabResult .app-privacy,.detail-card-dev .app-info .tab-wrap i .app-privacy {
    padding-right: 20px
}

.detail-card-dev .app-info .tab-wrap .tab {
    color: #858585;
    font-size: 14px
}

.detail-card-dev .app-info .tab-wrap-bottom {
    margin-top: 8px;
    margin-bottom: 8px
}

.detail-card-dev .app-info .wrapLast {
    border-bottom: none;
    margin-top: 8px
}

.detail-card-dev .app-info .safety {
    margin-bottom: 11px;
    margin-top: 16.5px;
    color: #525252
}

.detail-card-dev .app-info .safety-img,.detail-card-dev .app-info .version-img {
    width: 14px;
    height: 14px
}

.detail-card-dev .app-info .spread-button {
    position: absolute;
    right: 0;
    top: -32px;
    text-align: right;
    color: #858585;
    font-size: 14px
}

.detail-card-dev .app-info .arrow {
    margin-left: 5px
}

.detail-card-dev .app-info .text-top {
    position: relative;
    font-size: 14px
}

.detail-card-dev .app-info .spread {
    height: auto
}

.detail-card-dev .app-info .text {
    white-space: pre-wrap;
    color: #525252;
    line-height: 27px
}

.detail-card-dev .app-info .hidden {
    display: none
}

.detail-card-dev .app-info .text-hidden {
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    margin-bottom: 6px
}

.detail-card-recommend {
    padding-left: 0;
    padding-right: 0
}

.detail-card-recommend .recommend-content {
    padding: 12px 15px 0
}

.detail-card-recommend .recommend-app-list {
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap
}

.detail-card-recommend .recommend-app-list .app-base-column .detail-tap {
    padding: 10px 8px 34px 13px
}

.detail-card-recommend .recommend-app-list::-webkit-scrollbar {
    display: none
}

.detail-card-recommend .card-wrap {
    border: none;
    padding-top: 26.5px;
    padding-bottom: 0
}

.detail-card-recommend .card-wrap .card-header {
    padding: 0 17px
}

.detail-card-recommend .card-wrap .card-title {
    line-height: 1;
    font-weight: 400;
    -webkit-text-stroke: .3px
}

.detail-card-recommend .app-base-normal .normal-app-wrap .normal-app-content {
    padding-left: 8px
}

.detail-card-recommend .app-base-normal .normal-app-wrap .normal-app-content .normal-app-title {
    font-weight: 400!important;
    -webkit-text-stroke: .3px!important;
    font-size: 14px!important;
    color: #1f1f1f!important
}

.detail-card-recommend .app-base-normal .normal-app-wrap .normal-app-content .normal-app-desc,.detail-card-recommend .app-base-normal .normal-app-wrap .normal-app-content .normal-app-edition,.detail-card-recommend .app-base-normal .normal-app-wrap .normal-app-content .normal-app-info {
    font-size: 13px;
    color: #525252
}

.card-wrap {
    border-top: 5px solid #f1f1f1;
    padding: 16px 0 7px
}

.card-wrap .clickable:active {
    color: #05b4ff
}

.card-wrap .card-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 19px 3px
}

.card-wrap .card-header a:active {
    color: #05b4ff
}

.card-wrap .card-title {
    font-size: 18px;
    -webkit-box-flex: 1;
    -webkit-flex: auto;
    -moz-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    font-weight: 700
}

.card-wrap .iconfont {
    position: relative;
    right: -5px
}

.app-base-normal {
    position: relative
}

.app-base-normal .detail-tap:active {
    background-color: #efeff0
}

.app-base-normal .detail-tap .normal-app-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
    padding: 0;
    height: 79px;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.app-base-normal .detail-tap .normal-app-wrap-index {
    margin: 0 19px 0 35px
}

.app-base-normal .normal-app-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 19px;
    padding: 11px 61px 11px 0;
    height: 79px;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.app-base-normal .normal-app-wrap-index {
    margin: 0 19px 0 35px
}

.app-base-normal .normal-app-index {
    position: absolute;
    top: 50%;
    margin-top: -12px;
    left: 0;
    font-size: 16px;
    height: 24px;
    line-height: 24px;
    width: 34px;
    text-align: center;
    color: #c9c9c9;
    font-weight: 300
}

.app-base-normal:first-child .normal-app-index {
    color: #ff132f
}

.app-base-normal:nth-child(2) .normal-app-index {
    color: #ff970f
}

.app-base-normal:nth-child(3) .normal-app-index {
    color: #ffd800
}

.app-base-normal .normal-app-img-wrap {
    margin-top: -13px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    width: 57px;
    height: 57px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.app-base-normal .normal-app-img-wrap .normal-app-img {
    width: 100%;
    height: 100%;
    -moz-border-radius: 12px;
    border-radius: 12px
}

.app-base-normal .normal-app-content {
    -webkit-box-flex: 1;
    -webkit-flex: auto;
    -moz-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    font-size: 12px;
    padding-left: 15px;
    overflow: hidden;
    padding-bottom: 11px
}

.app-base-normal .normal-app-content .normal-app-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 69px;
    margin-left: 4px;
    grid-column-gap: 8px
}

.app-base-normal .normal-app-content .normal-app-header .normal-app-title {
    font-size: 14px;
    font-weight: 700
}

.app-base-normal .normal-app-content .normal-app-info {
    color: #999;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 4px
}

.app-base-normal .normal-app-content .normal-app-desc {
    margin-right: 69px;
    margin-left: 4px
}

.app-base-normal .normal-app-content .normal-app-download {
    margin-right: 8px
}

.app-base-normal .normal-app-content .normal-app-bottom {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    color: #525252;
    font-size: 13px
}

.app-base-normal .normal-app-content .noraml-app-star {
    margin-right: 5px;
    color: #fe9f1e
}

.app-base-normal .normal-app-content .normal-app-catename {
    border: 1px solid hsla(0,0%,52%,.4);
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #858585
}

.app-base-normal .normal-app-content .normal-app-catename,.app-base-normal .normal-app-content .normal-app-offical {
    padding-right: 4px;
    padding-left: 4px;
    -webkit-text-stroke: .3px;
    line-height: 1.25;
    font-size: 11px;
    vertical-align: baseline;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    display: inline-block;
    height: 12px;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: -apple-system,Arial,Helvetica,sans-serif;
    overflow: hidden
}

.app-base-normal .normal-app-content .normal-app-offical {
    border: 1px solid rgba(38,129,255,.4);
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #2681ff;
    margin-right: 6px
}

.app-base-normal .normal-app-button {
    margin-bottom: 1px;
    position: absolute;
    top: 50%;
    margin-top: -18px;
    right: 0;
    padding: 3.25px 16.5px 5.25px;
    font-size: 12px;
    -webkit-text-stroke: .3px;
    background: #2681FF16;
    color: #2681ff
}

.app-base-normal .normal-app-button:before {
    border: none
}

.base-normal--small .normal-app-img {
    width: 31px;
    height: 31px
}

.base-normal--small .normal-app-content {
    padding-left: 8px
}

.base-normal--small .normal-app-content .normal-app-info {
    font-size: 10px
}

.base-normal--small .normal-app-content .normal-app-info .normal-app-download {
    padding-right: 5px
}

.base-normal--middle .normal-app-img {
    width: 36px;
    height: 36px
}

.base-normal--middle .normal-app-content {
    padding-left: 8px
}

.base-normal--middle .normal-app-content .normal-app-info .normal-app-download {
    padding-right: 5px
}

.rateCompatible {
    display: block;
    color: #fe9f1e;
    -webkit-text-stroke: .3px
}

.app-text {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 16px;
    font-weight: 700;
    padding: 0 15px;
    margin-bottom: 12px
}

.normal-download-modal .modal-container {
    padding: 5px 20px 0
}

.high-download-modal .modal-container {
    background-color: transparent;
    padding: 0
}

.detail-card-feedback-floating .normal-download-modal .modal-container {
    padding: 5px 20px 10px;
    border: 1px solid red
}

.detail-card-feedback-floating .normal-download-modal .modal-container .container .close {
    text-align: center;
    font-size: 16px
}

.detail-card-feedback-floating .high-download-modal .modal-container {
    padding: 20px 0 0
}

.detail-card-feedback-floating .high-download-modal .container {
    color: #333;
    position: relative
}

.detail-card-feedback-floating .high-download-modal .container .top-wrap {
    position: relative;
    top: 40px;
    z-index: 1
}

.detail-card-feedback-floating .high-download-modal .container .top-wrap .close-wrap {
    width: 25px;
    height: 25px;
    position: absolute;
    right: 10px;
    top: 60%;
    text-align: center;
    margin: 0 auto;
    color: #3b4857;
    line-height: 25px;
    margin-bottom: 10px
}

.detail-card-feedback-floating .high-download-modal .container .img-wrap {
    font-size: 0;
    width: 75px;
    height: 75px;
    margin: 0 auto;
    position: relative
}

.detail-card-feedback-floating .high-download-modal .container .img-wrap .app-img {
    width: 100%;
    height: 100%;
    -moz-border-radius: 9px;
    border-radius: 9px;
    background-color: transparent
}

.detail-card-feedback-floating .high-download-modal .container .img-wrap .seal {
    position: absolute;
    background-color: transparent;
    width: 55px;
    bottom: -15px;
    right: -20px;
    opacity: 0
}

.detail-card-feedback-floating .high-download-modal .container .img-wrap .seal.seal-animation {
    -webkit-animation: bounce-in-data-v-107672c2 .8s ease-in;
    -moz-animation: bounce-in-data-v-107672c2 .8s ease-in;
    animation: bounce-in-data-v-107672c2 .8s ease-in;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    animation-delay: 1s
}

@-webkit-keyframes bounce-in-data-v-107672c2 {
    0% {
        opacity: 0;
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }

    40% {
        opacity: 1;
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale(1.6);
        transform: scale(1.6)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-moz-keyframes bounce-in-data-v-107672c2 {
    0% {
        opacity: 0;
        -moz-transform: scale(1.5);
        transform: scale(1.5)
    }

    40% {
        opacity: 1;
        -moz-transform: scale(1.5);
        transform: scale(1.5)
    }

    60% {
        opacity: 1;
        -moz-transform: scale(1.6);
        transform: scale(1.6)
    }

    to {
        opacity: 1;
        -moz-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes bounce-in-data-v-107672c2 {
    0% {
        opacity: 0;
        -webkit-transform: scale(1.5);
        -moz-transform: scale(1.5);
        transform: scale(1.5)
    }

    40% {
        opacity: 1;
        -webkit-transform: scale(1.5);
        -moz-transform: scale(1.5);
        transform: scale(1.5)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale(1.6);
        -moz-transform: scale(1.6);
        transform: scale(1.6)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1)
    }
}

.detail-card-feedback-floating .high-download-modal .container .text-wrap {
    text-align: center;
    background: #fff;
    padding-top: 62.5px;
    width: 120%;
    margin-left: -10%;
    position: relative;
    overflow: hidden
}

.detail-card-feedback-floating .high-download-modal .container .text-wrap .bg {
    position: absolute;
    height: 60px;
    width: 110%;
    margin-left: -5%;
    background: hsla(0,0%,100%,.2);
    z-index: -1;
    left: 0;
    top: 0
}

.detail-card-feedback-floating .high-download-modal .container .text-wrap .download {
    margin: 0 0 7px;
    font-size: 18px;
    line-height: 18px
}

.detail-card-feedback-floating .high-download-modal .container .text-wrap .download .blue {
    color: #34adff
}

.detail-card-feedback-floating .high-download-modal .container .text-wrap .open-assistant {
    font-size: 15px;
    line-height: 15px;
    color: #999;
    padding-bottom: 1px
}

.detail-card-feedback-floating .high-download-modal .high-down-img-wrap {
    padding: 15px 13px 0;
    background-color: #fff
}

.detail-card-feedback-floating .banner-wrap {
    padding-bottom: 30px
}

.detail-card-feedback-floating .add-recommend-common {
    width: 100%;
    height: 141px
}

.detail-card-feedback-floating .add-recommend-common .card-wrap {
    border-top: 0
}

.detail-card-feedback-floating .add-recommend-common .card-wrap .card-header {
    padding: 7px 19px 3px 0
}

.detail-card-feedback-floating .add-recommend-common .card-wrap h2 {
    font-size: 18px;
    line-height: 18px
}

.detail-card-feedback-floating .add-recommend-common .card-wrap i {
    display: none
}

.detail-card-feedback-floating .add-recommend-common ul .app-base-normal .detail-tap {
    padding: 0 13px 30px 0
}

.detail-card-feedback-floating .add-recommend-common ul .app-base-normal .detail-tap .normal-app-wrap {
    margin: 0
}

.detail-card-feedback-floating .add-recommend-common ul .app-base-normal .normal-app-button {
    right: 0;
    top: 45px
}

.detail-card-feedback-floating .img-clip {
    position: relative;
    width: 100%;
    height: 155px;
    overflow: hidden
}

.detail-card-feedback-floating .img-clip img {
    width: 100%;
    height: auto
}

.detail-card-feedback-floating .img-clip .shadow {
    position: absolute;
    bottom: 0;
    z-index: 100;
    height: 50px;
    width: 100%;
    background-image: -webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(0,0,0,.5)));
    background-image: -webkit-linear-gradient(top,transparent,rgba(0,0,0,.5));
    background-image: -moz- oldlinear-gradient(top,transparent 0,rgba(0,0,0,.5) 100%);
    background-image: linear-gradient(-180deg,transparent,rgba(0,0,0,.5))
}

.detail-card-feedback-floating .img-clip .shadow .img-icon-container {
    position: absolute;
    bottom: 10px;
    left: 7px;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.detail-card-feedback-floating .img-clip .shadow .img-icon-container .img-icon {
    width: 100%;
    height: 100%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: transparent
}

.detail-card-feedback-floating .img-clip .shadow .normal-icon {
    bottom: 15px
}

.detail-card-feedback-floating .img-clip .shadow .play-button {
    position: absolute;
    bottom: 10px;
    right: 10px;
    background: #05b4ff;
    display: inline-block;
    white-space: nowrap;
    cursor: pointer;
    text-align: center;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px 13.5px 6px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    font-size: 13px;
    color: #fff
}

.detail-card-feedback-floating .img-clip .shadow .normal-button {
    bottom: 15px
}

.detail-card-feedback-floating .img-clip .shadow .recommend-game {
    position: absolute;
    bottom: 10px;
    left: 50px;
    color: #fff;
    font-size: 12px;
    font-weight: 500
}

.detail-card-feedback-floating .img-clip .shadow .normal-game {
    bottom: 15px
}

.new-download-modal .modal-wrapper .modal-container {
    background-color: transparent;
    padding: 0
}

.new-download-modal .modal-wrapper .close-wrap {
    text-align: center;
    font-weight: 500;
    -webkit-text-stroke: .3px
}

.detail-card-feedback-floating .new-download-modal .new-container {
    background-image: url(//ascdn.baidu.com/magneton/imgs/app-bg_66827418.png);
    -moz-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
    background-color: #fff;
    -moz-border-radius: 20px 20px 0 0;
    border-radius: 20px 20px 0 0
}

.new-wrap {
    padding: 0 15px
}

.text {
    margin: 0 118px 0 150px;
    margin: 0;
    font-size: 19px;
    padding: 21px 0 24px;
    line-height: 1;
    display: inline-block;
    color: #525252
}

.desc-text {
    margin: 0;
    font-size: 19px;
    padding: 0 0 24px;
    line-height: 1;
    color: #525252;
    text-align: center
}

.icon {
    font-size: 15px;
    color: #1f1f1f;
    position: absolute;
    right: 15px;
    top: 18px
}