/**
 * Swiper 3.4.2
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * 
 * http://www.idangero.us/swiper/
 * 
 * Copyright 2017, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 * 
 * Licensed under MIT
 * 
 * Released on: March 10, 2017
 */
.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    z-index: 1
}

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

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

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

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

.swiper-container-multirow>.swiper-wrapper {
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-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: 0 0 auto;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative
}

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

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

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

.swiper-wp8-horizontal {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-wp8-vertical {
    -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;
    -moz-background-size: 27px 44px;
    -webkit-background-size: 27px 44px;
    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-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-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-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-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-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-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-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-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;
    -moz-appearance: none;
    -ms-appearance: none;
    -webkit-appearance: none;
    appearance: none
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.swiper-pagination-progress.swiper-pagination-white {
    background: rgba(255, 255, 255, .5)
}

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

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

.swiper-container-3d {
    -webkit-perspective: 1200px;
    -moz-perspective: 1200px;
    -o-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;
    -moz-transform-style: preserve-3d;
    -ms-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, left top, right 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: -moz-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, right top, left 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: -moz-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 top, left bottom, 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: -moz-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 bottom, left top, 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: -moz-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-coverflow .swiper-wrapper,
.swiper-container-flip .swiper-wrapper {
    -ms-perspective: 1200px
}

.swiper-container-cube,
.swiper-container-flip {
    overflow: visible
}

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

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

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

.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,
.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;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-slide {
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

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

.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-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-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-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;
    -moz-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-zoom-container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: 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-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-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%;
    -moz-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
    -moz-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%;
    -webkit-background-size: 100%;
    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)
    }
}

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

.breadcrumbs {
    display: flex;
    align-items: center;
    margin-top: 19px;
    margin-bottom: 19px;
    font-size: 12px;
    color: #999999;
    white-space: pre;
    z-index: 1;
}

.breadcrumbs>div {
    display: flex;
    align-items: center;
}

.breadcrumbs>div a {
    transition: all 0.2s;
    color: #444;
}

.breadcrumbs>div span:not(:last-child)::after {
    content: ' > ';
}

.download-detail-header {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    margin-bottom: 36px;
    padding: 0 16px 15px 14px;
    width: 1200px;
    height: 283px;
    background-size: 100% 100%;
}

.download-detail-header.app {
    background-image: url(../images/app_detail_header_background.png);
}

.download-detail-header .main {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 185px;
    padding: 0 30px;
    width: 100%;
    height: 193px;
}

.download-detail-header .main .left {
    display: flex;
    gap: 22px;
    flex: 1;
    min-width: 0;
}

.download-detail-header .main .left .icon {
    width: 130px;
    height: 130px;
    object-fit: cover;
    border-radius: 20px;
    flex-shrink: 0;
}

.download-detail-header .main .left .content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 14px;
    flex: 1;
    min-width: 0;
    min-height: 130px;
}

.download-detail-header .main .left .content .title {
    font-size: 24px;
    font-weight: bold;
    color: #222222;
}

.download-detail-header .main .left .content .description {
    display: grid;
    grid-template-rows: repeat(2, auto);
    grid-template-columns: repeat(3, auto);
    grid-auto-flow: column;
    justify-content: space-between;
    gap: 14px 65px;
    font-size: 14px;
    color: #666666;
    white-space: pre-wrap;
}

.download-detail-header .main .left .content .description .score {
    font-weight: bold;
    color: #2e97ff;
}

.download-detail-header .button-wrap {
    display: flex;
    flex-direction: column;
    gap: 18px;
    flex-shrink: 0;
}

.download-detail-header .button-wrap>div {
    display: flex;
    justify-content: center;
    position: relative;
}

.download-detail-header .button-wrap>div .button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 186px;
    height: 55px;
    border-radius: 35px;
    background-color: #777777;
    background-size: 100% 100%;
}

.download-detail-header .button-wrap>div.android .button {
    cursor: pointer;
    border-radius: unset;
    background-color: unset;
    background-image: url(../images/button_background_1.png);
}

.download-detail-header .button-wrap>div.android .button::before {
    content: '';
    margin-right: 15px;
    flex-shrink: 0;
    width: 18px;
    height: 20px;
    background-size: 100% 100%;
    background-image: url(../images/android_icon_1.png);
}

.download-detail-header .button-wrap>div .button>span {
    font-size: 16px;
    font-weight: bold;
    color: white;
    line-height: 1;
}

.download-detail-header .button-wrap>div .qrcode {
    visibility: hidden;
    opacity: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    z-index: 1;
    right: 100%;
    width: 155px;
    padding: 8px 0 20px 0;
    background-color: #fff;
    box-shadow: 0 0 16px 0 rgba(100, 100, 100, 0.5);
    transition: all 0.4s;
}

.download-detail-header .button-wrap>div .qrcode img {
    width: 125px;
    height: 125px;
}

.download-detail-header .button-wrap>div .qrcode span {
    font-size: 14px;
    color: #999999;
}

.download-detail-header .button-wrap:hover .qrcode {
    visibility: visible;
    opacity: 1;
}

.main_layout {
    display: flex;
}

.main_layout>.left {
    width: 835px;
    padding: 15px;
}

.main_layout .h6 {
    color: #000;
    font-size: 18px;
}

.main_layout .h6::before {
    content: '';
    display: inline-block;
    width: 28px;
    height: 28px;
    margin-right: 5px;
    background: url(../img/news_icon_jj.png) no-repeat;
    background-size: contain;
    float: left;
}
.main_layout .right .h6::before{
    background-image: url(../img/news_icon_hot.png);
}
.main_layout>.left .content {
    line-height: 48px;
    font-size: 16px;
    color: #666;
    padding: 20px 15px;
}

.main_layout>.left .content p {
    text-indent: 2em;
    line-height: 32px;
    font-size: 16px;
}

