@font-face {
    font-family: swiper-icons;
    src: url('../fonts/f7ec6c0a9743442896a84c0f14db0a27.woff') format('woff');
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #9d9dfb
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    border-radius: 2vw;
}

.swiper-container-vertical>.swiper-wrapper {
    flex-direction: column
}

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

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

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

.swiper-container-multirow-column>.swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column
}

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

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

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

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

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

.swiper-container-3d {
    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 {
    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: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-3d .swiper-slide-shadow-right {
    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: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-container-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next,.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size)/ 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(-1 * var(--swiper-navigation-size)/ 2);
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color,var(--swiper-theme-color))
}

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

.swiper-button-next:after,.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none!important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: initial;
    line-height: 1
}

.swiper-button-prev,.swiper-container-rtl .swiper-button-next {
    left: 10px;
    right: auto
}

.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after {
    content: 'prev'
}

.swiper-button-next,.swiper-container-rtl .swiper-button-prev {
    right: 10px;
    left: auto
}

.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after {
    content: 'next'
}

.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white {
    --swiper-navigation-color: #ffffff
}

.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black {
    --swiper-navigation-color: #000000
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    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 {
    transform: scale(.33);
    position: relative
}

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

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

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

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

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

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    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;
    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: var(--swiper-pagination-color,var(--swiper-theme-color))
}

.swiper-container-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    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%;
    transform: translateY(-50%);
    width: 8px
}

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

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

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

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

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

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

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color,var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    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-color: #ffffff
}

.swiper-pagination-black {
    --swiper-pagination-color: #000000
}

