* {
    margin: 0;
    padding: 0;
    border: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

html {
    font-size: 62.5%
}

body {
    max-width: 640px;
    margin-left: auto;
    margin-right: auto;
    background-color: #f3f6f9;
    line-height: 1.5;
    font-family: "Microsoft YaHei", Arial, simsun;
    font-size: 16px;
    font-size: 1.6rem;
    position: relative
}

body,
button,
input,
pre,
select,
textarea {
    font-family: Titillium, "Microsoft YaHei", Arial, simsun;
    font-size: 16px;
    font-size: 1.6rem;
    color: #333
}

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

b,
strong {
    font-weight: 700
}

address,
cite,
dfn,
em,
i,
var {
    font-style: normal
}

input {
    vertical-align: middle
}

img {
    vertical-align: middle;
    border: none
}

code,
kbd,
samp {
    font-family: courier new, courier, monospace
}

small {
    font-size: 12px
}

li,
ol,
ul {
    list-style: none
}

sup {
    vertical-align: text-top
}

sub {
    vertical-align: text-bottom
}

fieldset,
img {
    border: 0
}

button,
input,
select,
textarea {
    font-size: 100%;
    outline: 0;
    -webkit-appearance: none;
    border-radius: 0
}

button:focus,
input:focus,
select:focus,
textarea:focus {
    outline: 0
}

input:-moz-placeholder,
textarea:-moz-placeholder {
    color: #ccc
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #ccc
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #ccc
}

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

a {
    text-decoration: none;
    color: #333;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-focus: none;
    -moz-user-select: none
}

a:hover {
    color: #444;
    text-decoration: none
}

address,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block
}

.clearfix::after,
.clearfix::before {
    content: ".";
    display: block;
    overflow: hidden;
    visibility: hidden;
    font-size: 0;
    line-height: 0;
    width: 0;
    height: 0
}

.clearfix::after {
    clear: both
}

.clearfix {
    zoom: 1
}

.fl {
    float: left
}

.fr {
    float: right
}

.mt5 {
    margin-top: 5px
}

.mt8 {
    margin-top: 8px
}

.mt10 {
    margin-top: 10px
}

.mt15 {
    margin-top: 15px
}

.mt20 {
    margin-top: 20px
}

.mt25 {
    margin-top: 25px
}

.mt30 {
    margin-top: 30px
}

.mb3 {
    margin-bottom: 3px
}

.mb5 {
    margin-bottom: 5px
}

.mb8 {
    margin-bottom: 8px
}

.mb10 {
    margin-bottom: 10px
}

.ml10 {
    margin-left: 10px
}

.mr10 {
    margin-right: 10px
}

.br10 {
    border-radius: 10px
}

.pad-10 {
    padding: 10px
}

.pad-tb-10 {
    padding: 10px 0
}

.pad-lr-10 {
    padding: 0 10px
}

.pad-tlr-10 {
    padding: 10px 10px 0
}

.pad-lrb-10 {
    padding: 0 10px 10px
}

.tra3 {
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s
}

.tra5 {
    transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s
}

.tra8 {
    transition: all .8s;
    -moz-transition: all .8s;
    -webkit-transition: all .8s;
    -o-transition: all .8s
}

.tra10 {
    transition: all 1s;
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
    -o-transition: all 1s
}

img.lazy {
    background-color: #f9f9f9;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s
}

[data-link] {
    cursor: pointer
}

video::-internal-media-controls-download-button {
    display: none
}

video::-webkit-media-controls-enclosure {
    overflow: hidden
}

video::-webkit-media-controls-panel {
    width: calc(100% + 30px)
}

audio::-internal-media-controls-download-button {
    display: none
}

audio::-webkit-media-controls-enclosure {
    overflow: hidden
}

audio::-webkit-media-controls-panel {
    width: calc(100% + 30px)
}

@font-face {
    font-family: iconfont;
    src: url(../font/font_1794673_owrc2v9c62.eot);
    src: url(../font/font_1794673_owrc2v9c62.eot) format('embedded-opentype'), url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'), url(../font/font_1794673_owrc2v9c62.woff) format('woff'), url(../font/font_1794673_owrc2v9c62.ttf) format('truetype'), url(../font/font_1794673_owrc2v9c62.svg) format('svg')
}

.iconfont {
    font-family: iconfont !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.iconfont-horn:before {
    content: "\e614"
}

.iconfont-shoucang1:before {
    content: "\e621"
}

.iconfont-shoucang6:before {
    content: "\e61d"
}

.iconfont-xianshi_jinggao:before {
    content: "\e627"
}

.iconfont-yuyue3:before {
    content: "\e654"
}

.iconfont-wangzhandaohang:before {
    content: "\e626"
}

.iconfont-close:before {
    content: "\e646"
}

.iconfont-emoji:before {
    content: "\e64a"
}

.iconfont-search:before {
    content: "\e660"
}

.iconfont-top:before {
    content: "\e69e"
}

.iconfont-refresh:before {
    content: "\e6a4"
}

.iconfont-home:before {
    content: "\e6b8"
}

.iconfont-game:before {
    content: "\e6df"
}

.iconfont-share:before {
    content: "\e6f3"
}

.iconfont-down:before {
    content: "\e703"
}

.iconfont-rankfill:before {
    content: "\e721"
}

.iconfont-rank:before {
    content: "\e722"
}

.iconfont-apps:before {
    content: "\e729"
}

.iconfont-playfill:before {
    content: "\e74f"
}

.iconfont-stop:before {
    content: "\e750"
}

.iconfont-tagfill:before {
    content: "\e751"
}

.iconfont-tag:before {
    content: "\e752"
}

.iconfont-date-empty:before {
    content: "\e673"
}

.iconfont-date:before {
    content: "\e697"
}

.iconfont-safe:before {
    content: "\e769"
}

.iconfont-zhuti:before {
    content: "\e7aa"
}

.iconfont-baojiaquotation:before {
    content: "\e63a"
}

.iconfont-baojiaquotation2:before {
    content: "\e63d"
}

.iconfont-headseterji:before {
    content: "\e6c2"
}

.iconfont-daohang:before {
    content: "\e68d"
}

.iconfont-newshot:before {
    content: "\e7c5"
}

.iconfont-download:before {
    content: "\e610"
}

.iconfont-home_light:before {
    content: "\e7d4"
}

.iconfont-hot_light:before {
    content: "\e7de"
}

.iconfont-pause:before {
    content: "\e600"
}

.iconfont-shangyishou-copy:before {
    content: "\e601"
}

.iconfont-zanting:before {
    content: "\e61a"
}

.iconfont-shangyishou-copy1:before {
    content: "\e602"
}

.iconfont-nanguo:before {
    content: "\e723"
}

.iconfont-fanhui:before {
    content: "\e661"
}

.iconfont-xiangyou:before {
    content: "\e662"
}

.iconfont-icon-test3:before {
    content: "\e650"
}

body.compensate-for-scrollbar {
    overflow: hidden
}

.fancybox-active {
    height: auto
}

.fancybox-is-hidden {
    left: -9999px;
    margin: 0;
    position: absolute !important;
    top: -9999px;
    visibility: hidden
}

.fancybox-container {
    -webkit-backface-visibility: hidden;
    height: 100%;
    left: 0;
    outline: 0;
    position: fixed;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    transform: translateZ(0);
    width: 100%;
    z-index: 99992
}

.fancybox-container * {
    box-sizing: border-box
}

.fancybox-bg,
.fancybox-inner,
.fancybox-outer,
.fancybox-stage {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.fancybox-outer {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto
}

.fancybox-bg {
    background: #1e1e1e;
    opacity: 0;
    transition-duration: inherit;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.47, 0, .74, .71)
}

.fancybox-is-open .fancybox-bg {
    opacity: .9;
    transition-timing-function: cubic-bezier(.22, .61, .36, 1)
}

.fancybox-caption,
.fancybox-infobar,
.fancybox-navigation .fancybox-button,
.fancybox-toolbar {
    direction: ltr;
    opacity: 0;
    position: absolute;
    transition: opacity .25s ease, visibility 0s ease .25s;
    visibility: hidden;
    z-index: 99997
}

.fancybox-show-caption .fancybox-caption,
.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-nav .fancybox-navigation .fancybox-button,
.fancybox-show-toolbar .fancybox-toolbar {
    opacity: 1;
    transition: opacity .25s ease 0s, visibility 0s ease 0s;
    visibility: visible
}

.fancybox-infobar {
    color: #ccc;
    font-size: 13px;
    -webkit-font-smoothing: subpixel-antialiased;
    height: 44px;
    left: 0;
    line-height: 44px;
    min-width: 44px;
    mix-blend-mode: difference;
    padding: 0 10px;
    pointer-events: none;
    top: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fancybox-toolbar {
    right: 0;
    top: 0
}

.fancybox-stage {
    direction: ltr;
    overflow: visible;
    transform: translateZ(0);
    z-index: 99994
}

.fancybox-is-open .fancybox-stage {
    overflow: hidden
}

.fancybox-slide {
    -webkit-backface-visibility: hidden;
    display: none;
    height: 100%;
    left: 0;
    outline: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: absolute;
    text-align: center;
    top: 0;
    transition-property: transform, opacity;
    white-space: normal;
    width: 100%;
    z-index: 99994
}

.fancybox-slide::before {
    content: "";
    display: inline-block;
    font-size: 0;
    height: 100%;
    vertical-align: middle;
    width: 0
}

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--current,
.fancybox-slide--next,
.fancybox-slide--previous {
    display: block
}

.fancybox-slide--image {
    overflow: hidden;
    padding: 44px 0
}

.fancybox-slide--image::before {
    display: none
}

.fancybox-slide--html {
    padding: 6px
}

.fancybox-content {
    background: #fff;
    display: inline-block;
    margin: 0;
    max-width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: relative;
    text-align: left;
    vertical-align: middle
}

.fancybox-slide--image .fancybox-content {
    animation-timing-function: cubic-bezier(.5, 0, .14, 1);
    -webkit-backface-visibility: hidden;
    background: 0 0;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 0;
    transform-origin: top left;
    transition-property: transform, opacity;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 99995
}

.fancybox-can-zoomOut .fancybox-content {
    cursor: zoom-out
}

.fancybox-can-zoomIn .fancybox-content {
    cursor: zoom-in
}

.fancybox-can-pan .fancybox-content,
.fancybox-can-swipe .fancybox-content {
    cursor: grab
}

.fancybox-is-grabbing .fancybox-content {
    cursor: grabbing
}

.fancybox-container [data-selectable=true] {
    cursor: text
}

.fancybox-image,
.fancybox-spaceball {
    background: 0 0;
    border: 0;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%
}

.fancybox-spaceball {
    z-index: 1
}

.fancybox-slide--iframe .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--video .fancybox-content {
    height: 100%;
    overflow: visible;
    padding: 0;
    width: 100%
}

.fancybox-slide--video .fancybox-content {
    background: #000
}

.fancybox-slide--map .fancybox-content {
    background: #e5e3df
}

.fancybox-slide--iframe .fancybox-content {
    background: #fff
}

.fancybox-iframe,
.fancybox-video {
    background: 0 0;
    border: 0;
    display: block;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%
}

.fancybox-iframe {
    left: 0;
    position: absolute;
    top: 0
}

.fancybox-error {
    background: #fff;
    cursor: default;
    max-width: 400px;
    padding: 40px;
    width: 100%
}

.fancybox-error p {
    color: #444;
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    padding: 0
}

.fancybox-button {
    background: rgba(30, 30, 30, .6);
    border: 0;
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    padding: 10px;
    position: relative;
    transition: color .2s;
    vertical-align: top;
    visibility: inherit;
    width: 44px
}

.fancybox-button,
.fancybox-button:link,
.fancybox-button:visited {
    color: #ccc
}

.fancybox-button:hover {
    color: #fff
}

.fancybox-button:focus {
    outline: 0
}

.fancybox-button.fancybox-focus {
    outline: 1px dotted
}

.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
    color: #888;
    cursor: default;
    outline: 0
}

.fancybox-button div {
    height: 100%
}

.fancybox-button svg {
    display: block;
    height: 100%;
    overflow: visible;
    position: relative;
    width: 100%
}

.fancybox-button svg path {
    fill: currentColor;
    stroke-width: 0
}

.fancybox-button--fsenter svg:nth-child(2),
.fancybox-button--fsexit svg:first-child,
.fancybox-button--pause svg:first-child,
.fancybox-button--play svg:nth-child(2) {
    display: none
}

.fancybox-progress {
    background: #ff5268;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scaleX(0);
    transform-origin: 0;
    transition-property: transform;
    transition-timing-function: linear;
    z-index: 99998
}

.fancybox-close-small {
    background: 0 0;
    border: 0;
    border-radius: 0;
    color: #ccc;
    cursor: pointer;
    opacity: .8;
    padding: 8px;
    position: absolute;
    right: -12px;
    top: -44px;
    z-index: 401
}

.fancybox-close-small:hover {
    color: #fff;
    opacity: 1
}

.fancybox-slide--html .fancybox-close-small {
    color: currentColor;
    padding: 10px;
    right: 0;
    top: 0
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
    overflow: hidden
}

.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
    display: none
}

.fancybox-navigation .fancybox-button {
    background-clip: content-box;
    height: 100px;
    opacity: 0;
    position: absolute;
    top: calc(50% - 50px);
    width: 70px
}

.fancybox-navigation .fancybox-button div {
    padding: 7px
}

.fancybox-navigation .fancybox-button--arrow_left {
    left: 0;
    left: env(safe-area-inset-left);
    padding: 31px 26px 31px 6px
}

.fancybox-navigation .fancybox-button--arrow_right {
    padding: 31px 6px 31px 26px;
    right: 0;
    right: env(safe-area-inset-right)
}

.fancybox-caption {
    background: linear-gradient(0deg, rgba(0, 0, 0, .85) 0, rgba(0, 0, 0, .3) 50%, rgba(0, 0, 0, .15) 65%, rgba(0, 0, 0, .075) 75.5%, rgba(0, 0, 0, .037) 82.85%, rgba(0, 0, 0, .019) 88%, transparent);
    bottom: 0;
    color: #eee;
    font-size: 14px;
    font-weight: 400;
    left: 0;
    line-height: 1.5;
    padding: 75px 44px 25px;
    pointer-events: none;
    right: 0;
    text-align: center;
    z-index: 99996
}

@supports (padding:max(0px)) {
    .fancybox-caption {
        padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left))
    }
}

.fancybox-caption--separate {
    margin-top: -50px
}

.fancybox-caption__body {
    max-height: 50vh;
    overflow: auto;
    pointer-events: all
}

.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
    color: #ccc;
    text-decoration: none
}

.fancybox-caption a:hover {
    color: #fff;
    text-decoration: underline
}

.fancybox-loading {
    animation: a 1s linear infinite;
    background: 0 0;
    border: 4px solid #888;
    border-bottom-color: #fff;
    border-radius: 50%;
    height: 50px;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: .7;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 50px;
    z-index: 99999
}

@keyframes a {
    to {
        transform: rotate(1turn)
    }
}

.fancybox-animated {
    transition-timing-function: cubic-bezier(0, 0, .25, 1)
}

.fancybox-fx-slide.fancybox-slide--previous {
    opacity: 0;
    transform: translate3d(-100%, 0, 0)
}

.fancybox-fx-slide.fancybox-slide--next {
    opacity: 0;
    transform: translate3d(100%, 0, 0)
}

.fancybox-fx-slide.fancybox-slide--current {
    opacity: 1;
    transform: translateZ(0)
}

.fancybox-fx-fade.fancybox-slide--next,
.fancybox-fx-fade.fancybox-slide--previous {
    opacity: 0;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1
}

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(1.5, 1.5, 1.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(.5, .5, .5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    opacity: 1;
    transform: scaleX(1)
}

.fancybox-fx-rotate.fancybox-slide--previous {
    opacity: 0;
    transform: rotate(-1turn)
}

.fancybox-fx-rotate.fancybox-slide--next {
    opacity: 0;
    transform: rotate(1turn)
}

.fancybox-fx-rotate.fancybox-slide--current {
    opacity: 1;
    transform: rotate(0)
}

.fancybox-fx-circular.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0)
}

.fancybox-fx-circular.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(0, 0, 0) translate3d(100%, 0, 0)
}

.fancybox-fx-circular.fancybox-slide--current {
    opacity: 1;
    transform: scaleX(1) translateZ(0)
}

.fancybox-fx-tube.fancybox-slide--previous {
    transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg)
}

.fancybox-fx-tube.fancybox-slide--next {
    transform: translate3d(100%, 0, 0) scale(.1) skew(10deg)
}