.main_layout>.left .content h3 {
    color: #000;
    font-size: 18px;
    font-weight: bold;
    background: linear-gradient(to right, transparent, #00C6B1, transparent);
    padding-left: 10px;
    border-left: 2px solid #edf7ff;
    margin: 15px 0;
}

.main_layout>.left .content h3 span {
    color: #000 !important;
}

.main_layout>.right {
    width: 355px;
    margin-left: 15px;
    padding: 15px 0;
}

.main_layout .right .right_down {
    display: flex;
    flex-direction: column;
    margin-bottom: 10px;
    width: 100%;
}

.main_layout .right .right_down .flex {
    display: flex;
    position: relative;
}

.main_layout .right .right_down .mt-20 {
    margin-top: 20px;
}

.main_layout .right .right_down a img {
    width: 90px;
    height: 90px;
    border-radius: 10px;
    margin-right: 15px;
}

.main_layout .right .right_down a .flex_div {
    display: flex;
    flex-direction: column;
}

.main_layout .right .right_down a .flex_div h6 {
    font-size: 16px;
    margin-bottom: 20px;
    color: #000;
}

.main_layout .right .right_down a .flex_div h5 {
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 14px;
    color: #666;
}

.main_layout .right .right_down a .flex_div h4 {
    font-size: 14px;
    font-weight: normal;
    color: #666;
}

.main_layout .right .right_down a .li_down {
    max-width: 70px;
    min-width: 70px;
    width: 70px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    color: #fff;
    font-size: 18px;
    border-radius: 10px;
    background-color: #00C6B1;
    align-self: center;
    margin-left: auto;
    margin-right: 10px;
}

.main_layout .right .w_img {
    width: 100%;
}

.mt-30 {
    margin-top: 30px;
}

.public-right-game {
    margin-top: 20px;
}

.public-right-game .right_game_zx li {
    width: 100%;
    border-bottom: 1px dashed #999;
    padding-bottom: 14px;
    margin-top: 20px;
}

.public-right-game .right_game_zx li a {
    display: block;
    position: relative;
    font-size: 14px;
}

.public-right-game .right_game_zx li a p {
    width: 80%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.public-right-game .right_game_zx li a .p1 {
    color: #333;
}

.public-right-game .right_game_zx li a .p2 {
    margin-top: 10px;
    color: #999;
}

.public-right-game .right_game_zx li a .go {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url(../images/icon_album_more.png);
    background-repeat: no-repeat;
}

.public-right-game .right_game_zx li a:hover .p1 {
    color: #0f83ff;
}

.public-right-game .right_game_zx li a:hover .go {
    background-position: -20px;
}

.main_layout>.left .content img {
    width: 50% !important;
    height: auto !important;
    display: block;
    margin: 10px auto;
}

.fontas {
    font-size: 20px;
    color: #00C6B1;
    position: absolute;
    right: 29px;
    top: -6px;
    font-style: italic;
    font-weight: bold;
}

.gdInfoBox {
    margin: 30px 0;
}

.gdTitle {
    justify-content: space-between;
    color: #999;
    display: flex;
    align-items: center;
}

.gdTitle .titleL {
    font-size: 20px;
    line-height: 20px;
}

.boxCont {
    margin-top: 18px;
    display: flex;
    justify-content: space-between;
}

.boxCont ul {
    width: 415px;
    padding: 11px 20px;
    background: #f5f5f5;
    border-radius: 5px;
    font-size: 16px;
    color: #666;
    line-height: 36px;
}

.d_footer {
    background: #fff;
    font-size: 14px;
    padding: 28px 0;
    line-height: 24px;
    text-align: center;
    border-top: 1px solid #ddd;
    margin-top: 20px;
    color: #444;
}

.d_footer a {
    color: #444;
}

.pagination {
    margin: 60px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 9px;
}

.pagination .page-item {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 28px;
    border: 1px solid #d2d2d2;
    background-color: #fff;
    font-size: 14px;
    color: #999999;
    line-height: 1;
    transition: all 0.2s;
}

.pagination .page-item .page-link {
    display: flex;
    align-items: center;
    height: 100%;
    padding: 0 10px;
    color: #444;
}

.pagination .page-item:hover,
.pagination .page-item.active {
    color: white;
    border-color: transparent;
    background-color: #F35627;
}

.pagination .page-item:hover .page-link,
.pagination .page-item.active .page-link {
    color: #fff;
}

.public-game__info {
    margin: 25px 0;
    padding: 20px;
    background: #F9F9F9;
    border-radius: 8px;
    display: flex;
    flex-wrap: wrap;
    gap: 20px 0;
    font-size: 13px;
}

.public-game__info .public-info_Item {
    width: 32%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.public-game__info .public-info_Item:nth-of-type(3n+1) {
    width: 36%;
    padding-right: 10px;
    box-sizing: border-box;
}

.public-info_Item span {
    font-weight: normal;
    color: #353535;
}

.public-info_Item .public-info_label {
    font-weight: normal;
    color: #666666;
}

.public-info_Item .public-info_tab {
    padding: 0 12px;
    background: #EDEDED;
    border-radius: 18px;
    display: inline-block;
}

.public-info_Item .public-info_href {
    font-weight: normal;
    color: #666666;
    text-decoration: underline;
}

.public-info_Item .public-info_href:hover {
    color: #15BF6B;
}

.public-info_Item .public-info_href+.public-info_href {
    margin-left: 20px;
}

.public-game__hide {}

.public-game__hide .public-info_Item:nth-of-type(3n+1) {
    width: 32%;
    padding-right: 0;
}

.public-game__hide .public-info_Item:nth-of-type(2) {
    width: 0;
}

.public-game__hide .public-info_Item:nth-of-type(3n),
.public-game__hide .public-info_Item:nth-of-type(7) {
    width: 34%;
}

.detail-swiper {
    margin: 20px 0;
}

.detail-swiper .swiper {
    padding-bottom: 20px !important;
}

.detail-swiper .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 12px;
    max-height: 450px !important;
}

.detail-swiper .swiper-slide {
    /*max-height: 450px !important;*/
    /*width: auto !important;*/
}

.detail-swiper .swiper-button-next,
.detail-swiper .swiper-button-prev {
    display: none;
}

.detail-swiper .swiper-button-next {
    width: 37px;
    height: 37px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAlCAMAAADyQNAxAAAAWlBMVEUAAAAAAADp6ekAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAdHR0PDw/Ozs4JCQm/v78mJibS0tLExMS8vLy3t7cWFhbV1dXKysrKysqQkJCzs7N7YYQwAAAAHnRSTlOCAOp2SE57aFs+KB4SC4mF1oTNjNnQzMiH29TTtMXKcslbAAAA80lEQVQ4y5XU3baCIBCG4a8BlATLNM1+9v3f5mZvD2JmKOo9dD2LJQqDXV6wvjUwrbeBPc9UdAbPjIsF1VvIbC9V10DXdFztUW6fK4dXuU2plfRqm+rwrm5TffNWNf2/Yp9gHlfJ7J+K7NFId8ViUnx/60y3g9xnUgas40yDYGaHAAg2KhZgodhCZ84sPFSnxCZkebQosAtdM5aMQZkN+euj2HqnBai4w43mIzNtAQ005igZX0fJWImmMy0cJRM0upzAC/I/TleNjDoTA/1IBKfO1+MBVeRntZz9+NzX79AX97F+t+tz4tOZU59f38/C+lz9BWtjCRzkyEJAAAAAAElFTkSuQmCC);
    background-repeat: no-repeat;
    background-size: contain;
}

.detail-swiper .swiper-button-prev {
    width: 37px;
    height: 37px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAlCAMAAADyQNAxAAAAYFBMVEUAAAAAAAAAAADp6ekAAAAJCQkAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADT09POzs6/v78mJiYeHh4XFxcQEBDKysrExMS8vLwAAAC3t7ezs7OUlJSMjIzUNXT5AAAAIHRSTlOCAIDqSIR7d3ZoW04+KB4SC9rWzYyJh4bU0MxQyMa1spcQV0wAAAD9SURBVDjLldTbboMwDAZg46SEQ0Io9ARtt/d/y3mbqsaxS8R/5+hTQJFtqNIMtmsbbNrODuw8UbF38I7ro6JGi8CDdsxVqEGmDlx5BC3oU3WHT7m/lYfP8S8VcENh+FdjDVupxz9lIctlXtLS/qqIObqZmX0zkuolWq7spCflODpPOQJXwSDQnCEgYzk6mvWQIzJdWp5URKbl6KEgMk1STeapITKYVKu5XTSF7K7rojIyLaRsNtNZ+6+O1QeNkbHA2WqOJ/leA2TsIRiZyhWZkz1B7Gkm0RNR9vP3F+8v2asydkffVwFKM1Sex12zvXEb+h07p7C/9u/C8l79AUmHCsj5XcZIAAAAAElFTkSuQmCC);
    background-repeat: no-repeat;
    background-size: contain;
}

.detail-swiper .swiper-button-next::after,
.detail-swiper .swiper-button-prev::after {
    content: '';
}

.detail-swiper:hover .swiper-button-next,
.detail-swiper:hover .swiper-button-prev {
    display: block;
}

/* power */
.gRule {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 10;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .6);
}

.ruleTxt {
    position: absolute;
    z-index: 5;
    top: 120px;
    left: 0;
    right: 0;
    margin: auto;
    width: 525px;
    padding: 20px 20px 30px 30px;
    background: url(../img/qxtopbg.png) no-repeat;
    background-size: 100% auto;
    background-color: #fff;
    text-align: center;
    border-radius: 20px;
}

.gRule .gRclose {
    position: absolute;
    top: 10px;
    right: 9px;
    margin: auto;
    z-index: 10;
    cursor: pointer;
}

.gRule .gRclose i {
    display: inline-block;
    padding: 10px;
    width: 21px;
    height: 20px;
    background: url(../img/icon.png) no-repeat;
    background-size: 1000px 1000px;
    background-position: -240px -158px;
    position: relative;
}


.gRule .oTitle {
    position: relative;
    margin-bottom: 48px;
    text-align: center;
}

.gRule .oTitle p {
    display: block;
    font-size: 20px;
    font-weight: bold;
    line-height: 56px;
    position: relative;
    margin: 0 auto;
}