.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: flex;
    justify-content: 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%;
    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;
    transform-origin: 50%;
    animation: swiper-preloader-spin 1s infinite linear;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color,var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    100% {
        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 {
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    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;
    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 {
    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
}

@keyframes smartphoto {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes smartphoto-img-wrap {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes smartphoto-inner {
    from {
        transform: translate(0,100px)
    }

    to {
        transform: translate(0,0)
    }
}

@keyframes smartphoto-loader {
    0% {
        opacity: .4;
        transform: rotate(0)
    }

    50% {
        opacity: 1;
        transform: rotate(180deg)
    }

    100% {
        opacity: .4;
        transform: rotate(360deg)
    }
}

@keyframes smartphoto-appear {
    0% {
        display: none;
        opacity: 0
    }

    1% {
        display: block;
        opacity: 0
    }

    100% {
        display: block;
        opacity: 1
    }
}

@keyframes smartphoto-hide {
    0% {
        display: block;
        opacity: 1
    }

    99% {
        display: block;
        opacity: 0
    }

    100% {
        display: none;
        opacity: 0
    }
}

.smartphoto {
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: #000;
    opacity: 1;
    font-family: sans-serif;
    cursor: pointer;
    -webkit-transition: opacity .3s ease-out;
    -moz-transition: opacity .3s ease-out;
    -ms-transition: opacity .3s ease-out;
    -o-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out;
    transition: all .3s ease-out;
    animation-name: smartphoto;
    animation-duration: .3s;
    animation-timing-function: ease-out
}

.smartphoto[aria-hidden=true] {
    display: none
}

.smartphoto-close {
    opacity: 0
}

.smartphoto-count {
    display: inline-block;
    color: #fff;
    font-size: 16px
}

.smartphoto-header {
    display: block;
    box-sizing: border-box;
    position: fixed;
    z-index: 102;
    top: 0;
    left: 0;
    width: 100%;
    height: 50px;
    padding: 15px;
    background-color: rgba(0,0,0,.2)
}

.smartphoto-content {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.smartphoto-dismiss {
    display: block;
    position: absolute;
    top: 15px;
    right: 10px;
    width: 20px;
    height: 20px;
    padding: 0;
    border: none;
    background-color: transparent;
    background-image: url(../fonts/a139f76ba3ca4f8397a148b912dfc98f.woff);
    text-shadow: 0 1px 0 #fff;
    color: #fff;
    font-size: 30px;
    text-decoration: none;
    cursor: pointer;
    line-height: 1
}

.smartphoto-body {
    position: relative;
    z-index: 102;
    width: 100%;
    height: 100%;
    margin: 0 auto
}

.smartphoto-inner {
    position: relative;
    width: 100%;
    height: 100%;
    vertical-align: top
}

.smartphoto-img {
    display: none;
    max-width: none;
    width: auto;
    height: auto;
    cursor: zoom-in;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: transform .3s ease-out;
    -webkit-user-drag: none
}

.smartphoto-img.active {
    display: block
}

.smartphoto-img-onmove {
    cursor: grab;
    cursor: -webkit-grab;
    transition: none
}

.smartphoto-img-elasticmove {
    transition: transform .3s ease-out
}

.smartphoto-img-wrap {
    display: inline-block;
    opacity: 1;
    -webkit-transition: opacity .3s ease-out;
    -moz-transition: opacity .3s ease-out;
    -ms-transition: opacity .3s ease-out;
    -o-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out;
    animation-name: smartphoto-img-wrap;
    animation-duration: .3s;
    animation-timing-function: ease-out
}

.smartphoto-img-left {
    transform: translateX(150%)!important
}

.smartphoto-img-right {
    transform: translateX(-150%)!important
}

.smartphoto-arrows {
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 1002;
    top: 50%;
    left: 0;
    opacity: 1;
    animation-name: smartphoto-appear;
    animation-duration: .3s;
    animation-timing-function: ease-out
}

.smartphoto-arrows[aria-hidden=true] {
    animation-name: smartphoto-hide;
    display: none
}

.smartphoto-arrows li {
    display: block;
    position: absolute;
    top: 50%;
    width: 30px;
    height: 30px;
    margin-top: -20px;
    box-sizing: content-box;
    animation-duration: .3s;
    animation-timing-function: ease-out;
    animation-name: smartphoto-appear
}

.smartphoto-arrows li:focus {
    outline: 0
}

.smartphoto-arrows [aria-hidden=true] {
    animation-name: smartphoto-hide;
    display: none
}

.smartphoto-arrows a {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none
}

.smartphoto-arrow-right {
    right: 0;
    padding: 5px 0;
    background-color: rgba(0,0,0,.5)
}

.smartphoto-arrow-right a {
    background-image: url(../fonts/ad64bcfa3adf4ca58163c5073af3f155.woff)
}

.smartphoto-arrow-left {
    left: 0;
    padding: 5px 0;
    background-color: rgba(0,0,0,.5)
}

.smartphoto-arrow-left a {
    background-image: url(../fonts/216f0871dc08436ea6e8031a41994575.woff)
}

.smartPhotoArrowHideIcon {
    display: none
}

.smartphoto-nav {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    opacity: 1;
    animation-name: smartphoto-appear;
    animation-duration: .3s;
    animation-timing-function: ease-out
}

.smartphoto-nav[aria-hidden=true] {
    animation-name: smartphoto-hide;
    display: none
}

.smartphoto-nav ul {
    display: block;
    overflow-x: auto;
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch
}

.smartphoto-nav li {
    display: inline-block;
    overflow: hidden;
    width: 50px;
    height: 50px
}

.smartphoto-nav a {
    display: block;
    width: 100%;
    height: 100%;
    background-color: #fff;
    background-position: center center;
    background-size: cover;
    opacity: .5
}

.smartphoto-nav a:focus {
    opacity: .8
}

.smartphoto-nav a.current {
    opacity: 1
}

.smartphoto-nav img {
    width: auto;
    height: 100%
}

.smartphoto-list {
    list-style-type: none;
    position: absolute;
    z-index: 101;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    white-space: nowrap
}

.smartphoto-list li {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all .3s ease-out
}

.smartphoto-list li:focus {
    outline: 0
}

.smartphoto-list-onmove {
    transition: all .3s ease-out
}

.smartphoto-caption {
    overflow: hidden;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 50px;
    padding: 0 50px;
    color: #fff;
    font-size: 12px;
    text-align: center;
    line-height: 50px;
    white-space: nowrap;
    text-overflow: ellipsis
}

.smartphoto-caption:focus {
    outline: 0
}

.smartphoto-loader-wrap {
    display: block;
    position: relative;
    z-index: 103;
    width: 0;
    height: 0;
    transform: translate(50vw,50vh)
}

.smartphoto-loader {
    position: absolute;
    z-index: 101;
    top: 0;
    left: 0;
    width: 30px;
    height: 30px;
    margin-top: -25px;
    margin-left: -25px;
    border: 8px solid #17cddd;
    border-right-color: transparent;
    border-radius: 50%;
    animation: smartphoto-loader .5s infinite linear
}

.smartphoto-img-clone {
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    transition: all .3s ease-out
}

.smartphoto-sr-only {
    overflow: hidden;
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    clip: rect(0,0,0,0)
}

a,blockquote,body,button,code,dd,div,dl,dt,em,fieldset,form,h1,h2,h3,h4,h5,h6,iframe,img,input,label,li,object,ol,p,q,small,span,strong,table,tbody,td,th,tr,ul {
    margin: 0;
    padding: 0;
    border: 0
}

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

input,textarea {
    outline: 0;
    background: 0 0;
    white-space: pre-wrap;
    word-wrap: break-word;
    resize: none;
    -webkit-appearance: none
}

a,a:active,a:focus,a:hover,a:visited {
    text-decoration: none
}

a,button,em,i,input,label,textarea {
    -webkit-tap-highlight-color: rgba(255,0,0,0);
    border: 0;
    -webkit-appearance: none
}

a,img {
    -webkit-touch-callout: none
}

html {
    font-size: 13.33333vw
}

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

@media screen and (min-width: 321px) and (max-width:360px) {
    html {
        font-size:48px;
        font-size: 13.33333vw
    }
}

@media screen and (min-width: 361px) and (max-width:375px) {
    html {
        font-size:50px;
        font-size: 13.33333vw
    }
}

@media screen and (min-width: 376px) and (max-width:393px) {
    html {
        font-size:52.4px;
        font-size: 13.33333vw
    }
}

@media screen and (min-width: 394px) and (max-width:412px) {
    html {
        font-size:54.93px;
        font-size: 13.33333vw
    }
}

@media screen and (min-width: 413px) and (max-width:414px) {
    html {
        font-size:55.2px;
        font-size: 13.33333vw
    }
}

@media screen and (min-width: 415px) and (max-width:480px) {
    html {
        font-size:64px;
        font-size: 13.33333vw
    }
}

@media screen and (min-width: 481px) and (max-width:540px) {
    html {
        font-size:72px;
        font-size: 13.33333vw
    }
}

@media screen and (min-width: 541px) and (max-width:640px) {
    html {
        font-size:85.33px;
        font-size: 13.33333vw
    }
}

@media screen and (min-width: 641px) and (max-width:720px) {
    html {
        font-size:96px;
        font-size: 13.33333vw
    }
}

@media screen and (min-width: 721px) and (max-width:768px) {
    html {
        font-size:102.4px;
        font-size: 13.33333vw
    }
}

@media screen and (min-width: 769px) {
    html {
        font-size:102.4px
    }
}

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
    font-weight: 700;
    line-height: 1.2
}

.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small {
    font-weight: 400;
    line-height: 1;
    color: #999
}

.h1,h1 {
    font-size: .72rem
}

.h2,h2 {
    font-size: .6rem
}

.h3,h3 {
    font-size: .48rem
}

.h4,h4 {
    font-size: .36rem
}

.h5,h5 {
    font-size: .28rem
}

.h6,h6 {
    font-size: .24rem
}

body {
    background: #f2f2f2;
    font: .28rem/1.2 -apple-system,BlinkMacSystemFont,'PingFang SC','Helvetica Neue',STHeiti,'Microsoft Yahei',Tahoma,Simsun,sans-serif
}

@media screen and (min-width: 769px) {
    #app {
        margin:0 auto;
        width: 768px;
        min-height: 100vh
    }
}

body,html a {
    color: #333
}

.row_box {
    background-color: #fff;
    margin-bottom: .2rem;
    margin: 2vw;
}

.row_box::after {
    clear: both;
    display: block;
    content: "";
    zoom:1;overflow: hidden
}

.clearfix::after {
    clear: both;
    display: table;
    content: "";
    zoom:1}

.fl {
    float: left
}

.fr {
    float: right
}

.hide {
    display: none
}

.mt10 {
    margin-top: 10px
}

.g-hj {
    margin-bottom: .2rem
}

.tabbox .hd.hj-fl {
    padding-top: .16rem;
    padding-bottom: .24rem
}

.g-hj,.link,.listCard-pc,.tj-sy {
    margin-bottom: .2rem
}

.tags-fixed-2 {
    margin-bottom: .24rem
}

.tags-fixed-4 {
    padding-top: .2rem;
    padding-bottom: .2rem
}

.art_banben .btn.yellow,.list-h .btn.yellow,.rank_box .btn-box.yellow {
    background-color: #fea50f;
    color: #fff
}

.zt-title {
    width: 100%;
    height: .78rem;
    background: #eef4ff;
    text-align: center;
    line-height: .78rem;
    font-size: .28rem;
    font-family: PingFang SC;
    font-weight: 700
}

.zt-title a {
    color: #9d9dfb
}

.m_title {
    display: flex;
    justify-content: space-between;
    padding: 0 .32rem;
    background-color: #fafafa
}

.m_title .h3 {
    position: relative;
    color: #333;
    text-align: left;
    font-weight: 700;
    font-size: .36rem;
    line-height: .9rem
}

.m_title .h3::after {
    position: absolute;
    left: -.32rem;
    top: .3rem;
    content: '';
    display: block;
    width: .1rem;
    height: .3rem;
    background-color: #77a9ff;
}

.m_title .more {
    align-self: center;
    background: url(../images/icon_more.png) no-repeat right center;
    background-size: auto 100%;
    padding-right: .22rem;
    color: #999;
    text-align: left;
    font-weight: 400;
    font-size: .24rem;
    line-height: 2
}

.m_title .more:active,.m_title .more:hover {
    color: #9d9dfb
}

.m_title .more {
    background-size: .12rem auto
}

.all_more {
    display: block;
    margin: 0 .32rem;
    background-color: #f2f2f2;
    box-sizing: border-box;
    color: #666;
    text-align: center;
    font-weight: 400;
    font-size: .28rem;
    line-height: .7rem;
    margin-bottom: .32rem
}

.header {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: space-between;
    height: 1rem;
    overflow: hidden;
    background-color: #77a9ff;
    align-items: center;
    top: 0;
    z-index: 22;
}

.header .logo {
    display: flex;
    padding-left: 1%;
    overflow: hidden;
    height: 100%
}

.header .logo .logo-icon {
    overflow: hidden;
    align-self: center;
    width: 1.9rem;
    height: .48rem;
    background: url(../images/logo.png) no-repeat left top;
    background-size: 1.8rem auto
}

.header .goback {
    align-self: center;
    width: .64rem;
    height: .64rem;
    cursor: pointer;
    margin-left: .2rem
}

.header.zt .logo-icon {
    width: .56rem
}

.header.zt .menu {
    margin-left: .06rem
}

.head_box {
    display: none;
    background-color: #fff;
    position: fixed;
    left: 50%;
    top: 48px;
    margin-left: -3.75rem;
    z-index: 998;
    width: 7.5rem;
    height: 100vh;
    box-sizing: border-box
}

.head_box .swich {
    width: 7.5rem;
    display: flex;
    justify-content: flex-end;
    height: 1rem;
    overflow: hidden;
    background-color: #9d9dfb;
    align-items: center;
    border-bottom: 1px solid #f2f2f2;
    display: none
}

.head_box .head_title {
    text-indent: .32rem;
    font-size: .24rem;
    font-weight: 700;
    line-height: 2.5;
    margin-top: .3rem;
    color: #999
}

.head_box .head_enter {
    overflow: hidden;
    margin-left: -.2rem;
    padding: 0 .3rem;
    width: 7.1rem
}

.head_box .head_enter li {
    float: left;
    margin: 0 0 .2rem .2rem;
    width: 2.16rem
}

.head_box .head_enter li a {
    display: block;
    overflow: hidden;
    padding: 0 .1rem;
    height: .64rem;
    color: #333;
    text-align: center;
    line-height: .64rem;
    border-radius: .1rem;
    font-size: .24rem;
    background: #f5f5f5
}

.head_box .head_enter li a:active,.head_box .head_enter li a:hover {
    background-color: #339eff;
    background-color: #f5f5f5;
    border-color: #9d9dfb;
    color: #9d9dfb;
    font-weight: 700
}

.header .search_box button {
    width: 25px;
    height: 25px;
    position: absolute;
    right: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
    background: 0 0;
    border: none;
    background: url(../images/ico_1.png);
    background-size: -500px 400px;
    background-position: -170px -2px;
    cursor: pointer
}

.header .search_box {
    width: 50%;
    height: .6rem;
    border-radius: .3rem;
    background: #f5f5f5;
    position: absolute;
    left: 2.2rem;
    margin: auto;
    top: 0;
    bottom: 0;
    display: flex;
    padding: 0 .2rem;
    color: #333
}

.header .search_box form {
    width: 100%;
    height: 100%;
    display: flex
}

.header .search_box input {
    background: 0 0;
    border: none;
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: .28rem;
    color: #333
}

.header .search_box input[type=hiddne] {
    opacity: 0;
    width: 1px;
    height: 1px
}

.header.show_search .search_box {
    display: flex
}

.menu {
    width: 10%;
    height: .9rem;
    display: block;
    float: left;
    position: relative
}

.menu:before {
    content: '';
    display: inline-block;
    width: .5rem;
    height: .5rem;
    background-image: url(../images/ico_1.png);
    background-size: 5rem 1rem;
    background-position: -.5rem 0;
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    margin: auto
}

.nav {
    /* padding:0 .2rem; */
    background-color: #fff;
    overflow: hidden;
    position: fixed;
    z-index: 900;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 16vw;
    line-height: 16vw;
}

.nav li {
    float: left;
    width: 25%;
    height: 16vw;
}

.nav li a {
    display: block;
    padding: 0 .1rem;
    color: rgba(51,51,51,.8);
    text-align: center;
    font-weight: 700;
    font-size: .28rem;
    line-height: 16vw;
    letter-spacing: .01rem
}

.nav li.active a {
    position: relative;
    color: #FF3A3A;
    /* font-size:.36rem */
}

.nav li.active a::after {
    display: block;
    content: '';
    position: absolute;
    left: 50%;
    margin-left: -.1rem;
    bottom: .1rem;
    background-color: #FF3A3A;
    width: .2rem;
    height: .06rem;
    -webkit-border-radius: .03rem;
    -moz-border-radius: .03rem;
    border-radius: .03rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

#banner {
    background-color: #f2f2f2;
    border-radius: 2vw;
    padding: 2vw;
}

#banner .swiper-slide {
    width: 100%;
    height: 4.42rem
}

#banner .swiper-slide a {
    position: relative;
    overflow: hidden;
    display: block;
    width: 100%;
    height: 100%
}

#banner .swiper-slide a img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

#banner .swiper-slide a p {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: .6rem 5% .44rem 5%;
    width: 90%;
    line-height: .46rem;
    background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.8));
    color: #fff;
    font-weight: 700;
    font-size: .3rem;
    text-align: center
}

#banner .swiper-pagination {
    top: auto;
    bottom: .1rem
}

#banner .swiper-pagination span {
    background-color: #fff
}

.weizhi {
    display: flex;
    overflow: hidden;
    padding: 0 .32rem;
    background-color: none
}

.weizhi li+li:before {
    content: ">";
    display: inline-flex;
    padding: 0 .13rem;
    color: #999;
    text-align: center;
    font-weight: lighter;
    font-size: .24rem;
    line-height: .7rem
}

.weizhi li {
    display: flex;
    height: .7rem;
    color: #999;
    text-align: left;
    font-weight: 400;
    font-size: .24rem;
    line-height: .7rem
}