.fancybox-fx-tube.fancybox-slide--current {
    transform: translateZ(0) scale(1)
}

@media (max-height:576px) {
    .fancybox-slide {
        padding-left: 6px;
        padding-right: 6px
    }

    .fancybox-slide--image {
        padding: 6px 0
    }

    .fancybox-close-small {
        right: -6px
    }

    .fancybox-slide--image .fancybox-close-small {
        background: #4e4e4e;
        color: #f2f4f6;
        height: 36px;
        opacity: 1;
        padding: 6px;
        right: 0;
        top: 0;
        width: 36px
    }

    .fancybox-caption {
        padding-left: 12px;
        padding-right: 12px
    }

    @supports (padding:max(0px)) {
        .fancybox-caption {
            padding-left: max(12px, env(safe-area-inset-left));
            padding-right: max(12px, env(safe-area-inset-right))
        }
    }
}

.fancybox-share {
    background: #f4f4f4;
    border-radius: 3px;
    max-width: 90%;
    padding: 30px;
    text-align: center
}

.fancybox-share h1 {
    color: #222;
    font-size: 35px;
    font-weight: 700;
    margin: 0 0 20px
}

.fancybox-share p {
    margin: 0;
    padding: 0
}

.fancybox-share__button {
    border: 0;
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    margin: 0 5px 10px;
    min-width: 130px;
    padding: 0 15px;
    text-decoration: none;
    transition: all .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap
}

.fancybox-share__button:link,
.fancybox-share__button:visited {
    color: #fff
}

.fancybox-share__button:hover {
    text-decoration: none
}

.fancybox-share__button--fb {
    background: #3b5998
}

.fancybox-share__button--fb:hover {
    background: #344e86
}

.fancybox-share__button--pt {
    background: #bd081d
}

.fancybox-share__button--pt:hover {
    background: #aa0719
}

.fancybox-share__button--tw {
    background: #1da1f2
}

.fancybox-share__button--tw:hover {
    background: #0d95e8
}

.fancybox-share__button svg {
    height: 25px;
    margin-right: 7px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 25px
}

.fancybox-share__button svg path {
    fill: #fff
}

.fancybox-share__input {
    background: 0 0;
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0;
    color: #5d5b5b;
    font-size: 14px;
    margin: 10px 0 0;
    outline: 0;
    padding: 10px 15px;
    width: 100%
}

.fancybox-thumbs {
    background: #ddd;
    bottom: 0;
    display: none;
    margin: 0;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding: 2px 2px 4px;
    position: absolute;
    right: 0;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    width: 212px;
    z-index: 99995
}

.fancybox-thumbs-x {
    overflow-x: auto;
    overflow-y: hidden
}

.fancybox-show-thumbs .fancybox-thumbs {
    display: block
}

.fancybox-show-thumbs .fancybox-inner {
    right: 212px
}

.fancybox-thumbs__list {
    font-size: 0;
    height: 100%;
    list-style: none;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    position: relative;
    white-space: nowrap;
    width: 100%
}

.fancybox-thumbs-x .fancybox-thumbs__list {
    overflow: hidden
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
    width: 7px
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 10px
}

.fancybox-thumbs__list a {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: rgba(0, 0, 0, .1);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    float: left;
    height: 75px;
    margin: 2px;
    max-height: calc(100% - 8px);
    max-width: calc(50% - 4px);
    outline: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    width: 100px
}

.fancybox-thumbs__list a::before {
    border: 6px solid #ff5268;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .2s cubic-bezier(.25, .46, .45, .94);
    z-index: 99991
}

.fancybox-thumbs__list a:focus::before {
    opacity: .5
}

.fancybox-thumbs__list a.fancybox-thumbs-active::before {
    opacity: 1
}

@media (max-width:576px) {
    .fancybox-thumbs {
        width: 110px
    }

    .fancybox-show-thumbs .fancybox-inner {
        right: 110px
    }

    .fancybox-thumbs__list a {
        max-width: calc(100% - 10px)
    }
}

.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

.swiper-container-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.swiper-container-multirow>.swiper-wrapper {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition-property: height, -webkit-transform;
    transition-property: height, -webkit-transform;
    -o-transition-property: transform, height;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform
}

.swiper-container-3d {
    -webkit-perspective: 1200px;
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal>.swiper-wrapper {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical>.swiper-wrapper {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    left: 10px;
    right: auto
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    right: 10px;
    left: auto
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: .3s opacity;
    -o-transition: .3s opacity;
    transition: .3s opacity;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    -webkit-transform: scale(.66);
    -ms-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    -webkit-transform: scale(.66);
    -ms-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff
}

.swiper-container-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 8px
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    -webkit-transition: .2s top, .2s -webkit-transform;
    transition: .2s top, .2s -webkit-transform;
    -o-transition: .2s transform, .2s top;
    transition: .2s transform, .2s top;
    transition: .2s transform, .2s top, .2s -webkit-transform
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: .2s left, .2s -webkit-transform;
    transition: .2s left, .2s -webkit-transform;
    -o-transition: .2s transform, .2s left;
    transition: .2s transform, .2s left;
    transition: .2s transform, .2s left, .2s -webkit-transform
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: .2s right, .2s -webkit-transform;
    transition: .2s right, .2s -webkit-transform;
    -o-transition: .2s transform, .2s right;
    transition: .2s transform, .2s right;
    transition: .2s transform, .2s right, .2s -webkit-transform
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, .25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #007aff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progressbar,
.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-container-vertical>.swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}

.swiper-pagination-progressbar.swiper-pagination-white {
    background: rgba(255, 255, 255, .25)
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
    background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000
}

.swiper-pagination-progressbar.swiper-pagination-black {
    background: rgba(0, 0, 0, .25)
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
    background: #000
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1)
}

.swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
    animation: swiper-preloader-spin 1s steps(12, end) infinite
}

.swiper-lazy-preloader::after {
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: 50%;
    background-size: 100%;
    background-repeat: no-repeat
}

.swiper-lazy-preloader-white::after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube {
    overflow: visible
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next+.swiper-slide,
.swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0
}

.swiper-container-flip {
    overflow: visible
}

.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-coverflow .swiper-wrapper {
    -ms-perspective: 1200px
}

.swiper-pagination-bullet-active {
    background-color: #1f7ffb
}

.pr {
    position: relative
}

.pa {
    position: absolute
}

.hide {
    display: none
}

.wbox {
    background-color: #fff
}

.sbox {
    box-shadow: 0 1px 1px #eee
}

.bsbox {
    box-shadow: 0 3px 5px #cfcfcf
}

.i-star,
.i-star1,
.i-star2,
.i-star3,
.i-star4,
.i-star5 {
    display: block;
    width: 80px;
    height: 14px;
    line-height: 14px;
    background: url(../image/icon-grad.png) no-repeat;
    position: relative;
    top: 2px
}

.i-star1 {
    background-position: 0 0
}

.i-star2 {
    background-position: 0 -14px
}

.i-star3 {
    background-position: 0 -28px
}

.i-star4 {
    background-position: 0 -42px
}

.i-star5 {
    background-position: 0 -56px
}

.pages {
    clear: both;
    padding: 0 10px;
    height: 50px;
    text-align: center;
    position: relative
}

.pages a,
.pages span {
    display: none;
    float: left;
    line-height: 50px;
    text-align: center;
    color: #333
}

.pages .cur {
    color: #8c8c8c;
    font-weight: 600
}

.pages .rest {
    display: block;
    width: 100%;
    background-color: #fcfcfc;
    border-color: #999;
    color: #333
}

.pages .prev {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAAJ1BMVEVHcEz///////////////////////////////////////////////8NopmKAAAADHRSTlMAAr8Q+Cd06GDdSZJbjq/CAAAAsElEQVRIx+2VOxIDMQhDVwb85f7nDTizVZpVJums/o1AYHxdR0efEjMOAPpYwiFzuC4BUVUQrq0TRFd3b/W5idQkRsVjBOGh4cFk1cJDK9NHEm09rgpS2+6D8KieBJPuzuqbefzTI+ahmS6IzZole1/U0tvIygqxwLgsfbQwDwWb8WIckxEUA+ujhA9w1yYMI5sZxhwXofvBO4PIjQn7ZqhbmcyYIBmSCGbN8zEd/UAvrQkGWvE6IV4AAAAASUVORK5CYII=) no-repeat center center #0091ff;
    top: 0;
    left: 0
}

.pages .next {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAAKlBMVEVHcEz///////////////////////////////////////////////////+LBpLMAAAADXRSTlMABOFN8Q1ketCMFjf5zs50jQAAAKVJREFUSMftlTsSxDAIQw3Yhvhz/+tuILPFzmyBmlSmfyPJiKSUM2d+h+YklDATjJm2tyE6RLq2M4hKu5xhQbKMq7oOlGfgOiV0FkNv3cIby0tMf8sbtFP1d6vYfix2Oijfts6u0lvel9S7BKxAkh7pNZ9kaGj0fJubX80CiNsVTjxtKUgOrF80FL2w700S5XNsuI3CmEZ8LRkknIFcPcz5lZ35Ox+v8wbtGS52swAAAABJRU5ErkJggg==) no-repeat center center #0091ff;
    top: 0;
    right: 0
}

.pages .next,
.pages .prev {
    display: block;
    width: 50px;
    height: 50px;
    position: absolute;
    overflow: hidden;
    font-size: 0;
    text-indent: -100px;
    -webkit-background-size: 50px;
    -moz-background-size: 50px;
    background-size: 50px
}

.pages .empty {
    color: #999;
    background-color: #ccc
}