.gRule .gSure {
    display: block;
    cursor: pointer;
    border: 0;
    background: linear-gradient(129deg, #FE7342 0%, #F35627 100%);
    width: 253px;
    height: 58px;
    color: #fff;
    font-size: 24px;
    line-height: 58px;
    margin: 16px auto 17px;
    border-radius: 29px;
}

.ruleMain {
    display: block;
    height: 460px;
    border: none;
    padding: 0 18px 0 6px;
    line-height: 32px;
    font-size: 18px;
    color: #333;
    margin: 30px auto 30px;
    text-align: left;
    overflow: auto;
}

.ruleMain strong {
    display: block;
    font-size: 18px;
    color: #333;
    line-height: 36px;
    font-weight: bold;
}

.rulegMain p {
    margin-bottom: 8px;
    display: block;
}

.ruleMain p span {
    display: block;
}

.ruleMain p br {
    display: none;
}

.ruleBox:after {
    content: "";
    position: absolute;
    bottom: 108px;
    left: 0;
    right: 0;
    margin: auto;
    display: block;
    width: 100%;
    height: 43px;
    background: linear-gradient(0deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
    border-radius: 0px 0px 12px 12px;
}

/* Privacy */
.gPrivacy {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 10;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .6);
}

.privacyTxt {
    position: absolute;
    z-index: 5;
    top: 120px;
    left: 0;
    right: 0;
    margin: auto;
    width: 525px;
    padding: 20px 20px 30px 30px;
    background: url(../img/qxtopbg.png) no-repeat;
    background-size: 100% auto;
    background-color: #fff;
    text-align: center;
    border-radius: 20px;
}

.gPrivacy .gPclose {
    position: absolute;
    top: 10px;
    right: 9px;
    margin: auto;
    z-index: 10;
    cursor: pointer;
}

.gPrivacy .gPclose i {
    display: inline-block;
    padding: 10px;
    width: 21px;
    height: 20px;
    background: url(../img/icon.png) no-repeat;
    background-size: 1000px 1000px;
    background-position: -240px -158px;
    position: relative;
}


.gPrivacy .oTitle {
    position: relative;
    margin-bottom: 48px;
    text-align: center;
}

.gPrivacy .oTitle p {
    display: block;
    font-size: 20px;
    font-weight: bold;
    line-height: 56px;
    position: relative;
    margin: 0 auto;
}

.gPrivacy .gSure {
    display: block;
    cursor: pointer;
    border: 0;
    background: linear-gradient(129deg, #FE7342 0%, #F35627 100%);
    width: 253px;
    height: 58px;
    color: #fff;
    font-size: 24px;
    line-height: 58px;
    margin: 16px auto 17px;
    border-radius: 29px;
}

.privacyMain {
    display: block;
    height: 460px;
    border: none;
    padding: 0 18px 0 6px;
    line-height: 32px;
    font-size: 18px;
    color: #333;
    margin: 30px auto 30px;
    text-align: left;
    overflow: auto;
}

.privacyMain strong {
    display: block;
    font-size: 18px;
    color: #333;
    line-height: 36px;
    font-weight: bold;
}

.privacyMain p {
    margin-bottom: 8px;
    display: block;
}

.privacyMain p span {
    display: block;
}

.privacyMain p br {
    display: none;
}

.comment-info {
    position: relative
}

.comment-info .title-content {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 0 auto 30px
}

.comment-info .title-content .under-title-right {
    align-items: center;
    display: flex;
    justify-content: flex-end
}

.comment-info .title-content .under-title-right .btn {
    align-items: center;
    background: #F35627;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: 12px;
    height: 28px;
    justify-content: center;
    width: 66px
}

.comment-info .title-content .under-title-right .btn:hover {
    background: #d83923
}

.comment-info .show-box {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.comment-info .show-box .box1 {
    width: 114px
}

.comment-info .show-box .box1 .score {
    color: #00C6B1;
    font-size: 54px;
    font-weight: 700;
    line-height: 54px
}

.comment-info .show-box .box1 .score.no-score {
    color: #999;
    font-size: 23px;
    font-weight: 400;
    line-height: 24px;
    padding: 15px 0 0;
    text-align: center
}

.comment-info .box2 {
    height: 72px;
    margin: 0 7px -3px 0;
    overflow: hidden;
    width: 66px
}

.comment-info .box2 .star {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAAS1BMVEUAAADLy8vLy8vLy8vNzc3KysrMzMzMzMzMzMzOzs7R0dHKysrLy8vLy8vLy8vKysrLy8vKysrLy8vKysrOzs7Ly8vMzMzR0dHKysqmG6b0AAAAGHRSTlMAhPtPL5tXNicSBfHq4dfUtK6Mb0MiHguVtYixAAAAf0lEQVQY05XQSQ7EIAxEUdvMZJ7r/ifttBQgCav8HU9Ctkw5ralunmuLbRsrVICqcAKmtwUBJKTXsWm3KmtwZqxand4OCiNejf8P/DS+BjeFmryC75P1nnJ7wp1KNqG9oUlobtgBwixAV8wDgyNyA1AGLcKRziLLkpF1vjTTp35o9wsddAyM7gAAAABJRU5ErkJggg==) 50%/cover no-repeat;
    float: left;
    height: 12px;
    margin: 0 1px 3px 0;
    width: 12px
}

.comment-info .box2 .star.light {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAABShJREFUaAXtWVuIHEUUvbcnM+PqKBqNJkoMCqIg0Q8xKPijiCDGCJKgIooQdP0wqCAu++6dfbHih64PXDXgAxEm4ocGPzVG8Wc/hIhBEYQYYjQxq+iazc6jy3N7umZ7px/T3dON+5GGnqq699a551bdruquIcrwGi6Xt8qdoQtalyW4qlsPOfjfZeXHyApYcJWiB+XO0kdmAQwPl29VpK6SW+pZBZFZAA1upQ+562kHkkkAlUolx0S7NFmpi0y30ywzCeDQ4cO3K6U2aqJSF5lup1lmEoBqkF59Wlz9ZC1lF5XUA5idnS0S0/0eTpDZOo+iO0HqAZxYWLgbKXNhOy2Ria5d3m079QAsn/TRJMN02iZuiQUivcs0zVK1QSewhfX4o/JSIUeXwm7RXx9fmuoM1Cy+L5i8kFM9TZv4RIN6pBoACHpWH6/jKDbeXkGS1FJoamrq4sWl6nEEkQ9y1pRzrdRT2DQwMHAq3C6aNrUZOH2mtrMzeSGl8k3baAQ7WdkzMGiat7HFN1tEBVYqz0wFxZTHm6SMZgHtPFlUwPput0WOjs222Ii9omtBbkMnh009nwTmj6Soir41lDVFVIWsBn1V2mRQFZh2W+QsNrBXzDWMelUZan7SNL+2vwcuW79+/vdTCw+TpZ4EkLwG46fpSn7ttl1xydxtl+2KRVhNbQBmM1hX35Yf6YrR1JfIW2ZoKIPfAOfXRb/qGRgcGcNDqN7EplPSnddSycxYfvmJyfLoh5rXqgBEiDX6ulqDPkKc12ujtVAy8ff5HO0Evx/cfDwPsRjAcBuifddt+H/WhYtwaicvnDwz4CY6NDK221LqFaRVwM7qts6izksG856J8ujeIPTQAKQTor7BSalrgkCykCNlfnJS5lAYfscApPPMzMz5f/+7tBcPd+srKwy0Wx1SZt8F5/Xs7uvr+6cTVqQANAhSag8e7hcRSEHL0ixBvIqRfw4pg7SNdsUKQCBxwoANz9qHQLZEcxHNCsSPGGTsGh8fmY/Wo2kVOwDpNj09fdHi6eX3EMT2OM6CbEF+f+nc4qP9/f1/BtkEyT3LaJChWy6OOEdvuWXd1AUrCXnxmSgA6ags2iFlGhc++O9NipMoADzEknr3JHXq6ce03cH0qDoJEh021Zm3KUs92wk8hr70xcEvP/vqwIFjMfrYpolmAK+Giac8kGBCzGQBWBkEkBAz9jKKV4srqw11JHAk3QrmX+2mUpe7xUH1Qo63AP+XIL2fPPYM1C2OmD5cKRi0VW68M1b8nLfLomOv9Iz9Dw02r9AA8DrwFwg/hY+OD1bc0AP4WPoEi++rWG08p3bazsF+TbejlLFSCNMrB1d/gEjRDxw76udUXPfY5NDQUT/94MTEZlquvwOid/jpEfgyDr4ugZ/IB1+xZqBOdJcfeYz6GaxM/XgJexn11udrO0kJDDNwJ14Kn8aXyDTq56y2UcU6MXzQx6vlwa1Yz4DfjolR/zZv0E2T4+ZLYeQ1BbERW+kjfbVcl34+tM6vjJxCmFYD6fMbZsA5OuGGwfTC5is2jfb29srxR+xrbm4uf/TY8TFL0fPAdTZVPok02gh/rnOJYOjIKQSGt7TIM//MBj0yYZrfBEN31jiBD+Bcar+y+H2c31wtPmrE8EWRsKOnkLNTYtrfxtJ4Iw6VIjnoHAaRYAmmYNv2MXblyDOAgyacVBg7sDx+GoVUXBtn5XncXm4t9Uzc/qH28g8jDm+d3A81TUUpvrL6VzMVgmdBzo7AGhqB/wBRXc0AlvxZrQAAAABJRU5ErkJggg==)
}

.comment-info .box3 {
    margin: 0 0 -9px;
    overflow: hidden;
    width: 440px
}

.comment-info .box3 .p-out {
    background: #edeff2;
    border-radius: 3px;
    height: 6px;
    margin: 0 auto 9px;
    overflow: hidden
}

.comment-info .box3 .p-out .p-inner {
    background: #7a7d7f;
    border-radius: 3px;
    height: 100%
}

.comment-info .divide {
    background: #dedede;
    height: 71px;
    margin: 0 0 0 25px;
    opacity: .4;
    width: 1px
}

.comment-info .box4 {
    width: 137px
}

.comment-info .box4 .title {
    color: #666;
    font-size: 14px;
    line-height: 14px;
    margin: 0 auto 4px;
    text-align: right
}

.comment-info .box4 .rate {
    color: #333;
    font-size: 30px;
    font-weight: 700;
    line-height: 30px;
    text-align: right
}

.comment-info .box4 .count {
    color: #38f;
    cursor: pointer;
    font-size: 14px;
    line-height: 14px;
    margin: 10px auto 0;
    text-align: right
}

.comment-info .box4 .no-comment {
    color: #999;
    font-size: 23px;
    line-height: 24px;
    margin: 20px auto 0;
    text-align: right
}

.comment-info .box4 .user-attitude {
    color: #38f;
    font-size: 14px;
    line-height: 20px;
    margin: 7px auto 0;
    text-align: right;
    white-space: nowrap
}

.comment-info .rule-desc-toast {
    align-items: center;
    background: rgba(0, 0, 0, .5);
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 10
}

.comment-info .rule-desc-toast .rule-box {
    background: #fff;
    box-sizing: border-box;
    padding: 40px;
    position: relative;
    width: 611px
}

.comment-info .rule-desc-toast .rule-box .close-icon {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAPFBMVEUAAACbm5ubm5ubm5ulpaWzs7Obm5ubm5uampqbm5uenp6ampqbm5ubm5ubm5ubm5ucnJybm5ufn5+ampqVjIr2AAAAE3RSTlMA78yEEQq/M5JVF9em4MubSEAl9DpraAAAAHZJREFUKM/d0TcOgEAMRFHDEpYcfP+7sgHLxYxEzzQuXvVlSTs7YZveoy3zoGtVzY6qxQetjqrNLdKbo44i7lzdUdFR3UHBXZm7Uo+m3EHBTcG3wheA93ofV+7Wu3O3Xuvn+qP/SjRFX2bJzv+bNS/w/x5JP/YAsYARi2u6naUAAAAASUVORK5CYII=) 50%/cover no-repeat;
    cursor: pointer;
    height: 15px;
    position: absolute;
    right: 16px;
    top: 16px;
    width: 15px
}

.comment-info .rule-desc-toast .rule-box .mian-title {
    color: #333;
    font-size: 18px;
    font-weight: 700;
    margin: 0 auto 10px;
    text-align: center
}

.comment-info .rule-desc-toast .rule-box .content {
    min-height: 420px
}

.comment-info .rule-desc-toast .rule-box .content .rule-item {
    margin: 0 auto 12px
}

.comment-info .rule-desc-toast .rule-box .content .rule-item .title {
    color: #333;
    font-size: 16px;
    margin: 0 auto 5px
}

.comment-info .rule-desc-toast .rule-box .content .rule-item .text {
    color: #666;
    font-size: 14px;
    line-height: 24px
}

.comment-info .bottom-info {
    align-items: baseline;
    display: flex;
    justify-content: flex-start;
    margin: 6px auto 0
}

.comment-info .bottom-info .label {
    align-items: center;
    display: flex;
    height: 16px;
    max-width: 84px;
    white-space: nowrap
}

.comment-info .bottom-info .label .text {
    color: #333;
    font-size: 16px;
    margin-right: 4px
}

.comment-info .bottom-info .label .icon {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAjVBMVEUAAACXl5esrKydnZ2YmJiYmJicnJyampqGhoaYmJiYmJiYmJiXl5eXl5eYmJiXl5eYmJiampqZmZmbm5unp6eJiYmJiYmPj4+Hh4eHh4eIiIiampqGhoaIiIiLi4uGhoaHh4eGhoaHh4eHh4eHh4eHh4eHh4eIiIiHh4eGhoaHh4eHh4eKioqXl5eGhob+dOHMAAAALXRSTlMA8wYYwJYmE/fj3tnOx6uCfkdBOAwyKwvbv1Yt50QR6tPOtKuiiYN/ypJsZjvw4p4zAAABTUlEQVQ4y4WT12KDMAxFbWLAYUOBQFaz03X1/59XUqlxEh44T0K2uZrK4ZW+ibWOjV96aszM17ij/dnLsZdrICmqoK6DqkgAnXtPz1MgC9x3kAHpw09Wc0Rv6om3CPPV/f0cJlQvhAbzmeinMN6/e7NsFuI2SNmdI5L3zY4G7JmvhBHyPwEN0f+2tD6c9kR7j+OAvon4yCQUS5+3k6WlC3sy+IOUhuR3op6NM3WSLbSnSiSK6WjJxoZIAk1QDgqFRG2pYeuHaMtWMWgYVIppW0n2QmtxVTAqlhAcjaWrmAFipVE/n7fvtFuIXUO7C+78I1TuwqtEuKae34sEB+k4UicZSJCcpsNKMVyaUiihJeIeu0JJqYXmcGTDlZqbNUaa5dotNKLg2i0DI1zJckNkYEYj1xN9qYeRGw3tpuu3o6GdGPuJxZlcvenlnVz/X4zZIsJAoCLPAAAAAElFTkSuQmCC) 50%/cover no-repeat;
    cursor: pointer;
    display: block;
    height: 16px;
    width: 16px
}