.weizhi li a {
    display: inline-flex;
    white-space: nowrap;
    color: #666
}

.weizhi li a:hover {
    color: #9d9dfb
}

.con_page {
    justify-content: center;
    background-color: #fff;
    overflow: hidden;
    text-overflow: ellipsis
}

.con_page a {
    height: .88rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 .32rem;
    color: #999;
    text-align: left;
    font-weight: 400;
    font-size: .24rem;
    line-height: .88rem
}

.con_page a span {
    color: #666;
    font-weight: 700;
    font-size: .28rem
}

.con_page a:active span,.con_page a:hover span {
    color: #9d9dfb
}

.news_box li {
    padding: 0 .32rem
}

.news_box li:active,.news_box li:hover {
    background-color: #f8f8f8
}

.news_box .news_card {
    display: flex;
    padding: .22rem 0
}

.news_box .title {
    color: #333;
    text-align: left;
    font-weight: 400;
    font-size: .32rem;
    line-height: 1.433;
    overflow: hidden;
    max-height: .95312rem
}

.news_box .info {
    overflow: hidden;
    margin-top: .14rem
}

.news_box .info span {
    display: block;
    float: left;
    margin-left: .32rem;
    color: #999;
    text-align: left;
    font-weight: 400;
    font-size: .24rem;
    line-height: 1.5
}

.news_box .info span:first-child {
    margin-left: 0
}

.news_box .news_card.leftImg,.news_box .news_card.rightImg {
    flex-direction: row;
    justify-content: space-between
}

.news_box .news_card.leftImg .news_cont,.news_box .news_card.rightImg .news_cont {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column
}

.news_box .news_card.leftImg .news_pic,.news_box .news_card.rightImg .news_pic {
    flex: 0 0 2.34rem;
    height: 1.404rem;
    overflow: hidden;
    -webkit-border-radius: .08rem;
    -moz-border-radius: .08rem;
    border-radius: .08rem
}

.news_box .news_card.leftImg .news_pic img,.news_box .news_card.rightImg .news_pic img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.news_box .news_card.leftImg .news_cont {
    margin-left: .2rem
}

.news_box .news_card.rightImg .news_cont {
    margin-right: .2rem
}

.news_box .news_card.bottomImg,.news_box .news_card.noImg {
    flex-direction: column
}

.news_box .news_card.bottomImg .news_pic,.news_box .news_card.noImg .news_pic {
    display: flex;
    flex-direction: row;
    margin-top: .16rem
}

.news_box .news_card.bottomImg .news_pic img,.news_box .news_card.noImg .news_pic img {
    width: 2.24666667rem;
    height: 1.348rem;
    overflow: hidden;
    object-fit: cover;
    margin-left: .06rem;
    -webkit-border-radius: .08rem;
    -moz-border-radius: .08rem;
    border-radius: .08rem
}

.news_box .news_card.bottomImg .news_pic img:first-child,.news_box .news_card.noImg .news_pic img:first-child {
    margin-left: 0
}

.tabbox .hd.style-left {
    display: flex;
    padding: .15rem .32rem .2rem .32rem
}

.tabbox .hd.style-left .hd-li {
    padding-right: .12rem;
    margin-left: .36rem;
    cursor: pointer;
    color: #999;
    text-align: center;
    font-weight: 400;
    font-size: .24rem;
    line-height: 2
}

.tabbox .hd.style-left .hd-li:first-child {
    margin-left: 0
}

.tabbox .hd.style-left .hd-li.on {
    color: #9d9dfb;
    border-bottom: .04rem solid #9d9dfb;
    font-weight: 700
}

.tabbox .hd.style-center {
    display: flex;
    justify-content: space-between;
    padding: 0 .32rem
}

.tabbox .hd.style-center .hd-li {
    flex: 1 1 auto;
    border-bottom: .06rem solid #f8f8f8;
    cursor: pointer;
    color: #333;
    text-align: center;
    font-weight: 600;
    font-size: .3rem;
    line-height: 2.6
}

.tabbox .hd.style-center .hd-li.on {
    color: #9d9dfb;
    border-bottom: .06rem solid #9d9dfb
}

.tabbox .tab_li {
    display: none
}

.tabbox .tab_li:first-child {
    display: block
}

.base_tags {
    display: flex;
    flex-wrap: wrap;
    padding: 0 .32rem
}

.base_tags a {
    overflow: hidden
}

.base_tags a:active,.base_tags a:hover {
    color: #9d9dfb
}

.base_tags a.cur {
    color: #9d9dfb;
    font-weight: 700
}

.base_tags.tags-fixed-2 {
    margin-left: -.1rem;
    margin-bottom: .2rem
}

.base_tags.tags-fixed-2 a {
    width: 31.7%;
    overflow: hidden;
    height: .728rem;
    margin: .05rem 0 .05rem .1rem;
    background-color: #f2f2f2;
    color: #333;
    text-align: center;
    font-weight: 400;
    font-size: .28rem;
    line-height: 2.6
}

.base_tags.tags-fixed-2 a:active,.base_tags.tags-fixed-2 a:hover {
    color: #fff;
    background-color: #9d9dfb
}

.base_tags.tags-fixed-2 a.cur {
    background-color: #9d9dfb;
    color: #fff;
    font-weight: 700
}

.base_tags.tags-fixed-4 {
    margin-left: -.1rem
}

.base_tags.tags-fixed-4 a {
    width: 31.7%;
    overflow: hidden;
    height: .56rem;
    margin: .05rem 0 .05rem .1rem;
    background-color: #f2f2f2;
    color: #333;
    text-align: center;
    font-weight: 400;
    font-size: .28rem;
    line-height: 2
}

.base_tags.tags-fixed-4 a:active,.base_tags.tags-fixed-4 a:hover {
    color: #fff;
    background-color: #9d9dfb
}

.base_tags.tags-fixed-4 a.cur {
    background-color: #9d9dfb;
    color: #fff;
    font-weight: 700
}

.zt_cover {
    position: relative;
    display: block;
    width: 100%;
    height: 3.6rem
}

.zt_cover img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.zt_cover .zt_cover-info {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 1.5rem 0 .1rem 0;
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.7)));
    background: -moz-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,.7));
    background: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.7))
}

.zt_cover .zt_cover-info .title {
    overflow: hidden;
    height: .468rem;
    margin: 0 .32rem;
    color: #fff;
    text-align: center;
    font-weight: 700;
    font-size: .36rem;
    line-height: 1.3
}

.zt_cover .zt_cover-info .text {
    margin: .16rem .32rem .1rem .32rem;
    max-height: 1.152rem;
    overflow: hidden;
    color: rgba(255,255,255,.9);
    text-align: justify;
    font-weight: 400;
    font-size: .24rem;
    line-height: 1.6
}

.xz_box1 a {
    display: inline-block;
    font-size: 14px;
    color: #999;
    line-height: .56rem;
    height: .56rem;
    padding: 0 .2rem;
    background-color: #f2f2f2;
    border-radius: .3rem;
    margin: .06rem 0 .06rem .3rem
}

.editCom {
    margin: 0 .2rem .2rem .2rem;
    position: relative;
    height: 40px;
    line-height: 40px
}

.editCom i {
    display: block;
    width: 50px;
    height: 50px;
    background-position: -713px -71px;
    position: absolute;
    top: -8px
}

.editCom p {
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #999;
    background-color: #f2f2f2;
    border: 1px solid #f2f2f2;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center
}

.list-h li {
    padding: 0 .32rem
}

.list-h li:active,.list-h li:hover {
    background-color: #f8f8f8
}

.list-h .card-li {
    display: flex;
    justify-content: space-between;
    padding: .24rem 0;
    border-top: 1px solid #f2f2f2;
    align-items: center
}

.list-h .num {
    width: .44rem;
    height: .5rem;
    color: #999;
    text-align: left;
    font-weight: 700;
    font-size: .28rem;
    line-height: .5rem
}

.list-h .num.num1 {
    color: red;
    font-size: .36rem
}

.list-h .num.num2 {
    color: orange;
    font-size: .36rem
}

.list-h .num.num3 {
    color: #ffc150;
    font-size: .36rem
}

.list-h .pic-box {
    flex: 0 0 auto;
    width: 1.5rem;
    margin-right: .2rem;
    overflow: hidden
}