.crumbs {
    padding: 0 5px;
    height: 34px;
    line-height: 34px;
    color: #888;
    font-size: 14px;
    font-size: 1.4rem;
    vertical-align: middle;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.crumbs a {
    display: inline-block;
    color: #555
}

.crumbs a::after {
    content: "";
    margin-left: 3px;
    margin-right: 6px;
    display: inline-block;
    position: relative;
    top: -1px;
    width: 6px;
    height: 6px;
    border-top: 1px solid #bbb;
    border-right: 1px solid #bbb;
    -webkit-transform: rotateZ(45deg);
    transform: rotateZ(45deg)
}

.crumbs a h1 {
    display: inline-block;
    font-weight: 400
}

.crumbs .key {
    color: #0aae24;
    font-weight: 700
}

.header {
    width: 100%;
    border-bottom: 1px solid #e4e4e4
}

.header-top {
    width: 100%;
    height: 46px;
    background: linear-gradient(270deg, #1f7ffb 10%, #0091ff 100%);
    position: relative;
    overflow: hidden
}

.header-top .logo,
.header-top .more-menu,
.header-top .search {
    display: block;
    position: absolute;
    z-index: 1;
    overflow: hidden
}

.header-top .logo {
    top: 13px;
    left: 5px;
    width: 96px;
    height: 22px;
    background: url(../image/logo-top.png) no-repeat;
    line-height: 0;
    font-size: 0;
    text-indent: -300px
}

.header-top .search {
    top: 9px;
    left: 108px;
    width: calc(100% - 160px);
    height: 28px;
    border-radius: 14px;
    background-color: rgba(255, 255, 255, .3);
    overflow: hidden
}

.header-top .search .txt {
    display: block;
    width: calc(100% - 34px);
    padding-left: 10px;
    height: 28px;
    line-height: 28px;
    background: 0 0;
    color: #777;
    font-size: 15px;
    font-size: 1.5rem
}

.header-top .search .txt::-webkit-input-placeholder {
    color: #fff
}

.header-top .search .btn,
.header-top .search i {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    width: 34px;
    height: 28px
}

.header-top .search .btn {
    z-index: 2;
    border: none;
    background: 0 0;
    cursor: pointer;
    color: #fff;
    line-height: 0;
    font-size: 0;
    text-indent: -150px;
    overflow: hidden
}

.header-top .search i {
    line-height: 29px;
    text-align: center;
    font-size: 21px;
    font-size: 2.1rem;
    color: #fff
}

.header-top .more-menu {
    width: 46px;
    height: 46px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1
}

.header-top .more-menu i {
    display: block;
    width: 100%;
    height: 100%;
    line-height: 46px;
    text-align: center;
    font-size: 30px;
    font-size: 3rem;
    color: #fff
}

.header-top .more-menu .iconfont-close {
    font-size: 34px;
    font-size: 3.4rem;
    font-weight: 400
}

.header-top .back {
    display: block;
    width: 46px;
    height: 46px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1
}

.header-top .back i {
    display: block;
    width: 100%;
    height: 100%;
    line-height: 46px;
    text-align: center;
    font-size: 25px;
    font-size: 2.5rem;
    font-weight: 400;
    color: #fff
}

.header-top .title {
    height: 46px;
    line-height: 46px;
    text-align: center;
    color: #fff;
    position: relative
}

.header-top .dot,
.header-top .title a {
    position: absolute;
    z-index: 1;
    display: block;
    color: #fff;
    font-size: 18px;
    font-size: 1.8rem
}

.header-top .title a {
    top: 0;
    height: 100%
}

.header-top .title .dot {
    top: 18px;
    left: 50%;
    margin-left: -5px;
    width: 10px;
    height: 10px;
    background-color: #fff;
    border-radius: 50%
}

.header-top .title .site {
    right: 50%;
    margin-right: 10px
}

.header-top .title .type {
    left: 50%;
    margin-left: 10px
}

.header-top .search-btn {
    width: 36px;
    height: 36px;
    position: absolute;
    top: 5px;
    right: 44px;
    z-index: 1
}

.header-top .search-btn i {
    display: block;
    width: 100%;
    height: 100%;
    line-height: 36px;
    text-align: center;
    font-size: 22px;
    font-size: 2.2rem;
    font-weight: 400;
    color: #fff
}

.header-sitenav {
    background-color: #fbfbfb
}

.header-sitenav li {
    float: left;
    /* width: 16.66%; */
    padding: 0 6px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    position: relative
}

.header-sitenav li a {
    display: block;
    font-size: 16px;
    font-size: 1.6rem;
    color: #333
}

.header-sitenav li::before {
    content: "";
    display: none;
    position: absolute;
    top: 9px;
    right: 0;
    width: 1px;
    height: 20px;
    background-color: #eee
}

.header-sitenav li:last-child::before {
    display: none
}

.header-sitenav li.cur::after {
    content: "";
    position: absolute;
    z-index: 20;
    left: 50%;
    bottom: -1px;
    margin-left: -18px;
    width: 36px;
    height: 3px;
    background-color: #0091ff;
    border-radius: 3px
}

.header-sitenav li.cur a {
    -color: #0aae24;
    font-weight: 600
}

.subTop-cover {
    position: absolute;
    top: 46px;
    left: 0;
    z-index: 76;
    width: 100%;
    height: calc(100% - 46px);
    background-color: rgba(0, 0, 0, .6);
    display: none
}

.subTop {
    position: absolute;
    top: 46px;
    left: 0;
    z-index: 77;
    width: 100%;
    padding: 10px 5px;
    background-color: #fff;
    box-shadow: 0 0 10px #999;
    display: none
}

.subTopTab-list {
    margin: 0 30px;
    overflow: hidden
}

.subTopTab-list li {
    float: left;
    width: calc(33% - 1px);
    height: 36px;
    line-height: 36px;
    border: 1px solid #fda244;
    border-left: none;
    text-align: center;
    color: #666
}

.subTopTab-list li:first-child {
    width: calc(33% - 2px);
    border-left: 1px solid #fda244;
    border-radius: 18px 0 0 18px
}

.subTopTab-list li:last-child {
    width: calc(34% - 1px);
    border-radius: 0 18px 18px 0
}

.subTopTab-list li.cur {
    background: #fda244;
    color: #fff
}

.subTopTab-list li a {
    display: block;
    color: #666
}

.subTopTab-list li.cur a {
    color: #fff
}

.subTop .swiper-container {
    padding-bottom: 30px;
    overflow: hidden
}

.subTop .swiper-pagination {
    bottom: 0
}

.subTop-list {
    overflow: hidden
}

.subTop-list li {
    float: left;
    width: calc(33.33% - 12px);
    margin: 10px 5px 0;
    padding: 8px 0;
    background: #f5f5f5;
    border: 1px solid #eaeaea;
    text-align: center;
    overflow: hidden
}

.subTop-list li:nth-child(3n) {
    margin-right: 0
}

.subTop-list li span {
    display: block
}

.subTop-list li .name {
    font-size: 16px;
    font-size: 1.6rem;
    color: #222
}

.subTop-list li .num {
    font-size: 14px;
    font-size: 1.4rem;
    color: #959595
}

.focus-swiper .swiper-wrapper .swiper-slide a {
    width: 100%;
    height: auto;
    display: block;
    overflow: hidden;
    position: relative
}

.focus-swiper .swiper-wrapper .swiper-slide a img {
    width: 100%;
    height: auto;
    display: block;
    overflow: hidden
}

.focus-swiper .swiper-wrapper .swiper-slide a strong {
    width: 100%;
    height: 35px;
    line-height: 35px;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    text-indent: 12px;
    text-shadow: 1px 1px 2px #000;
    background: rgba(0, 0, 0, .5);
    background-size: 414px;
    display: block;
    overflow: hidden;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 10
}

.focus-swiper .swiper-pagination {
    width: auto;
    height: auto;
    display: block;
    overflow: hidden;
    position: absolute;
    left: inherit;
    right: 10px;
    bottom: 6px
}

.focus-swiper .swiper-pagination span {
    width: 8px;
    height: 8px;
    background: #fff;
    border-radius: 0;
    opacity: 1
}

.focus-swiper .swiper-pagination .swiper-pagination-bullet-active {
    width: 16px;
    background: #0091ff
}

.mod-box {
    overflow: hidden
}

.mod-box.ra {
    margin-left: 10px;
    margin-right: 10px;
    border-radius: 5px;
    box-shadow: 0 1px 1px #eee
}

.mod-box .hd {
    padding: 0 10px 0 0;
    height: 48px;
    line-height: 48px;
    background-color: #fff;
    border-bottom: 1px solid #eee
}

.mod-box .hd .title {
    float: left;
    display: block;
    height: 48px;
    line-height: 48px;
    padding-left: 25px;
    font-size: 17px;
    font-size: 1.7rem;
    position: relative
}

.mod-box .hd .title::before {
    content: "";
    position: absolute;
    top: 15px;
    left: 10px;
    width: 5px;
    height: 18px;
    background-color: #1f7ffb;
    border-radius: 0
}

.mod-box .hd .title .key {
    margin-right: 2px;
    color: #f20
}

.mod-box .hd small {
    display: block;
    margin-left: 10px;
    float: left;
    font-size: 12px;
    font-size: 1.2rem;
    color: #999
}

.mod-box .hd .tab-list {
    float: right;
    margin-top: 9px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #fda244;
    border-radius: 4px;
    overflow: hidden
}

.mod-box .hd .tab-list li {
    float: left;
    padding: 0 6px;
    border-right: 1px solid #fda244;
    color: #f58523;
    font-size: 15px;
    font-size: 1.5rem
}

.mod-box .hd .tab-list li:last-child {
    border-right: none
}

.mod-box .hd .tab-list li.cur {
    background-color: #fda244;
    color: #fff
}

.mod-box .subTab-list {
    float: right;
    padding-top: 6px
}

.mod-box .subTab-list li {
    float: left;
    height: 42px;
    line-height: 42px;
    margin-right: 10px;
    padding: 0 3px;
    color: #666;
    font-size: 15px;
    font-size: 1.5rem;
    position: relative
}

.mod-box .subTab-list li:last-child {
    margin-right: 0
}

.mod-box .subTab-list li.cur {
    height: 41px;
    line-height: 41px;
    border-bottom: 2px solid #0091ff;
    position: relative;
    bottom: -1px;
    font-weight: 700;
    color: #0091ff
}

.mod-box .subTab-list li.cur::after,
.mod-box .subTab-list li.cur::before {
    content: "";
    position: absolute;
    left: 50%;
    z-index: 2;
    margin-left: -8px;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent
}

.mod-box .subTab-list li.cur::before {
    bottom: -3px;
    z-index: 3;
    border-top: 6px solid #fff
}

.mod-box .subTab-list li.cur::after {
    bottom: -6px;
    border-top: 6px solid #0091ff
}

.mod-box .hd .more {
    float: right;
    display: block;
    padding-right: 8px;
    color: #999;
    font-size: 14px;
    font-size: 1.4rem;
    position: relative
}

.mod-box .hd .more .iconfont {
    position: absolute;
    top: 13px;
    right: -6px;
    display: block;
    width: 22px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    color: #ccc;
    font-weight: 400;
    font-size: 22px;
    font-size: 2.2rem
}

.mod-box .hd .more::after {
    content: "";
    display: block;
    position: absolute;
    top: 19px;
    right: 0;
    z-index: 1;
    width: 8px;
    height: 8px;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    -webkit-transform: rotateZ(45deg);
    transform: rotateZ(45deg)
}

.mod-box .chd {
    height: 50px;
    line-height: 50px;
    padding: 15px 10px;
    overflow: hidden
}

.mod-box .chd .title {
    float: left;
    height: 20px;
    line-height: 20px;
    padding-left: 15px;
    font-size: 18px;
    font-size: 1.8rem;
    color: #252525;
    position: relative
}

.mod-box .chd .title::before {
    content: "";
    position: absolute;
    top: 2px;
    left: 0;
    width: 5px;
    height: 18px;
    background-color: #0091ff
}

.mod-box .inner {
    padding: 5px 0;
    overflow: hidden
}

.mod-box .hd-top {
    padding: 0 8px;
    height: 42px;
    line-height: 42px;
    background-color: #f0f0f1;
    border-top: 1px solid #ddd;
    overflow: hidden
}

.mod-box .hd-top .title {
    float: left;
    display: block;
    padding-left: 15px;
    font-size: 16px;
    font-size: 1.6rem;
    position: relative
}

.mod-box .hd-top .title::before {
    content: "";
    position: absolute;
    top: 12px;
    left: 0;
    width: 5px;
    height: 18px;
    background-color: #0091ff
}

.mod-box .hd-top small {
    float: left;
    display: block;
    margin-left: 5px;
    font-size: 13px;
    font-size: 1.3rem;
    color: #888
}

.mid-more {
    height: 38px;
    line-height: 38px;
    text-align: center;
    background-color: #f6f6f6
}

.mid-more a {
    display: block
}

.mid-more span {
    font-size: 15px;
    font-size: 1.5rem;
    color: #999
}

.mid-more .arr {
    display: inline-block;
    position: relative;
    top: -1px;
    width: 8px;
    height: 8px;
    border-top: 1px solid #999;
    border-right: 1px solid #999;
    -webkit-transform: rotateZ(45deg);
    transform: rotateZ(45deg)
}

.home-menu {
    width: 98%;
    margin: 0 auto;
    padding: 5px 0;
    overflow: hidden
}

.home-menu li {
    float: left;
    width: 20%;
    margin: 6px 0;
    text-align: center
}

.home-menu li a {
    display: block;
    width: 100%
}

.home-menu li i {
    display: block;
    margin: 0 auto;
    width: 45px;
    height: 45px;
    line-height: 45px;
    background-color: #0091ff;
    border-radius: 50%;
    text-align: center;
    font-size: 2.4px;
    font-size: 2.4rem;
    color: #fff
}

.home-menu li:nth-child(1n) i {
    background-color: #00b26f
}

.home-menu li:nth-child(2n) i {
    background-color: #68a0fe
}

.home-menu li:nth-child(3n) i {
    background-color: #ff8245
}

.home-menu li:nth-child(4n) i {
    background-color: #f6c;
    font-size: 25px;
    font-size: 2.5rem
}

.home-menu li:nth-child(5n) i {
    background-color: #92cf67;
    font-size: 22px;
    font-size: 2.2rem
}

.home-menu li span {
    margin-top: 8px;
    display: block;
    width: 100%;
    height: 18px;
    line-height: 18px;
    overflow: hidden;
    font-size: 1.4px;
    font-size: 1.4rem
}

.home-applist {
    clear: both;
    padding: 0 5px;
    overflow: hidden
}

.home-applist li {
    float: left;
    width: 25%;
    padding: 5px 0;
    text-align: center;
    position: relative;
    overflow: hidden
}

.home-applist li .ico {
    display: block;
    margin: 0 auto;
    width: 70px;
    height: 70px;
    border-radius: 15px;
    background-color: #f9f9f9
}

.home-applist li a {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.home-applist li .title {
    display: block;
    margin-top: 78px;
    padding: 0 10px;
    height: 26px;
    line-height: 26px;
    font-weight: 400;
    font-size: 1.4px;
    font-size: 1.4rem;
    color: #444;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.home-applist li .attr {
    margin-top: 26px;
    font-size: 12px;
    font-size: 1.2rem;
    text-align: center;
    color: #aaa
}

.home-keylist {
    padding: 0 7px;
    overflow: hidden
}

.home-keylist li {
    float: left;
    margin: 5px 3px
}

.home-keylist li a {
    display: block;
    padding: 0 8px;
    height: 30px;
    line-height: 30px;
    background-color: #0aae24;
    font-size: 14px;
    font-size: 1.4rem;
    color: #fff;
    border-radius: 15px
}

.home-keylist li .c1 {
    background-color: #c299fb
}

.home-keylist li .c2 {
    background-color: #6cd47d
}

.home-keylist li .c3 {
    background-color: #ff6f6f
}

.home-keylist li .c4 {
    background-color: #37afff
}

.home-keylist li .c5 {
    background-color: #777197
}

.home-keylist li .c6 {
    background-color: #ff8b62
}

.home-keylist li .c7 {
    background-color: #f9f
}

.home-keylist li .c8 {
    background-color: #ffbc53
}

.home-keylist li .c9 {
    background-color: #acb0d5
}

.home-keylist li .c10 {
    background-color: #35aba7
}

.home-keylist li .c11 {
    background-color: #66bb6a
}

.home-keylist li .c12 {
    background-color: #f46060
}

.home-keylist li .c13 {
    background-color: #a1a8e7
}

.home-keylist li .c14 {
    background-color: #ffab80
}

.home-keylist li .c15 {
    background-color: #0aae24
}

.home-rank {
    padding: 0 10px
}

.home-rank .tab-list li {
    float: left;
    width: 33.33%;
    height: 48px;
    line-height: 48px;
    border-bottom: 1px solid #eee;
    text-align: center;
    position: relative
}

.home-rank .tab-list li i {
    display: inline-block;
    position: absolute;
    top: 9px;
    margin-left: -28px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 20px;
    font-size: 2rem;
    color: #777
}

.home-rank .tab-list li i.iconfont-apps {
    font-size: 18px;
    font-size: 1.8rem
}

.home-rank .tab-list li.cur {
    border-bottom: 2px solid #3198fc;
    font-weight: 700;
    position: relative
}

.home-rank .tab-list li.-cur::after {
    position: absolute;
    left: 50%;
    bottom: -6px;
    margin-left: -8px;
    content: "";
    width: 0;
    height: 0;
    border-top: 6px solid #3198fc;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent
}

.home-rank .tab-list li.cur i {
    color: #f90;
    font-weight: 400
}

.home-rank .swiper-container {
    clear: both;
    padding-top: 8px
}

.home-linklist {
    padding: 2px 8px 0;
    overflow: hidden
}

.home-linklist li {
    display: inline-block;
    margin: 3px 3px;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    font-size: 1.4rem;
    color: #333
}

.footer-nav {
    padding: 0;
    background-color: #f2f2f2;
    background-color: #fff;
    border-top: 0 solid #d9d9d9;
    overflow: hidden
}

.footer-nav li {
    float: left;
    width: 25%;
    height: 42px;
    line-height: 42px;
    text-align: center;
    font-size: 16px;
    font-size: 1.6rem;
    border-bottom: 2px solid #3fb535;
    position: relative
}

.footer-nav li:nth-child(1n) {
    border-color: #0091ff
}

.footer-nav li:nth-child(2n) {
    border-color: #f60
}

.footer-nav li:nth-child(3n) {
    border-color: #0aae24
}

.footer-nav li:nth-child(4n) {
    border-color: #c77eb5
}

.footer-nav li::after {
    content: "";
    position: absolute;
    width: 1px;
    height: 18px;
    background-color: #ddd;
    right: 0;
    top: 12px;
    z-index: 1
}

.footer-nav li:last-child::after {
    display: none
}

.footer-nav li a {
    display: block
}

.footer {
    padding: 10px 0 8px;
    background-color: #ebebeb;
    text-align: center
}

.footer p {
    line-height: 24px;
    font-size: 14px;
    font-size: 1.4rem
}

.footer .link .a,
.footer .link a {
    padding: 0 8px;
    display: inline-block;
    position: relative
}

.footer .link .a::after,
.footer .link a::after {
    content: "";
    position: absolute;
    width: 1px;
    height: 12px;
    background-color: #ccc;
    right: 0;
    top: 6px;
    z-index: 1
}

.footer .link a:last-child::after {
    display: none
}

.footer .copy {
    color: #666;
    font-size: 13px;
    font-size: 1.3rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.footer .code {
    margin-left: 5px;
    display: inline-block
}

.footer .code div,
.footer .code p {
    display: inline-block
}

.xzhBar {
    margin: 0 !important
}

.xzhBar>div {
    height: auto !important;
    margin: 0 !important
}

.xzhBar>div>div {
    height: 65px !important;
    margin: 0 !important;
    position: relative !important
}

.xzhBar>div>div div:nth-child(1) {
    width: 35px !important;
    height: 35px !important;
    position: absolute !important;
    top: 15px !important;
    left: 15px !important
}

.xzhBar>div>div div:nth-child(1) img {
    margin-top: 0 !important;
    width: 35px !important;
    height: 35px !important;
    border: 1px solid #eee !important
}

.xzhBar>div>div div:nth-child(2) {
    margin-top: 0 !important;
    width: calc(100% - 140px) !important;
    height: 20px !important;
    position: absolute !important;
    top: 15px !important;
    left: 60px !important;
    text-align: left !important
}

.xzhBar>div>div div:nth-child(3) {
    margin-top: 0 !important;
    width: calc(100% - 140px) !important;
    height: 15px !important;
    position: absolute !important;
    top: 35px !important;
    left: 60px !important;
    text-align: left !important;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.xzhBar>div>div div:nth-child(4) {
    margin: 0 !important;
    width: 55px !important;
    height: 35px !important;
    position: absolute !important;
    top: 15px !important;
    right: 15px !important
}

.xzhBar>div>div div:nth-child(4) div {
    width: 55px !important;
    height: 19px !important;
    line-height: 20px !important;
    position: static !important;
    left: inherit !important
}

.goTop {
    display: none;
    width: 45px;
    height: 45px;
    position: fixed;
    right: 10px;
    bottom: 10px;
    z-index: 99;
    background-color: rgba(0, 0, 0, .6);
    border-radius: 5px
}

.goTop i {
    display: block;
    width: 100%;
    height: 100%;
    line-height: 47px;
    text-align: center;
    font-size: 33px;
    font-size: 3.3rem;
    color: #fff
}

.tagHome-list {
    padding: 0 5px;
    overflow: hidden
}

.tagHome-list li {
    float: left;
    width: calc(50% - 10px);
    margin: 0 5px;
    margin-bottom: 10px;
    overflow: hidden
}

.tagHome-list li a {
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    background: #eee;
    border-radius: 2px;
    position: relative
}

.tagHome-list .title,
.tagHome-list li img {
    display: block;
    position: absolute;
    left: 0;
    z-index: 1;
    width: 100%
}

.tagHome-list li img {
    top: 0;
    width: 100%;
    height: 100%
}

.tagHome-list .title {
    bottom: 0;
    z-index: 2;
    height: 32px;
    line-height: 32px;
    padding: 0 5px;
    background-color: rgba(0, 0, 0, .8);
    font-size: 14px;
    font-size: 1.4rem;
    color: #fff;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.tagContent-box {
    width: 100%;
    padding: 10px
}

.tagContent-box .inner {
    padding: 0;
    position: relative
}

.tagContent-box .pic {
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    position: relative
}

.tagContent-box .pic img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%
}

.tagContent-box .info {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    padding: 10px;
    width: 100%;
    background-color: rgba(0, 0, 0, .6);
    color: #fff;
    overflow: hidden
}

.tagContent-box .title {
    height: 24px;
    line-height: 24px;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 550;
    color: #fff
}

.tagContent-box .content-box {
    margin-top: 8px;
    max-height: 88px;
    position: relative;
    overflow: hidden
}

.tagContent-box .content {
    line-height: 22px;
    font-size: 13px;
    font-size: 1.3rem;
    position: relative
}

.tagContent-box .content a {
    color: #fff
}

.tagContent-box .content .keylink {
    border-bottom: 1px dashed #fff
}

.tagContent-box .btn {
    position: absolute;
    z-index: 1;
    right: 10px;
    top: 10px;
    width: 84px;
    height: 24px;
    line-height: 24px;
    background-color: #0091ff;
    border-radius: 4px;
    text-align: center;
    font-size: 13px;
    font-size: 1.3rem;
    color: #fff
}

.tagContent-box .link {
    margin-top: 8px;
    margin-bottom: -2px
}

.tagContent-box .link p {
    display: block;
    line-height: 22px;
    font-size: 14px;
    font-size: 1.4rem
}

.tagContent-box .link a {
    color: #0091ff
}

#dialog-cover {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 88;
    background-color: rgba(0, 0, 0, .5);
    overflow: hidden
}

#dialog-key {
    display: block;
    width: 90%;
    max-height: 90%;
    position: fixed;
    top: 50px;
    left: 5%;
    z-index: 99;
    padding: 10px;
    background-color: #fff;
    border-radius: 4px;
    color: #333;
    overflow: hidden
}

#dialog-key .close {
    display: block;
    height: 26px;
    padding: 0 12px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    line-height: 26px;
    font-size: 14px;
    font-size: 1.4rem;
    background-color: #333;
    border-radius: 0 0 0 6px;
    color: #fff
}

#dialog-key .title {
    display: block;
    height: 20px;
    line-height: 20px;
    font-size: 16px;
    font-size: 1.6rem;
    color: #222
}