.comment-info .bottom-info .relative-game-compare {
    color: #999;
    font-size: 12px;
    margin: 0 0 0 30px
}

.cmt-item {
    margin: 0 auto 43px
}

.cmt-item:last-child {
    margin: 0 auto
}

.cmt-item .item-main {
    position: relative
}

.cmt-item .item-sub {
    box-sizing: border-box;
    padding: 33px 0 0 64px
}

.cmt-item .item-sub .item-sub-list .cmt-unit {
    margin: 0 auto 33px
}

.cmt-item .item-sub .item-sub-list .cmt-unit:last-child {
    margin: 0 auto
}

.cmt-item .item-sub .cmt-bottom-btns {
    margin: 33px 0 0 64px;
    overflow: hidden
}

.cmt-item .item-sub .cmt-bottom-btns .triggle {
    align-items: center;
    display: flex;
    float: left;
    justify-content: flex-start
}

.cmt-item .item-sub .cmt-bottom-btns .triggle .triggle-item {
    align-items: center;
    color: #333;
    cursor: pointer;
    display: flex;
    font-size: 13px;
    justify-content: flex-start
}

.cmt-item .item-sub .cmt-bottom-btns .triggle.fold-up .triggle-item:after,
.cmt-item .item-sub .cmt-bottom-btns .triggle.get-more .triggle-item:after {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAPVJREFUSA1jYBgFoyEw6EOAEdmFM2fOzAHyS4E4IT09fT+yHDHsefPmif7582c9UO3HtLQ0b5AeJmSNjIyM3EC+HBBvAVrmiCxHiA01fP////+tgWr5YepRLEhNTe0CSswBYi4gJtoSJMO1gY68ysLCEgizACWIQIJAFzDOAgIgMwWIvwGxD77gwmK4Y1JS0mugPjDAsAAkSqwlhAwHmYXVAmIsIcZwvBbgs4RYwwlagM0SYCQmAsXrgMEIi1CUMAfpQQY4gwhZEVqcgKWgqQWv4SCFRFkAUohsCbGGg/SRBECWADOgzapVq3hI0jiqeDQEKAoBAOtDow8c5sp7AAAAAElFTkSuQmCC) 50%/cover no-repeat;
    content: "";
    display: block;
    height: 12px;
    margin: 0 0 0 5px;
    width: 12px
}

.cmt-item .item-sub .cmt-bottom-btns .triggle.fold-up .triggle-item:after {
    transform: rotate(180deg)
}

.cmt-item .item-sub .cmt-bottom-btns .cmt-say-also {
    align-items: center;
    border: 1px solid #e3e3e3;
    border-radius: 3px;
    box-sizing: border-box;
    color: #333;
    cursor: pointer;
    display: flex;
    float: right;
    font-size: 12px;
    height: 28px;
    justify-content: center;
    width: 90px
}

.cmt-item .item-sub .also-said-main {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    margin: 18px auto 0
}

.cmt-item .item-sub .also-said-main .also-said-form-area {
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: flex-end;
    width: 100%
}

.cmt-item .item-sub .also-said-main .also-said-form-area .also-said-input {
    background: #fff;
    border: 1px solid #e1e2e6;
    border-radius: 6px;
    box-sizing: border-box;
    color: #333;
    display: block;
    font-size: 13px;
    height: 94px;
    line-height: 21px;
    outline: none;
    padding: 12px 16px;
    resize: none;
    width: 100%
}

.cmt-item .item-sub .also-said-main .also-said-form-area .publish-said {
    background: #F35627;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    font-size: 12px;
    line-height: 28px;
    margin: 12px 0 0 auto;
    position: relative;
    text-align: center;
    transition: all .3s ease;
    width: 68px
}

.cmt-item .item-sub .also-said-main .also-said-form-area .publish-said:hover {
    background: #d83923
}

.cmt-unit .clear-fix {
    clear: both
}

.cmt-unit .icon-box {
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 50%;
    box-sizing: border-box;
    float: left;
    height: 48px;
    margin: 0 16px 0 0;
    width: 48px
}

.cmt-unit .icon-box .icon {
    background: 50%/cover no-repeat;
    border-radius: 50%;
    height: 100%;
    width: 100%
}

.cmt-unit .main {
    float: left;
    padding: 0;
    width: calc(100% - 64px)
}

.cmt-unit .main .main-1 {
    align-items: center;
    display: flex;
    justify-content: flex-start
}

.cmt-unit .main .main-1 .nick {
    color: #333;
    font-size: 13px;
    font-weight: 700;
    line-height: 13px;
    margin: 0 6px 0 0
}

.cmt-unit .main .main-1 .tag {
    color: #333;
    font-size: 12px;
    margin: 0 6px 0 0
}