.list-h .pic-box img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.list-h .list-cont {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.list-h .list-cont .h4 {
    margin-bottom: .1rem;
    color: #333;
    text-align: left;
    font-weight: 700;
    font-size: .32rem;
    line-height: 1.5
}

.list-h .list-cont .h4:active,.list-h .list-cont .h4:hover {
    color: #9d9dfb
}

.list-h .list-cont .desc {
    display: flex
}

.list-h .list-cont .desc span {
    color: #999;
    font-size: .24rem;
    line-height: .4rem
}

.list-h .list-cont .desc span+span:before {
    content: "";
    display: inline-flex;
    margin: 0 .15rem
}

.list-h .list-cont .desc span:before {
    width: 1px;
    height: .16rem;
    background-color: #ccc
}

.list-h .list-cont .p {
    margin-top: .06rem;
    color: #999;
    font-size: .24rem;
    line-height: .4rem
}

.list-h .btn {
    flex: 0 0 1.2rem;
    height: .56rem;
    margin-left: .2rem;
    overflow: hidden;
    background-color: #77a9ff;
    -webkit-border-radius: .1rem;
    -moz-border-radius: .1rem;
    border-radius: .1rem;
    color: #fff;
    text-align: center;
    line-height: .56rem;
}

.list-h .pic-box {
    -webkit-border-radius: .2rem;
    -moz-border-radius: .2rem;
    border-radius: .2rem;
    height: 1.5rem
}

.list-h .list-cont .h4 {
    height: .48rem;
    overflow: hidden
}

.list-h .list-cont .p {
    height: .4rem;
    overflow: hidden
}

.list-h.list-h-pc .pic-box {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    height: 2rem
}

.list-h.list-h-pc .list-cont .h4 {
    height: .48rem;
    overflow: hidden
}

.list-h.list-h-pc .list-cont .p {
    height: .4rem;
    overflow: hidden
}

.list-h.list-h-patch .list-cont .h4 {
    margin-bottom: 0
}

.banben li {
    padding: 0 .32rem
}

.banben li:active,.banben li:hover {
    background-color: #f2f2f2
}

.banben li .a-list {
    display: flex;
    justify-content: space-between;
    padding: .1rem 0;
    border-top: 1px solid #f2f2f2
}

.banben .h4 {
    overflow: hidden;
    height: .56rem;
    color: #333;
    text-align: left;
    font-weight: 400;
    font-size: .28rem;
    line-height: 2
}

.banben .h4:active,.banben .h4:hover {
    color: #9d9dfb
}

.banben .time {
    flex: 0 0 .8rem;
    margin-left: .1rem;
    color: #999;
    text-align: right;
    font-weight: 400;
    font-size: .24rem;
    line-height: 2
}

.banben .btn {
    flex: 0 0 .8rem;
    align-self: center;
    height: .48rem;
    margin-left: .2rem;
    overflow: hidden;
    background-color: #9d9dfb;
    -webkit-border-radius: .1rem;
    -moz-border-radius: .1rem;
    border-radius: .1rem;
    color: #fff;
    font-weight: 700;
    text-align: center;
    font-size: .24rem;
    line-height: .48rem
}

.banben .btn:active,.banben .btn:hover {
    background-color: #9d9dfb;
    color: #fff
}

.banben .point {
    width: .07rem;
    height: .07rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #ccc;
    align-self: center;
    margin-right: .1rem
}

.article-head {
    padding: .2rem .32rem 0 .32rem
}

.article-head h1 {
    color: #222;
    font-weight: 700;
    text-align: justify;
    font-size: .36rem;
    line-height: 1.3;
    letter-spacing: -.02em
}

.article-head .desc {
    display: flex;
    margin-top: .2rem
}

.article-head .desc span {
    margin-left: .4rem;
    color: #999;
    font-size: .24rem;
    line-height: 2
}

.article-head .desc span:first-child {
    margin-left: 0
}

.articles {
    position: relative;
    padding: 0 .32rem
}

.articles .detail {
    padding-bottom: .1rem;
    margin: .2rem 0;
    color: #666;
    font-size: .32rem;
    line-height: 1.6666em
}

.articles .detail p {
    margin: .2rem 0;
    color: #666;
    font-size: .32rem;
    line-height: 1.6666em
}

.articles .detail p img {
    display: block;
    max-width: 100%;
    width: auto;
    height: auto;
    margin: .1rem auto
}

.articles .detail h3 {
    margin: .4rem 0 .2rem 0;
    color: #333;
    text-align: left;
    font-weight: 700;
    font-size: .28rem;
    line-height: .56rem
}

.articles .detail table {
    width: 100%;
    margin: .3rem auto 0;
    border-collapse: collapse
}

.articles .detail table thead {
    background-color: #eee;
    text-align: center;
    font-weight: 700
}

.articles .detail table thead td {
    color: #666
}

.articles .detail table td {
    padding: .16rem .06rem;
    border: .02rem solid #e8e8e8;
    font-size: .28rem;
    color: #333
}

.articles .detail table td img {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    margin: 0 auto
}

.articles .detail table a {
    color: #e90073;
    text-decoration: underline
}

.articles .detail iframe {
    display: block
}

.articles .detail video {
    display: block;
    width: 100%
}

.articles .lookmore {
    display: flex;
    justify-content: center;
    width: 100%;
    padding: .1rem 0;
    margin-top: .32rem
}

.articles .lookmore span {
    padding: 0 1rem;
    background-color: #9d9dfb;
    border-radius: .35rem;
    color: #fff;
    text-align: center;
    font-weight: 400;
    font-size: .24rem;
    line-height: .7rem;
    box-shadow: 0 .08rem .2rem #e8e8e8
}

.articles .lookmore span:active {
    color: #9d9dfb
}

.articles.close .detail {
    overflow: hidden
}

.articles.close .lookmore {
    position: absolute;
    bottom: 0;
    left: 0;
    padding-top: 1rem;
    margin-top: 0;
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,.2)),to(#fff));
    background: -moz-linear-gradient(top,rgba(255,255,255,.2),#fff);
    background: linear-gradient(to bottom,rgba(255,255,255,.2),#fff)
}

.articles video {
    clear: both;
    display: block;
    margin: auto
}

.game_con {
    background-color: #fff;
    padding: .32rem;
    margin-bottom: .2rem
}

.game_info {
    display: flex;
    justify-content: space-between
}

.game_info .app-icon {
    flex: 0 0 1.8rem;
    height: 1.8rem;
    margin-right: .2rem;
    overflow: hidden;
    border-radius: .4rem;
    box-shadow: 0 .12rem .2rem rgba(0,0,0,.16)
}

.game_info .app-icon img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.game_info .app-icon.pc {
    flex: 0 0 1.42857143rem;
    height: 2rem;
    border-radius: 0
}

.game_info .app-cont {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.game_info .title {
    display: flex;
    margin-bottom: .06rem
}

.game_info .title h1,.game_info .title span {
    overflow: hidden;
    height: .6rem
}

.game_info .title h1 {
    flex: 1 0 auto;
    max-width: 100%;
    color: #222;
    font-weight: 700;
    font-size: .42rem;
    line-height: .6rem
}

.game_info .title span {
    margin-left: .15rem;
    color: #999;
    font-size: .24rem;
    line-height: .6rem
}

.game_info .desc {
    display: flex;
    flex-wrap: wrap
}

.game_info .desc li {
    width: 100%;
    height: .48rem;
    overflow: hidden;
    color: #999;
    font-size: .24rem;
    line-height: .48rem;
}

.shenming {
    color: #999;
    font-size: .22rem;
    margin: .2rem 0;
    box-sizing: border-box;
    position: relative;
    text-align: center
}

.shenming i {
    cursor: pointer;
    font-style: normal;
    color: red;
    text-decoration: underline
}

.game_btn {
    display: flex;
    flex-direction: column;
    margin-top: .16rem
}

.game_btn .btn {
    flex: 1 1 auto;
    border-radius: .16rem;
    letter-spacing: .02rem;
    margin-top: .16rem;
    color: #fff;
    text-align: center;
    font-size: .32rem;
    line-height: .8rem;
    background-color: #77a9ff;
}

.game_btn .btn:active,.game_btn .btn:hover {
    background-color: #77a9ff
}

.game_btn .btn.gs {
    background-color: #77a9ff;
}

.game_btn .btn.gs:active,.game_btn .btn.gs:hover {
    background-color: #77a9ff
}

.game_btn .btn.android {
    background-color: #00ba24
}

.game_btn .btn.android:active,.game_btn .btn.android:hover {
    background-color: #0eac2d
}

.game_btn .btn.zt {
    background-color: #23c268
}

.game_btn .btn.zt:active,.game_btn .btn.zt:hover {
    background-color: #23c268
}

.game_btn .btn.ios {
    background-color: #404143
}

.game_btn .btn.nodown {
    background-color: #afafaf;
    color: #fff
}

.game_btn .btn.yuyue {
    cursor: pointer;
    background-color: #fea50f;
    color: #fff
}

.base-card.tj-sy {
    padding: 0 .32rem
}

.base-card.tj-sy .game_ul {
    display: flex;
    flex-wrap: wrap;
    margin-left: -.2rem
}

.base-card.tj-sy .card-li {
    width: 21.8%;
    margin: .2rem 0 0 .2rem
}

.base-card.tj-sy .pic-box {
    display: block;
    margin: 0 auto;
    overflow: hidden;
    width: 1.4rem;
    height: 1.4rem;
    -webkit-border-radius: 30%;
    -moz-border-radius: 30%;
    border-radius: 30%
}

.base-card.tj-sy .pic-box img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.base-card.tj-sy .info-head {
    display: block;
    overflow: hidden;
    height: .672rem;
    color: #333;
    text-align: center;
    font-weight: 400;
    font-size: .28rem;
    line-height: 2.4
}

.base-card.tj-sy .btn {
    display: block;
    margin: 0 auto .2rem auto;
    width: 80%;
    height: .42rem;
    border-radius: .1rem;
    border: .02rem solid #9d9dfb;
    color: #9d9dfb;
    text-align: center;
    font-weight: 400;
    font-size: .28rem;
    line-height: .42rem
}

.base-card.tj-sy .btn:active,.base-card.tj-sy .btn:hover {
    background-color: #9d9dfb;
    color: #fff
}

.base-card.g-hj {
    padding: 0 .32rem;
    display: flex;
    flex-wrap: wrap
}

.base-card.g-hj .game_ul {
    display: flex;
    flex-wrap: wrap;
    margin-left: -.2rem
}

.base-card.g-hj .card-li {
    width: 46.8%;
    margin: 0 0 .08rem .2rem;
    overflow: hidden
}

.base-card.g-hj .pic-box {
    display: block;
    overflow: hidden;
    width: 3.33rem;
    height: 1.665rem;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.base-card.g-hj .pic-box img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.base-card.g-hj .info-head {
    display: block;
    overflow: hidden;
    height: .56rem;
    color: #333;
    text-align: center;
    font-weight: 400;
    font-size: .28rem;
    line-height: 2;
    background: #f5f5f5
}

.game-atlas {
    padding: .1rem .32rem 0 .32rem
}

.game-atlas .swiper-slide {
    overflow: hidden
}

.game-atlas .swiper-slide img {
    display: block;
    width: 100%;
    height: auto
}

.tjhj-head {
    padding: 0 .32rem;
    overflow: hidden
}

.tjhj-head .title {
    color: #333;
    text-align: center;
    font-weight: 700;
    font-size: .3rem;
    line-height: .5rem
}

.tjhj-head p {
    margin: .1rem 0 .32rem 0;
    color: #666;
    text-align: left;
    font-weight: 400;
    font-size: .24rem;
    line-height: .38rem;
    text-indent: 2em
}

.hj-detail-head {
    position: relative
}

.hj-detail-img {
    overflow: hidden;
    width: 100%;
    height: 3.75rem
}

.hj-detail-img img {
    display: block;
    width: 100%
}

.hj-detail-info {
    padding: .32rem
}

.hj-detail-info h1 {
    margin-bottom: .1rem;
    color: #333;
    text-align: center;
    font-size: .32rem
}

.hj-detail-info p {
    overflow: hidden;
    color: #666;
    font-size: .26rem;
    line-height: .4rem
}

.rank_item {
    padding: 0 .32rem
}

.rank_item:active,.rank_item:hover {
    background-color: #f2f2f2
}

.rank_item:active .rank,.rank_item:hover .rank {
    background-color: #fff!important
}

.rank_item:active .rank1,.rank_item:active .rank2,.rank_item:active .rank3,.rank_item:hover .rank1,.rank_item:hover .rank2,.rank_item:hover .rank3 {
    background-color: #f2f2f2!important
}

.rank_box {
    display: flex;
    justify-content: space-between;
    padding: .24rem 0;
    border-top: 1px solid #eee;
    align-items: center
}

.rank_box .pic-box {
    width: 1.5rem;
    margin-right: .2rem;
    overflow: hidden;
    -webkit-border-radius: .2rem;
    -moz-border-radius: .2rem;
    border-radius: .2rem
}

.rank_box .pic-box img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.rank_box .cont-box {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 1.5rem
}

.rank_box .cont-box .title {
    display: flex;
    align-items: center;
    margin-bottom: .12rem
}

.rank_box .cont-box .title .rank {
    width: .46rem;
    height: .46rem;
    line-height: .46rem;
    text-align: center;
    overflow: hidden;
    background-color: #e8e8e8;
    color: #666;
    margin-right: .13rem;
    font-size: .26rem;
    font-weight: 700;
    border-radius: 50%
}

.rank_box .cont-box .title .rank.rank1,.rank_box .cont-box .title .rank.rank2,.rank_box .cont-box .title .rank.rank3 {
    border-radius: 0;
    background-image: url(../images/icon_rank_d.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-color: #fff;
    color: #fff
}

.rank_box .cont-box .title .rank.rank1 {
    background-position: center 0
}

.rank_box .cont-box .title .rank.rank2 {
    background-position: center -.46rem
}

.rank_box .cont-box .title .rank.rank3 {
    background-position: center -.92rem
}

.rank_box .cont-box .title div {
    flex: 1 1 auto;
    font-size: .32rem;
    line-height: .46rem;
    width: 3.15rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.rank_box .cont-box .title h3:active,.rank_box .cont-box .title h3:hover {
    color: #9d9dfb
}

.rank_box .cont-box .desc {
    display: flex
}

.rank_box .cont-box .desc li {
    color: #999;
    font-size: .24rem;
    line-height: .4rem
}

.rank_box .cont-box .desc li+li:before {
    content: "";
    display: inline-flex;
    margin: 0 .15rem
}

.rank_box .cont-box .desc li:before {
    width: 1px;
    height: .16rem;
    background-color: #ccc
}

.rank_box .cont-box .p {
    margin-top: .04rem;
    color: #999;
    font-size: .24rem;
    line-height: .4rem;
    height: .4rem;
    overflow: hidden
}

.rank_box .btn-box {
    flex: 0 0 1.2rem;
    height: .56rem;
    margin-left: .2rem;
    overflow: hidden;
    background-color: #9d9dfb;
    -webkit-border-radius: .1rem;
    -moz-border-radius: .1rem;
    border-radius: .1rem;
    color: #fff;
    text-align: center;
    line-height: .56rem
}

.rank_box .btn-box:active,.rank_box .btn-box:hover {
    background-color: #9d9dfb;
    color: #fff
}

.game-atlas img {
    border-radius: .1rem
}

.rank_tab {
    display: flex;
    align-items: flex-end;
    background-size: 100% auto;
    padding-top: 3.4rem
}

.rank_tab a {
    flex: 1 1 auto;
    margin: 0 1px;
    background-color: #e4f0ff;
    cursor: pointer;
    box-sizing: border-box;
    padding: 0 .12rem;
    height: .7rem;
    -webkit-border-radius: .1rem .1rem 0 0;
    -moz-border-radius: .1rem .1rem 0 0;
    border-radius: .1rem .1rem 0 0;
    color: #006bcc;
    text-align: center;
    line-height: .7rem
}

.rank_tab a.on {
    color: #fff;
    background-color: #9d9dfb;
    font-size: .3rem;
    font-weight: 700;
    line-height: .8rem;
    height: .8rem
}

.base-card.pdtb {
    padding-top: .3rem;
    padding-bottom: .16rem
}

.base_tags {
    padding-top: .3rem;
    padding-bottom: .16rem
}

.base_tags .list {
    line-height: .66rem;
    height: .66rem
}

.base-card.g-hj .card-li {
    margin-top: .3rem
}

.g-star {
    display: inline-block
}

.g-star {
    vertical-align: middle;
    background-image: url(../images/ico_1.png);
    background-repeat: no-repeat
}

.g-star.sty-2 {
    width: 85px;
    margin-bottom: 4px;
    height: 15px
}

.g-star.sty-2.star-0 {
    background-position: -206px -50px
}

.g-star.sty-2.star-1 {
    background-position: -189px -50px
}

.g-star.sty-2.star-2 {
    background-position: -172px -50px
}

.g-star.sty-2.star-3 {
    background-position: -154px -50px
}

.g-star.sty-2.star-4 {
    background-position: -137px -50px
}

.g-star.sty-2.star-5 {
    background-position: -120px -50px
}

.new-page {
    width: 7rem;
    height: .6rem;
    display: flex;
    clear: both;
    margin: .2rem auto;
    align-items: center;
    justify-content: center
}

.new-page>a,.new-page>div {
    display: block;
    width: 2rem;
    height: .6rem;
    line-height: .6rem;
    background: #f2f2f2;
    position: relative;
    text-align: center;
    color: #333;
    border-radius: .04rem;
    cursor: pointer;
    font-size: .28rem
}

.new-page>a.no-click {
    opacity: .4
}

.new-page>div {
    width: 2.5rem;
    margin: 0 .25rem
}

.new-page span {
    font-size: .28rem;
    display: block;
    width: 100%;
    height: .6rem;
    line-height: .6rem;
    text-align: center;
    background: #9d9dfb;
    color: #fff;
    border-radius: .04rem
}

.new-page .new-page-container>div {
    position: absolute;
    bottom: .6rem;
    left: 0;
    width: 100%;
    max-height: 2.5rem;
    overflow: auto;
    z-index: 3;
    display: none;
    background: #fff
}

.new-page .new-page-container>div a {
    display: block;
    width: 100%;
    height: .6rem;
    margin-bottom: 1px;
    line-height: .6rem;
    background: #f2f2f2;
    text-align: center;
    color: #333;
    border-radius: .04rem;
    cursor: pointer
}

.new-page .new-page-container>div a.checked {
    background: #9d9dfb;
    color: #fff
}

.new-page .new-page-container>div a:active {
    background: #9d9dfb;
    color: #fff
}

.list-page {
    text-align: center;
    padding-bottom: 15px;
    padding-top: 15px;
    clear: both
}

.list-page ul li {
    display: inline-block;
    padding: 0;
    display: inline-block
}

.list-page ul li a,.list-page ul li span,.list-page ul li.hidden-xs {
    display: inline-block
}

.list-page ul li.disabled,.list-page ul li.disabled:hover {
    background-color: #f2f2f2;
    color: #333
}

.list-page ul li.active,.list-page ul li:hover,.list-page ul li:hover a {
    background: #9d9dfb;
    color: #fff
}

.list-page ul li {
    border-radius: 5px;
    padding: 10px 15px;
    font-size: 14px;
    color: #333;
    background: #fff;
    cursor: pointer;
    margin: 0 2px
}

.art_banben li {
    padding: 0 .32rem
}

.art_banben li:active,.art_banben li:hover {
    background-color: #f2f2f2
}

.art_banben li .a-list {
    display: flex;
    justify-content: space-between;
    padding: .1rem 0;
    border-top: 1px solid #f5f5f5
}

.art_banben .h4 {
    overflow: hidden;
    height: .56rem;
    color: #333;
    text-align: left;
    font-weight: 400;
    font-size: .28rem;
    line-height: 2
}

.art_banben .h4:active,.art_banben .h4:hover {
    color: #9d9dfb
}

.art_banben .time {
    flex: 0 0 .8rem;
    margin-left: .1rem;
    color: #999;
    text-align: right;
    font-weight: 400;
    font-size: .24rem;
    line-height: 2
}

.art_banben .btn {
    flex: 0 0 .8rem;
    align-self: center;
    height: .48rem;
    margin-left: .2rem;
    overflow: hidden;
    background-color: #9d9dfb;
    -webkit-border-radius: .1rem;
    -moz-border-radius: .1rem;
    border-radius: .1rem;
    color: #fff;
    text-align: center;
    font-size: .24rem;
    line-height: .48rem
}

.art_banben .btn:active,.art_banben .btn:hover {
    background-color: #9d9dfb;
    color: #fff
}

.art_banben .point {
    width: .07rem;
    height: .07rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #ccc;
    align-self: center;
    margin-right: .1rem
}

.video-box {
    width: 100%
}

.vo32 {
    margin: 0 .32rem .32rem .32rem
}

#videoPlayer {
    display: block;
    width: 100%;
    height: 4.22rem
}

.articles .detail p a {
    border-bottom: 1px dashed #9d9dfb;
    color: #9d9dfb
}

.articles .detail .art_tit {
    margin: .4rem 0 .2rem 0;
    color: #333;
    text-align: left;
    font-weight: 700;
    font-size: .28rem;
    line-height: .56rem
}

.game-ziliao {
    display: flex
}

.game-ziliao ul li {
    width: 50%;
    float: left
}

.game-ziliao ul {
    padding: .32rem .32rem .32rem .32rem;
    width: 100%
}

.game-ziliao ul li p:first-child {
    font-size: .28rem
}

.game-ziliao ul li p:last-child {
    font-size: .28rem;
    margin-top: .2rem;
    margin-bottom: .25rem;
    color: #999
}

.game-ziliao ul li a {
    color: #999
}

.game-ziliao ul li a #feedback {
    cursor: pointer
}

.art-digg {
    margin-bottom: .4rem;
    height: auto;
    overflow: hidden;
    color: #666
}

.art-digg li {
    width: 33.33%;
    float: left;
    color: #999;
    text-align: center;
    font-size: 10px
}

.art-digg li span {
    display: inline-block;
    padding-right: 3px
}

.art-digg a.ampNum,a.ampNum1,a.ampNum2 {
    display: block;
    height: 30px;
    cursor: pointer;
    padding-bottom: 10px
}

.art-digg a.ampNum {
    background: url(../images/dianzan.svg) no-repeat center center;
    background-size: 28px auto
}

.art-digg a.ampNum1 {
    background: url(../fonts/fandui.svg) no-repeat center center;
    background-size: 28px auto
}

.art-digg a.ampNum2 {
    background: url(../fonts/share.svg) no-repeat center center;
    background-size: 28px auto
}

#modal {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 10;
    display: none
}

#modal .mask2 {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #000;
    opacity: .5
}

.icon3 {
    background-image: url(../fonts/c7bf27cbbfc948969fd725759d800faf.svg) 0 .07rem no-repeat;
    background-size: .36rem
}

.articles p.mayi {
    color: #fff;
    background-color: #9d9dfb;
    border-radius: 5px;
    padding: 3px 10px;
    display: inline-block;
    font-size: 16px
}

.footer {
    background-color: #333;
    padding: .32rem .32rem .64rem .32rem;
    color: #999;
    text-align: center;
    font-weight: 400;
    font-size: .24rem;
    line-height: 1.2;
    padding-bottom: 16vw;
}

.footer p {
    text-align: center;
    margin: .1rem 0
}

.foot_top {
    position: fixed;
    right: .32rem;
    bottom: 13vh;
    z-index: 200;
    display: none;
    overflow: hidden;
    cursor: pointer;
    -webkit-border-radius: 30%;
    -moz-border-radius: 30%;
    border-radius: 30%;
    -webkit-box-shadow: 0 .06rem .24rem rgba(0,134,255,.2);
    -moz-box-shadow: 0 .06rem .24rem rgba(0,134,255,.2);
    box-shadow: 0 .06rem .24rem rgba(0,134,255,.2)
}

.foot_top span {
    display: block;
    width: .88rem;
    height: .88rem;
    background: url(../images/icon_goback.png) #fff no-repeat left center;
    background-size: auto 100%
}

.foot_top span:active,.foot_top span:hover {
    background-position: right center;
    background-color: #9d9dfb
}

.maskTit {
    font-size: .36rem;
    color: rgba(51,51,51,.8);
    font-weight: 700;
    display: block;
    margin: .2rem 0 0
}

.fankui-ico {
    background: url(../images/maskicon.png);
    background-size: 5.6rem 3rem
}

.gaInfo {
    position: relative
}

.feBaBtn {
    position: absolute;
    top: -.08rem;
    right: 0;
    padding: 0 .26rem;
    overflow: hidden;
    height: .4rem;
    line-height: .4rem;
    color: #ffbe00;
    text-align: center
}

.feBaBtn i {
    display: inline-block;
    width: .26rem;
    height: .28rem;
    position: relative;
    top: .05rem;
    background-position: -1.42rem -.18rem;
    margin-right: .06rem
}

.feedBack {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 2;
    max-width: 7.5rem;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.62)
}

.feHead {
    position: absolute;
    z-index: 5;
    top: 1.2rem;
    left: 0;
    right: 0;
    margin: auto;
    background-color: #fff;
    width: 5.2rem;
    border-radius: .08rem;
    text-align: center
}

.feBaClose {
    position: absolute;
    top: .2rem;
    right: .2rem;
    margin: auto;
    z-index: 10
}

.feBaClose i {
    display: inline-block;
    width: .28rem;
    height: .28rem;
    background-position: -.2rem -.17rem;
    position: relative
}

.feHead .oTitle {
    position: relative;
    width: 100%;
    height: .68rem;
    padding-top: .28rem;
    background: #9d9dfb;
    text-align: center;
    border-top-left-radius: .08rem;
    border-top-right-radius: .08rem
}

.feHead .oTitle>i {
    display: block;
    width: 1.03rem;
    height: .68rem;
    background-position: -4.35rem -.92rem;
    position: absolute;
    top: .12rem;
    left: 0;
    right: 0;
    margin: 0 auto
}

.feedback-title {
    margin-top: 0;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    padding: 20px;
    text-align: center;
    background: #9d9dfb;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 20px
}

.feedback-txt {
    font-size: .22rem;
    color: rgba(51,51,51,.8);
    margin: .15rem .25rem;
    font-weight: 700;
    display: block;
    text-align: left
}

.feedBack {
    height: 100%;
    background-color: rgba(0,0,0,.62)
}

.feHead {
    position: absolute;
    z-index: 5;
    top: 1.2rem;
    left: 0;
    right: 0;
    margin: auto;
    background-color: #fff;
    width: 5.2rem;
    border-radius: .08rem;
    text-align: center
}

.feBack {
    margin: 0 .3rem .2rem
}

.feBack span {
    font-size: .22rem;
    color: rgba(51,51,51,.8);
    margin: .16rem 0;
    font-weight: 700;
    display: block;
    text-align: left
}

.feBack .info {
    border: 1px solid #dcdcdc;
    border-radius: .1rem;
    background-color: #fff
}

.feBack .info p {
    font-size: .28rem;
    color: #303030;
    line-height: .88rem;
    border-bottom: 1px solid #e0e0e0
}

.feBack textarea {
    border-radius: .08rem;
    display: block;
    width: 95%;
    height: .9rem;
    border: none;
    resize: none;
    background-color: #f5f5f5;
    color: #999;
    border: 1px solid #eee;
    padding-left: .2rem;
    padding-top: .1rem;
    font-size: .24rem
}

.checkbox {
    position: relative;
    height: .58rem;
    line-height: .58rem;
    border-bottom: 1px solid #e0e0e0
}

.checkbox input[type=checkbox] {
    position: absolute;
    left: 0;
    top: 0;
    width: .2rem;
    height: .2rem;
    opacity: 0
}

.checkbox label {
    position: absolute;
    left: .2rem;
    top: 0;
    height: .2rem;
    line-height: .2rem;
    width: 4rem;
    text-align: left;
    font-size: .24rem;
    color: #666;
    padding: .19rem 0
}

.checkbox label:after {
    content: '';
    position: absolute;
    right: -.3rem;
    top: .16rem;
    width: .2rem;
    height: .2rem;
    border-radius: .2rem;
    border: 1px solid #e0e0e0;
    text-align: center
}

.checkbox input[type=checkbox]:checked+label:after {
    background-color: #19b955;
    content: "√";
    border-color: #19b955;
    color: #fff;
    font-size: .18rem
}

.telBox {
    height: .62rem;
    overflow: hidden
}

.telBox span {
    font-size: .24rem;
    color: 121a
}

.telBox input {
    border: none;
    padding-left: .2rem;
    height: .58rem;
    line-height: .58rem;
    width: 95%;
    font-size: .24rem;
    background-color: #fff;
    border: 1px solid #e0e0e0;
    border-radius: .08rem
}

.telBox input::-webkit-input-placeholder {
    color: #8c8c8c
}

.telBox input:-moz-placeholder {
    color: #8c8c8c
}

.telBox input::-moz-placeholder {
    color: #8c8c8c
}

.telBox input:-ms-input-placeholder {
    color: #8c8c8c
}

.feSubmit {
    width: 5.4rem
}

.feSubmit input {
    display: block;
    width: 50%;
    height: .6rem;
    border: 0;
    background-color: #faa701;
    color: #fff;
    font-size: .28rem;
    border-radius: .08rem;
    line-height: .6rem;
    margin: auto;
    overflow: hidden;
    white-space: nowrap;
    margin-bottom: .2rem
}

.ruleMain {
    display: block;
    width: 4.68rem;
    height: 4.4rem;
    border: none;
    padding: 0 .26rem;
    line-height: .42rem;
    font-size: .24rem;
    color: #4c4c4c;
    margin: .2rem auto;
    overflow: auto
}

.ruleMain p {
    text-align: left
}

.ruleMain strong {
    display: block;
    color: #333;
    line-height: .52rem;
    font-size: .24rem;
    font-weight: 700;
    text-indent: 0;
    text-align: left
}

#aiyouzj-pop-bg,#aiyouzj-tips-bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    cursor: pointer;
    display: none
}