#dialog-key .content {
    margin-top: 8px;
    line-height: 22px;
    color: #666;
    font-size: 13px;
    font-size: 1.3rem
}

#dialog-key .content p:not(:last-child) {
    margin-bottom: 8px
}

#dialog-key .content a {
    color: #666
}

#dialog-key .content .keylink {
    border-bottom: 1px dashed #666
}

.appZone-box {
    padding: 0 10px;
    overflow: hidden
}

.appZone-box .tab-list {
    width: 100%;
    margin: 10px auto;
    overflow: hidden
}

.appZone-box .tab-list li {
    float: left;
    width: calc(33.33% - 1px);
    height: 34px;
    line-height: 34px;
    border: 1px solid #3198fc;
    text-align: center;
    color: #3198fc;
    font-size: 16px;
    font-size: 1.6rem
}

.appZone-box .tab-list li:first-child {
    border-radius: 5px 0 0 5px
}

.appZone-box .tab-list li:last-child {
    border-radius: 0 5px 5px 0
}

.appZone-box .tab-list li:nth-child(2) {
    border-left: none;
    border-right: none
}

.appZone-box .tab-list li.cur {
    background-color: #3198fc;
    color: #fff
}

.appZone-box .tab-list li.cur a {
    color: #fff
}

.appZone-type {
    border-top: 1px solid #eee;
    overflow: hidden
}

.appZone-type li {
    float: left;
    width: calc(50% - 1px);
    height: 70px;
    border-bottom: 1px solid #eee;
    border-right: 1px solid #eee
}

.appZone-type li:nth-child(2n) {
    width: 50%;
    border-right: none
}

.appZone-type li a {
    display: block;
    height: 100%;
    padding-top: 23px;
    padding-left: 75px;
    padding-bottom: 10px;
    overflow: hidden;
    position: relative
}

.appZone-type img {
    display: block;
    width: 50px;
    height: 50px;
    border-radius: 15px;
    position: absolute;
    top: 10px;
    left: 15px;
    z-index: 1
}

.load-more {
    padding: 10px 0;
    overflow: hidden
}

.load-more span {
    display: block;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 17px;
    font-size: 1.7rem
}