.cmt-unit .main .main-2 {
    font-size: 14px;
    line-height: 22px;
    margin: 12px auto 16px;
    word-break: break-word
}

.cmt-unit .main .main-2 .reply-to-user {
    font-weight: 700
}

.cmt-unit .main .cmt-unit-img {
    background: 50%/cover no-repeat;
    cursor: pointer;
    margin: -8px 0 15px;
    width: 230px
}

.cmt-unit .main .main-3 {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.cmt-unit .main .main-3 .left {
    align-items: center;
    display: flex;
    justify-content: flex-start
}

.cmt-unit .main .main-3 .left .publish {
    color: #9195a3;
    font-size: 13px;
    line-height: 13px;
    margin: 0 30px 0 0
}

.cmt-unit .main .main-3 .left .edit {
    color: #38f;
    cursor: pointer;
    font-size: 13px;
    line-height: 13px;
    margin: 0 24px 0 0
}

.cmt-unit .main .main-3 .left .delete {
    color: #F35627;
    cursor: pointer;
    font-size: 13px;
    line-height: 13px;
    margin: 0;
    position: relative
}

.cmt-unit .main .main-3 .left .delete .delete-confirm {
    -webkit-animation: slideDown .5s ease;
    animation: slideDown .5s ease;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .06), 0 1px 10px 0 rgba(0, 0, 0, .05);
    box-sizing: border-box;
    height: 110px;
    left: -12px;
    padding: 20px;
    position: absolute;
    top: 22px;
    width: 208px;
    z-index: 11
}

.cmt-unit .main .main-3 .left .delete .delete-confirm:before {
    border-bottom: 8px solid #fff;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    content: "";
    left: 20px;
    position: absolute;
    top: -8px
}

.cmt-unit .main .main-3 .left .delete .delete-confirm .title {
    color: rgba(0, 0, 0, .65);
    font-size: 14px;
    line-height: 22px;
    margin: 0 auto 16px
}

.cmt-unit .main .main-3 .left .delete .delete-confirm .btns {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.cmt-unit .main .main-3 .left .delete .delete-confirm .btns div {
    border-radius: 3px;
    box-sizing: border-box;
    cursor: pointer;
    font-size: 12px;
    line-height: 28px;
    text-align: center;
    width: 76px
}

.cmt-unit .main .main-3 .left .delete .delete-confirm .btns div.cancel {
    border: 1px solid #d9d9d9;
    color: #333
}

.cmt-unit .main .main-3 .left .delete .delete-confirm .btns div.confirm {
    background: #F35627;
    color: #fff
}

.cmt-unit .main .main-3 .right {
    align-items: center;
    display: flex;
    justify-content: flex-end
}

.cmt-unit .main .main-3 .right .dis-praise,
.cmt-unit .main .main-3 .right .praise,
.cmt-unit .main .main-3 .right .reply {
    align-items: center;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    margin: 0 0 0 17px
}

.cmt-unit .main .main-3 .right .dis-praise span,
.cmt-unit .main .main-3 .right .praise span,
.cmt-unit .main .main-3 .right .reply span {
    color: #333;
    font-size: 13px;
    line-height: 16px
}

.cmt-unit .main .main-3 .right .dis-praise:before,
.cmt-unit .main .main-3 .right .praise:before,
.cmt-unit .main .main-3 .right .reply:before {
    background: 50%/cover no-repeat;
    content: "";
    height: 16px;
    margin: 0 5px 0 0;
    width: 16px
}

.cmt-unit .main .main-3 .right .reply:before {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAAEEfUpiAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAIKADAAQAAAABAAAAIAAAAACshmLzAAAEA0lEQVRYCbVXySv9URQ/79szZNjIgigLG8POkI0omcpC2SgKxYYNSlJ2VrKQFXt/gIUshI0MUTYKWVhQQhnKVOb7u5/z3r3vvve93/e+ht+t1z3fc+4Z7xnuCwi5yFiOATOoERUVFSEaWOrq6sTq6qqorKwUgbgyhoaGiGWAH7/U1FSilpYWcImmpiZxcHAgCB/l5eXYotbb25toaGgQLGJvby/WPEpKSqKysrKQDhc1jDg9PSVWoWRLQxSod5cfsdKcm5sb2traisVTX19fCGfzQMnf2NgIeeFiDyNeXl4oqIg62hJRXV1NMzMzTNIHbLHIy8sj9gLcOTk5tLS0RM3NzcwJ45lJGQRjLy8v1afedRweHx+pv7+fjo+PlVnWPRgM0sDAAHV1dYXoEFVbWyvOz8+1VD8ALMKFs5NPT08Eh9QyI6Jw2M3o1NfX0/r6eiSM5kFbxEy6CeusN5F+YOkmOY5kh78TExNC5r8f1/nM5+enLoKodAX14eGBibgypG9jY6OQd8q/29tbAWZz6Ws0zZbRpeTkZBPlCVsFeJ62EHSuzs/P0+zsLH18fFiORVBFRUU0NzdHmZmZIST8QfX39vaK9/d30z0rvLm5yTG6vr5mOiGb4hWlTQqyFtmL5ezu7nKGRYxMDCFrkb1YQVQ1t7wwH/qhNDP8Fb3ZMlQHUR1VnUB9J9p/nMpKsMuCb7uAgpDBVAJ1M9OIBICTm5tLZ2dnCY55k53i4mI6OTmhr68v71MxFLjZ2trKWK6Fw8ND6u7u5vrOysqikZERQsfB6ujooLu7O4ZlptL9/b3uwEBGFROsWFxcpJ2dHULzXF5epvHxcaqpqWEBqFBdA4yRiRTeeUNAMzIyaG1tjfu7LXHM84CjLIgl+vmOKwDX+/z8TPDdvGpfggMBHuPp6ekUkLDXigrB0dERjY6O0tXVFZ8HI0KC90A8ITbhMBiGo2iV8RifU1NTVFJSEmGRRF5o7Ggrg4ODrr6rzvxmRy+HbOiALrV4KEjPmdDe3q7w/22HDhgBnVjcTOQE4pAUFBREQvOfIKVD6eQcUFXsdc/xGpSXneYzwjyjdCidUUloHjTh7/ZokzcR/Ot+nkhBIrqvCPzlFcQaxAaomYr5alt/eQVKh9LJV1BVVcUNB8P84uLCZsOf4CAbOtDcoJOXKng8dOQI4hqV/0LE9va2r4eS4vfa8diCLMhE/UOHelSBxzUL8F9hYWGBVlZWeNDKDqa9x4ycnJzkb8zQ6elp2t/f13QbgLFYWFhI8pVLbW1trnHoMsAmBONxbGyMsrOzCQa+vr5SSkoKdXZ2Uk9PD6WlpdnYfOF8VQG6FwZSfn4+DQ8PU2lpqS/hfg75ioAfQT898w/VfT8UsABC/AAAAABJRU5ErkJggg==)
}

.cmt-unit .main .main-3 .right .praise {
    background: #fff
}

.cmt-unit .main .main-3 .right .praise:before {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAjVBMVEUAAAAzMzM0NDQzMzMzMzM0NDQzMzM6OjozMzMzMzM0NDQ1NTU4ODgzMzMzMzM0NDQzMzMzMzM0NDQ3NzdAQEAzMzMzMzM0NDQ0NDQzMzM0NDQ0NDQ0NDQ1NTU2NjY+Pj4zMzMzMzMzMzMzMzM0NDQ1NTU0NDQzMzMzMzM0NDQ0NDQzMzM1NTU2NjYzMzMdkdEVAAAALnRSTlMAqkpV6Lb2EOymgyMU8N+tknhtGwTk17yIfWRdWDcYCs+hl3M8McvFsJ2Ni0RC7fXOcQAAAQ5JREFUOMuVkddygzAQRZcSYXoxpmO6e+7/f16CHMiEIBKfB+1I94zKil7ElMvN3APg9OJcBmIHtikUXHQUSvBEeWhjTzQgEp9Qf44aduIT/PEhcAR5CXbk+8QC4QRjLAYSUQ+caqwxEplTanNW9UUQgz34RMUE86fbP9cU4gRvX5yB/Nl/hpOuw6YlAWpeUzRE2ooQ7sBvpaMQtOcM/rcSFIGgQ54Fa02Q/hIuPwT1t1Bj2BYYqlk4rggmDrQpZJC2BRf5t7DHYZlrDNam0MGlLcFSMRDnhnQUnMVPXaYN6AFmZD5sPzWSu9e216bRdSlCpE3yHWtEJs30xrX1bomR+l0QZFmeF4XyHtL/+AAT+iESnVEFlAAAAABJRU5ErkJggg==)
}

.cmt-unit .main .main-3 .right .praise.active span {
    color: #F35627
}