#aiyouzj-tips-bg {
    z-index: 999999
}

#aiyouzj-pop-bg {
    z-index: 999999;
    opacity: .4
}

#aiyouzj-pop-box,#aiyouzj-tips-box {
    text-align: left;
    padding: 0;
    position: fixed;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVQI12Ng4AUAABAADnbR7z4AAAAASUVORK5CYII=);
    box-shadow: 0 0 5px #000;
    display: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

#aiyouzj-pop-box {
    z-index: 999999
}

#aiyouzj-tips-box {
    z-index: 9999999;
    display: block
}

#aiyouzj-pop-box a:focus,#aiyouzj-pop-box a:hover,#aiyouzj-pop-box a:link,#aiyouzj-tips-box a:focus,#aiyouzj-tips-box a:hover,#aiyouzj-tips-box a:link {
    text-decoration: none
}

#aiyouzj-pop-box,#aiyouzj-pop-box a,#aiyouzj-tips-box,#aiyouzj-tips-box a {
    color: #272727
}

#aiyouzj-pop-content,#aiyouzj-tips-content {
    margin: 3px;
    padding: 0;
    overflow: hidden
}

#aiyouzj-pop-con,#aiyouzj-tips-con {
    height: 100%;
    width: 100%;
    background: #fff;
    overflow: hidden;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