.load-more .loading {
    background: linear-gradient(to right, #0091ff, #66bdff);
    border-radius: 4px;
    color: #fff
}

.load-more .empty {
    background-color: #fcfcfc;
    color: #888;
    font-size: 16px;
    font-size: 1.6rem
}

.baseApp-list {
    overflow: hidden
}

.baseApp-list li,
.baseApp-list li a {
    padding-left: 70px;
    padding-right: 60px
}

.baseApp-list li {
    height: 80px;
    padding-top: 32px;
    border-bottom: 1px solid #efefef;
    position: relative;
    overflow: hidden
}

.baseApp-list .btn,
.baseApp-list .ico,
.baseApp-list a {
    display: block;
    position: absolute;
    z-index: 1
}

.baseApp-list .ico {
    top: 10px;
    left: 0;
    width: 60px;
    height: 60px;
    background-color: #f9f9f9;
    border-radius: 15px;
    overflow: hidden
}

.baseApp-list a {
    top: 0;
    left: 0;
    z-index: 2;
    padding-top: 10px;
    width: 100%;
    height: 100%
}

.baseApp-list .desc,
.baseApp-list .title {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.baseApp-list .title {
    display: block;
    height: 16px;
    line-height: 16px;
    font-weight: 400;
    color: #191919
}

.baseApp-list .attr {
    height: 14px;
    line-height: 14px;
    color: #999;
    font-size: 12px;
    font-size: 1.2rem;
    overflow: hidden
}

.baseApp-list .attr>span:not(:last-child) {
    float: left;
    display: block;
    padding-right: 17px;
    position: relative
}

.baseApp-list .attr>span:not(:last-child)::after {
    position: absolute;
    top: 2px;
    right: 8px;
    display: block;
    content: "";
    width: 1px;
    height: 10px;
    background-color: #eee;
    -webkit-transform: rotateZ(25deg);
    transform: rotateZ(25deg)
}

.baseApp-list .i-star {
    margin-top: 4px
}

.baseApp-list .desc {
    margin-top: 6px;
    height: 14px;
    line-height: 14px;
    font-size: 13px;
    font-size: 1.3rem;
    color: #8c8c8c
}

.baseApp-list .btn {
    vertical-align: middle;
    text-align: center;
    top: 26px;
    right: 0;
    width: 56px;
    height: 28px;
    line-height: 28px;
    background-color: #e1f1ff;
    border-radius: 14px;
    font-weight: 600;
    color: #1f7ffb;
    font-size: 14px;
    font-size: 1.4rem
}

.baseGame-list {
    overflow: hidden
}

.baseGame-list li,
.baseGame-list li a {
    padding-left: 55px;
    padding-right: 60px
}

.baseGame-list li {
    height: 80px;
    padding-top: 32px;
    border-bottom: 1px solid #efefef;
    position: relative;
    overflow: hidden
}

.baseGame-list .btn,
.baseGame-list .pic,
.baseGame-list a {
    display: block;
    position: absolute;
    z-index: 1
}

.baseGame-list .pic {
    top: 10px;
    left: 0;
    width: 45px;
    height: 60px;
    background-color: #f9f9f9;
    border-radius: 2px;
    overflow: hidden
}

.baseGame-list a {
    top: 0;
    left: 0;
    z-index: 2;
    padding-top: 10px;
    width: 100%;
    height: 100%
}

.baseGame-list .desc,
.baseGame-list .title {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.baseGame-list .title {
    display: block;
    height: 16px;
    line-height: 16px;
    font-weight: 400;
    color: #191919
}

.baseGame-list .attr {
    height: 14px;
    line-height: 14px;
    color: #999;
    font-size: 12px;
    font-size: 1.2rem;
    overflow: hidden
}

.baseGame-list .attr>span:not(:last-child) {
    float: left;
    display: block;
    padding-right: 17px;
    position: relative
}

.baseGame-list .attr>span:not(:last-child)::after {
    position: absolute;
    top: 2px;
    right: 8px;
    display: block;
    content: "";
    width: 1px;
    height: 10px;
    background-color: #eee;
    -webkit-transform: rotateZ(25deg);
    transform: rotateZ(25deg)
}

.baseGame-list .i-star {
    margin-top: 4px
}

.baseGame-list .desc {
    margin-top: 6px;
    height: 14px;
    line-height: 14px;
    font-size: 13px;
    font-size: 1.3rem;
    color: #8c8c8c
}

.baseGame-list .btn {
    vertical-align: middle;
    text-align: center;
    top: 26px;
    right: 0;
    width: 56px;
    height: 28px;
    line-height: 28px;
    background-color: #e1f1ff;
    border-radius: 14px;
    font-weight: 600;
    color: #1f7ffb;
    font-size: 14px;
    font-size: 1.4rem
}

.gridApp-list {
    border-top: 0 solid #eee;
    overflow: hidden
}

.gridApp-list li {
    float: left;
    width: calc(50% - 1px);
    height: 80px;
    padding-left: 78px;
    padding-right: 8px;
    border-bottom: 1px solid #eee;
    border-right: 1px solid #eee;
    position: relative
}

.gridApp-list li:nth-child(2n) {
    width: 50%;
    border-right: none
}

.gridApp-list .btn,
.gridApp-list .ico,
.gridApp-list a {
    display: block;
    position: absolute;
    z-index: 1
}

.gridApp-list .ico {
    top: 10px;
    left: 10px;
    width: 60px;
    height: 60px;
    background-color: #f9f9f9;
    border-radius: 15px;
    overflow: hidden
}

.gridApp-list a {
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    padding-left: 78px
}

.gridApp-list .title {
    display: block;
    margin-top: 10px;
    height: 16px;
    line-height: 16px;
    font-weight: 400;
    font-size: 14px;
    font-size: 1.4rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.gridApp-list .attr {
    margin-top: 30px;
    max-height: 40px;
    line-height: 20px;
    color: #999;
    font-size: 12px;
    font-size: 1.2rem;
    overflow: hidden;
    text-overflow: ellipsis
}

.gridApp-list .attr span {
    margin-right: 3px
}

.gridApp-list .btn {
    display: none;
    bottom: 10px;
    left: 78px;
    width: 50px;
    height: 22px;
    line-height: 22px;
    background-color: #0aae24;
    border: 1px solid #0aae24;
    border-radius: 5px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    font-size: 1.4rem
}

.appTop-list {
    overflow: hidden
}

.appTop-list li,
.appTop-list li a {
    padding-left: 104px;
    padding-right: 60px
}

.appTop-list li {
    padding-top: 32px;
    height: 80px;
    border-bottom: 1px solid #eee;
    position: relative;
    overflow: hidden
}

.appTop-list .btn,
.appTop-list .ico,
.appTop-list a,
.appTop-list em {
    display: block;
    position: absolute;
    z-index: 1
}

.appTop-list a {
    top: 0;
    left: 0;
    z-index: 2;
    padding-top: 10px;
    width: 100%;
    height: 100%
}

.appTop-list .desc,
.appTop-list .title {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.appTop-list .title {
    display: block;
    height: 16px;
    line-height: 16px;
    font-weight: 400;
    color: #111
}

.appTop-list em {
    top: 10px;
    left: 0;
    width: 24px;
    height: 26px;
    background-color: #bababa;
    line-height: 26px;
    text-align: center;
    color: #fff;
    font-size: 12px;
    font-size: 1.2rem
}

.appTop-list em::after,
.appTop-list em::before {
    content: "";
    position: absolute;
    bottom: -8px;
    z-index: 2;
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent
}

.appTop-list em::before {
    left: 0;
    border-left: 12px solid #bababa
}

.appTop-list em::after {
    right: 0;
    border-right: 12px solid #bababa
}

.appTop-list .n1 {
    background-color: #fe4b4a
}

.appTop-list .n1::before {
    border-left-color: #fe4b4a
}

.appTop-list .n1::after {
    border-right-color: #fe4b4a
}

.appTop-list .n2 {
    background-color: #fe9028
}

.appTop-list .n2::before {
    border-left-color: #fe9028
}

.appTop-list .n2::after {
    border-right-color: #fe9028
}

.appTop-list .n3 {
    background-color: #feb02d
}

.appTop-list .n3::before {
    border-left-color: #feb02d
}

.appTop-list .n3::after {
    border-right-color: #feb02d
}

.appTop-list .ico {
    top: 10px;
    left: 34px;
    width: 60px;
    height: 60px;
    background-color: #f9f9f9;
    border-radius: 15px;
    overflow: hidden
}

.appTop-list .attr {
    height: 14px;
    line-height: 14px;
    color: #999;
    font-size: 12px;
    font-size: 1.2rem;
    overflow: hidden
}

.appTop-list .attr>span:not(:last-child) {
    float: left;
    display: block;
    padding-right: 17px;
    position: relative
}

.appTop-list .attr>span:not(:last-child)::after {
    position: absolute;
    top: 2px;
    right: 8px;
    display: block;
    content: "";
    width: 1px;
    height: 10px;
    background-color: #eee;
    -webkit-transform: rotateZ(25deg);
    transform: rotateZ(25deg)
}

.appTop-list .i-star {
    margin-top: 4px
}

.appTop-list .desc {
    margin-top: 6px;
    height: 14px;
    line-height: 14px;
    font-size: 13px;
    font-size: 1.3rem;
    color: #8c8c8c
}

.appTop-list .btn {
    top: 26px;
    right: 0;
    width: 56px;
    height: 28px;
    line-height: 28px;
    background-color: #e1f1ff;
    border-radius: 14px;
    vertical-align: middle;
    text-align: center;
    font-weight: 600;
    color: #1f7ffb;
    font-size: 14px;
    font-size: 1.4rem
}

.artTop-list {
    overflow: hidden
}

.artTop-list li,
.artTop-list li a {
    padding-left: 124px
}

.artTop-list li {
    padding-top: 56px;
    height: 80px;
    border-bottom: 1px solid #eee;
    position: relative;
    overflow: hidden
}

.artTop-list .pic,
.artTop-list a,
.artTop-list em {
    display: block;
    position: absolute;
    z-index: 1
}

.artTop-list a {
    top: 0;
    left: 0;
    z-index: 2;
    padding-top: 10px;
    width: 100%;
    height: 100%
}

.artTop-list .title {
    display: block;
    height: 44px;
    line-height: 22px;
    font-weight: 400;
    color: #111;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.artTop-list em {
    top: 10px;
    left: 0;
    width: 24px;
    height: 26px;
    background-color: #bababa;
    line-height: 26px;
    text-align: center;
    color: #fff;
    font-size: 12px;
    font-size: 1.2rem
}

.artTop-list em::after,
.artTop-list em::before {
    content: "";
    position: absolute;
    bottom: -8px;
    z-index: 2;
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent
}

.artTop-list em::before {
    left: 0;
    border-left: 12px solid #bababa
}

.artTop-list em::after {
    right: 0;
    border-right: 12px solid #bababa
}

.artTop-list .n1 {
    background-color: #fe4b4a
}

.artTop-list .n1::before {
    border-left-color: #fe4b4a
}

.artTop-list .n1::after {
    border-right-color: #fe4b4a
}

.artTop-list .n2 {
    background-color: #fe9028
}

.artTop-list .n2::before {
    border-left-color: #fe9028
}

.artTop-list .n2::after {
    border-right-color: #fe9028
}

.artTop-list .n3 {
    background-color: #feb02d
}

.artTop-list .n3::before {
    border-left-color: #feb02d
}

.artTop-list .n3::after {
    border-right-color: #feb02d
}

.artTop-list .pic {
    top: 10px;
    left: 34px;
    width: 80px;
    height: 60px;
    background-color: #f9f9f9;
    border-radius: 2px;
    overflow: hidden
}

.artTop-list .attr {
    height: 14px;
    line-height: 14px;
    color: #999;
    font-size: 13px;
    font-size: 1.3rem;
    overflow: hidden
}

.artTop-list .attr i {
    position: relative;
    top: 1px;
    margin-right: 2px;
    font-size: 15px;
    font-size: 1.5rem;
    color: #bbb
}

.gameTop-list {
    overflow: hidden
}

.gameTop-list li,
.gameTop-list li a {
    padding-left: 89px;
    padding-right: 60px
}

.gameTop-list li {
    padding-top: 32px;
    height: 80px;
    border-bottom: 1px solid #eee;
    position: relative;
    overflow: hidden
}

.gameTop-list .btn,
.gameTop-list .pic,
.gameTop-list a,
.gameTop-list em {
    display: block;
    position: absolute;
    z-index: 1
}

.gameTop-list a {
    top: 0;
    left: 0;
    z-index: 2;
    padding-top: 10px;
    width: 100%;
    height: 100%
}

.gameTop-list .desc,
.gameTop-list .title {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.gameTop-list .title {
    display: block;
    height: 16px;
    line-height: 16px;
    font-weight: 400;
    color: #111
}

.gameTop-list em {
    top: 10px;
    left: 0;
    width: 24px;
    height: 26px;
    background-color: #bababa;
    line-height: 26px;
    text-align: center;
    color: #fff;
    font-size: 12px;
    font-size: 1.2rem
}

.gameTop-list em::after,
.gameTop-list em::before {
    content: "";
    position: absolute;
    bottom: -8px;
    z-index: 2;
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent
}

.gameTop-list em::before {
    left: 0;
    border-left: 12px solid #bababa
}

.gameTop-list em::after {
    right: 0;
    border-right: 12px solid #bababa
}

.gameTop-list .n1 {
    background-color: #fe4b4a
}

.gameTop-list .n1::before {
    border-left-color: #fe4b4a
}

.gameTop-list .n1::after {
    border-right-color: #fe4b4a
}

.gameTop-list .n2 {
    background-color: #fe9028
}

.gameTop-list .n2::before {
    border-left-color: #fe9028
}

.gameTop-list .n2::after {
    border-right-color: #fe9028
}

.gameTop-list .n3 {
    background-color: #feb02d
}

.gameTop-list .n3::before {
    border-left-color: #feb02d
}

.gameTop-list .n3::after {
    border-right-color: #feb02d
}

.gameTop-list .pic {
    top: 10px;
    left: 34px;
    width: 45px;
    height: 60px;
    background-color: #f9f9f9;
    border-radius: 2px;
    overflow: hidden
}

.gameTop-list .attr {
    height: 14px;
    line-height: 14px;
    color: #999;
    font-size: 12px;
    font-size: 1.2rem;
    overflow: hidden
}

.gameTop-list .attr>span:not(:last-child) {
    float: left;
    display: block;
    padding-right: 17px;
    position: relative
}

.gameTop-list .attr>span:not(:last-child)::after {
    position: absolute;
    top: 2px;
    right: 8px;
    display: block;
    content: "";
    width: 1px;
    height: 10px;
    background-color: #eee;
    -webkit-transform: rotateZ(25deg);
    transform: rotateZ(25deg)
}

.gameTop-list .i-star {
    margin-top: 4px
}

.gameTop-list .desc {
    margin-top: 6px;
    height: 14px;
    line-height: 14px;
    font-size: 13px;
    font-size: 1.3rem;
    color: #8c8c8c
}

.gameTop-list .btn {
    vertical-align: middle;
    text-align: center;
    top: 26px;
    right: 0;
    width: 56px;
    height: 28px;
    line-height: 28px;
    background-color: #e1f1ff;
    border-radius: 14px;
    font-weight: 600;
    color: #1f7ffb;
    font-size: 14px;
    font-size: 1.4rem
}

.top-list {
    clear: both;
    overflow: hidden
}

.top-list li {
    padding-left: 24px;
    width: 100%;
    height: 38px;
    line-height: 38px;
    text-align: left;
    border-bottom: 1px dotted #eee;
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.top-list li a {
    font-size: 16px;
    font-size: 1.6rem;
    overflow: hidden;
    color: #444;
    font-weight: 400
}

.top-list li .num {
    position: absolute;
    top: 10px;
    left: 0;
    z-index: 1;
    display: block;
    width: 18px;
    height: 18px;
    line-height: 18px;
    background: #879299;
    border-radius: 1px;
    color: #fffefe;
    font-size: 12px;
    font-size: 1.2rem;
    text-align: center;
    font-family: georgia, STHeiti, "Microsoft YaHei", simsun, sans-serif, Arial;
    vertical-align: middle
}

.top-list li .n1 {
    background: #fa4e57
}

.top-list li .n2 {
    background: #fa7a53
}

.top-list li .n3 {
    background: #fbc258
}

.supbar-box {
    background-color: #fff;
    margin-bottom: -7px
}

.supbar-box .swiper-container {
    overflow: hidden;
    overflow-y: hidden
}

.supbar-box .swiper-slide {
    width: 25% !important;
    height: 45px;
    text-align: center
}

.supbar-box .swiper-slide a {
    display: block;
    width: 100%;
    height: 38px;
    line-height: 38px;
    border-bottom: 1px solid #e4e4e4;
    font-size: 15px;
    font-size: 1.5rem;
    position: relative
}

.supbar-box .swiper-slide:last-child {
    border-right: none
}

.supbar-box .cur a {
    font-weight: 700;
    color: #0091ff
}

.supbar-box .cur a::after,
.supbar-box .cur a::before {
    content: "";
    position: absolute;
    left: 50%;
    z-index: 2;
    margin-left: -10px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent
}

.supbar-box .cur a::before {
    bottom: -6px;
    z-index: 3;
    border-top: 7px solid #fff
}

.supbar-box .cur a::after {
    bottom: -7px;
    border-top: 7px solid #ddd
}

@media screen and (min-width:361px) {
    .supbar-box .swiper-slide {
        width: 20% !important
    }
}

.navbar-box {
    background-color: #fff;
    border-bottom: 1px solid #e4e4e4
}

.navbar-box .swiper-slide {
    width: 25% !important;
    height: 38px;
    line-height: 38px;
    text-align: center;
    overflow: hidden
}

.navbar-box .swiper-slide a {
    display: block;
    font-size: 15px;
    font-size: 1.5rem
}

.navbar-box .swiper-slide:last-child {
    border-right: none
}

.navbar-box .cur a {
    font-weight: 700;
    color: #0091ff
}

.navbar-box .cur::after {
    content: "";
    display: block;
    width: 4px;
    height: 4px;
    position: absolute;
    left: 50%;
    bottom: 4px;
    z-index: 10;
    border-radius: 100%;
    background-color: #0091ff;
    margin-left: -2px
}

@media screen and (min-width:361px) {
    .navbar-box .swiper-slide {
        width: 20% !important
    }
}

.subnav-box {
    width: 100%;
    border-top: 0 solid #eee;
    overflow: hidden
}

.subnav-box .hd {
    width: 100%;
    height: 40px;
    line-height: 40px;
    background-color: #fff;
    border-bottom: 1px solid #f0f0f0
}

.subnav-box .hd .title {
    margin-left: 10px;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 700
}

.subnav-box .inner {
    width: 100%;
    background: #f6f6f6;
    overflow: hidden
}

.subnav-box .subnav-list {
    padding-left: 10px;
    overflow: hidden
}

.subnav-box .subnav-list li {
    float: left;
    width: calc(25% - 10px);
    height: 30px;
    margin-top: 10px;
    margin-right: 10px
}

.subnav-box .subnav-list li a {
    display: block;
    width: 100%;
    height: 28px;
    line-height: 28px;
    background-color: #fff;
    border: 1px solid #dfdde6;
    border-radius: 2px;
    text-align: center;
    font-size: 14px;
    font-size: 1.4rem;
    color: #666;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.subnav-box .subnav-list li a.hover,
.subnav-box .subnav-list li.cur a {
    background-color: #0091ff;
    border: 1px solid #0091ff;
    color: #fff
}

.art-list {
    overflow: hidden
}

.art-list li {
    height: 42px;
    line-height: 42px;
    padding-left: 9px;
    text-align: left;
    border-bottom: 1px solid #f0f0f0;
    position: relative;
    overflow: hidden
}

.art-list li:last-child {
    border-bottom: none
}

.art-list li a {
    display: block;
    font-size: 15px;
    font-size: 1.5rem;
    overflow: hidden;
    color: #444;
    font-weight: 400;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.art-list li::before {
    content: "";
    display: block;
    position: absolute;
    top: 19px;
    left: 0;
    width: 4px;
    height: 4px;
    background-color: #eee;
    border-radius: 1px
}

.picText-list {
    overflow: hidden
}

.picText-list li,
.picText-list li a {
    padding-left: 110px
}

.picText-list li {
    height: 95px;
    padding-top: 60px;
    border-bottom: 1px solid #f0f0f0;
    position: relative;
    overflow: hidden
}

.picText-list li:last-child {
    border-bottom: none
}

.picText-list li .pic,
.picText-list li a {
    display: block;
    position: absolute;
    left: 0;
    z-index: 1
}

.picText-list li .pic {
    top: 10px;
    width: 100px;
    height: 75px
}

.picText-list li a {
    top: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    padding-top: 10px
}

.picText-list li .title {
    display: block;
    max-height: 48px;
    line-height: 24px;
    font-size: 16px;
    font-size: 1.6rem;
    color: #444;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.picText-list li .attr {
    height: 14px;
    line-height: 14px;
    color: #bbb;
    font-size: 13px;
    font-size: 1.3rem
}

.picText-list li .attr i {
    display: inline-block;
    margin-right: 3px;
    position: relative;
    top: 3px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    color: #ddd;
    font-size: 20px;
    font-size: 2rem
}

.picText-list li .attr .iconfont-date-empty {
    top: 1.5px;
    width: 16px;
    height: 16px;
    line-height: 20px;
    font-size: 16px;
    font-size: 1.6rem
}

.app4row-list {
    overflow: hidden
}

.app4row-list li {
    float: left;
    width: 25%
}

.app4row-list li {
    float: left;
    width: 25%;
    padding: 5px 0;
    text-align: center;
    position: relative;
    overflow: hidden
}

.app4row-list li .ico {
    display: block;
    margin: 0 auto;
    width: 70px;
    height: 70px;
    border-radius: 15px;
    background-color: #f9f9f9
}

.app4row-list li a {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.app4row-list li .title {
    display: block;
    margin-top: 78px;
    padding: 0 10px;
    height: 26px;
    line-height: 26px;
    font-weight: 400;
    font-size: 1.4px;
    font-size: 1.4rem;
    color: #444;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.app4row-list li .btn {
    margin: 32px auto 0;
    width: 60px;
    height: 26px;
    line-height: 26px;
    background-color: #e1f1ff;
    border-radius: 5px;
    font-size: 14px;
    font-size: 1.4rem;
    text-align: center;
    font-weight: 700;
    color: #1f7ffb
}

.game4row-list {
    overflow: hidden
}

.game4row-list li {
    float: left;
    width: 25%
}

.game4row-list li {
    float: left;
    width: 25%;
    padding: 5px 0;
    text-align: center;
    position: relative;
    overflow: hidden
}

.game4row-list li .pic {
    display: block;
    margin: 0 auto;
    width: 70px;
    height: 93px;
    border-radius: 2px;
    background-color: #f9f9f9
}

.game4row-list li a {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.game4row-list li .title {
    display: block;
    margin-top: 101px;
    padding: 0 10px;
    height: 26px;
    line-height: 26px;
    font-weight: 400;
    font-size: 1.4px;
    font-size: 1.4rem;
    color: #444;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.game4row-list li .btn {
    margin: 32px auto 0;
    width: 60px;
    height: 26px;
    line-height: 26px;
    background-color: #e1f1ff;
    border-radius: 5px;
    font-size: 14px;
    font-size: 1.4rem;
    text-align: center;
    font-weight: 700;
    color: #1f7ffb
}

.art-content {
    clear: both;
    padding: 10px;
    position: relative;
    overflow: hidden
}

.art-content .hd {
    margin-top: 10px;
    width: 100%;
    padding: 0 0;
    overflow: hidden
}

.art-content .hd h2 {
    float: left;
    height: 25px;
    line-height: 25px;
    overflow: hidden;
    border-left: 4px solid #71b63b;
    padding-left: 10px;
    font-size: 20px;
    font-size: 2rem
}

.art-content h1 {
    line-height: 1.5;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 600;
    color: #333
}

.art-content .attr {
    margin-top: 10px;
    padding-bottom: 30px;
    position: relative;
    height: 20px;
    line-height: 20px;
    border-bottom: 1px solid #f0f0f1;
    font-size: 14px;
    font-size: 1.4rem;
    color: #999
}

.art-content .attr span {
    margin-right: 10px
}

.art-content .attr .play-audio {
    display: none;
    position: absolute;
    top: 0;
    right: 5px;
    z-index: 1;
    padding-left: 33px;
    color: #0091ff;
    font-size: 16px;
    font-size: 1.6rem
}

.art-content .attr .play-audio i {
    display: block;
    position: absolute;
    top: 0;
    left: 10px;
    z-index: 2;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 18px;
    font-size: 1.8rem
}

.art-keys {
    clear: both;
    overflow: hidden
}

.art-keys i {
    float: left;
    display: block;
    margin-top: 5px;
    margin-right: 3px;
    height: 22px;
    line-height: 22px;
    color: #0aae24;
    font-size: 22px;
    font-size: 2.2rem
}

.art-keys a {
    float: left;
    display: block;
    margin-top: 5px;
    margin-right: 5px;
    height: 22px;
    line-height: 22px;
    padding: 0 5px;
    background: #eee;
    border-radius: 1px;
    font-size: 14px;
    font-size: 1.4rem;
    color: #666
}

.articleContent {
    margin-top: 5px;
    line-height: 1.8;
    font-size: 16px;
    font-size: 1.6rem;
    color: #555;
    overflow: hidden;
    position: relative
}

.articleContent div,
.articleContent p {
    margin: 10px 0
}

.articleContent h1,
.articleContent h2,
.articleContent h3,
.articleContent h4,
.articleContent h5,
.articleContent h6 {
    margin: 10px 0 10px;
    line-height: 26px;
    padding: 0 10px;
    border-left: 4px solid #0cad12;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 700;
    color: #000
}

.articleContent img {
    max-width: 100%
}

.articleContent p [data-fancybox=contentImages] {
    display: block;
    width: auto;
    height: auto;
    text-align: center
}

.articleContent p img {
    margin-left: auto;
    margin-right: auto;
    text-align: center
}

.articleContent p:last-child {
    margin-bottom: 0
}

.articleContent a {
    color: #0091ff
}

.articleContent .keylink {
    padding-bottom: 1px;
    border-bottom: 1px dashed #0091ff;
    color: #0091ff
}

.articleContent table {
    margin: 10px auto;
    border-top: 1px solid #c1dad7;
    border-left: 1px solid #c1dad7
}

.articleContent table tr:first-child {
    background: #06c;
    color: #222;
    font-weight: 700
}

.articleContent table td {
    padding: 6px 10px;
    line-height: 1.5;
    text-align: center;
    border-right: 1px solid #c1dad7;
    border-bottom: 1px solid #c1dad7
}

.articleContent table tr:nth-of-type(odd) {
    background: #f5fafa
}

.articleContent tabletr:hover {
    background: #e0f0f0
}

.show-readmore {
    margin-top: 10px;
    width: 100%;
    height: 45px;
    line-height: 45px;
    background-color: #f0f0f0;
    color: #555;
    border-radius: 2px;
    box-shadow: 0 0 0 0 #eee;
    text-align: center;
    font-size: 16px;
    font-size: 1.6rem;
    cursor: pointer;
    overflow: hidden
}

.readmore-js-collapsed::after {
    content: "";
    position: absolute;
    bottom: 0;
    display: block;
    width: 100%;
    height: 90px;
    background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0)), to(#fff));
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #fff)
}

.art-linkApp {
    clear: both;
    margin-top: 12px;
    height: 85px;
    background-color: #f0f0f0;
    border-radius: 5px;
    position: relative;
    overflow: hidden
}

.art-linkApp,
.art-linkApp a {
    padding-top: 10px;
    padding-left: 85px;
    padding-right: 88px
}

.art-linkApp .btn,
.art-linkApp .ico,
.art-linkApp .pic,
.art-linkApp a {
    display: block;
    position: absolute;
    z-index: 1
}

.art-linkApp a {
    top: 0;
    left: 0;
    z-index: 3;
    width: 100%;
    height: 100%
}

.art-linkApp .title {
    display: block;
    height: 20px;
    line-height: 20px;
    font-weight: 400;
    font-size: 16px;
    font-size: 1.6rem;
    color: #444;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.art-linkApp .ico {
    width: 65px;
    height: 65px;
    top: 10px;
    left: 10px;
    border-radius: 10px;
    overflow: hidden
}

.art-linkApp .pic {
    width: 49px;
    height: 65px;
    top: 10px;
    left: 10px;
    border-radius: 2px;
    overflow: hidden
}

.art-linkApp .btn {
    top: 29px;
    right: 10px;
    z-index: 1;
    width: 68px;
    height: 28px;
    line-height: 28px;
    background-color: #0091ff;
    border-radius: 14px;
    text-align: center;
    font-size: 15px;
    font-size: 1.5rem;
    color: #fff
}

.art-linkApp .btn i {
    font-size: 16px;
    font-size: 1.6rem
}

.art-linkApp .parm {
    margin-top: 24px;
    height: 16px;
    line-height: 16px;
    font-size: 14px;
    font-size: 1.4rem;
    color: #888
}

.art-linkApp .parm .line {
    margin: 0 4px;
    color: #ccc
}

.art-linkApp .remark {
    display: block;
    margin-top: 8px;
    height: 14px;
    line-height: 14px;
    font-size: 12.5px;
    font-size: 1.25rem;
    color: #aaa;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.art-linkGame,
.art-linkGame a {
    padding-left: 69px
}

.art-pages {
    clear: both;
    margin-top: 10px;
    padding: 0 10px;
    height: 36px;
    text-align: center
}

.art-pages a,
.art-pages span {
    display: inline-block;
    padding: 0 10px;
    height: 36px;
    line-height: 36px;
    color: #333;
    border: 1px solid #e2e2e2;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.art-pages .rest {
    margin: 0 6px;
    padding: 0 20px;
    background-color: #0aae24;
    border: 1px solid #0aae24;
    color: #fff
}

.art-pages .empty {
    color: #b4b4b4
}

.tts-audio {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    width: 100%;
    height: 46px;
    line-height: 46px;
    background-color: rgba(0, 0, 0, .8);
    padding-left: 40px;
    padding-right: 170px
}

.tts-audio audio,
.tts-audio embed {
    display: none
}

.tts-audio.fixed {
    position: fixed;
    top: 0 !important
}

.tts-audio .title {
    font-size: 15px;
    font-size: 1.5rem;
    color: #fff;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.tts-audio i {
    display: block;
    position: absolute;
    top: 3px;
    z-index: 2;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    font-size: 28px;
    font-size: 2.8rem
}

.tts-audio .headset {
    top: 3px;
    left: 0;
    line-height: 42px
}

.tts-audio .playing {
    right: 90px;
    line-height: 42px
}

.tts-audio .next,
.tts-audio .prev {
    font-size: 20px;
    font-size: 2rem
}

.tts-audio .prev {
    right: 130px;
    line-height: 42px
}

.tts-audio .next {
    right: 50px;
    line-height: 42px
}

.tts-audio .close {
    right: 0
}

.tts-audio .playing,
.tts-audio i.iconstop {
    font-size: 36px;
    font-size: 3.6rem
}

.tts-audio .iconfont-playfill {
    font-size: 28px;
    font-size: 2.8rem
}

.tts-audio .empty {
    color: #888
}

.app-baseic {
    padding-top: 10px
}

.app-baseinfo {
    height: auto;
    min-height: 70px;
    margin: 0 10px;
    padding-left: 80px;
    position: relative;
    overflow: hidden
}

.app-baseinfo.ispc {
    min-height: 93px
}

.app-baseinfo .ico,
.app-baseinfo .pic {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    overflow: hidden
}

.app-baseinfo .ico {
    width: 70px;
    height: 70px;
    border-radius: 15px
}

.app-baseinfo .pic {
    width: 70px;
    height: 93px;
    border-radius: 1px
}

.app-baseinfo .title {
    max-height: 44px;
    line-height: 22px;
    font-size: 17px;
    font-size: 1.7rem;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.app-attrlist {
    margin-top: 4px;
    overflow: hidden
}

.app-attrlist li {
    float: left;
    margin-top: 3px;
    width: 50%;
    height: 18px;
    line-height: 18px;
    font-size: 14px;
    font-size: 1.4rem;
    color: #999;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.app-attrlist .i-star {
    display: inline-block
}

.app-baseic .pctip {
    margin-bottom: 10px;
    line-height: 18px;
    font-size: 14px;
    font-size: 1.4rem;
    color: #f60;
    text-align: center
}

.appDown-box {
    margin-top: 8px;
    padding: 0 10px 10px;
    overflow: hidden
}

.appDown-box.isfloat {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 66;
    width: 100%;
    height: 58px;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 1px 3px #ccc;
    margin-bottom: 58px
}

.appDown-btn {
    clear: both;
    display: block;
    width: 100%;
    text-align: center;
    height: 38px;
    line-height: 36px;
    background: linear-gradient(to right, #ff5641, #ff7d2b);
    border-radius: 4px;
    color: #fff;
    font-size: 17px;
    font-size: 1.7rem
}

.appDown-btn i {
    margin-right: 3px;
    display: inline-block;
    width: 22px;
    position: relative;
    top: 2px;
    font-size: 22px;
    font-size: 2.2rem
}

.appDown-box.ispc .appDown-btn {
    background: #cecece;
    color: #777;
    text-shadow: 0 1px 0 #fff
}

.appDown-box.ispc .appDown-btn i {
    color: #777
}

.appDown-btn a {
    display: block;
    color: #fff;
    width: 100%;
    height: 100%
}

.appOffline-btn {
    margin: 15px 10px 10px;
    padding-left: 30px;
    height: 45px;
    line-height: 45px;
    background-color: #cecece;
    border-radius: 5px;
    position: relative;
    text-align: center;
    overflow: hidden
}

.appOffline-btn i {
    margin-right: 8px;
    position: relative;
    top: 4px;
    display: inline-block;
    width: 28px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    font-size: 28px;
    font-size: 2.8rem;
    color: #999;
    text-shadow: 0 1px 0 #fff
}

.appOffline-btn span {
    font-size: 16px;
    font-size: 1.6rem;
    color: #777;
    text-shadow: 0 1px 0 #fff
}

.appPut-box {
    margin: 15px 5px 10px;
    overflow: hidden
}

.appPut-box .btn {
    float: left;
    margin: 0 5px;
    width: calc(50% - 10px);
    height: 45px;
    line-height: 45px;
    border-radius: 5px;
    position: relative;
    text-align: center;
    overflow: hidden
}

.appPut-box .btn i {
    margin-right: 8px;
    position: relative;
    top: 4px;
    display: inline-block;
    width: 28px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    font-size: 28px;
    font-size: 2.8rem
}

.appPut-box .btn span {
    font-size: 16px;
    font-size: 1.6rem
}

.appPut-box .off {
    background-color: #cecece
}

.appPut-box .off i {
    color: #999;
    text-shadow: 0 1px 0 #fff
}

.appPut-box .off span {
    color: #777;
    text-shadow: 0 1px 0 #fff
}

.appPut-box .reserve {
    background-color: #0091ff
}

.appPut-box .reserve i,
.appPut-box .reserve span {
    color: #fff
}

.app-baseic .isIOS {
    clear: both;
    margin-top: 10px;
    padding: 10px 0;
    padding-left: 34px;
    background-color: #f3f3f3;
    border-radius: 5px;
    line-height: 19px;
    color: #888;
    font-size: 15px;
    font-size: 1.5rem;
    position: relative
}

.app-baseic .isIOS i {
    position: absolute;
    top: 10px;
    left: 8px;
    display: block;
    width: 19px;
    height: 19px;
    background-color: #8f9394;
    border-radius: 100%
}

.app-baseic .isIOS i::after,
.app-baseic .isIOS i::before {
    content: "";
    display: block;
    position: absolute;
    left: 8px;
    width: 3px;
    background-color: #fff
}

.app-baseic .isIOS i::before {
    top: 3px;
    height: 2px;
    border-radius: 100%
}

.app-baseic .isIOS i::after {
    top: 7px;
    height: 9px;
    border-radius: 3px
}

.app-grade {
    margin-top: 15px;
    margin-bottom: 5px;
    text-align: center;
    font-size: 18px;
    font-size: 1.8rem;
    color: #1a1a1a
}

.app-grade i {
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 300;
    color: #bbb;
    position: relative;
    top: -3px
}

.app-grade .txt {
    display: inline-block;
    max-width: calc(100% - 46px);
    font-weight: 600;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.wHelper {
    display: block;
    margin-top: 10px;
    height: 26px;
    line-height: 26px;
    margin-left: 10px;
    padding-left: 27px;
    color: #65bb0a;
    position: relative
}

.wHelper:before {
    width: 12px;
    height: 12px;
    border: 1px solid #999;
    content: "";
    display: block;
    position: absolute;
    top: 6px;
    left: 10px;
    z-index: 1;
    background: url(../image/yes.png) no-repeat 1px 2px;
    background-size: 10px auto
}

.wHelper.uno:before {
    background: 0 0
}

.wHelperTips {
    margin: 0 10px 10px;
    background-color: #fff7e3;
    color: #695f5f;
    padding: 5px 0;
    text-align: center;
    font-size: 15px;
    font-size: 1.5rem
}

.appPhotos-box {
    padding: 10px 6px 0;
    overflow: hidden
}

.appPhotos-box li {
    display: block;
    margin: 0 4px;
    width: 120px;
    height: auto;
    border-radius: 1px;
    overflow: hidden
}

.appPhotos-box li a {
    display: block;
    width: 100%;
    height: 100%
}

.appPhotos-box li img {
    width: 100%;
    height: 100%
}

.appPhotos-box .swiper-container {
    padding-bottom: 20px
}

.appPhotos-box .swiper-scrollbar-drag {
    background: rgba(0, 0, 0, .5)
}

.preview-cover {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .9);
    overflow: hidden
}

.preview-cover .swiper-wrapper {
    display: flex;
    width: 100%;
    height: 100%;
    position: relative;
    zoom: 1;
    z-index: 10
}

.preview-cover .swiper-wrapper .swiper-slide {
    position: relative;
    display: flex;
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    padding: 0 4px 50px;
    justify-content: center;
    align-items: center
}

.preview-cover .swiper-wrapper .swiper-slide img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: 100%;
    max-height: 100%;
    overflow: hidden
}

.preview-cover .preview-btn {
    display: -webkit-box;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 100;
    width: 100%;
    height: 50px;
    overflow: hidden
}

.preview-cover .preview-btn .previewSwiper-pagination {
    display: flex;
    width: auto;
    height: 50px;
    line-height: 50px;
    text-align: center;
    -webkit-box-flex: 1;
    justify-content: center;
    align-items: center;
    overflow: hidden
}

.preview-cover .preview-btn .previewSwiper-pagination span {
    display: inline-block;
    margin: 0 8px;
    width: 10px;
    height: 10px;
    background: #777;
    border-radius: 15px;
    cursor: pointer;
    opacity: 1
}

.preview-cover .preview-btn .previewSwiper-pagination .swiper-pagination-bullet-active {
    background: #fff
}

.preview-cover .preview-btn .swiper-button-next,
.preview-cover .preview-btn .swiper-button-prev {
    display: block;
    width: 50px;
    height: 50px;
    background: 0 0;
    overflow: hidden;
    outline: 0
}

.preview-cover .preview-btn .swiper-button-next::after,
.preview-cover .preview-btn .swiper-button-prev::after {
    display: block;
    content: "";
    width: 20px;
    height: 20px;
    transform: rotate(45deg);
    border-radius: 4px;
    overflow: hidden
}

.preview-cover .preview-btn .swiper-button-prev::after {
    border-left: 3px solid #fff;
    border-bottom: 3px solid #fff;
    margin: 13px 0 0 19px
}

.preview-cover .preview-btn .swiper-button-next::after {
    border-right: 3px solid #fff;
    border-top: 3px solid #fff;
    margin: 13px 0 0 10px
}

.preview-cover .preview-btn .swiper-button-disabled::after {
    opacity: .2
}

.preview-cover .close {
    display: block;
    width: 50px;
    height: 50px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10
}

.preview-cover .close::after,
.preview-cover .close::before {
    display: block;
    position: absolute;
    left: 50%;
    top: 10px;
    content: "";
    width: 3px;
    height: 30px;
    background: #fff;
    overflow: hidden
}

.preview-cover .close::before {
    transform: rotate(45deg)
}

.preview-cover .close::after {
    transform: rotate(-45deg)
}

.appvar-list {
    overflow: hidden
}

.appvar-list li {
    padding-left: 10px;
    height: 60px;
    border-bottom: 1px solid #f0f0f0;
    position: relative;
    overflow: hidden
}

.appvar-list li::before {
    display: block;
    content: "";
    position: absolute;
    top: 18px;
    left: 0;
    z-index: 1;
    width: 4px;
    height: 4px;
    background-color: #ccc;
    border-radius: 50%
}

.appvar-list .btn,
.appvar-list a {
    display: block;
    position: absolute;
    z-index: 1
}

.appvar-list a {
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%
}

.appvar-list .title {
    display: block;
    margin-top: 12px;
    margin-left: 10px;
    margin-right: 45px;
    line-height: 16px;
    font-size: 16px;
    font-size: 1.6rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.appvar-list .attr {
    margin-top: 35px;
    height: 16px;
    line-height: 16px;
    font-size: 14px;
    font-size: 1.4rem;
    color: #999
}

.appvar-list .attr span {
    margin-right: 10px
}

.appvar-list .btn {
    top: 8px;
    right: 0;
    width: 40px;
    height: 44px;
    text-align: center;
    color: #1f7ffb
}

.appvar-list .btn i {
    display: block;
    width: 40px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 30px;
    font-size: 3rem
}

.appvar-list .btn span {
    display: block;
    height: 14px;
    line-height: 14px;
    text-align: center;
    font-size: 13px;
    font-size: 1.3rem
}

.app-baseattr {
    clear: both;
    padding: 10px 5px;
    overflow: hidden
}

.app-baseattr li {
    float: left;
    margin: 0 5px;
    width: calc(50% - 10px);
    height: 26px;
    line-height: 26px;
    color: #666;
    font-size: 16px;
    font-size: 1.6rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.app-baseattr li .i-star {
    display: inline-block;
    position: relative;
    top: 0
}

.loadmore-parent .load-more {
    margin-left: 10px;
    margin-right: 10px
}

.light-box {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .9)
}

.light-box li,
.light-box ul {
    height: 100%;
    width: 100%
}

.light-box .swiper-slide img {
    line-height: 100%;
    max-width: 100%;
    max-height: 80%
}

.light-box .swiper-slide {
    text-align: center;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
    -webkit-box-align: center
}

.light-box .swiper-pagination {
    right: 25px !important;
    top: 20px !important;
    display: inline;
    width: auto;
    height: 24px;
    text-align: right;
    color: #c5c5c5;
    font-style: italic
}

.light-box .swiper-pagination-current {
    font-size: 24px;
    font-size: 2.4rem;
    color: #fff
}

.light-box .close {
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    left: 15px;
    top: 20px;
    z-index: 999;
    -background-color: #f90;
    font-size: 0;
    cursor: pointer;
    overflow: hidden
}

.light-box .close::after,
.light-box .close::before {
    content: "";
    position: absolute;
    left: 14px;
    top: 1px;
    display: block;
    width: 2px;
    height: 28px;
    background-color: #ccc;
    font-size: 0;
    vertical-align: middle
}

.light-box .close::before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.light-box .close::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.appSlide-list {
    padding-right: 0 !important;
    overflow: hidden
}

.appSlide-list .swiper-container {
    padding-bottom: 5px
}

.appSlide-list .swiper-slide {
    float: left;
    margin-right: 10px;
    width: 90px;
    text-align: center;
    overflow: hidden
}

.appSlide-list .swiper-slide:last-child {
    margin-right: 0
}

.appSlide-list .swiper-slide a {
    display: block;
    text-align: center
}

.appSlide-list .swiper-slide img {
    display: block;
    margin: 0 auto;
    width: 70px;
    height: 70px;
    border-radius: 10px;
    background-color: #f9f9f9;
    overflow: hidden
}

.appSlide-list .swiper-slide .title {
    display: block;
    margin-top: 10px;
    height: 16px;
    line-height: 16px;
    color: #333;
    font-size: 14px;
    font-size: 1.4rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.appSlide-list .swiper-scrollbar {
    display: none
}

.appSlide-list.isgame .swiper-slide img {
    height: 93px;
    border-radius: 1px
}

.downPopup-mask {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background: #000;
    opacity: .7;
    overflow: hidden;
    z-index: 100
}

.downPopup-box {
    width: 98%;
    height: 320px;
    position: fixed;
    left: 1%;
    top: 50%;
    margin-top: -160px;
    background: #fff;
    border-radius: 6px;
    overflow: hidden;
    z-index: 888
}

.downPopup-box .close {
    display: block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 30px;
    font-size: 3rem;
    font-weight: 700;
    color: #333;
    overflow: hidden;
    position: absolute;
    right: 5px;
    top: 5px;
    z-index: 30;
    cursor: pointer
}

.downPopup-box .hd {
    display: block;
    width: 98%;
    height: 40px;
    margin-left: auto;
    margin-right: auto;
    padding: 2px 10px;
    line-height: 36px;
    font-size: 16px;
    font-size: 1.6rem;
    color: #333;
    border-bottom: 1px solid #eee;
    overflow: hidden
}

.downPopup-box .hd span {
    color: #0091ff;
    font-weight: 700
}

.downPopup-box .downlist {
    display: block;
    width: 98%;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden
}

.downPopup-box .downlist li {
    float: left;
    width: 25%;
    margin: 12px 0 0;
    overflow: hidden;
    text-align: center
}

.downPopup-box .downlist li a {
    width: 100%;
    height: auto;
    overflow: hidden
}

.downPopup-box .downlist li img {
    display: block;
    width: 60px;
    height: 60px;
    margin: 0 auto;
    border-radius: 10px;
    overflow: hidden
}

.downPopup-box .downlist li .title {
    display: block;
    width: 98%;
    height: 30px;
    margin: 0 auto;
    line-height: 30px;
    color: #000;
    font-size: 14px;
    font-size: 1.4rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.downPopup-box .downlist li .btn {
    display: block;
    height: 26px;
    line-height: 26px;
    margin: 5px 5px 0 5px;
    border: 1px solid #0091ff;
    border-radius: 3px;
    color: #0091ff;
    font-size: 12px;
    font-size: 1.2rem
}

#reserveApp-mask {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 198;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .7);
    overflow: hidden
}

#reserveApp {
    display: block;
    position: fixed;
    top: 50%;
    left: 15px;
    z-index: 199;
    margin-top: -105px;
    width: calc(100% - 30px);
    height: 210px;
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 3px 3px 6px #222;
    overflow: hidden
}

#reserveApp .close {
    display: block;
    position: absolute;
    top: 7px;
    right: 10px;
    z-index: 1;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 26px;
    font-size: 2.6rem;
    color: #fff;
    cursor: pointer
}

#reserveApp .close:hover {
    color: #c00
}

#reserveApp .hd {
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    background-color: #0091ff;
    font-size: 18px;
    font-size: 1.8rem;
    color: #fff
}

#reserveApp .input-text {
    display: block;
    margin: 15px auto 0;
    width: calc(100% - 40px);
    height: 40px;
    line-height: 40px;
    padding: 0 8px;
    border: 2px solid #eee;
    border-radius: 3px;
    font-size: 16px;
    font-size: 1.6rem;
    color: #555
}

#reserveApp .tip {
    margin-top: 15px;
    line-height: 1;
    text-align: center;
    font-size: 14px;
    font-size: 1.4rem;
    color: #666
}

#reserveApp .btn {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #ddd;
    text-align: center
}

#reserveApp .btn span {
    display: inline-block;
    margin: 0 10px;
    width: calc(50% - 30px);
    height: 38px;
    line-height: 38px;
    border-radius: 4px;
    text-align: center;
    font-size: 16px;
    font-size: 1.6rem;
    color: #fff
}

#reserveApp .btn .post {
    background-color: #0091ff
}

#reserveApp .btn .cancel {
    background-color: #bbb
}

.app-tags {
    padding: 0 10px;
    overflow: hidden
}

.app-tags i {
    float: left;
    display: block;
    margin-right: 6px;
    font-size: 20px;
    font-size: 2rem
}

.app-tags a {
    float: left;
    display: block;
    margin: 0 8px 8px 0;
    padding: 0 7px;
    height: 26px;
    line-height: 26px;
    background-color: #0091ff;
    border-radius: 4px;
    color: #fff;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 400;
    overflow: hidden
}

.app-tags a:nth-child(1n) {
    background-color: #acb0d5
}

.app-tags a:nth-child(2n) {
    background-color: #e4697d
}

.app-tags a:nth-child(3n) {
    background-color: #26a69a
}

.app-tags a:nth-child(4n) {
    background-color: #b27cda
}

.app-tags a:nth-child(5n) {
    background-color: #92cf67
}

.app-tags a:nth-child(6n) {
    background-color: #acb0d5
}

.articleContent h1,
.articleContent h2,
.articleContent h3,
.articleContent h4,
.articleContent h5,
.articleContent h6 {
    padding-left: 0;
    border-left: none
}

.tabSwiper-box .swiper-container {
    padding-bottom: 10px;
    overflow: hidden
}

.tabSwiper-box .swiper-pagination {
    margin-top: 10px;
    margin-bottom: 0;
    position: static;
    bottom: inherit;
    left: inherit;
    height: 8px;
    line-height: 8px;
    font-size: 0;
    vertical-align: middle
}

.showlike-box {
    overflow: hidden
}

.showlike-box .inner {
    padding: 0 10px
}

.showlike-box .more-btn {
    display: block;
    height: 40px;
    line-height: 40px;
    background: linear-gradient(to right, #f0f0f0, #f6f6f6);
    border-radius: 2px;
    text-align: center;
    font-size: 16px;
    font-size: 1.6rem;
    color: #888;
    position: relative
}

.showlike-box .more-btn em {
    display: inline-block;
    position: relative;
    top: -1px;
    left: 2px;
    width: 10px;
    height: 10px;
    border-top: 1px solid #999;
    border-right: 1px solid #999;
    -webkit-transform: rotateZ(45deg);
    transform: rotateZ(45deg)
}

.showlike-tab {
    padding: 0 10px;
    height: 45px;
    border-bottom: 1px solid #eee
}

.showlike-tab li {
    float: left;
    width: 50%;
    height: 45px;
    line-height: 45px;
    text-align: center;
    font-size: 16px;
    font-size: 1.6rem;
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.showlike-tab li::after {
    content: "";
    position: absolute;
    right: -1px;
    bottom: 14px;
    z-index: 2;
    width: 1px;
    width: .1rem;
    height: 18px;
    background-color: #e7e7e7
}

.showlike-tab li:last-child::after {
    display: none
}

.showlike-tab li.cur {
    display: block;
    height: 45px;
    line-height: 45px;
    border-bottom: 2px solid #0091ff
}

.showlike-info {
    position: relative;
    padding: 10px 0 8px;
    overflow: hidden
}

.showlike-info .title {
    height: 26px;
    line-height: 26px;
    font-weight: 700;
    font-size: 17px;
    font-size: 1.7rem
}

.showlike-info .title a {
    display: block
}

.showlike-info .desc {
    margin-top: 6px;
    max-height: 52px;
    line-height: 26px;
    font-size: 15px;
    font-size: 1.5rem;
    color: #777;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.showlike-info .more {
    display: block;
    position: absolute;
    top: 10px;
    right: 0;
    z-index: 1;
    height: 26px;
    line-height: 26px;
    color: #f60;
    font-size: 14px;
    font-size: 1.4rem
}

.showlike-applist {
    overflow: hidden
}

.showlike-applist li {
    float: left;
    width: 25%;
    text-align: center
}

.showlike-applist .ico {
    display: block;
    width: 70px;
    height: 70px;
    margin: 0 auto;
    background-color: #f9f9f9;
    border-radius: 10px;
    overflow: hidden
}

.showlike-applist .title {
    display: block;
    height: 34px;
    line-height: 34px;
    font-size: 14px;
    font-size: 1.3rem;
    font-weight: 400;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.showlike-txtlist {
    overflow: hidden
}

.showlike-txtlist li {
    position: relative;
    padding-left: 9px;
    border-bottom: 1px solid #f9f9f9;
    overflow: hidden
}

.showlike-txtlist li::before {
    content: "";
    display: block;
    position: absolute;
    top: 18px;
    left: 0;
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-left: 4px solid #ccc;
    border-bottom: 4px solid transparent
}

.showlike-txtlist a {
    display: block;
    height: 42px;
    line-height: 42px;
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis
}

.showlike-gamelist {
    overflow: hidden
}

.showlike-gamelist li {
    float: left;
    width: 25%;
    text-align: center
}

.showlike-gamelist .pic {
    display: block;
    width: 70px;
    height: 93px;
    margin: 0 auto;
    background-color: #f9f9f9;
    border-radius: 2px;
    overflow: hidden
}

.showlike-gamelist .title {
    display: block;
    height: 34px;
    line-height: 34px;
    font-size: 14px;
    font-size: 1.3rem;
    font-weight: 400;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.topic-list {
    padding: 10px;
    overflow: hidden
}

.topic-list .swiper-container {
    padding-bottom: 20px
}

.topic-list .swiper-slide {
    float: left;
    margin-right: 10px;
    width: 200px;
    height: 113px;
    text-align: center;
    overflow: hidden
}

.topic-list .swiper-slide:last-child {
    margin-right: 0
}

.topic-list .swiper-slide a {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    font-size: 15px;
    font-size: 1.5rem
}

.topic-list .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%
}

.topic-list .cur a {
    font-weight: 700;
    color: #0aae24
}

.topic-list .swiper-slide .title {
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    padding: 0 5px;
    width: 100%;
    height: 30px;
    line-height: 30px;
    background-color: rgba(0, 0, 0, .6);
    text-align: center;
    font-size: 14px;
    font-size: 1.4rem;
    color: #fff;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.navBar-list {
    margin-bottom: 13px;
    height: 36px;
    border-bottom: 1px solid #ddd
}

.navBar-list li {
    float: left;
    width: 25%;
    height: 36px;
    line-height: 36px;
    position: relative;
    text-align: center
}

.navBar-list li:last-child {
    width: 25%
}

.navBar-list li a {
    display: block;
    font-size: 15px;
    font-size: 1.5rem;
    position: relative
}

.navBar-list li a::after {
    content: "";
    position: absolute;
    top: 10px;
    right: 0;
    z-index: 1;
    width: 1px;
    height: 18px;
    background-color: #eee
}

.navBar-list li:last-child a::after {
    display: none
}

.navBar-list li.cur a {
    color: #0091ff;
    font-weight: 600
}

.navBar-list li.cur::after,
.navBar-list li.cur::before {
    content: "";
    position: absolute;
    left: 50%;
    z-index: 2;
    margin-left: -10px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent
}

.navBar-list li.cur::before {
    bottom: -6px;
    z-index: 3;
    border-top: 8px solid #fff
}

.navBar-list li.cur::after {
    bottom: -7px;
    border-top: 8px solid #ddd
}

.navBar-list.row5 li {
    width: 20%
}

.subBar-list {
    padding: 0 10px 5px;
    overflow: hidden
}

.subBar-list li {
    float: left;
    width: 25%;
    height: 26px;
    line-height: 26px;
    margin-bottom: 3px;
    text-align: center;
    border-radius: 3px
}

.subBar-list li a {
    display: block;
    text-align: center;
    font-size: 14px;
    font-size: 1.4rem;
    color: #333
}

.subBar-list li.cur {
    background-color: #0091ff;
    color: #fff
}

.subBar-list li.cur a {
    color: #fff
}

.subBar-list li i {
    display: block;
    height: 36px;
    line-height: 34px;
    text-align: center;
    font-size: 32px;
    font-size: 3.2rem;
    color: #aaa
}

.topPage-more {
    height: 46px;
    line-height: 46px;
    text-align: center;
    font-size: 16px;
    font-size: 1.6rem;
    color: #888
}

.topPage-more a {
    display: block;
    color: #888
}

.specialPage-list {
    padding: 5px 5px;
    overflow: hidden
}

.specialPage-list li {
    float: left;
    margin: 5px;
    width: calc(50% - 10px);
    overflow: hidden
}

.specialPage-list li a {
    display: block;
    padding-bottom: 56.25%;
    position: relative
}

.specialPage-list .pic,
.specialPage-list .title {
    position: absolute;
    left: 0;
    display: block;
    width: 100%
}

.specialPage-list .pic {
    z-index: 1;
    top: 0;
    height: 100%
}

.specialPage-list .title {
    z-index: 2;
    bottom: 0;
    padding: 0 5px;
    height: 32px;
    line-height: 32px;
    background-color: rgba(0, 0, 0, .6);
    text-align: center;
    font-size: 14px;
    font-size: 1.4rem;
    color: #fff;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.top-subcat {
    padding: 0 5px 10px;
    overflow: hidden
}

.top-subcat li {
    float: left;
    margin: 10px 5px 0;
    width: calc(25% - 10px);
    height: 30px;
    line-height: 30px;
    background-color: #f2f2f2;
    border-radius: 6px;
    text-align: center;
    font-size: 14px;
    font-size: 1.4rem
}

.top-subcat li a {
    display: block;
    color: #666
}

.top-subcat li.cur {
    background-color: #0091ff;
    color: #fff
}

.top-subcat li.cur a {
    color: #fff
}

.specialcat-list {
    padding: 0 10px;
    overflow: hidden
}

.specialcat-list li {
    margin: 10px 0;
    height: 58px;
    padding-top: 56.25%;
    border-bottom: 1px dashed #eaeaea;
    position: relative;
    overflow: hidden
}

.specialcat-list .desc,
.specialcat-list .pic,
.specialcat-list .title,
.specialcat-list li a {
    display: block;
    position: absolute;
    z-index: 2
}

.specialcat-list li a {
    top: 0;
    left: 0;
    z-index: 3;
    width: 100%;
    height: 100%
}

.specialcat-list .pic {
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100% - 58px)
}

.specialcat-list .title {
    bottom: 58px;
    left: 0;
    width: 100%;
    padding: 0 5px;
    height: 36px;
    line-height: 36px;
    background-color: rgba(0, 0, 0, .7);
    text-align: center;
    font-weight: 700;
    color: #fff;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.specialcat-list .desc {
    left: 0;
    bottom: 0;
    width: 100%;
    margin: 5px 0;
    padding: 0 5px;
    height: 48px;
    line-height: 24px;
    text-align: center;
    font-size: 14px;
    font-size: 1.4rem;
    color: #888;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.specialcat-list li.nodesc {
    border-bottom: none
}

.specialcat-list li.nodesc .title {
    bottom: 0
}

.searchPage-float {
    width: 100%;
    background-color: #f0f0f1;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    left: 0;
    z-index: 88
}

.searchPage-form {
    margin-left: auto;
    margin-right: auto;
    width: calc(100% - 20px);
    height: 36px;
    background-color: #fff;
    border: 1px solid #0091ff;
    border-radius: 1px;
    position: relative;
    overflow: hidden
}

.searchPage-form .txt {
    display: block;
    width: calc(100% - 50px);
    padding-left: 10px;
    height: 36px;
    line-height: 36px;
    background-color: #fff;
    color: #777;
    font-size: 16px;
    font-size: 1.6rem
}

.searchPage-form .btn,
.searchPage-form i {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    width: 40px;
    height: 36px
}

.searchPage-form .btn {
    z-index: 2;
    border: none;
    background: 0 0;
    cursor: pointer;
    color: #fff;
    line-height: 0;
    font-size: 0;
    text-indent: -150px;
    overflow: hidden
}

.searchPage-form i {
    line-height: 36px;
    text-align: center;
    font-size: 22px;
    font-size: 2.2rem;
    color: #0091ff
}

.searchPage-form i::after {
    content: "";
    display: block;
    position: absolute;
    top: 6px;
    left: 0;
    z-index: 1;
    width: 1px;
    height: 16px;
    background-color: #fff
}

.searchTab-list {
    overflow: hidden
}

.searchTab-list li {
    float: left;
    width: 20%;
    height: 38px;
    line-height: 38px;
    text-align: center
}

.searchTab-list li a {
    display: block;
    color: #222;
    font-size: 16px;
    font-size: 1.6rem;
    position: relative
}

.searchTab-list li.cur a {
    color: #0091ff
}

.searchTab-list li.cur a::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 20%;
    background-color: #0091ff;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 0;
    border-radius: 5px
}

.search-error {
    padding: 10px 15px;
    font-size: 15px;
    font-size: 1.5rem
}

.search-error .hilight {
    padding: 0 3px;
    color: #c00
}

.search-error .advice {
    margin-top: 15px
}

.search-error .advice dt {
    margin-bottom: 10px;
    line-height: 1;
    font-size: 15px;
    font-size: 1.5rem;
    color: #333;
    font-weight: 600
}

.search-error .advice dd {
    line-height: 26px;
    font-size: 14px;
    font-size: 1.4rem
}

.base-list {
    overflow: hidden
}

.base-list li {
    height: 80px;
    border-bottom: 1px solid #efefef;
    position: relative;
    overflow: hidden
}

.base-list li .keylink {
    color: #f20
}

.base-list .title .type {
    margin-left: 3px;
    color: #f20
}

.base-list li,
.base-list li a {
    padding-left: 70px
}

.base-list .btn,
.base-list .ico,
.base-list .pic,
.base-list li a {
    display: block;
    position: absolute;
    z-index: 1
}

.base-list li a {
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%
}

.base-list .ico {
    top: 10px;
    left: 0;
    width: 60px;
    height: 60px;
    background-color: #f9f9f9;
    border-radius: 15px;
    overflow: hidden
}

.base-list .pic {
    top: 10px;
    left: 0;
    width: 60px;
    height: 60px;
    background-color: #f1f1f1;
    display: flex;
    align-items: center;
    text-align: center;
    overflow: hidden
}

.base-list .pic img {
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    max-height: 100%;
    align-items: center;
    text-align: center
}

.base-list .desc,
.base-list .title {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.base-list .attr {
    height: 14px;
    line-height: 14px;
    color: #999;
    font-size: 12px;
    font-size: 1.2rem;
    overflow: hidden
}

.base-list .attr>span:not(:last-child) {
    float: left;
    display: block;
    padding-right: 17px;
    position: relative
}

.base-list .attr>span:not(:last-child)::after {
    position: absolute;
    top: 2px;
    right: 8px;
    display: block;
    content: "";
    width: 1px;
    height: 10px;
    background-color: #eee;
    -webkit-transform: rotateZ(25deg);
    transform: rotateZ(25deg)
}

.base-list .i-star {
    margin-top: 4px
}

.base-list .desc {
    margin-top: 6px;
    height: 14px;
    line-height: 14px;
    font-size: 13px;
    font-size: 1.3rem;
    color: #8c8c8c
}

.base-list .date {
    height: 14px;
    line-height: 14px;
    color: #bbb;
    font-size: 13px;
    font-size: 1.3rem
}

.base-list .date i {
    display: inline-block;
    margin-right: 3px;
    position: relative;
    top: 3px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    color: #ddd;
    font-size: 20px;
    font-size: 2rem
}

.base-list .btn {
    top: 26px;
    right: 0;
    width: 55px;
    height: 28px;
    line-height: 28px;
    background-color: #e1f1ff;
    border-radius: 14px;
    vertical-align: middle;
    text-align: center;
    font-weight: 600;
    color: #1f7ffb;
    font-size: 14px;
    font-size: 1.4rem
}

.base-list .app,
.base-list .app a,
.base-list .game,
.base-list .game a {
    padding-left: 70px;
    padding-right: 60px
}

.base-list .app,
.base-list .game {
    padding-top: 32px
}

.base-list .app a,
.base-list .game a {
    padding-top: 10px
}

.base-list .app .title,
base-list .game .title {
    display: block;
    height: 16px;
    line-height: 16px;
    font-weight: 400;
    color: #191919
}

.base-list .news {
    padding-top: 50px
}

.base-list .news a {
    padding-top: 8px
}

.base-list .news .title {
    height: 44px;
    line-height: 22px;
    font-size: 16px;
    font-size: 1.6rem;
    color: #444;
    font-weight: 400;
    white-space: normal;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.page-title {
    display: block;
    height: 45px;
    line-height: 20px;
    padding-top: 10px;
    padding-bottom: 15px;
    border-bottom: 1px solid #eee;
    font-size: 18px;
    font-size: 1.8rem
}

.page-subnav {
    margin: 10px 5px;
    overflow: hidden
}

.page-subnav a {
    float: left;
    display: block;
    width: calc(25% - 10px);
    margin: 0 5px;
    height: 32px;
    line-height: 32px;
    color: #555;
    font-size: 15px;
    font-size: 1.5rem;
    background-color: #e4e4e4;
    text-align: center;
    border-radius: 5px
}

.page-subnav a.cur {
    background-image: linear-gradient(-90deg, #0091ff 0, #80c7ff 100%);
    background-image: none;
    background-color: #0091ff;
    color: #fff
}

.newPage-tab {
    padding: 0 5px;
    overflow: hidden
}

.newPage-tab li {
    float: left;
    margin: 0 5px;
    width: calc(33.333% - 10px);
    height: 36px;
    line-height: 37px;
    background-color: #d9d9d9;
    border-radius: 4px;
    box-shadow: 0 0 3px rgba(0, 0, 0, .1);
    text-align: center
}

.newPage-tab li a {
    display: block;
    font-size: 14px;
    font-size: 1.4rem;
    color: #666
}

.newPage-tab li.cur {
    background-color: #0091ff;
    color: #fff
}

.newPage-tab li.cur a {
    color: #fff
}

.newPage-tab.row4 li {
    width: calc(25% - 10px)
}

.insed-base {
    width: 100%;
    height: 0;
    padding-bottom: 39.166%;
    position: relative;
    overflow: hidden
}

.insed-base .hd,
.insed-base img {
    display: block;
    position: absolute;
    width: 100%
}

.insed-base img {
    top: 0;
    left: 0;
    z-index: 1;
    height: 100%
}

.insed-base .hd {
    z-index: 2;
    bottom: 0;
    padding: 0 10px;
    height: 50px;
    line-height: 50px;
    background-color: rgba(0, 0, 0, .7);
    color: #fff
}

.insed-base .hd .title,
.insed-base .hd .txt {
    float: left;
    display: block
}

.insed-base .hd .title {
    font-size: 18px;
    font-size: 1.8rem
}

.insed-base .hd .txt {
    margin-left: 8px;
    color: #ddd;
    font-size: 14px;
    font-size: 1.4rem
}

.insed-box {
    overflow: hidden
}

.insed-box .hd {
    padding: 0 10px;
    height: 48px;
    line-height: 48px
}

.insed-box .hd .title {
    float: left;
    display: block;
    padding: 0 20px;
    font-size: 17px;
    font-size: 1.7rem;
    position: relative
}

.insed-box .hd .title::after,
.insed-box .hd .title::before {
    content: "";
    position: absolute;
    top: 22px;
    width: 14px;
    height: 4px;
    background-color: #1f7ffb;
    border-radius: 2px
}

.insed-box .hd .title::before {
    left: 0
}

.insed-box .hd .title::after {
    right: 0
}

.insed-box .hd .more {
    float: right;
    display: block;
    padding-right: 8px;
    color: #999;
    font-size: 15px;
    font-size: 1.5rem;
    position: relative
}

.insed-box .hd .more::after {
    content: "";
    display: block;
    position: absolute;
    top: 19px;
    right: 0;
    z-index: 1;
    width: 8px;
    height: 8px;
    -background-color: #f90;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    -webkit-transform: rotateZ(45deg);
    transform: rotateZ(45deg)
}

.insedApp-list {
    border-top: 1px solid #eee;
    overflow: hidden
}

.insedApp-list li {
    float: left;
    width: calc(50% - 1px);
    height: 100px;
    padding-top: 38px;
    border-top: 1px solid #eee;
    border-right: 1px solid #eee;
    position: relative
}

.insedApp-list li,
.insedApp-list li a {
    padding-left: 78px;
    padding-right: 8px
}

.insedApp-list li:nth-child(1),
.insedApp-list li:nth-child(2) {
    border-top: none
}

.insedApp-list li:nth-child(2n) {
    width: 50%;
    border-right: none
}

.insedApp-list .btn,
.insedApp-list .ico,
.insedApp-list a {
    display: block;
    position: absolute;
    z-index: 1
}

.insedApp-list a {
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    padding-top: 20px
}

.insedApp-list .title {
    display: block;
    height: 14px;
    line-height: 14px;
    font-weight: 400;
    font-size: 13px;
    font-size: 1.3rem
}

.insedApp-list .attr,
.insedApp-list .title {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.insedApp-list .ico {
    top: 20px;
    left: 10px;
    width: 60px;
    height: 60px;
    background-color: #f9f9f9;
    border-radius: 15px;
    overflow: hidden
}

.insedApp-list .attr {
    height: 14px;
    line-height: 14px;
    color: #999;
    font-size: 12px;
    font-size: 1.2rem
}

.insedApp-list .attr span:not(:last-child) {
    float: left;
    display: block;
    padding-right: 17px;
    position: relative
}

.insedApp-list .attr span:not(:last-child)::after {
    position: absolute;
    top: 4px;
    right: 8px;
    display: block;
    content: "";
    width: 1px;
    height: 8px;
    background-color: #ddd;
    -webkit-transform: rotateZ(20deg);
    transform: rotateZ(20deg)
}

.insedApp-list .btn {
    bottom: 20px;
    left: 78px;
    width: 54px;
    height: 22px;
    line-height: 22px;
    background-color: #e1f1ff;
    border-radius: 6px;
    text-align: center;
    color: #1f7ffb;
    font-weight: 700;
    font-size: 13px;
    font-size: 1.3rem
}

.mapPage-box {
    overflow: hidden
}

.mapPage-box .hd {
    height: 40px;
    line-height: 40px;
    padding: 15px 10px 5px;
    overflow: hidden
}

.mapPage-box .hd .title {
    float: left;
    height: 20px;
    line-height: 20px;
    padding-left: 12px;
    font-size: 18px;
    font-size: 1.8rem;
    color: #252525;
    position: relative
}

.mapPage-box .hd .title::before {
    display: block;
    content: "";
    position: absolute;
    top: 2px;
    left: 0;
    width: 5px;
    height: 17px;
    background-color: #1f7ffb
}

.mapPage-box .hd .more {
    float: right;
    padding-right: 8px;
    height: 20px;
    line-height: 20px;
    vertical-align: middle;
    font-size: 15px;
    font-size: 1.5rem;
    color: #888;
    position: relative
}

.mapPage-box .hd .more::after {
    content: "";
    display: block;
    position: absolute;
    top: 6px;
    right: 0;
    z-index: 1;
    width: 8px;
    height: 8px;
    border-top: 1px solid #aaa;
    border-right: 1px solid #aaa;
    -webkit-transform: rotateZ(45deg);
    transform: rotateZ(45deg)
}

.map-list {
    margin-bottom: 10px;
    padding: 0 7px;
    overflow: hidden
}

.map-list li {
    float: left;
    width: calc(25% - 6px);
    margin: 10px 3px 0;
    text-align: center;
    overflow: hidden
}

.map-list li a {
    display: block;
    height: 28px;
    line-height: 28px;
    border: 1px solid #ccc;
    background-color: #f6f6f6;
    border-radius: 3px;
    font-size: 14px;
    font-size: 1.4rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.buyOrder {
    clear: both;
    height: 54px;
    padding-left: 6px;
    background-color: #f4f4f4;
    position: relative;
    overflow: hidden
}

.buyOrder span {
    display: block
}

.buyOrder .title {
    margin-top: 8px;
    height: 16px;
    line-height: 16px;
    color: #666
}

.buyOrder .pp {
    height: 28px;
    line-height: 28px;
    overflow: hidden
}

.buyOrder .pp span {
    float: left;
    margin-right: 8px
}

.buyOrder .cp {
    height: 28px;
    line-height: 28px;
    color: #ff6f00;
    font-weight: 700;
    font-size: 17px;
    font-size: 1.7rem
}

.buyOrder .cp em {
    font-size: 10px;
    font-size: 1rem;
    font-weight: 400
}

.buyOrder .discount {
    margin-top: 5.5px;
    padding: 0 3px;
    height: 16px;
    line-height: 15px;
    border: 1px solid #ff5722;
    border-radius: 2px;
    color: #ff5722;
    font-size: 12px;
    font-size: 1.2rem
}

.buyOrder .op {
    margin-top: 5px;
    height: 16px;
    line-height: 16px;
    text-decoration: line-through;
    color: #999;
    font-size: 14px;
    font-size: 1.4rem
}

.buyOrder .coupon {
    margin-top: 1px;
    margin-left: 3px;
    padding: 0 4px;
    height: 22px;
    line-height: 23px;
    background-image: linear-gradient(to right, #ffc500, #ff9402);
    border: 0 solid #ff5722;
    border-radius: 2px;
    color: #ff5722;
    font-size: 14px;
    font-size: 1.4rem
}

.buyOrder .coupon a {
    display: block;
    color: #fff
}

.buyOrder .buyBtn {
    padding: 0 10px 0 13px;
    height: 54px;
    line-height: 54px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    background-image: linear-gradient(to right, #ff7a00, #fe560a);
    border-radius: 27px 0 0 27px;
    text-align: center;
    font-size: 15px;
    font-size: 1.5rem
}

.buyOrder .buyBtn a {
    display: block;
    color: #fff
}

.buyOrder-dox {
    margin-top: -5px;
    height: 74px;
    background-color: #fff;
    border-radius: 5px;
    border-bottom: 10px solid #f7f7f7;
    border-left: 10px solid #f7f7f7;
    border-right: 10px solid #f7f7f7
}

.buyOrder-dox .title {
    margin-top: 12px
}

.buyOrder-dox .pp {
    margin-top: 4px
}

.buyOrder-dox .buyBtn {
    top: 5px
}

#reportPost-cover {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 998;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .7);
    overflow: hidden
}

#reportPost {
    display: block;
    margin-top: -235px;
    position: fixed;
    left: 20px;
    top: 50%;
    z-index: 999;
    width: calc(100% - 40px);
    height: 470px;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 1px 1px 3px #111;
    overflow: hidden
}

#reportPost .close {
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 1;
    display: block;
    width: 26px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    font-size: 26px;
    font-size: 2.6rem;
    color: #fff;
    cursor: pointer
}

#reportPost .hd {
    margin-top: 0;
    height: 42px;
    line-height: 42px;
    padding: 0 10px;
    background-color: #29c57a;
    text-align: center;
    font-size: 16px;
    font-size: 1.6rem;
    color: #fff
}

#reportPost .hd .title {
    font-weight: 600
}

#reportPost .tit {
    margin-top: 10px;
    line-height: 1;
    padding: 0 10px;
    font-size: 14px;
    font-size: 1.4rem;
    color: #333;
    text-align: center
}

#reportPost .inner {
    margin: 0 auto 0;
    width: calc(100% - 30px);
    overflow: hidden
}

#reportPost .tt {
    margin: 15px 0;
    height: 14px;
    line-height: 14px;
    font-size: 14px;
    font-size: 1.4rem;
    color: #898989
}

#reportPost .intList {
    border: 1px solid #dfe2e6;
    border-radius: 10px
}

#reportPost .intList li {
    position: relative;
    height: 38px;
    line-height: 38px;
    border-bottom: 1px solid #dfe2e6;
    padding-left: 10px;
    cursor: pointer
}

#reportPost .intList li:last-child {
    border-bottom: none
}

#reportPost .intList li label {
    position: absolute;
    left: 0;
    top: 0;
    height: 38px;
    line-height: 38px;
    width: 100%;
    font-size: 14px;
    font-size: 1.4rem;
    color: #666;
    padding-left: 10px;
    cursor: pointer
}