.cmt-unit .main .main-3 .right .praise.active:before {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAaVBMVEUAAAD/NDT/NDT/MzP/NDT/MzP/MzP/Ojr/MzP/MzP/MzP/NTX/MzP/MzP/MzP/MzP/MzP/MzP/NDT/NDT/NDT/MzP/MzP/NTX/Nzf/VVX/NDT/NDT/MzP/NTX/NDT/Ozv/Ojr/////MzN+ek1oAAAAInRSTlMAmWL1/GREC9aOdGVP7+ni2r6tgHptVEoiA+ymWjAsGhYB6k1tAQAAAKNJREFUOMut0MkOgzAMRVEDaULSMJSZzvX/f2RRhg2K8Ya7fUeOFDg3lTVN9jkAHW5VC7kv6OpIMHpQkOCGPkXs77CLNb3/4oEW0hkMPdK7FBGMaZBhTBQuUZQmbMMd5w0ksv44Il7ToHRA0wC//nUayAguBHhyYOKA5cCLAUJFkFP/wADNAcmAemWAgWNQKw80BSbwzQQYINZXaKHfzW0OJ/UHPw5BvBILjtMAAAAASUVORK5CYII=)
}

.cmt-unit .main .main-3 .right .dis-praise {
    background: #fff
}

.cmt-unit .main .main-3 .right .dis-praise:before {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAjVBMVEUAAAAzMzM0NDQzMzMzMzM0NDQzMzM6OjozMzMzMzM0NDQ1NTU4ODgzMzMzMzM0NDQzMzMzMzM0NDQ3NzdAQEAzMzMzMzM0NDQ0NDQzMzM0NDQ0NDQ0NDQ1NTU2NjY+Pj4zMzMzMzMzMzMzMzM0NDQ1NTU0NDQzMzMzMzM0NDQ0NDQzMzM1NTU2NjYzMzMdkdEVAAAALnRSTlMAqkpV6Lb2EOymgyMU8N+tknhtGwTk17yIfWRdWDcYCs+hl3M8McvFsJ2Ni0RC7fXOcQAAAQ5JREFUOMuVkddygzAQRZcSYXoxpmO6e+7/f16CHMiEIBKfB+1I94zKil7ElMvN3APg9OJcBmIHtikUXHQUSvBEeWhjTzQgEp9Qf44aduIT/PEhcAR5CXbk+8QC4QRjLAYSUQ+caqwxEplTanNW9UUQgz34RMUE86fbP9cU4gRvX5yB/Nl/hpOuw6YlAWpeUzRE2ooQ7sBvpaMQtOcM/rcSFIGgQ54Fa02Q/hIuPwT1t1Bj2BYYqlk4rggmDrQpZJC2BRf5t7DHYZlrDNam0MGlLcFSMRDnhnQUnMVPXaYN6AFmZD5sPzWSu9e216bRdSlCpE3yHWtEJs30xrX1bomR+l0QZFmeF4XyHtL/+AAT+iESnVEFlAAAAABJRU5ErkJggg==);
    transform: rotate(180deg)
}

.cmt-unit .main .main-3 .right .dis-praise.active span {
    color: #F35627
}

.cmt-unit .main .main-3 .right .dis-praise.active:before {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAaVBMVEUAAAD/NDT/NDT/MzP/NDT/MzP/MzP/Ojr/MzP/MzP/MzP/NTX/MzP/MzP/MzP/MzP/MzP/MzP/NDT/NDT/NDT/MzP/MzP/NTX/Nzf/VVX/NDT/NDT/MzP/NTX/NDT/Ozv/Ojr/////MzN+ek1oAAAAInRSTlMAmWL1/GREC9aOdGVP7+ni2r6tgHptVEoiA+ymWjAsGhYB6k1tAQAAAKNJREFUOMut0MkOgzAMRVEDaULSMJSZzvX/f2RRhg2K8Ya7fUeOFDg3lTVN9jkAHW5VC7kv6OpIMHpQkOCGPkXs77CLNb3/4oEW0hkMPdK7FBGMaZBhTBQuUZQmbMMd5w0ksv44Il7ToHRA0wC//nUayAguBHhyYOKA5cCLAUJFkFP/wADNAcmAemWAgWNQKw80BSbwzQQYINZXaKHfzW0OJ/UHPw5BvBILjtMAAAAASUVORK5CYII=);
    transform: rotate(180deg)
}

.cmt-unit .main .main-4 {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    float: right;
    justify-content: flex-end;
    margin: 18px auto 0;
    width: 100%
}

.cmt-unit .main .main-4 .reply-input {
    background: #fff;
    border: 1px solid #e1e2e6;
    border-radius: 6px;
    box-sizing: border-box;
    color: #333;
    display: block;
    font-size: 13px;
    height: 94px;
    line-height: 21px;
    outline: none;
    padding: 12px 16px;
    resize: none;
    width: 100%
}

.cmt-unit .main .main-4 .publish-btn {
    background: #F35627;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    font-size: 12px;
    line-height: 28px;
    margin: 12px 0 0;
    position: relative;
    text-align: center;
    transition: all .3s ease;
    width: 68px
}

.cmt-unit .main .main-4 .publish-btn:hover {
    background: #d83923
}

* {
    padding: 0;
    margin: 0;
}

.detail-comment {
    margin: 60px auto 0
}

.detail-comment .title-content {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 0 auto 30px
}

.detail-comment .title-content .under-title-right {
    align-items: center;
    display: flex;
    justify-content: flex-end
}

.detail-comment .title-content .under-title-right .btn {
    align-items: center;
    background: #00C6B1;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: 12px;
    height: 28px;
    justify-content: center;
    width: 66px
}

.detail-comment .title-content .under-title-right .btn:hover {
    background: #d83923
}

.detail-comment .comment-info {
    margin: 0 auto 20px
}

.detail-comment .comment-user {
    margin: 20px auto 0
}

.detail-comment .comment-user .title {
    color: #333;
    font-size: 14px;
    font-weight: 700
}

.detail-comment .comment-user .comment-main {
    background: #f6f7fa;
    border-radius: 3px;
    box-sizing: border-box;
    margin: 18px auto 0;
    padding: 15px
}

.detail-comment .comment-user .comment-main .cmt-item {
    margin: 0 auto
}

.detail-comment .comment-list {
    margin: 20px auto 0;
    padding: 0 0 30px;
    position: relative
}

.detail-comment .comment-list .title {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.detail-comment .comment-list .title span {
    color: #333;
    font-size: 14px;
    font-weight: 700
}

.detail-comment .comment-list .title .more {
    align-items: center;
    cursor: pointer;
    display: flex;
    justify-content: flex-start
}

.detail-comment .comment-list .title .more span {
    color: #666;
    font-size: 12px;
    line-height: 12px
}

.detail-comment .comment-list .title .more:after {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkBAMAAAATLoWrAAAAElBMVEUAAACws7iztrmwtLiztrmytrmha+4nAAAABnRSTlMA/lfjUEnRZxQvAAAAPklEQVQoz2OgOgg2wRAyFFTAFBJCF3IUxFDGJIipTHHwKBPBVCaMTwihkaDxCEfQXxEiOvBFGiJqMRMAbQAAZ3cJQ0GXoX0AAAAASUVORK5CYII=) 50%/cover no-repeat;
    content: "";
    height: 12px;
    margin: 0 0 1px;
    width: 12px
}

.detail-comment .comment-list .title .more:hover span {
    color: #F35627
}

.detail-comment .comment-list .title .more:hover:after {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYBAMAAAASWSDLAAAAKlBMVEUAAADyQSjzSTHyQCfzQyfxQSjyQSfxQSjyQSfyQCnzQijzQSr/VSvxQCcEEB7vAAAADXRSTlMA1BWbQPXE4bV3bFYMUh6cJgAAADVJREFUGNNjwAs4kpA4bBcVEBwmWSEkKUVqSMkgSe29gmCzxBogOK6XqSbBjiTBwDWBgSQAAICkDfesNleaAAAAAElFTkSuQmCC)
}

.detail-comment .comment-list .comment-main {
    margin: 18px auto 0
}

.detail-comment .comment-list .comment-main .comment-item {
    margin: 0 auto 43px
}

.detail-comment .comment-list .comment-main .comment-item:last-child {
    margin: 0 auto
}

.detail-comment .comment-list .comment-main .cmt-item {
    margin: 0 auto 43px
}

.detail-comment .comment-list .comment-main .cmt-item:last-child {
    margin: 0 auto
}

.detail-comment .comment-list .go-page-comment {
    cursor: pointer;
    margin: 20px auto 0;
    width: 100%
}

.detail-comment .comment-list .go-page-comment .go-btn {
    align-items: center;
    border: 1px solid #e6e6e6;
    border-radius: 3px;
    box-sizing: border-box;
    color: #666;
    display: flex;
    font-size: 12px;
    font-weight: 400;
    height: 34px;
    justify-content: center;
    margin: 0 auto;
    width: 140px;
    display: none;
}