#aiyouzj-pop-close,#aiyouzj-tips-close,#cboxNext,#cboxPrevious,#cboxSlideshow {
    cursor: pointer
}

#aiyouzj-pop-close,#aiyouzj-tips-close {
    display: block;
    position: absolute;
    top: -10px;
    right: -10px;
    width: 29px;
    height: 29px;
    overflow: hidden;
    text-indent: -999px;
    cursor: pointer;
    background: url(data:image/png;base64,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) 0 0 no-repeat;
    opacity: .9
}

#aiyouzj-pop-close:hover,#aiyouzj-tips-close:hover {
    opacity: 1
}

#aiyouzj-pop-box .aiyouzj-tips-iframe,#aiyouzj-tips-box .aiyouzj-tips-iframe {
    max-width: 500px;
    min-height: 72px
}

.aiyouzj-tips {
    overflow: hidden;
    border: 1px solid #fff;
    background: 0 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.aiyouzj-tips-title {
    height: 35px;
    line-height: 33px;
    padding: 0 50px 0 15px;
    border-bottom: 1px solid #e4e8ea;
    background: url(data:image/gif;base64,R0lGODlhAQArALMAAAAAAP////n7/Pj6+/f5+vb4+fX3+Pf6+/b5+vX4+fT3+PP29////wAAAAAAAAAAACH5BAEAAAwALAAAAAABACsAAAQWUEgxqh3nkL2RL2CRjKNhKGiqLOwSAQA7) 0 0 repeat-x #f7f9fa
}

.aiyouzj-tips-title h5 {
    font-size: 14px;
    font-weight: 700;
    color: #333
}

.aiyouzj-tips-cnt {
    padding: 10px;
    overflow: hidden;
    background: #fff
}

.aiyouzj-tips-tip {
    line-height: 48px;
    padding: 0 25px 0 53px;
    font-size: 14px;
    margin: 0 5px;
    background-position: 0 0;
    background-repeat: no-repeat
}

.aiyouzj-tips-tip.loadings {
    background-image: url(data:image/gif;base64,R0lGODlhIAAgAPcAAP///7Ozs/v7+9bW1uHh4fLy8rq6uoGBgTQ0NAEBARsbG8TExJeXl/39/VRUVAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFCgAAACwAAAAAIAAgAAAI+gABCBxIkOCCAwsKKlzIcOCBhwUJFGiocICBgg8PEBzAkSLBAg8DEMw4sADHAR5HPkQpkKTAkwRSDjTwkIFDiAAInJRJkMHDiwBcwuQ5cMABnxMfOsi5c6DOATFfMmCQcGCAnwp1ljwJdeCCqVNZGq3akGvHnmCnRvVodu3GtDZTPnW78CsDlnJ5EgBKtC9RsxxNLjBAuHBfwBwLK+Yr8+QCmAMGL/ZLWSZdipcZzvW4OaXZiQpNcuUJuGBpzHifclyruuvLy6oJdmbq+uVqAE1PgiYqWuzZ2Idv4z47vLbcpsWdIvcsPHlR4szxOneamWEBussrZzVOMSAAIfkEBQoAAAAsAAAAABgAEgAACIAAAQgcSLAggAEGEypkAIAhQQMLFEZUOJDBgQMJGWgs6FDggosYDWrsmBCkgYQLNhLsaAAkxYYMJhIkAFJmxoYEBFps6FIgAQMGEFZUWbBlToEDgAI9SoCB0JdIlUIsADXhT6lVFSY9mVVhgaddw3odQLYs2KpmzYolUHZBWbEBAQAh+QQFCgAAACwBAAAAHQAOAAAIiQABCBxIcOAABgUTKlwoEGHCAQwHEoBIkIFFggEiEjRggGJDAA4BUAzJkKMBAgMthiSpcYDJlApZMlzAceTFAiBFFsSpkIBJnAgRGvg40MCBA0MHDEA5kGYAj00JLjh69KRSpTwLDI14kOpRg1cJMNXo9QBUkVfPLjR6IGNPpWM1MoibUKxGjQEBACH5BAUKAAAALAcAAAAZABEAAAiBAAEIHAiAgAGCCBMqBLDAwAKEDxcWIIDQgEWCDDIuHDCg4sWBGjdyLDDQ4kGQDCImJMCxo0CTAheEXAigJUUAMAkwALCTpkCbOD/OROjyJ8ebBAf0rLk04QCkCpHuDOCTZs+mVSHGzOrTAEmuYMMmPEC27AGVYM2aFQuArAOzCwICACH5BAUKAAAALA4AAAASABgAAAiCAAEsIACgoMGDCAcsQAhgAEGGAhcsNLjAgAGIEScCIGDxIkSJGjsOwAiy4ICOGDMCKNDx4UeJDQMY0CiQAYOUBgoctMmAJkabAICmDBr05tCdRo8edKm0adOkKW9KdXrAIIORTpsaYHrUwIEDAah+/eoT4gAGYw9AxZnWo9IAZAEEBAAh+QQFCgAAACwOAAAAEgAeAAAImQABDCgAoKDBgwgFDkjIsOCAhwcHLFjQ8OFCgxMvJrRoUCLFihALTvzIkCOAkQ0dhswY0YABAgwJaCTg0qXGhgtqGiDZUOfLlB1tAkU4cKhRowySKhUIlAEAp1Cdplya9KjVgwStfjRw1SCDmw0JBDg4lqGBAzAFVm3I4IDbgwacggVAwO0BnkDPvrVql+vRAXav2s161CXDgAAh+QQFCgAAACwPAAEAEQAfAAAIjAABCBwIgEABgggTDhiQsGGBhQ0jLiQQkSCBhQwrCrwIUePGjgM5ehSIcQDFihwxaiyZUSPHkyMJwBxJE6GBmzgXaMTJ00DFngZ01hxKcwADBkI9Hj1ac+nShjpbCjyaVKBPpgN1MhB4oCuAgyQjdj1AEGvCsQO3VkRLk+1UtWcPOFDY0K3HBQeqagwIACH5BAUKAAAALAgADgAYABIAAAh9AAEIHEiwIIABCBMOKGCw4UCFCh06TLggIQGJGDNiHKAxowEDHDsa/EjyosiBBRaQNLBA5AAGJgmsDHnwgIGGDAwO+GgSAIMDB3ISJMCgKMYFQA+YFApgAVOHSW86LNpyZFKCT30aNZi0KsasAq9iPVDQa1mpA3OCPUmzY0AAIfkEBQoAAAAsAgASAB0ADgAACIkAAQgcSLCgQQAEDhIkwEChQQIDBiQ8aODAAQMOCUbcWECjxY8ZNW6MKJDBxwMMBmQkgHHgSJYnWyZcYHCAAQM0B0JUWfFAAII/AWBkQBRAgZsGJj4sqBJAQ6dQAdi8GXLgU4JFBS642bRqVKhXWVINWbQr0asAtrasihatS6UOu2IN6pXt2owBAQAh+QQFCgAAACwAAA8AGQARAAAIgAAXHBhI8ACAgwgTKjxYsODChwkFEnQwEKLFixgxFjCQseOCjg8ZgIQYIGEAAhgHQGTAQOXBlgsJDJiZ0CVHhCxFAjDAE4DMmQUSBlXIEiHPmz9dWmT5cWfPgzMHoHy4oKjRp1BpLk14tKbWhVav3kQ4FWJThAsMnB2p0EDZhAEBACH5BAUKAAAALAEACAARABgAAAh3AAccOGAAgMGDCA8aGDhwQcKHABgOZDAAIsIFEg9YTBhgYMGNHEGKHEmypMmTKDcuYMCgJEuWIF++BLmyJcICHx+ydHhwgQEDFQcINUggIYGfBgoAEFoRItKmTCEOQHow6kOkRQ1aTfizqdahDwl4/ToWpFgAAQEAIfkEBQoAAAAsAAACAA4AHQAACIoAAQgcCGCBAYIIBx44wCAhwoUHBjgcGADiRIULD15cYJFgQ4IQP3qUCIDAgQAEUYokMHHAR5ETFwiUeRFAAY01WzLYyROmwJ49E7rcCYBnzqMISV4cYMCAUoQEmkp1aFDqggJCrQ4kMACrwKhOCQ4Yy1Kg14EFxg4o61At24Rcx9ZUm1NuzgJvAwIAOw==);
    background-position: 3px 6px
}

.aiyouzj-tips-tip.alert {
    background-image: url(data:image/gif;base64,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)
}

.aiyouzj-tips-tip.succ {
    background-image: url(data:image/gif;base64,R0lGODlhMAAwAPcAAAAAAP///9/g3/v9+murJmmpJm2sKebp43SzKHGvJ26tJ3KuKleNFF+XFl6WFk16EkBmD0dyEUZvETlbDluSF0NqET5jEFODFl6SGVyOGne1KHayKXawLHu1L6+zql6VFWmiGGafF2WeF2OcF2WcF12PFUt1EWylGWulGWmhGGSaF2OZF2KXF2CTFl6RFlqNFVqKFVeFFFF+E2qjGViHFVWDFGaeGWidHFeFGWWWHoK/K4G+LHy5K3q1Kny2K321LXqzLX61L3ynP4axSWN7QZSwboaeZH6SYq7Gi7zUmuTu1tTdx0lsFGygHlyFGnOlJIW/K4nDLYG6K4a+LYS6LU9xG4G3LoK4L4G3MYW5Moe7NU5qJW6VNabCfMPYpPH26VV4GZTPMY/HMHmpKW6aJ4i7MIq9M3qmL3SgLYu9No6/OJXML5PFMo7AMYCtL46+NJHAOZPBO5TCPJbDPmaJIJ3SMoq5LaXZN5nMM2uOJZTCNqLSPJfEOZXCOou1N5fDPJjEPoarNpnFP5vGQJ3HQZ7IQvj69KPTM6raOpvGNZzGOp/IO5rFOp3HPpK4PKHJQ6LKRKXMRqTLRZi9QqjXNKPKPo+wOKjNQ6XLQ6XMRafNRqjOR6vQSazQSanOSazQS6THSabITLDaNXmWJqTKOK7TO6nOO67RQbDSRq7RSbHTS67RSqzPSbPUTK/STKbFR7LTTa7RTajGS7LSUa3MUqHDMrrZT7fWT7TUTrrYUrvZVL3aVrrXV7XSVZKsLLvbOr3bQ7XTRMDbU73ZU77aVbzZVMDbVr/aVsHcV8LcWb3ZWb3WXMDaX6zGNLnWQbfPR7vVSrzUUcTdVsffWcXeWcffWsXeWsTdWcngW8TdWsrhXcffXMngXcbfXcLZWsviX8XdX8vhZsPaZMjhPK/INrHKOMTcSMTcT8HWVMziX8/kYc3iYMvhX87jYcPXXM/jYszhYdHlZc7jZNLladbocNXV1P7+/vz8/Pv7+/j4+PX19fHx8evr6+Xl5cTExP///yH5BAEAAP8ALAAAAAAwADAAAAj/AAMIHEiwoMGDCBMqXMiwocOHECNKnEixosWCX7x0GTLkxg2OXbx8uajQUJIhTybRYiaOHj1xzGhNejIkiSGSBAcgaTJpGb158YKqUxd03jx6yyY1QTIApxcbk8LJS6ct3bp27Yaqw7rOqrxwk2x4uYjkyTJ206ph0/bNart379qt66pNm1p4y54gqdjFDbhuyK5RU6uNndW5XdOx04atGjVp28C56TKxix9wyIYZCzx4Gzd2oENr47bNGrVkyIwlY+eHMkQkfoflGjaMGLJk16xt88ytN+nS15IZI0abmOS9Dr08Uabr1q1cs4ltvpZN9+7d1q5dS00c+q1dyp6M/2U4wEavXK1a4XIOvfZm3NniJ0M9XHYu57hw6eplo+lCJI7oksoqqqiiHnu5FLPLMcY02OAxwxQzSRUTVGFJKwWqsosjyCVkSBO8uMIKK50MqAos6yGoSzEs6gKdIxZAIOMEgawyICzKNHFTQkk40ssmmmiyCSckruIKLCim6NySllQggQkPmCCBBYFwYmUujiShkBCzfJKJJJJkIuQmnhTpyomwpIdkkxHIEAMNMcggARhAbhJLL0IkpMQYvETyyCOQBCpJJJEI6YmVnayi6CpNmlADDC604AIND0hAaCSeKDOGEgj1OAskhBQiaiGACjpokGMGUoGjJbCgAgkrvP/wQB6BQhJJL1kiVAQonxQyyK+DECLsqH/+GaiqrLJgQwoprMAADssUG8ksoRSB0BC0eFKIINx2yy2wwQrrxqo1tLosCCJ8kIE7noRaCCSf9DIEQmT0Ocgc+M6BBgQTMOFGvvieQa65KYAQQgMYeLOJIL8SAu8yZCCUgzKSDCKHHHGQMYGMEFhwBhxxxCFwsucejAE6kQACCMMOc8JMDhIrE4kgGKNhwZNRSlDBGWqgMbCyBZuMDiQX/7HyIJCw8jK9vGhiMRxMtPlmnCZEkEMED5QLtMEIo1MIHCDL8ccfjWCyijcRH8RlJ4T0AUcFD0Aq6QtxyiADDS6sUDLC0Az/koYaaoDcB9mYwIKnrq+08sgfcNAhQwkrkEACCy2U8EIJLaiwNwbQ9KGFFmn8DUcffDRyyS2yWHsQEpbYggkjcDxzwQsrMGsDCSqs8GoIQfMNBxZZfB66GnrwUckpwnCI0BJkSHPKIn0s8swLH4gAAgjM8l4w1xQEk0YHQWABvBZmvAEHI5WgMg0ZSyCUDxfRBFMJH2808kwJDYQww/78z3AwBafQAgeAAITwAa98elDEJaARDS7kIyFdsMQ5nqcHMzDCGRTIHwpQcAIU+K8BFCgFFhbAgQEC4QdBuEIW3qCHRZziHJZwDUIO4IRzOMMUiXhDGfQQjAyGYIMo+N8e/7BggAUYsYQntEIZ3pAIUzjjHE44gELsUQQJnoIUeijDFfRQCgo4YAQhGIEDKLCHDhjgjEU8IhCU2MJTmMMSRbDHQg4gg2cAoxSJaEMZftCGUmCAARQA5B6AQIACEIAAaEzABoBwhTY0ERjPkIEUF2IPJDjBHMDAYRuo4AMzAIMNdmgDInpQgFKakgAKUOQPysAGUjjDHE5AghwZgo8i5MEcN8wjJ33ABjyIIQGFLOUhUalIH0yhl6UwRx6KgI+H6MMIozDHLw6BhzZMQQo92AACEqCAbnYzAQlAgAZ4MAUx4KEUwBiFEfQRkX0YgQ7OmCYe2BCFa/KgBxrIpz55wPaDHURBDGFAhDPoYIR9TEQfRQBDOX5BiTrgYQ1iiEIUoEBRHVBUogCtAyJIAYYisJMi+EACE0bxC4Yeog51WINKV7qGMIShDncoxSiYgIQHSsQe97hHPvQhACOMtBnj+IUoREGJQxyCEkgVxS9qMdMjCGAf+sDHPewxS4ZQNR/74IcA6lEPDxxhCyP1BTnIMY5xkKMZvpjpFo7gAX9wtR/8iCpVG4JTrPZjq/Xwh169SoQtbGECE/ArEdiqV71yVQBxxcdcrVpXfWSVH/2I7F0FQNnKWlay/ODHPqCq2Ko+hKpUzSlOc5pTfJiWtKQFLWhxwtqDBAQAOw==)
}

.aiyouzj-tips-tip.error {
    background-image: url(data:image/gif;base64,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)
}

.aiyouzj-tips-tip.cross {
    background-image: url(data:image/gif;base64,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)
}

.aiyouzj-tips-todo {
    padding: 7px;
    overflow: hidden;
    text-align: center;
    border-top: 1px solid #ddd;
    background: #f5f5f5;
    line-height: 1.1
}

.aiyouzj-tips-todo-left {
    text-align: left;
    padding: 9px 25px 5px 25px
}

.aiyouzj-tips-todo .tips-link {
    display: inline-block;
    float: none;
    height: 28px;
    line-height: 26px;
    text-align: center;
    overflow: hidden;
    cursor: pointer;
    font-size: 12px;
    padding: 0 12px;
    font-weight: 700;
    margin: 0 10px 0 0;
    border: 1px solid #ccc;
    background: url(data:image/gif;base64,R0lGODlhAgA4ANUAAAAAAP///9T6/NX6/Or+/+v+/+/+/8L3+cb4+sf4+sn4+sv4+sz5+875+9D5+9H6+9f7/Nn7/N38/dz7/N/8/eH8/eP9/uH7/OX9/ub9/uf9/sv5+uj+/vb///7+/v39/fz8/Pv7+/r6+vn5+fj4+Pf39/b29vX19fT09PPz8/Ly8vHx8fDw8O/v7+3t7f///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAC8ALAAAAAACADgAAAZewIBw6PF8jh8QKMQMiUSjEYlUKpmu2NMJhUqlVGDVasVitc4tl2vM7HQMhkKBQOBwNJpMBoOxWCoVFBQSEhMTEREQEAMDAgIPDw4ODQ0MDBsbCgoJCQgIBwcLCxcXQQA7) 0 0 repeat-x;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

.aiyouzj-tips-close {
    position: absolute;
    top: 12px;
    right: 13px;
    display: block;
    width: 11px;
    height: 11px;
    overflow: hidden
}

.aiyouzj-tips-close .close {
    display: block;
    width: 11px;
    height: 11px;
    overflow: hidden;
    text-indent: -999px;
    cursor: pointer;
    background: url(data:image/gif;base64,R0lGODlhCwALALMAAAAAAP///+/v79/f38/Pz5+fn39/fy8vLw8PD////wAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAAkALAAAAAALAAsAAAQuUBxEkiXoCAMATVhnhF6BdB/ZedV1rq27ArGKViRivBTHgq8R4uP6DAaW5DERAQA7) 0 0 no-repeat;
    opacity: .3
}

.aiyouzj-tips-close .close:hover {
    opacity: 1
}

.aiyouzj-tips-iframe {
    width: 100%;
    height: 100%;
    z-index: -3;
    position: absolute;
    background: 0 0;
    background-color: transparent
}

.aiyouzj-tips-todo .tips-link.tips-link-small {
    height: 23px;
    line-height: 21px;
    font-weight: 400;
    padding: 0 8px
}

.fixed {
    position: fixed
}

@media (max-width: 767px) {
    .list-page ul li {
        margin-left:2px;
        margin-right: 2px;
        font-size: 13px;
        padding: 8px 14px
    }

    .list-page ul li.visible-xs {
        display: inline-block!important
    }

    .hidden-xs {
        display: none!important
    }
}

.epipage {
    text-align: center;
    margin-bottom: 10px;
}

.epipage li {
    margin-bottom: 10px;
}

.epipage li {
    float: left;
}

.epipage li a,.epipage a,.epipage em {
    border: 1px solid #e0e0e0;
    font-style: normal;
    border-radius: 4px;
    width: auto;
    height: 38px;
    padding: 0px 12px;
    margin-top: 10px;
    text-align: center;
    line-height: 38px;
    display: inline-block;
    margin-right: 10px;
    font-size: 15px;
    background: #fff;
    color: #333;
}

.epipage li.cur a,.epipage em,.epipage a:hover {
    background: #9d9dfb;
    color: white;
}

.download {
    height: 60px;
    background: #40aae2;
    text-align: center;
    line-height: 60px;
    font-size: 30px;
    color: #fff;
    margin: 10px auto;
    display: none;
}

.download a {
    color: #fff;
    display: block;
}