#reportPost .intList li label:after {
    display: block;
    content: '';
    position: absolute;
    right: 10px;
    top: 10px;
    width: 16px;
    height: 16px;
    line-height: 18px;
    text-align: center;
    border: 1px solid #dfe2e6;
    border-radius: 50%
}

#reportPost .intList li input[type=checkbox] {
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    opacity: 0
}

#reportPost .intList li input[type=checkbox]:checked+label:after {
    content: '√';
    background-color: #19b955;
    border-color: #19b955;
    color: #fff
}

#reportPost .textContent {
    display: block;
    width: 100%;
    height: 66px;
    line-height: 22px;
    background: #edf1f5;
    padding-left: 2px;
    padding: 12px;
    font-size: 14px;
    font-size: 1.4rem;
    color: #454545;
    border: none;
    resize: none;
    outline-style: none
}

#reportPost .contactBox {
    margin-top: 15px;
    height: 28px;
    overflow: hidden
}

#reportPost .contactBox span {
    display: block;
    float: left;
    width: 65px;
    height: 26px;
    line-height: 26px;
    font-size: 14px;
    font-size: 1.4rem;
    color: #19b955;
    font-weight: 600
}

#reportPost .contactBox input {
    display: block;
    float: left;
    width: calc(100% - 65px);
    height: 28px;
    padding: 0 8px;
    line-height: 28px;
    font-size: 14px;
    font-size: 1.4rem;
    border: 1px solid #cecece;
    border-radius: 4px
}