.detail-comment .comment-list .go-page-comment .go-btn:after {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYBAMAAAASWSDLAAAAKlBMVEUAAABmZmZtbW1mZmZmZmZmZmZnZ2dmZmZnZ2dnZ2doaGhoaGhqampmZmZ9UhZ2AAAADXRSTlMA1BWbQPXE4bV3bFYMUh6cJgAAADVJREFUGNNjwAs4kpA4bBcVEBwmWSEkKUVqSMkgSe29gmCzxBogOK6XqSbBjiTBwDWBgSQAAICkDfesNleaAAAAAElFTkSuQmCC) 50%/cover no-repeat;
    content: "";
    height: 12px;
    margin: 0 0 0 2px;
    width: 12px
}

.detail-news {
    margin: 40px auto 0
}

.detail-news .header {
    margin-bottom: 11px
}

.detail-news .header .news-item {
    align-items: center;
    display: flex;
    justify-content: flex-start;
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.detail-news .header .news-item .text {
    color: #F35627;
    flex-shrink: 0;
    font-size: 18px;
    transition: all .3s ease;
    width: 600px
}

.detail-news .header .news-item:before {
    background: #F35627;
    border-radius: 2px;
    content: "";
    display: block;
    height: 6px;
    margin: 0 10px 0 0;
    width: 6px
}

.detail-news .main {
    overflow: hidden
}

.detail-news .news-item {
    align-items: center;
    display: flex;
    justify-content: flex-start;
    margin: 0 auto 11px
}

.detail-news .news-item:hover .text {
    color: #F35627
}

.detail-news .news-item:last-child {
    margin: 0 auto
}

.detail-news .news-item .text {
    color: #333;
    transition: all .3s ease;
    width: 600px
}

.detail-news .news-item .source,
.detail-news .news-item .text {
    font-size: 14px;
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.detail-news .news-item .source {
    color: #999;
    margin: 0 5px 0 0;
    text-align: right;
    width: 110px
}

.detail-news .news-item .publish {
    color: #999;
    font-size: 14px;
    text-align: right;
    white-space: nowrap;
    width: 58px
}

.detail-news .news-item:before {
    background: #e6e6e6;
    border-radius: 2px;
    content: "";
    display: block;
    height: 6px;
    margin: 0 10px 0 0;
    width: 6px
}

.score-star-wrap {
    display: inline-block
}

.score-star-wrap .digit-score {
    color: #F35627;
    font-size: 24px;
    letter-spacing: 0;
    line-height: 24px;
    margin: 0 auto 10px;
    text-align: right
}

.score-star-wrap .score-star {
    align-items: center;
    display: flex;
    height: 10px;
    justify-content: center
}

.score-star-wrap .score-star .star-item {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAAS1BMVEUAAADLy8vLy8vLy8vNzc3KysrMzMzMzMzMzMzOzs7R0dHKysrLy8vLy8vLy8vKysrLy8vKysrLy8vKysrOzs7Ly8vMzMzR0dHKysqmG6b0AAAAGHRSTlMAhPtPL5tXNicSBfHq4dfUtK6Mb0MiHguVtYixAAAAf0lEQVQY05XQSQ7EIAxEUdvMZJ7r/ifttBQgCav8HU9Ctkw5ralunmuLbRsrVICqcAKmtwUBJKTXsWm3KmtwZqxand4OCiNejf8P/DS+BjeFmryC75P1nnJ7wp1KNqG9oUlobtgBwixAV8wDgyNyA1AGLcKRziLLkpF1vjTTp35o9wsddAyM7gAAAABJRU5ErkJggg==) 50% no-repeat;
    background-size: cover;
    height: 10px;
    width: 10px
}

.score-star-wrap .score-star .star-item .star-light {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAVlpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IlhNUCBDb3JlIDUuNC4wIj4KICAgPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICAgICAgPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIKICAgICAgICAgICAgeG1sbnM6dGlmZj0iaHR0cDovL25zLmFkb2JlLmNvbS90aWZmLzEuMC8iPgogICAgICAgICA8dGlmZjpPcmllbnRhdGlvbj4xPC90aWZmOk9yaWVudGF0aW9uPgogICAgICA8L3JkZjpEZXNjcmlwdGlvbj4KICAgPC9yZGY6UkRGPgo8L3g6eG1wbWV0YT4KTMInWQAAAb1JREFUOBHNlD1Lw2AQx++SFC1tWlCLg6CTtrYgFEFws6UU0UEX1woifgqddNCvIOLQ1UUHt2KdBXGqtjopOIgv0DeqNMmZa9OQpk1bNw8e8r+73/15nuQhAANENRGO8hoABWkQSFPUlMHd9eOxH0A7867yY+WVOXnGO4HHt/VeM0KvJvfKT7UV/RHgZWguO0ZfQyBt05y2arPYLnoemTYiI+V35dM6IgekUTzLfVlrVo2UnPP8aDSuQN2jaqJbJJI1AC8KyjCpmNDhbeuArk9QpAxp0rd+vIqKWBYFtSaBqzok4Bs2dvGhpoFo1Tb4txTxUh4TU+aRi0uz+wja7t9cmjSBcOC/ftjjzDTkpBQLrxGoaSTwcd4vCKGEIKZ82fuLFttmyMVSLBgEgnNdhlqQwzOvb2fdly0UrP0OQ27WEpHJuqI8W0G7dknSlDuTe7HXu95DheqLdtCeOzFdDY3rYvdoy52Y7oaIybZpAY6AlyXIzhi9jndofJR8o4+YIxS3/Fe5G86L8cgCknqq39lIsw8h+0fp2CERLDPMd0ue9kRbZlxjzTXuNRiDZe0YpXjwcJCfKTPMOhr928Yvud+aMfu7PmwAAAAASUVORK5CYII=) no-repeat;
    background-position: 0 0;
    background-size: 10px 10px;
    display: block;
    height: 100%;
    width: 100%
}