#reportPost .contactBox input::-webkit-input-placeholder {
    color: #888
}

#reportPost .btn {
    margin: 18px auto 0;
    width: calc(100% - 40px);
    height: 40px;
    line-height: 40px;
    background-color: #faa701;
    font-size: 16px;
    font-size: 1.6rem;
    text-align: center;
    color: #fff;
    border: none;
    border-radius: 10px;
    cursor: pointer
}

#reportPost .btn:hover {
    opacity: .9
}

.app-report {
    position: absolute;
    top: 11px;
    right: 15px;
    z-index: 1;
    height: 26px;
    line-height: 26px;
    padding-left: 15px;
    color: #999;
    font-size: 14px;
    font-size: 1.4rem;
    cursor: pointer
}

.app-report .icon {
    display: block;
    position: absolute;
    top: 6px;
    left: 0;
    z-index: 1;
    width: 12px;
    height: 14px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAOBAMAAADpk+DfAAAAJFBMVEWtra2pqane3t5HcEy5ubnW1ta1tbW+vr7IyMjR0dHl5eXs7OxI97rmAAAADHRSTlPt/jwAwFnSr4hsIwlP7gkZAAAAU0lEQVQI12Mw1khgaTJmUBcEAicGRhAlyCAoKDFRUADIE1oIpkQVkSmwoKOgeKGgGMNEQTFHQVEGM0HJQEFnButEQUERYwbj7YKCzUDKOMzL2BgAQlcNWmCkefIAAAAASUVORK5CYII=) no-repeat center center
}