@-webkit-keyframes slideDown {
    0% {
        opacity: 0;
        transform: translate3d(0, -10px, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes slideDown {
    0% {
        opacity: 0;
        transform: translate3d(0, -10px, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

/* feedback */
.feedBack {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 10;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    display: none;
}

.feBackBox {
    position: absolute;
    z-index: 5;
    top: 58px;
    left: 0;
    right: 0;
    margin: auto;
    width: 700px;
    padding: 32px 31px 15px;
    min-height: 200px;
    background: linear-gradient(0deg, rgba(0, 168, 255, 0) 0%, rgba(0, 168, 255, 0.2) 100%);
    background-repeat: no-repeat;
    background-size: 100% 188px;
    background-color: #fff;
    text-align: center;
    border-radius: 30px;
}

.feBackBox .cont {
    overflow: hidden;
}

.feBaClose {
    position: absolute;
    bottom: -38px;
    right: 10px;
    z-index: 10;
    cursor: pointer;
    text-align: end;
    top: 10px;
}

.feBaClose i {
    vertical-align: top;
    display: inline-block;
    padding: 10px;
    width: 54px;
    height: 54px;
    background: url(../img/icon.png) no-repeat;
    background-position: -765px -170px;
    position: relative;
}

.feBackBox .fTitle {
    position: relative;
    margin-bottom: 10px;
}

.feBackBox .fTitle p {
    display: block;
    font-size: 30px;
    color: #333;
    line-height: 52px;
    font-weight: bold;
    text-align: center;
    position: relative;
    margin: 0 auto;
}

.feBackBox .feSubmit input {
    display: block;
    cursor: pointer;
    border: 0;
    background: #FF4C4C;
    box-shadow: 0px 5px 5px 0px rgba(255, 220, 220, 0.5);
    width: 416px;
    height: 48px;
    color: #fff;
    font-size: 18px;
    line-height: 48px;
    margin: 25px auto;
    border-radius: 24px;
}

.feBack {
    margin: 0 0 25px;
}

.feBack>span {
    font-size: 16px;
    color: #333;
    line-height: 38px;
    margin: 0 0 10px;
    display: block;
    text-align: left;
}

.feBack .info {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.feBack .info p {
    font-size: 14px;
    color: #333;
    line-height: 88px;
}

.otherRe {
    margin-bottom: 10px;
    min-height: 100px;
    background: #FAFAFA;
    border-radius: 12px;
    overflow: hidden;
    padding: 15px 20px;
}

.feBack textarea {
    width: 100%;
    height: 80px;
    line-height: 24px;
    border: none;
    resize: none;
    background: transparent;
    font-size: 16px;
    color: #999;
}

.checkbox {
    position: relative;
    display: block;
    padding: 0;
    height: 36px;
    line-height: 36px;
    margin: 0 2px 10px 0;
    cursor: pointer;
}

.checkbox:nth-last-child(1) {
    border-bottom: none;
}

.checkbox input[type='checkbox'] {
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 36px;
    opacity: 0;
}

.checkbox label {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    height: 34px;
    line-height: 34px;
    padding: 0 12px;
    font-size: 14px;
    color: #4c4c4c;
    border: 1px solid #EEEEEE;
    border-radius: 8px;
}

.checkbox label.on {
    background: #FF4C4C;
    color: #fff;
    border-color: #FF4C4C;
}

.telBox {
    overflow: hidden;
    margin: 0 0 10px;
    background: #FAFAFA;
    border-radius: 24px;
    overflow: hidden;
    height: 48px;
    line-height: 48px;
}

.telBox input {
    display: block;
    border: none;
    width: 376px;
    padding: 0 20px;
    height: 48px;
    line-height: 48px;
    background: #FAFAFA;
    border-radius: 24px;
    font-size: 16px;
    color: #999;
}

.telBox input::-webkit-input-placeholder {
    color: #999;
}

.telBox input:-moz-placeholder {
    color: #999;
}

.telBox input::-moz-placeholder {
    color: #999;
}

.telBox input:-ms-input-placeholder {
    color: #999;
}

.telMsg {
    margin-bottom: 2px;
    font-size: 14px;
    color: #999;
    text-align: left;
    line-height: 20px;
    display: block;
}

.ztList .brTitle span,
.ztDeList .brTitle span,
.updateList .brTitle span {
    font-size: 16px;
}

.ztList .brTitle span i,
.ztDeList .brTitle span i,
.updateList .brTitle span i {
    font-weight: bold;
}

.ztDeList ul li:hover>a {
    color: #FF4C4C;
    font-weight: bold;
}

.updateList tbody tr:nth-of-type(n+2):hover td:nth-of-type(2) a {
    color: #999;
    font-weight: 400;
}

.updateList tbody tr:nth-of-type(n+2):hover td:nth-of-type(2) a:hover {
    color: #FF4C4C;
    text-decoration: underline;
}

.nsHotGame {
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
}

.nsHotGame .list {
    padding: 0 2px 10px;
    background: #FFF;
    border-radius: 10px;
    overflow: hidden;
    *zoom: 1;
}

.nsHotGame .list a {
    position: relative;
    display: block;
    float: left;
    padding-top: 16px;
    width: 145px;
    height: 150px;
    line-height: 48px;
    font-size: 16px;
    color: #333;
    text-align: center;
    overflow: hidden;
}

.nsHotGame .list a img {
    width: 110px;
    height: 110px;
    border-radius: 30px;
    display: block;
    margin: auto;
}

.nsHotGame .list a:hover {
    color: #FF4C4C;
}

.nsHotGame .list a:hover img {
    opacity: 0.9;
}

.main-box {
    box-sizing: border-box;
    padding: 10px 0;
    position: relative;
}

.main-box .info-box {
    color: #333;
    font-size: 16px;
    text-align: left;
    margin-bottom: 10px;
}

.stars-area .star-wrap {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    justify-content: flex-start;
    min-height: 32px;
}

.stars-area .star-wrap .star-box {
    align-items: center;
    display: flex;
    justify-content: space-between;
    width: 208px;
}

.stars-area .star-wrap .star-box .star-item {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAeFBMVEUAAADi4+fi4+fj5Ofj5Ofn5+/k5ejj5Obj5Ofj5Ofp6env7+/////i4+fj5Ofj5Ofi5efj5efl5enl5ejk5urm5urn6uzo8PDj5Ofj5Obj4+fj5Ofi5Ofi5Ofj4+fj5efk5Ofk5Ojj5ujj5Ofj5Ofi5Ojj4+bi4+bNtmLsAAAAJ3RSTlMA5vnr6RRb5Mi2IRAE8deFc2pDNy8nGwvfzcG9sqCKfnpuY9GqmFJkS/jBAAABoklEQVRYw+2WybKCMBBFIUogCA5MIqDg2P//h0+GKkhBkibZvIVnKXVPGUI611KQppYZdW0oeD7N8imA2RoagMZIcAG4mOR9+OIbCI6t4Ggg8FqBp5/PoCPTFtx7wV1bUPSCQjfvwICjKTjBwElTUMJAqb0CszU8RsFDS8BGAdPJ78goIDsNAYUJVENQTQXV+vyZTAXkLFnry3Vde2DbsmkJgSPsfuwe2wPf2Kt7N8EBNDkEVk9k68TtaPLRsfV55vBHn6yLk9mQSPZr8vtkYd+u+Px1eVdpiIuHVHgNeJi8J7kogps6fwssGdFWHt9GyjnEFJuv5kiEm4+85WJb8O3GFhJ3WeBi8zEIwP6Dm3AHkYJcJMhx+QSEJCjBQTKCUIK95BTjqqGEFFUNp1z5KdFgqiF38rkpgSqNPnfyZ1PCVx8lfuxzFweqNHrc2J9dHB6yGgJUDjclKhjIcMWKnGYPCK5wlfzYn18cJaZYvRfH/vndFy5lsdp8RE8/G2XhYgBFJnnFBQBTFKtaOvaDWl64aB4r511OZYIdov5R68d/4w+bqaidwPZjFgAAAABJRU5ErkJggg==) 50%/cover no-repeat;
    cursor: pointer;
    height: 32px;
    width: 32px
}

.stars-area .star-wrap .star-box .star-item.light {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAgVBMVEUAAADyQCjyQSfyQCfyQCjzQSjySS/xQSfyQCf0QSj0RCn4RSz/TC7zQCfyQSjyQSfyQCfyQCjyQSjzQSv2RCv/djvyQSjyQCfyQSfxQSjyQSjyQCfyQCjyQSn0QynyRSv0RC3/TTPyQCnxQSjyQSfyQSjxQSnzQSj0QijyQinxQCfQQcFwAAAAKnRSTlMA5+Xq+mwT8MhaMyEPfHTUt7OFPxsE+fjbzcG9oIorJhYKY+CqmF5SRmTrC5hPAAABlUlEQVRYw+3W2ZKCQAwF0OigLIKCbAqK+zL3/z9wHKQsurCbGF7mYc6rlS6j3cmlHlVFwwQBDbNYDKvfAbthHQBzGmINrIfUz/AwI7k5MKwHBw+OvD5BLSGpCWoTkipQK6T1ezT28g6G9VCiUcrqpxYa1pQkjng5kkSIl1BS71t4sXzBAVe0XAUHRGiJBB3kaMkNPUzP41+jxlfDhsL+aowaddG5/n/TJYSWKT3FYwiM41YbET4WTdWHk+EjWeeBeSt8YOVRx2EDts2B3nFtsNiudg04YHAMiyLdotc2JZP7CEaje+8kDWEQ7jn7zIKGxdxy3lhzdz1i0h3Arfegwf0GW+0/SDwr7QsQdCDpYWkYQbxoCK0FLxoa7FjRsG2jTomAEw3Vl69OiTUrGqovX50Ss/6npI59ZXGwQqOjjH1lcbBCY6KO/e7iSHjBKp90Psh5gat8XpiKOqrnBSs5weryduwfLozA9Q3AvpHGze4NXCFQJIafuOgJXH5mBT0X3cpMgcs9xdQjPrmmA3xGeHLp31/zAzGls/fNsssjAAAAAElFTkSuQmCC)
}

.stars-area .star-wrap .text {
    color: #F35627;
    font-size: 16px;
    margin: 0 0 0 50px
}

.stars-area .star-wrap .text.status0,
.stars-area .star-wrap .text.status1,
.stars-area .star-wrap .text.status2,
.stars-area .star-wrap .text.status3 {
    color: #333
}

.form-area {
    background: #fff;
    border: 1px solid #e1e2e6;
    border-radius: 12px;
    box-sizing: border-box;
    flex: 1;
    margin: 10px auto 0;
    padding: 12px 16px 20px;
    position: relative;
}

.form-area textarea {
    border: none;
    border-radius: 6px;
    box-sizing: border-box;
    color: #333;
    display: block;
    font-size: 13px;
    height: 120px;
    line-height: 21px;
    outline: none;
    resize: none;
    width: 100%;
}

.form-area .text-count {
    bottom: 5px;
    color: #999;
    font-size: 13px;
    position: absolute;
    right: 12px;
    display: none;
}

.gPower,
.agSecret {
    color: #00C6B1;
}

@media screen and (max-width: 750px) {
    .main-container {
        width: 100%;
    }

    body>.header .header-top {
        display: flex !important;
        flex-direction: column !important;
    }

    body>.header .search {
        margin-right: 0;
    }

    body>.header .nav {
        margin-top: 20px;
    }

    body>.header .nav ul {
        overflow-x: scroll;
    }
}

@media screen and (max-width: 750px) {
    .m_hide {
        display: none;
    }

    .download-detail-header.app {
        width: 100%;
        background-image: none;
        justify-content: flex-start;
    }

    .download-detail-header .main {
        gap: 0;
        height: unset;
        position: relative;
    }

    .download-detail-header .main .left {
        flex-direction: column;
    }

    .download-detail-header .main .left .icon {
        align-self: center;
    }

    .download-detail-header .main .left .content .description {
        grid-template-columns: 3fr;
        gap: 13px 40px;
    }

    .download-detail-header .button-wrap {
        position: absolute;
        top: 140px;
        right: 0;
    }

    .main_layout {
        flex-direction: column;
    }

    .main_layout .left,
    .main_layout .right {
        width: 100%;
        margin-left: 0;
    }
}