body,
html {
    color: #4c4c5c;
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: transparent
}

html {
    font-size: 20px;
    overflow: hidden;
    overflow-y: auto;
    font-family: Nunito, Lato, "Avenir Next", Avenir, Helvetica, "Microsoft YaHei", Arial, sans_serif;
    min-width: 320px
}

body {
    position: relative;
    background-attachment: fixed;
    background-image: url(/image/game14/bg.png);
    word-wrap: break-word;
    box-sizing: border-box
}

body.emoji-show:after {
    content: "";
    display: block;
    height: 330px
}

.qoo-wrapper {
    position: relative;
    display: block;
    padding-top: 80px
}

@font-face {
    font-family: qooapp;
    src: url(../font/qooapp.ttf) format("truetype"), url(../font/qooapp.svg) format("svg");
    font-weight: 700;
    font-style: normal
}

body,
button,
figure,
input,
p,
ul {
    padding: 0;
    margin: 0
}

ul {
    list-style: none
}

a,
ins,
u {
    text-decoration: none
}

.qoo-normal a,
.qoo-normal ins,
.qoo-normal u {
    text-decoration: underline
}

cite,
dfn,
em,
i,
var {
    font-style: normal
}

.qoo-normal cite,
.qoo-normal dfn,
.qoo-normal em,
.qoo-normal i,
.qoo-normal var {
    font-style: italic
}

cite,
code,
dfn,
em,
i,
kbd,
samp,
textarea,
tt,
var {
    font-family: Nunito, Lato, "Avenir Next", Avenir, Helvetica, "Microsoft YaHei", Arial, sans_serif
}

img,
textarea {
    border: 0
}

[data-href] {
    cursor: pointer
}

.qoo-template {
    display: none !important
}

.hide {
    display: none !important
}

::selection {
    background-color: #00c6e6;
    color: #fff;
    text-shadow: none
}

::-moz-selection {
    background-color: #00c6e6;
    color: #fff;
    text-shadow: none
}

img {
    color: #00c6e6;
    box-sizing: border-box
}

img[data-par] {
    object-fit: cover;
    display: inline-block;
    overflow: hidden
}

.qoo-empty-view,
img[data-src],
img[data-video-cover] {
    background-image: url(data:image/png;base64,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) !important;
    background-size: 48px 48px !important;
    background-position: center center !important;
    background-repeat: no-repeat !important
}

img[data-src-loading=false] {
    animation: img-loaded-act .3s both;
    -webkit-animation: img-loaded-act .3s both
}

image[data-src-loading=false] {
    animation: img-loaded-act .3s both;
    -webkit-animation: img-loaded-act .3s both
}

@keyframes img-loaded-act {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes img-loaded-act {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

[class*=sprite-icon-] {
    display: inline-block;
    vertical-align: top
}

[class*=sprite-icon-]:before {
    content: "";
    display: inline-block;
    vertical-align: top;
    background-image: url(/image/game14/qoo-fodder.2.png);
    background-size: 373px 332px
}

.sprite-icon-chevron:before {
    width: 22px;
    height: 13px;
    background-position: -33px -283px
}

.sprite-icon-close:before {
    width: 15px;
    height: 15px;
    background-position: -57px -311px
}

.sprite-icon-close-black:before {
    width: 24px;
    height: 24px;
    background-position: -5px -151px
}

.sprite-icon-collection:before {
    width: 24px;
    height: 24px;
    background-position: -39px -151px
}

.sprite-icon-comics:before {
    width: 24px;
    height: 24px;
    background-position: -73px -151px
}

.sprite-icon-comment:before {
    width: 18px;
    height: 18px;
    background-position: -301px -37px
}

.sprite-icon-desc:before {
    width: 12px;
    height: 16px;
    background-position: -356px -5px
}

.sprite-icon-diamond:before {
    width: 16px;
    height: 15px;
    background-position: -31px -311px
}

.sprite-icon-eattention:before {
    width: 24px;
    height: 24px;
    background-position: -107px -151px
}

.sprite-icon-edit:before {
    width: 20px;
    height: 20px;
    background-position: -269px -221px
}

.sprite-icon-egg:before {
    width: 18px;
    height: 18px;
    background-position: -301px -65px
}

.sprite-icon-egg-active:before,
.sprite-icon-egg.active:before {
    width: 18px;
    height: 18px;
    background-position: -301px -93px
}

.sprite-icon-eggw:before {
    width: 18px;
    height: 18px;
    background-position: -301px -121px
}

.sprite-icon-eggw-active:before,
.sprite-icon-eggw.active:before {
    width: 18px;
    height: 18px;
    background-position: -301px -149px
}

.sprite-icon-emoji-circle:before {
    width: 36px;
    height: 36px;
    background-position: -5px -105px
}



.sprite-icon-fav:before {
    width: 22px;
    height: 22px;
    background-position: -73px -219px
}

.sprite-icon-fav-active:before,
.sprite-icon-fav.active:before {
    width: 22px;
    height: 22px;
    background-position: -105px -219px
}

.sprite-icon-female:before {
    width: 16.5px;
    height: 16px;
    background-position: -329px -31px
}

.sprite-icon-filetext:before {
    width: 24px;
    height: 24px;
    background-position: -201px -5px
}

.sprite-icon-game:before {
    width: 24px;
    height: 24px;
    background-position: -201px -39px
}

.sprite-icon-gamecard-green:before {
    width: 24px;
    height: 24px;
    background-position: -201px -73px
}

.sprite-icon-gamenote:before {
    width: 24px;
    height: 24px;
    background-position: -201px -107px
}

.sprite-icon-gamepad:before {
    width: 18px;
    height: 18px;
    background-position: -301px -177px
}

.sprite-icon-vote:before {
    width: 18px;
    height: 18px;
    background-position: -175px -282px
}

.sprite-icon-vote-small:before {
    width: 14px;
    height: 14px;
    background-position: -140px -226.4px;
    background-size: 298.4px 265.6px
}

.sprite-icon-games:before {
    width: 40px;
    height: 40px;
    background-position: -5px -5px
}

.sprite-icon-global:before {
    width: 16px;
    height: 16px;
    background-position: -329px -57px
}

.sprite-icon-good:before {
    width: 20px;
    height: 20px;
    background-position: -5px -253px
}

.sprite-icon-google:before {
    width: 24px;
    height: 24px;
    background-position: -201px -141px
}

.sprite-icon-google-plus:before {
    width: 24px;
    height: 24px;
    background-position: -5px -185px
}

.sprite-icon-group:before {
    width: 40px;
    height: 40px;
    background-position: -55px -5px
}

.sprite-icon-guild:before {
    width: 16px;
    height: 16px;
    background-position: -329px -83px
}

.sprite-icon-heart:before {
    width: 22px;
    height: 22px;
    background-position: -137px -219px
}

.sprite-icon-heart36:before {
    width: 18px;
    height: 18px;
    background-position: -301px -205px
}

.sprite-icon-heart36-active:before,
.sprite-icon-heart36.active:before {
    width: 18px;
    height: 18px;
    background-position: -301px -233px
}

.sprite-icon-heart48:before {
    width: 24px;
    height: 24px;
    background-position: -39px -185px
}

.sprite-icon-heart-active:before,
.sprite-icon-heart.active:before {
    width: 22px;
    height: 21px;
    background-position: -269px -5px
}

.sprite-icon-hide:before {
    width: 24px;
    height: 24px;
    background-position: -73px -185px
}

.sprite-icon-home:before {
    width: 24px;
    height: 24px;
    background-position: -107px -185px
}

.sprite-icon-id:before {
    width: 16px;
    height: 16px;
    background-position: -329px -109px
}

.sprite-icon-img:before {
    width: 18px;
    height: 18px;
    background-position: -125px -253px
}

.sprite-icon-img-circle:before {
    width: 36px;
    height: 36px;
    background-position: -51px -105px
}

.sprite-icon-ios:before {
    width: 16px;
    height: 16px;
    background-position: -329px -135px
}

.sprite-icon-like:before {
    width: 40px;
    height: 40px;
    background-position: -5px -55px
}

.sprite-icon-comments:before {
    width: 40px;
    height: 40px;
    background-position: -83px -295px
}

.sprite-icon-lock:before {
    width: 12px;
    height: 15px;
    background-position: -356px -57px
}

.sprite-icon-male:before {
    width: 16px;
    height: 16px;
    background-position: -329px -161px
}

.sprite-icon-megg:before {
    width: 22px;
    height: 22px;
    background-position: -169px -219px
}

.sprite-icon-megg-active:before,
.sprite-icon-megg.active:before {
    width: 22px;
    height: 22px;
    background-position: -201px -219px
}

.sprite-icon-more-gray:before {
    width: 18px;
    height: 18px;
    background-position: -153px -253px
}

.sprite-icon-name:before {
    width: 16px;
    height: 16px;
    background-position: -329px -187px
}

.sprite-icon-note:before {
    width: 40px;
    height: 40px;
    background-position: -55px -55px
}

.sprite-icon-note-green:before {
    width: 24px;
    height: 24px;
    background-position: -141px -185px
}

.sprite-icon-plusgroup:before {
    width: 24px;
    height: 24px;
    background-position: -175px -185px
}

.sprite-icon-private:before {
    width: 16px;
    height: 16px;
    background-position: -329px -213px
}

.sprite-icon-public:before {
    width: 16px;
    height: 16px;
    background-position: -329px -239px
}

.sprite-icon-rating-beauty:before {
    width: 21px;
    height: 21px;
    background-position: -269px -36px
}

.sprite-icon-rating-nice:before {
    width: 21px;
    height: 21px;
    background-position: -269px -67px
}

.sprite-icon-rating-pay:before {
    width: 21px;
    height: 21px;
    background-position: -269px -98px
}

.sprite-icon-rating-play:before {
    width: 21px;
    height: 21px;
    background-position: -269px -129px
}

.sprite-icon-rating-sound:before {
    width: 21px;
    height: 21px;
    background-position: -269px -160px
}

.sprite-icon-search:before {
    width: 21px;
    height: 20px;
    background-position: -269px -191px
}

.sprite-icon-search-gray:before {
    width: 16px;
    height: 16px;
    background-position: -329px -265px
}

.sprite-icon-search-darkgrey:before {
    width: 21.5px;
    height: 21.5px;
    background-position: -350px -160px
}

.sprite-icon-segg:before {
    width: 11px;
    height: 12px;
    background-position: -356px -82px
}

.sprite-icon-segg-active:before,
.sprite-icon-segg.active:before {
    width: 11px;
    height: 12px;
    background-position: -356px -104px
}

.sprite-icon-settings:before {
    width: 24px;
    height: 24px;
    background-position: -235px -5px
}

.sprite-icon-share:before {
    width: 20px;
    height: 18px;
    background-position: -65px -253px
}

.sprite-icon-share-alt:before {
    width: 22px;
    height: 22px;
    background-position: -233px -219px
}

.sprite-icon-share-arror:before {
    width: 18px;
    height: 18px;
    background-position: -181px -253px
}

.sprite-icon-share-black:before {
    width: 24px;
    height: 24px;
    background-position: -235px -39px
}

.sprite-icon-share-flat:before {
    width: 20px;
    height: 20px;
    background-position: -35px -253px
}

.sprite-icon-show:before {
    width: 24px;
    height: 24px;
    background-position: -235px -73px
}

.sprite-icon-star:before {
    width: 24px;
    height: 24px;
    background-position: -235px -107px
}

.sprite-icon-theme:before {
    width: 18px;
    height: 18px;
    background-position: -209px -253px
}

.sprite-icon-topuc-circle:before {
    width: 36px;
    height: 36px;
    background-position: -97px -105px
}

.sprite-icon-twitter:before {
    width: 24px;
    height: 24px;
    background-position: -325px -79px
}

.sprite-icon-unlock:before {
    width: 17px;
    height: 16px;
    background-position: -329px -5px
}

.sprite-icon-video:before {
    width: 18px;
    height: 18px;
    background-position: -237px -253px
}

.sprite-icon-video-circle:before {
    width: 36px;
    height: 36px;
    background-position: -155px -5px
}

.sprite-icon-vote-circle:before {
    width: 36px;
    height: 36px;
    background-position: -133px -283px
}

.sprite-icon-datetime:before {
    width: 18.5px;
    height: 17px;
    background-position: -200px -282px
}

.sprite-icon-warning:before {
    width: 16px;
    height: 16px;
    background-position: -175px -151px
}

.sprite-icon-warning-active:before,
.sprite-icon-warning.active:before {
    width: 16px;
    height: 16px;
    background-position: -209px -185px
}

.sprite-icon-youtube:before {
    width: 24px;
    height: 24px;
    background-position: -325px -183px
}

.sprite-icon-youtube-red:before {
    width: 40px;
    height: 40px;
    background-position: -105px -5px
}

.sprite-icon-add-green:before {
    width: 24px;
    height: 24px;
    background-position: -5px -219px
}

.sprite-icon-android:before {
    width: 16px;
    height: 16px;
    background-position: -5px -311px
}

.sprite-icon-asc:before {
    width: 12px;
    height: 16px;
    background-position: -356px -31px
}

.sprite-icon-back:before {
    width: 36px;
    height: 36px;
    background-position: -155px -51px
}

.sprite-icon-bell:before {
    width: 18px;
    height: 22px;
    background-position: -301px -5px
}

.sprite-icon-book:before {
    width: 18px;
    height: 18px;
    background-position: -265px -253px
}

.sprite-icon-broadcast:before {
    width: 24px;
    height: 24px;
    background-position: -39px -219px
}

.sprite-icon-bullhorn:before {
    width: 20px;
    height: 18px;
    background-position: -95px -253px
}

.sprite-icon-camera:before {
    width: 30px;
    height: 30px;
    background-position: -155px -97px
}

.sprite-icon-card:before {
    width: 40px;
    height: 40px;
    background-position: -105px -55px
}

.sprite-icon-check:before {
    width: 18px;
    height: 18px;
    background-position: -5px -283px
}

.sprite-icon-check-black:before {
    width: 10px;
    height: 10px;
    background-position: -356px -126px
}

.sprite-icon-check-white:before {
    width: 10px;
    height: 10px;
    background-position: -356px -146px
}

.sprite-icon-twitter-solid:before {
    width: 40px;
    height: 40px;
    background-position: -231px -285px
}



.sprite-icon-discord-solid:before {
    width: 40px;
    height: 40px;
    background-position: -319px -285px
}

.sprite-icon-user-tag:before {
    width: 19px;
    height: 16px;
    background-position: -173px -309px
}

.sprite-icon-calendar:before {
    width: 24px;
    height: 22px;
    background-position: -295px -254.5px
}

.sprite-icon-question:before {
    width: 24px;
    height: 22px;
    background-position: -68.5px -278.5px
}

.sprite-icon-positive:before {
    width: 18px;
    height: 18px;
    background-position: -352px -185px
}

.sprite-icon-positive-active:before,
.sprite-icon-positive.active:before {
    width: 18px;
    height: 18px;
    background-position: -352px -207px
}

.sprite-icon-negative:before {
    width: 18px;
    height: 18px;
    background-position: -352px -252px
}

.sprite-icon-negative-active:before,
.sprite-icon-negative.active:before {
    width: 18px;
    height: 18px;
    background-position: -352px -230px
}


.sprite-icon-google-plus:before {
    border-radius: 50%;
    background-color: #dd4b39
}

.sprite-icon-twitter:before {
    border-radius: 50%;
    background-color: #d3e6d4
}

.sprite-icon-youtube:before {
    border-radius: 50%;
    background-color: rgb(247, 215, 188)
}

.qoo-loading-next,
.qoo-loading-view {
    position: absolute;
    top: auto !important;
    right: auto !important;
    bottom: 0 !important;
    left: 0 !important;
    height: 0;
    width: 100%;
    display: block;
    text-align: center;
    font-size: 10px;
    line-height: 1rem;
    visibility: hidden;
    opacity: 0;
    transition: all .3s;
    -webkit-transition: all .3s;
    filter: blur(3px);
    -webkit-filter: blur(3px)
}

.qoo-loading-next.show,
.qoo-loading-view {
    visibility: visible;
    opacity: 1;
    filter: none;
    -webkit-filter: none
}

.qoo-loading-next::after,
.qoo-loading-view::after {
    position: absolute;
    content: ".\A..\A...";
    width: 3em;
    margin-left: .1em;
    text-align: left;
    overflow: hidden;
    display: inline-block;
    white-space: pre-line;
    clip: rect(0, 3rem, 1rem, 0);
    height: 1rem
}

.qoo-loading-next.show:after,
.qoo-loading-view::after {
    animation: qoo-loading-dot-act 2s infinite steps(3);
    -webkit-animation: qoo-loading-dot-act 2s infinite steps(3)
}

@keyframes qoo-loading-dot-act {
    to {
        height: 4rem;
        margin-top: -3rem;
        clip: rect(3rem, 3rem, 4rem, 0)
    }
}

@-webkit-keyframes qoo-loading-dot-act {
    to {
        height: 4rem;
        margin-top: -3rem;
        clip: rect(3rem, 3rem, 4rem, 0)
    }
}

.qoo-loading-next>.qoo-loading-mrqoo,
.qoo-loading-switch>.qoo-loading-mrqoo,
.qoo-loading-view>.qoo-loading-mrqoo {
    position: relative;
    left: -16px;
    display: block;
    width: 22px;
    margin: -66px auto 0 auto
}

.qoo-loading-next.show>.qoo-loading-mrqoo,
.qoo-loading-switch>.qoo-loading-mrqoo,
.qoo-loading-view>.qoo-loading-mrqoo {
    animation: qoo-loading-mrqoo-move 3s infinite linear;
    -webkit-animation: qoo-loading-mrqoo-move 3s infinite linear
}

@keyframes qoo-loading-mrqoo-move {
    50% {
        left: 16px;
        transform: scaleX(1)
    }

    50.1% {
        left: 16px;
        transform: scaleX(-1)
    }

    99.9% {
        left: -16px;
        transform: scaleX(-1)
    }

    100% {
        left: -16px;
        transform: scaleX(1)
    }
}

@-webkit-keyframes qoo-loading-mrqoo-move {
    50% {
        left: 16px;
        -webkit-transform: scaleX(1)
    }

    51% {
        left: 16px;
        -webkit-transform: scaleX(-1)
    }

    99% {
        left: -16px;
        -webkit-transform: scaleX(-1)
    }

    100% {
        left: -16px;
        -webkit-transform: scaleX(1)
    }
}

.qoo-loading-next>.qoo-loading-mrqoo:before,
.qoo-loading-switch>.qoo-loading-mrqoo:before,
.qoo-loading-view>.qoo-loading-mrqoo:before {
    content: "";
    display: block;
    margin: 0 auto;
    width: 22px;
    height: 44px;
    background: url(../img/tl-fodder.png);
    background-position: -70px -44px;
    animation: qoo-loading-mrqoo-act .5s infinite steps(3);
    -webkit-animation: qoo-loading-mrqoo-act .5s infinite steps(3)
}

@keyframes qoo-loading-mrqoo-act {
    to {
        background-position: -136px -44px
    }
}

@-webkit-keyframes qoo-loading-mrqoo-act {
    to {
        background-position: -136px -44px
    }
}

body.overflow-hidden {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.qoo-masthead>.qm-content .qoo-nav-panel {
    display: none
}

.qoo-nav-panel-inner {
    position: fixed;
    z-index: 9999;
    top: 0;
    right: -80%;
    width: 80%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
    display: -moz-flex;
    display: flex;
    line-height: 1.5;
    background: #fff;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    transition: right .4s;
    align-items: stretch;
    justify-content: stretch
}

.qoo-nav-panel-mask {
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, .3);
    z-index: 9998
}

#nav_switcher:checked~.qoo-nav-panel .qoo-nav-panel-inner,
.qoo-nav-panel.side-in .qoo-nav-panel-inner {
    right: 0
}

#nav_switcher:checked~.qoo-nav-panel .qoo-nav-panel-mask,
.qoo-nav-panel.side-in .qoo-nav-panel-mask {
    display: block
}

.qoo-nav-panel-header {
    position: relative;
    padding: 20px 16px 10px;
    color: #fff;
    background: #00c6e6
}

.qoo-nav-panel-header .link {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2
}

.qoo-nav-panel-header a {
    color: #fff
}

.qoo-nav-panel-header figure {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
    display: -moz-flex;
    display: flex;
    width: 90%;
    margin: 0;
    margin-bottom: 10px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -moz-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.qoo-nav-panel-header .avatar {
    width: 76px;
    margin-right: 2px;
    margin-left: -14px
}

.qoo-nav-panel-header .avatar svg use {
    stroke: #fff
}

.qoo-nav-panel-header .info {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 0
}

.qoo-nav-panel-header .info em,
.qoo-nav-panel-header .info strong {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.qoo-nav-panel-header .info strong {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.5
}

.qoo-nav-panel-header .info em {
    font-size: 12px;
    margin-bottom: 10px
}

.qoo-nav-panel-header.active .actions,
.qoo-nav-panel-header.active .profile-link {
    display: block
}

.qoo-nav-panel-header .profile-link {
    display: none;
    font-size: 14px
}

.qoo-nav-panel-header .profile-link:after {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    margin-left: 2px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    border: 1px solid;
    border-color: inherit;
    border-left-color: transparent;
    border-bottom-color: transparent
}

.qoo-nav-panel-header .actions {
    position: relative;
    display: none;
    z-index: 3;
    font-size: 14px
}

.qoo-nav-panel-header .actions a {
    margin-right: 16px
}

.qoo-nav-panel-header .actions b {
    font-size: 16px;
    margin-right: 2px
}

.qoo-nav-panel-list {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.qoo-nav-panel-list a {
    display: block;
    padding: 20px;
    font-size: 14px;
    line-height: 1.5;
    color: #333;
    border-bottom: 1px solid #f5f5f5
}

.qoo-nav-panel-list a:last-child {
    display: none
}

.qoo-nav-panel-close {
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 3;
    width: 36px;
    height: 36px;
    cursor: pointer
}

.qoo-nav-panel-close:after,
.qoo-nav-panel-close:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 26px;
    height: 2px;
    margin-top: -1px;
    margin-left: -13px;
    background: #fff
}

.qoo-nav-panel-close:before {
    transform: rotate(45deg)
}

.qoo-nav-panel-close:after {
    transform: rotate(-45deg)
}

.qoo-nav-panel-header .auth-link {
    font-size: 18px
}

.qoo-nav-panel-header .auth-link:before {
    content: "|";
    font-family: serif;
    margin: 0 8px
}

.qoo-nav-panel-header .auth-link:first-child:before {
    display: none
}

.qm-search-link {
    position: absolute;
    top: 0;
    right: 56px;
    height: 56px;
    line-height: 56px
}

.qm-search-link>* {
    height: 21.5px;
    vertical-align: middle;
    margin-top: -4px
}

@media screen and (max-width: 400px) {
    .qoo-nav-panel-header .empty {
        width: 100%
    }

    .qoo-nav-panel-header .auth-link {
        font-size: 16px
    }

    .slide-image {
        o@bject-fit: contain;
    }

    .slideshow-container {
        min-height: 153px !important;
    }
}

.qoo-footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
    display: -moz-flex;
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    line-height: 26px;
    padding: 50px 10px 10px;
    position: absolute;
    width:100%;
}

.side-panel>.qoo-footer {
    display: block
}

.qoo-footer a {
    display: inline-block;
    font-size: 12px;
    color: #00c6e6;
    margin-right: 12px
}

.qoo-footer cite {
    margin-right: 20px;
    font-size: 12px;
    color: #999
}

.qoo-footer>div:first-child>a:not(:last-child):after {
    content: "\b7";
    display: inline-block;
    text-indent: 5px;
    position: absolute;
    pointer-events: none
}

.qoo-footer a:hover {
    text-decoration: underline
}

.qoo-footer a[class*=sprite-icon-] {
    border-radius: 50%
}

.qoo-footer a[class*=sprite-icon-]:hover:before {
    opacity: .7;
    box-shadow: 0 0 1px #666 inset
}

.qoo-content {
    position: relative;
    display: block;
    margin: 0 auto 0 auto;
    /*max-width: 1180px;*/
    box-sizing: border-box;
    /*min-height: calc(100vh - 400px);*/
    box-sizing: border-box;
    padding: 0
}

@keyframes qoo-content-join-act {
    from {
        filter: blur(3px);
        opacity: 0
    }

    to {
        opacity: 1;
        filter: none
    }
}

@-webkit-keyframes qoo-content-join-act {
    from {
        -webkit-filter: blur(3px);
        opacity: 0
    }

    to {
        -webkit-filter: none;
        opacity: 1
    }
}

@media (max-width: 600px) {
    html {
        font-size: 16px
    }
}

.qoo-tool-view .tips-view>.text {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGgAAABECAMAAABarIDeAAACmlBMVEUAAABiLkn19fViLkliLkliLkn19fViLkliLkliLkliLkliLkliLkn19fVjL0r19fX19fViLkliLkliLkliLkljL0r19fVjL0pjMEr19fX19fX19fVkMUxoN1Hs6epnNU/19fX19fX19fX19fX19fX19fX19fX19fVmM0719fX19fV4TGNlM0319fVjMEr19fVoNlBpOFFwQVn19fX19fX19fX19fX19fXj3N9mM05kMUx+VGqmipmPa37WzNFmM01kMEuhg5P19fX19fVmM0319fVrOlN4TWSGX3O1nqlxQlv19fVkMEv19fWOaXz19fV3SmH19fX19fX19fXPwsn19fWMZ3qDWm+Vc4Xr6OqojJttPVV1SF/OwMfEs7zYzdOwl6Th2t6HX3TCsLm4oq56T2XMvsWjhpWZd4ltPVZ1SWC1n6pyRFz19fX19fXq5uidfY54TGPf19vHt79qOVOwl6SXdYf19fVvQFmNaHuHX3N3SmH19fWdfo719fVuPldpN1H19fWVcoT19fVkMEt8UGf19fWPan1+U2mLZnnPwcj19fX19fX19fXHt7+hg5OYd4jZz9TGtb5vP1jFs7zh2t53S2K6pbCScIJrOlN9U2nr5+lvP1iNaHuCWm/g2NzVytCTcIJlM02njJplMkzTx81/Vmu5pK/19fV6TmXDsbqojJube4yBWG1/VWtxQlvArbeLZXmymqekiJfo4+V7UGeTcILn4eTJusL19fWZeIlrOlPl4OPUyM7k3uGfgJC/rLZlM02njJqmipnNv8ZmM0719fV0R1/19fXHt8BsPFWdfo66pbD19fWJYnb19fV5TWTJucGFXnL19fWymqaPa3719fX19fViLkns6erQw8q0nqnHt7+rkZ+67KqSAAAA13RSTlMA8P3A4ND7gBBAoDBwAiD1+bBQkGDx7uLSyvLoxPz5+eEF7OTT0M2ZQjII9vb08vDq29S6tKl9JP339e/u6Ofm5ODd2bWvqpiVkn14YVtbU0o+Fw749/f39vX08vDv7+3t7Orm5ubl5eTh393Z2NfW1tDPzczLyMTCwaqopKGenZeUk5KSiIR+dm89LCAK/vz8+vr19PPz8e/u6+nk4uLf39jV1NTQyMXBv7y3t7ezsrGxsK+urqikoqGZmZiMioiDg3l3dnNybm1nVlBPR0E5OTUqJiMXEdF/LXoAAAVUSURBVFjDtZjzuxtBFIYzs+oiTXIb1LZt27Zt27Zt27Zta77qf+nOpmmKTZO2u+/z3PvLfTbv/WbOmZwdz3/gfT1vYimYFM86t2k6j1t4W5bOUa1v9Zy1a+8cM34oEFA9rvBuYo7OH1gUSouNOFIDgu5xnpZFO2RnPyLnm1YThtOa9HXRkbJfKHF2CjRHNemUEDqy36F5ZyODg540EWhPmR15LiPNMY8GlMz2gdlCMzUU/6XOdUMTOBkM/UcPinxhCfDVK9XU3EI1LaiqKe+EEUHl0pNn376zoEH9CNHSvnvAAyWgxOmMM2sCpUsDEIxU0qkRVOvul2W/z+/LPbzstYYRoqTzGOBUY4nJmaPfkF65c+fOMuLkuQi0pKog+vWi7DvUn6dso7EhRQRnHGWJWU5p9BFfpiaLspIkrdUUe4qxn5Ez5zxcChZjKEsFOU+5Fg/IH0PpGNLO7sky8wgX9WepQX3D5izOKiU26cUHyvZFVfZRVgAVGUtZNaGFJiWsA9LFz+zx1ynQsCjYXyBnaqUlOC4Ugr6JN8FXu/pK9jf4p7+VVLv2kUDQiTnIsFYFRRuRAGAzdVIUvl+Yd7v31/4xGcCcxD91qR74LVCAi/o4KqL5W3l/LzzuGdSNOUqWh7kCuo0oI9oyh9eujaLaiEjJqs6KaKaltiLU7E2dNeWtIPwq8sLik7OJ8rUmv3gK1qi0a1/enKs/Oysq+1j6Oc4VDMhOKaPMWdqVF5Sf4ozt0oMy56F1FkGPa3QB67MzNwhfJ4Svl9c6SjMART4wNwjPqmsNsBUK8ziSNdq4QbECjWFNlc1ymR6CCNoyN6BlngAknSkqZHkyHm/PXMG/VQKsmlvmSSeCzMhWkbmCPA3fBn+vNXwO7cDcgRYICLF3HQCh7Z+YS+R9RdT41D6zyEfmEsXK3/oWiRCQlryHXCL/YqJHh1IQKSOvBZfwNZlrVYMKE9L1I3MLWu+5yEWGyEWTVjDXOFjBalgDJmKDbNmZW2RaIqixpRPEQVUpc4lMhRTDaiMOAboxl8hfSLHOIJGAkzVHD+YOeb+JFHATMbKip8zcIN83UTrLIyCQEVXWUWbhdDGkeaKROKJpK45t/cMlwpkdTUbLtCa6x0IiBN/Yi5LHbtydnsdBkTz/++tROikmkqQAz0dGdf7bs4/ShFv0RsjgiZkC+IagcQ8iXf9uszLnK5MpbP9IlhYFkf6nGyuCOMIm+e8GnSk1FszPYvun8umJVXNxlSaaAl4VlvFvTiSfOegQEjmz5fdMucu/lLTf35NVk3SeDAAqb/iLdSvXnP97EoqO3FFCjssolYc3u0ds7zOseTINEopXkVP2XGpOwBEDIQweN7pOFp8s+/3hnPnLNVkoQrT3fO/goj1pqnkWIooIXcsIlDp0vtHNZs+eNm9clwC8hRIiwaRS9VRMcpYL9QHDEKwSUiBpEoiIKLyW1T9foQEkVKmPnDzOhEa7QVTrGtE0WK1BNGJIIlGkDAQIJpTEI4UwsFOy1+2rJ35YHD2DabFUBBD5L0lPdvsIDkGOqn+ocjk8+lTI8sRRFQmi9aiJFEx+fx60VoGESubYuFaOVWy8aqks+3Ie2M8/UNR/LaU0zbrvDaZP7apeiGbiDK7VfZVMo8i+PPnrFZhz8eioyuAIiZqkcJv3uTwpEYwfSiHzZ02V3rVqjRw/aXKDGVkzIobisaNwrlyF2yz7yZP+jyoB3xD4dUp9U8iJf6loCR732uz6b5F/XkBDILCIf35ss0Ul+SYkTuRt/dsxEdRILFVMKpCAoXv+jxcV7M6kNCUgRLOIgqKoNlGS8xUWoIRljaerhAAAAABJRU5ErkJggg==)
}

.qoo-tool-view .tips-view::after,
.qoo-tool-view .tips-view::before {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAiCAMAAAAuwqolAAABHVBMVEUAAABjLUljLUljLUljLUljLUn19fX19fVjLUn19fVkLkpjLUljLUn19fVkLkr19fVkLUpjLUljLUloNE/19fX19fX19fVvPFf19fVlL0v19fVjLUn19fVkLUn19fXs6erPwslvPVfOwcj19fWMY3hoNU/FtL319fX19fVuPFZqNlFjLUmDWG6CV2319fX19fW8qLLi29/Fs7x4SWHOwMfr6OrWzNF7TmWig5N1RV6VcYT19fXf19ttO1WAVGtlMEyJYXaVcINsOVPCsLr19fWDWG719fWNZnq/rLakhpXKu8O7p7JzQlt+Umn19fWnipnVytDl3+KTb4LCsLn19fWKYnfRxMv19fVqN1L19fX19fVmMk21nan19fVjLUnoXs1nAAAAXXRSTlMA4PDRwBAB/ED68oBg5CDOsaAw+vXy7+OlopKQb1AX+vf08u3d2cTCr62XcGYoJQ349fPy8Ozn5uDb2tnZz8fDwsG7urm4t7OwrKWjoZ2alZSSj4qEg4F7dlxXUiRGqtzTAAABcUlEQVQ4y+2T5VLEMBRGY936Kuvuvou7u7tD7/s/Bul02QJtofyG08lMkn6nndw7Qf/8nsBLpw4cEtYEH/F8WllanC5N6Y2LU0y0n+LBNEBt1jCR9f2HOyXy7U+kDUguz8vGCHEidE/DyJsO1FYTovER/YaonmdtlyuGg5Vr4iX0YkXDiZxSJPf8a2zScGHiNuwhrIFrPlXA7kIeYiVnvpopRDByhYGyMCd/jsebT31Gou4CAIHkji7LoiiLZg/keCjXSwN0kZdgUt87OrnKnKdau43Dg20CgPG404Kkal8FzB8LhY8wH3TctixfUGwrGhDL4QojlIK1psJ7Xtm6fB702XgDSQyPHA4BbKkCCgQQJ6ocJ8REM1eIMGQTlFQ1yxgbeSySR6O8QDd1sxLVzBAHkQPNsdeFctEUxNCA2i/5x7xQAWYqvNCt3CNFfpDMuiXXz9oYVOQLjYAFEdzvhj0bWnNBpcDBUeQfQZKi6O/yBoOQcOnxtFFsAAAAAElFTkSuQmCC)
}

.btn-calendar,
.qoo-tool-view .btn-2top,
.qoo-tool-view .btn-download {
    background-image: url(../img/tool-sprites.png)
}

.qoo-tool-view .btn-download,
.qoo-tool-view .btn-download:after,
.qoo-tool-view .btn-download:before,
.qoo-tool-view .download-qooapp:before {
    background-image: url(../img/tool-sprites.png);
    background-size: auto 103px
}

.qoo-tool-view {
    position: fixed;
    bottom: 40px;
    right: 0;
    z-index: 10;
    transform-origin: 100% 100%;
    -webkit-transform-origin: 100% 100%;
    pointer-events: none
}

.qoo-tool-view>* {
    pointer-events: auto
}

.btn-calendar,
.qoo-tool-view .btn-2top,
.qoo-tool-view .btn-download {
    display: inline-block;
    position: fixed;
    z-index: 10;
    width: 200px;
    height: 206px;
    cursor: pointer
}

.btn-calendar {
    background-position: -1060px 0;
    top: calc(80% - 200px);
    left: 0
}

@media (max-width: 1500px) {
    .btn-calendar {
        top: 80px;
        left: 10px;
        width: 96px;
        height: 74px;
        background-position: -1284px -14px
    }
}

@media (max-width: 860px) {
    .btn-calendar {
        display: none
    }
}

.qoo-tool-view .download-qooapp {
    position: relative;
    display: inline-block;
    bottom: 18px;
    left: 24px;
    z-index: 11
}

.qoo-tool-view .tips-view {
    position: absolute;
    display: block;
    bottom: 100%;
    right: 100%;
    margin-bottom: 4px;
    white-space: nowrap;
    pointer-events: none;
    font-weight: 700
}

.qoo-tool-view .tips-view>.text {
    display: inline-block;
    min-width: 104px;
    max-width: 120px;
    min-height: 68px;
    box-sizing: border-box;
    padding: 26px 8px 20px 20px;
    background-size: 100% 100%;
    text-align: center;
    white-space: pre-line;
    opacity: 0;
    transition: opacity .2s .1s;
    -webkit-transition: opacity .2s .1s
}

.qoo-tool-view .tips-view>.text:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%
}

.qoo-tool-view .tips-view>.text:after {
    content: attr(data-text);
    color: #612f48;
    font-size: 16px
}

.qoo-tool-view .tips-view:after {
    content: "";
    width: 48px;
    height: 34px;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: bottom;
    margin-bottom: -10px;
    background-clip: content-box;
    opacity: 0;
    transition: opacity .3s;
    -webkit-transition: opacity .3s
}

.qoo-tool-view .btn-download,
.qoo-tool-view .btn-download:after,
.qoo-tool-view .btn-download:before,
.qoo-tool-view .download-qooapp:before {
    width: 60px;
    height: 44px;
    transition: all .3s;
    -webkit-transition: all .3s
}

.qoo-tool-view .download-qooapp:before {
    content: "";
    display: block;
    height: 30px;
    position: absolute;
    bottom: -20px;
    left: 1px;
    background-position: -328px -70px
}

.qoo-tool-view .btn-download {
    position: relative;
    box-sizing: border-box;
    background-clip: content-box;
    padding: 33px 4px 0 12px;
    vertical-align: bottom;
    z-index: 11;
    height: 60px;
    background-position: -326px -6px
}

.qoo-tool-view .btn-download:after,
.qoo-tool-view .btn-download:before {
    content: "";
    display: block;
    position: absolute;
    left: 1px;
    top: 29px;
    background-position: -256px -62px
}

.qoo-tool-view .btn-download:before {
    top: 2px;
    background-position: -256px -1px
}

.qoo-tool-view .btn-download:hover {
    padding: 0;
    margin-top: 32px
}

.qoo-tool-view .btn-download:hover~.tips-view>.text {
    opacity: 1
}

.qoo-tool-view.active .tips-view>.text {
    animation: tips-view-body-act 3.2s;
    -webkit-animation: tips-view-body-act 3.2s
}

@keyframes tips-view-body-act {
    4% {
        opacity: 0
    }

    12% {
        opacity: 1
    }

    90% {
        opacity: 1
    }
}

@-webkit-keyframes tips-view-body-act {
    4% {
        opacity: 0
    }

    12% {
        opacity: 1
    }

    90% {
        opacity: 1
    }
}

.qoo-tool-view .btn-download:hover~.tips-view:after {
    opacity: 1
}

.qoo-tool-view.active .tips-view:after {
    animation: tips-view-footer-act 3s;
    -webkit-animation: tips-view-footer-act 3s
}

@keyframes tips-view-footer-act {
    6% {
        opacity: 1
    }

    90% {
        opacity: 1
    }
}

@-webkit-keyframes tips-view-footer-act {
    6% {
        opacity: 1
    }

    90% {
        opacity: 1
    }
}

.qoo-tool-view.active .btn-download {
    animation: btn-download-act .4s ease-in;
    -webkit-animation: btn-download-act .4s ease-in
}

@keyframes btn-download-act {
    16% {
        transform: scale(.8, 1.2)
    }

    40% {
        transform: scale(1.2, .8)
    }

    80% {
        padding: 0;
        margin-top: 32px
    }
}

@-webkit-keyframes btn-download-act {
    16% {
        -webkit-transform: scale(.8, 1.2)
    }

    40% {
        -webkit-transform: scale(1.2, .8)
    }

    80% {
        padding: 0;
        margin-top: 32px
    }
}

.qoo-tool-view .btn-download:hover:before {
    transform: translateY(-32px);
    -webkit-transform: translateY(-32px)
}

.qoo-tool-view.active .btn-download:before {
    animation: btn-download-before-act .4s ease-in;
    -webkit-animation: btn-download-before-act .4s ease-in
}

@keyframes btn-download-before-act {
    80% {
        transform: translateY(-33px)
    }
}

@-webkit-keyframes btn-download-before-act {
    80% {
        -webkit-transform: translateY(-33px)
    }
}

.qoo-tool-view .btn-2top {
    position: relative;
    width: 124px;
    background-position: 0 0;
    margin-right: -54px;
    vertical-align: bottom
}

.qoo-tool-view.active .btn-2top {
    margin-right: 0;
    background-position: -124px 0
}

.qoo-tool-view .download-qooapp>.btn-close {
    display: none
}

@media (max-width: 860px) {
    .qoo-tool-view .tips-view {
        display: none
    }

    .qoo-tool-view .btn-2top {
        bottom: 70px
    }

    .qoo-tool-view {
        position: static;
        transform: none !important;
        -webkit-transform: none !important
    }

    .qoo-tool-view .btn-download:after,
    .qoo-tool-view .btn-download:before {
        display: none
    }

    .qoo-tool-view .download-qooapp {
        display: none;
        align-items: center;
        bottom: 0;
        left: auto;
        width: 100%;
        pointer-events: none;
        color: #fff;
        font-weight: 400;
        text-align: center;
        transition: all .3s;
        -webkit-transition: all .3s
    }

    .qoo-tool-view .download-qooapp.show {
        position: fixed;
        display: block
    }

    .qoo-tool-view .download-qooapp:before {
        display: none
    }

    .qoo-tool-view .download-qooapp.out {
        transform: translateY(40px);
        -webkit-transform: translateY(40px);
        opacity: 0;
        visibility: hidden
    }

    .qoo-tool-view .download-qooapp>span {
        overflow: hidden;
        text-overflow: ellipsis;
        flex-grow: 1;
        padding-right: 10px;
        text-align: center
    }

    .qoo-tool-view .download-qooapp>.btn-close {
        position: relative;
        display: inline-block;
        z-index: 14;
        cursor: pointer;
        background-image: none;
        text-align: center;
        width: 46px;
        height: 46px;
        margin-left: -46px;
        vertical-align: top;
        border: none;
        background-color: transparent;
        outline: 0;
        pointer-events: auto
    }

    .qoo-tool-view .download-qooapp>.btn-close::before {
        content: "\2716";
        color: rgba(255, 255, 255, .8)
    }

    .qoo-tool-view .btn-download {
        vertical-align: middle;
        text-align: center;
        flex-shrink: 0;
        background-color: #00c6e6;
        font-size: 16px;
        line-height: 46px;
        height: 46px;
        width: auto;
        color: #fff;
        padding: 0 50px 0 18px !important;
        margin: 0;
        background-clip: border-box;
        background-image: none;
        border-radius: 4px;
        white-space: nowrap;
        pointer-events: auto;
        max-width: 100%;
        animation: none !important;
        -webkit-animation: none !important;
        margin-top: 0 !important
    }

    .qoo-tool-view .btn-download:before {
        content: "";
        height: 40px;
        width: 32px;
        position: relative;
        display: inline-block;
        background: url(../img/small-icon.1.png) 0 0/cover;
        padding: 0;
        vertical-align: top;
        margin-top: 2px;
        margin-right: 6px;
        transform-origin: 50% 100%;
        -webkit-transform-origin: 50% 100%;
        transform: none !important;
        -webkit-transform: none !important;
        animation: bd-icon-act 5s infinite;
        -webkit-animation: bd-icon-act 5s infinite
    }

    @-webkit-keyframes bd-icon-act {
        4% {
            -webkit-transform: rotateZ(-20deg)
        }

        8% {
            -webkit-transform: rotateZ(10deg)
        }

        12% {
            -webkit-transform: none
        }
    }

    @keyframes bd-icon-act {
        4% {
            transform: rotateZ(-20deg)
        }

        8% {
            transform: rotateZ(10deg)
        }

        12% {
            transform: none
        }
    }

    .qoo-tool-view .btn-2top {
        position: fixed;
        right: 12px;
        bottom: 76px;
        display: block;
        width: 46px;
        height: 56px;
        background-size: auto 103px;
        background-position: -475px -4px !important;
        margin-right: 0;
        padding: 0;
        opacity: 0;
        visibility: hidden;
        transition: opacity .2s;
        -webkit-transition: opacity .2s
    }

    .qoo-tool-view.active .btn-2top {
        opacity: .8;
        visibility: visible
    }

    .qoo-tool-view .btn-2top:active,
    .qoo-tool-view .btn-2top:hover {
        opacity: 1
    }
}

.qoo-subhead {
    font-size: 18px;
    line-height: 2rem;
    color: inherit;
    font-weight: 600
}

.qoo-subhead>* {
    text-shadow: none
}

.qoo-subhead>em {
    color: #333;
    font-weight: 600;
    font-style: normal
}

.qoo-subhead>.more {
    float: right;
    font-size: 14px;
    color: inherit;
    font-weight: 400;
    -webkit-user-select: none;
    border: none;
    background-color: transparent;
    outline: 0
}

.qoo-subhead>.more:hover {
    text-decoration: underline
}

.qoo-subhead>.more:after {
    content: "";
    display: inline-block;
    width: 5px;
    height: 5px;
    position: relative;
    top: -2px;
    margin-right: 4px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    border: 1px solid;
    border-color: inherit;
    border-left-color: transparent;
    border-bottom-color: transparent
}

.qoo-masthead {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    display: block;
    background-color: #00c6e6;
    color: #fff;
    -webkit-user-select: none;
    line-height: 80px;
    height: 80px;
    transition-property: line-height, height, top, visibility, opacity;
    -webkit-transition-property: line-height, height, top, visibility, opacity;
    transition-duration: .2s;
    -webkit-transition-duration: .2s;
    white-space: nowrap
}

.qoo-masthead-hide {
    top: -80px;
    opacity: 0;
    visibility: hidden
}

.qoo-masthead-fixed {
    line-height: 56px;
    height: 56px
}

.qoo-masthead>.qm-content {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
    display: -moz-flex;
    display: flex;
    width: 100%;
    margin: 0 auto;
    max-width: 1180px
}

.qoo-masthead>.qm-content>:first-child {
    padding-left: 10px;
    padding-right: 10px
}

.qoo-masthead>.qm-content>:last-child {
    padding-right: 10px
}


.qoo-masthead .qm-logo {
    position: relative;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.qoo-masthead .qm-logo>* {
    vertical-align: middle
}

.qoo-masthead .qm-logo i {
    position: relative;
    display: inline-block;
    height: 46px
}

.qoo-masthead .qm-logo img {
    vertical-align: middle
}

.qoo-masthead .qm-logo .pc-logo {
    width: 155px
}

.qoo-masthead .qm-logo .mobile-logo {
    display: none;
    width: 108px
}

.qoo-masthead .qm-logo .qml-text {
    color: #fff;
    margin-left: 2px;
    line-height: 1.02em;
    display: inline-block;
    text-align: center;
    font-size: 24px;
    transition: all .2s;
    -webkit-transition: all .2s
}

.qoo-masthead .qm-logo sub {
    display: inline-block;
    height: 18px;
    line-height: 18px;
    margin-left: 4px;
    margin-top: 30px;
    font-size: 14px;
    color: #fff;
    white-space: nowrap
}

.qoo-masthead .qm-nav>.qm-service {
    display: none
}

.qoo-masthead .qm-nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
    display: -moz-flex;
    display: flex;
    width: 96%
}

.qoo-masthead .qm-nav>* {
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    font-size: 16px;
    white-space: nowrap;
    color: inherit;
    border: 0 solid transparent;
    overflow: hidden;
    text-overflow: ellipsis
}

.qoo-masthead .qm-nav>*>.wrap {
    position: absolute;
    display: inline-block;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    user-select: none;
    -webkit-user-select: none;
    color: transparent;
    text-shadow: none
}

.qoo-masthead .qm-nav>.att-m {
    display: none
}

.qoo-masthead .qm-nav>*>i {
    height: 18px;
    vertical-align: middle;
    margin-right: 4px
}

.qoo-masthead .qm-nav>.qm-submenu-show,
.qoo-masthead .qm-nav>cite:hover {
    text-shadow: 0 0 1px #fff
}

.qoo-masthead .qm-nav>cite {
    cursor: default;
    overflow: visible;
    width: 140px
}

.qoo-masthead .qm-nav>cite>var {
    position: absolute;
    display: inline-block;
    width: 120px;
    top: 100%;
    left: 50%;
    margin-left: -60px;
    font-size: 14px;
    background-color: #fff;
    line-height: 38px;
    transform-origin: center 0;
    -webkit-transform-origin: center 0;
    transform: scaleY(0);
    -webkit-transform: scaleY(0);
    transition: all .3s;
    -webkit-transition: all 0, .3s;
    box-sizing: border-box;
    box-shadow: 0 1px 3px #ccc
}

.qoo-masthead .qm-nav>cite:hover>var {
    transform: none;
    -webkit-transform: none;
    transition-delay: .2s;
    -webkit-transition-delay: .2s
}

.qoo-masthead .qm-nav>*>var>a {
    position: relative;
    display: block;
    border: solid transparent;
    border-width: 0 10px 1px 10px;
    color: #4c4c5c;
    overflow: hidden;
    text-overflow: ellipsis
}

.qoo-masthead .qm-nav>*>var>.active {
    color: #00c6e6
}

.qoo-masthead .qm-nav>*>var>.active:before {
    content: "\2713";
    margin-left: -14px;
    position: absolute
}

.qoo-masthead .qm-nav>*>var>a:hover {
    color: #00c6e6;
    background-color: rgba(0, 198, 230, .2)
}

.page_user .qm-logo>a:nth-child(3),
.page_user_center .qm-logo>a:nth-child(3) {
    display: none
}

@media (max-width: 1000px) {
    .qoo-masthead .qm-logo .pc-logo {
        width: 120px
    }

    body:not(.page_user_center):not(.page_user) .qoo-masthead .qm-logo sub {
        margin-top: 20px
    }
}

@media (min-width: 861px) {
    .qoo-masthead .qm-search-link {
        display: none
    }

    .qoo-masthead .qm-nav>[data-submenu-key]:after,
    .qoo-masthead .qm-nav>cite:after {
        content: "";
        display: inline-block;
        position: relative;
        margin-left: 4px;
        top: 2px;
        border: 5px solid;
        border-color: #fff transparent transparent transparent;
        transition: transform .3s;
        -webkit-transition: -webkit-transform .3s;
        transform-origin: center 2px;
        -webkit-transform-origin: center 2px
    }

    .qoo-masthead .qm-nav>.qm-submenu-show:after,
    .qoo-masthead .qm-nav>cite:hover:after {
        transform: rotate(-180deg);
        -webkit-transform: rotate(-180deg)
    }

    .qoo-masthead .qm-nav>a[data-submenu-key]:before,
    .qoo-masthead .qm-nav>cite:before {
        content: "";
        position: absolute;
        bottom: 2px;
        left: calc(50% - 26px);
        border: 20px solid transparent;
        border-bottom-color: rgba(255, 255, 255, 1);
        transition: all .3s;
        -webkit-transition: all .3s;
        transform: translateY(20px);
        -webkit-transform: translateY(20px);
        opacity: 0;
        pointer-events: none;
        z-index: 2
    }

    .qoo-masthead .qm-nav>cite:before {
        left: calc(50% - 20px)
    }

    .qoo-masthead .qm-content>.qm-nav>.qm-submenu-show[data-submenu-key]:before,
    .qoo-masthead .qm-content>.qm-nav>cite:hover:before {
        transform: translateY(2px);
        -webkit-transform: translateY(2px);
        visibility: visible;
        opacity: 1
    }

    .qoo-masthead .qm-content>.qm-nav>cite:hover:after,
    .qoo-masthead .qm-content>.qm-nav>cite:hover:before {
        transition-delay: .2s;
        -webkit-transition-delay: .2s
    }

    .qoo-masthead-fixed .qm-content>.qm-nav>.qm-submenu-show[data-submenu-key]:before,
    .qoo-masthead-fixed .qm-content>.qm-nav>cite:hover:before {
        transform: translateY(8px);
        -webkit-transform: translateY(8px);
        border-width: 14px;
        bottom: 8px
    }

    .qoo-masthead-fixed .qm-content>.qm-nav>cite:hover:before {
        left: calc(50% - 14px)
    }

    .qoo-masthead-fixed .qm-content>.qm-nav>.qm-submenu-show[data-submenu-key]:before {
        left: calc(50% - 20px)
    }
}

.qoo-masthead #nav_switcher {
    width: 0;
    height: 0;
    display: none
}

.qoo-masthead .qm-nav-switcher {
    display: none
}

@media (max-width: 860px) {
    .qoo-masthead>.qm-content .qoo-nav-panel {
        display: block
    }



    .qoo-masthead .qm-logo .pc-logo {
        display: none
    }

    .qoo-masthead .qm-logo .mobile-logo {
        display: inline-block
    }

    .qoo-masthead .qm-logo {
        line-height: 56px
    }

    .qoo-masthead .qm-logo i {
        height: 32px
    }

    .qoo-masthead .qm-logo sub {
        height: 14px;
        line-height: 14px;
        font-size: 12px;
        color: #00c6e6
    }

    .page_user .qm-logo>a:nth-child(1),
    .page_user .qm-logo>a:nth-child(2),
    .page_user_center .qm-logo>a:nth-child(1),
    .page_user_center .qm-logo>a:nth-child(2) {
        display: none
    }

    .page_user .qm-logo sub,
    .page_user_center .qm-logo sub {
        margin-top: 20px
    }

    .page_user .qm-logo>a:nth-child(3),
    .page_user_center .qm-logo>a:nth-child(3) {
        display: inline-block
    }

    .qoo-masthead-fixed>.qm-content {
        box-shadow: 0 0 4px rgba(0, 0, 0, .1)
    }

    .qoo-masthead {
        background: #fff
    }

    .qoo-wrapper {
        padding-top: 56px
    }

    .qoo-masthead {
        height: 56px;
        line-height: 56px
    }

    .qoo-masthead>.qm-content {
        display: block;
        margin: 0 auto;
        width: 100%;
        height: 56px;
        padding-left: 10px;
        box-sizing: border-box
    }

    .qoo-masthead>.qm-content>* {
        display: inline-block
    }

    .qoo-masthead>.qm-content>:first-child,
    .qoo-masthead>.qm-content>:last-child {
        padding: 0
    }

    .qoo-masthead .qm-nav {
        display: block;
        position: fixed;
        top: 0;
        border-top: 56px solid transparent;
        left: 0;
        margin-left: 0;
        width: 100%;
        bottom: 0;
        z-index: 10;
        overflow-y: auto;
        transform: scaleY(.5);
        -webkit-transform: scaleY(.5);
        opacity: 0;
        transform-origin: center 56px;
        -webkit-transform-origin: center 56px;
        transition: transform .3s;
        -webkit-transition: -webkit-transform .3s;
        visibility: hidden;
        padding-bottom: 160px
    }

    .qoo-masthead .qm-nav>*,
    .qoo-masthead .qm-nav>.att-m {
        display: block;
        line-height: 56px;
        border-bottom: 1px solid #a6d7da;
        padding: 0 16px;
        text-align: left;
        background-color: #76c1c6 !important;
        width: 100% !important;
        box-sizing: border-box
    }

    .qoo-masthead .qm-nav>cite>var {
        width: 100%;
        left: 0;
        margin-left: 0
    }

    .qoo-masthead .qm-nav>*>var>.active {
        padding-left: 14px
    }

    .qoo-masthead .qm-nav>.qm-service {
        display: block
    }

    .qoo-masthead .qm-nav-switcher {
        position: absolute;
        right: 0;
        top: 0;
        display: inline-block;
        width: 56px;
        height: 56px;
        box-sizing: border-box
    }

    .qoo-masthead .qm-nav-switcher:after,
    .qoo-masthead .qm-nav-switcher:before {
        content: "";
        display: inline-block;
        width: 20px;
        height: 8px;
        margin-left: -10px;
        margin-top: -9px;
        position: absolute;
        top: 50%;
        left: 50%;
        box-sizing: border-box;
        border: solid #333;
        border-width: 1px 0;
        transition: all .3s;
        -webkit-transition: all .3s;
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0
    }

    .qoo-masthead .qm-nav-switcher:after {
        height: 0;
        margin-top: 5px;
        border-bottom-color: transparent
    }

    .qoo-masthead .qm-nav>*>var>a:not(:last-of-type) {
        border-bottom-color: #eee
    }
}

.qoo-masthead .qam-enter,
.qoo-masthead .qam-userinfo {
    visibility: hidden
}

.inQooApp .qoo-masthead {
    display: none !important
}

.inQooApp .qoo-masthead+.qoo-wrapper {
    border-top: 0 !important;
    padding-top: 0 !important
}

.inQooApp .qoo-tool-view .download-qooapp,
.inQooApp .qoo-wrapper .qoo-content .qoo-footer {
    display: none !important
}

.inQooApp .qoo-tool-view .btn-2top {
    bottom: 48px !important
}

.inQooApp .hidden-in-qooapp,
.shown-in-qooapp {
    display: none !important
}

.inQooApp .shown-in-qooapp {
    display: block !important
}

.page_comic_reader .btn-calendar,
.page_comic_reader .qoo-tool-view {
    display: none !important
}

.video-box {
    display: block;
    position: relative;
    width: 100% !important;
    padding-top: 56.25%;
    background: #161616;
    overflow: hidden;
    -webkit-transition: all .6s;
    transition: all .6s;
    border-radius: 6px
}

.video-box:hover {
    -webkit-box-shadow: 0 0 8px #888;
    box-shadow: 0 0 8px #888
}

.video-box .thumbnail,
.video-box iframe,
.video-box video {
    display: block;
    position: absolute;
    z-index: 1;
    top: 0;
    width: 100%;
    height: 100%;
    background: #161616 no-repeat center center;
    background-size: 100%;
    -webkit-transition: all .6s;
    transition: all .6s
}

.video-box:hover .thumbnail {
    -webkit-transform: scale(1.12);
    transform: scale(1.12)
}

.video-box::after,
.video-box::before {
    content: "";
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    opacity: .8;
    cursor: pointer;
    -webkit-transition: opacity .6s;
    transition: opacity .6s
}

.video-box:hover::after,
.video-box:hover::before {
    opacity: 1
}

.video-box::before {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: 3px solid rgba(255, 255, 255, .6);
    background: rgba(0, 198, 230, .95);
    -webkit-box-shadow: 0 0 8px #000;
    box-shadow: 0 0 8px #000;
    -webkit-transition: all .4s;
    transition: all .4s
}

.video-box::after {
    width: 0;
    height: 0;
    border: solid 12px transparent;
    border-left: solid 20px rgba(255, 255, 255, .95);
    border-right: 0;
    margin-left: 4px
}

.video-box.ready::before {
    width: 200px;
    height: 200px;
    opacity: 0
}

.video-box.playing::after,
.video-box.playing::before {
    display: none
}

.video-item__shorts-wrapper {
    max-width: 280px
}

.video-item__shorts-wrapper>.video-box {
    padding-top: 178%
}

.video-item__shorts-wrapper>.video-box .thumbnail {
    background-size: cover
}

.video-item__shorts-wrapper>.video-box iframe {
    border: 0
}

.blur-box {
    position: relative
}

.blur-box img {
    -webkit-filter: blur(10px);
    -moz-filter: blur(10px);
    filter: blur(10px);
    transition: all .4s ease-in-out
}

.blur-box:focus img,
.blur-box:hover img {
    filter: blur(0)
}

.blur-box::after {
    content: attr(title);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, .2);
    color: #fff;
    font-size: 24px;
    text-align: center;
    padding-top: 16px
}

.blur-box:focus::after,
.blur-box:hover::after {
    display: none
}

.qoo-user-card {
    position: relative;
    width: 300px;
    height: 100%;
    overflow: hidden;
    font-size: 12px;
    color: #333;
    border-radius: 8px;
    background: #f5f5f5
}

.qoo-user-card .link {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1
}

.qoo-user-card figcaption {
    padding: 10px;
    border-top: 0;
    border-radius: 0 0 8px 8px
}

.qoo-user-card .cover {
    position: relative;
    padding-bottom: 33.333%;
    height: 0
}

.qoo-user-card .avatar {
    width: 64px;
    margin-left: -8px;
    margin-right: 8px
}

.qoo-user-card .follow-button {
    position: relative;
    z-index: 3;
    min-width: 80px;
    height: 24px
}

.qoo-user-card .follow-button span {
    font-size: 12px
}

.qoo-user-card .info,
.qoo-user-card .info-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
    display: -moz-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -moz-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.qoo-user-card .info {
    margin-bottom: 4px
}

.qoo-user-card .cover img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.qoo-user-card a {
    color: #333
}

.qoo-user-card .actions a {
    position: relative;
    z-index: 3;
    display: inline-block;
    margin-right: 8px
}

.qoo-user-card .actions a:last-child {
    margin-right: 0
}

.qoo-user-card a:hover {
    text-decoration: underline
}

.qoo-user-card h4 {
    margin-top: 4px;
    margin-bottom: 4px;
    font-size: 14px;
    font-weight: 600;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.qoo-user-card .info aside,
.qoo-user-card .profile {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 0
}

.qoo-user-card .info-box {
    margin-bottom: 6px
}

.qoo-user-card .profile {
    padding-right: 4px
}

.qoo-user-card .profile p {
    color: #e6a55c;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.qoo-user-card .description {
    position: relative;
    display: -webkit-box;
    overflow: hidden;
    line-height: normal;
    text-overflow: ellipsis;
    max-height: 32px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.page_apps_yeshen .qoo-nav-panel-header .actions,
.page_apps_yeshen .qoo-nav-panel-header figure {
    display: none
}

.page_apps_yeshen .qoo-nav-panel-header {
    padding-top: 40px
}

.qooicon {
    display: inline-block;
    text-align: center;
    color: inherit;
    font-style: normal;
    line-height: 0;
    text-transform: none;
    vertical-align: -.125em;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    font-size: 16px
}

.qooicon svg {
    display: inline-block
}

.qooicon>* {
    line-height: 1
}

.qoo-avatar svg use {
    stroke-width: 4;
    stroke: #75bfc6;
    fill: transparent
}

.qoo-avatar[data-border=true] svg use {
    stroke-width: 0
}

.qoo-clearfix:after {
    content: "";
    display: block;
    clear: both
}

.qoo-bg-eggs {
    background-image: url(../img/eggs.png)
}

.qoo-dialog-act {
    animation: qoo-dialog-show-act .3s;
    -webkit-animation: qoo-dialog-show-act .3s
}

.qoo-sticky-box.fixed-top {
    position: fixed !important;
    top: 66px !important
}

.qoo-sticky-box.fixed-bottom {
    position: fixed !important;
    bottom: 0 !important
}

@keyframes qoo-dialog-show-act {
    from {
        opacity: 0
    }

    50% {
        opacity: 0;
        transform: scale(.9)
    }

    90% {
        transform: scale(1.006)
    }
}

@-webkit-keyframes qoo-dialog-show-act {
    from {
        opacity: 0
    }

    50% {
        opacity: 0;
        -webkit-transform: scale(.9)
    }

    90% {
        -webkit-transform: scale(1.006)
    }
}

@keyframes fade-out {
    0% {
        opacity: 1
    }

    100% {
        opacity: .1
    }
}

@-webkit-keyframes fade-out {
    0% {
        opacity: 1
    }

    100% {
        opacity: .1
    }
}

.qoo-selector {
    position: relative;
    display: inline-block;
    vertical-align: top
}

.qoo-selector.disable {
    color: #777
}

.qoo-selector.disable .s-value::after {
    transform: none !important;
    -webkit-transform: none !important
}

.qoo-selector.disable .s-value {
    cursor: not-allowed
}

.qoo-selector.disable .s-list,
.qoo-selector.disable .s-mask {
    display: none !important
}

.qoo-selector .s-control {
    display: none
}

.qoo-selector .s-btn {
    padding: 6px;
    cursor: pointer
}

.qoo-selector .s-control:checked~.s-btn {
    opacity: .8
}

.qoo-selector .s-value {
    display: inline-block;
    font-size: 12px;
    padding-right: 16px;
    cursor: pointer;
    vertical-align: top
}

.qoo-selector .s-value::after {
    content: "";
    display: inline-block;
    border: 4px solid transparent;
    border-top-color: currentColor;
    vertical-align: middle;
    margin: 0 -8px -2px 6px;
    transform-origin: center 1px;
    -webkit-transform-origin: center 1px;
    transition: all .2s;
    -webkit-transition: all .2s
}

.qoo-selector .s-control:checked~.s-value::after {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg)
}

.qoo-selector .s-value:focus {
    background-color: red
}

.qoo-selector .s-list {
    position: absolute;
    right: 100%;
    top: 0;
    display: inline-block;
    border: 1px solid #e8e8e8;
    border-radius: 6px;
    box-shadow: 0 0 2px #e8e8e8;
    background-color: #fff;
    line-height: 30px;
    z-index: 10001;
    visibility: hidden;
    opacity: 0;
    transition: all .2s ease-out;
    -webkit-transition: all .2s ease-out;
    transform: translate(4px, -4px);
    -webkit-transform: translate(4px, -4px);
    padding: 1px;
    cursor: pointer;
    overflow: hidden
}

.qoo-selector .s-list.r-b {
    right: 0;
    top: 100%
}

.qoo-selector .s-list.r-t {
    right: 0;
    top: auto;
    bottom: 100%
}

.qoo-selector .s-list.l-b {
    right: auto;
    left: 0;
    top: 100%
}

.qoo-selector .s-list>* {
    font-size: 12px;
    color: #333;
    display: block;
    white-space: nowrap;
    padding: 5px 16px
}

.qoo-selector .s-list.show-status>* {
    padding-left: 20px
}

.qoo-selector .s-text {
    display: inline-block;
    vertical-align: top
}

.qoo-selector .s-list.show-status>::before {
    content: "\2713";
    margin: 0 8px 0 -8px;
    color: #333;
    visibility: hidden;
    opacity: 0;
    font-weight: 700;
    transition: all .2s;
    -webkit-transition: all .2s
}

.qoo-selector .s-list>:hover {
    background-color: #eee;
    color: #00c6e6
}

.qoo-selector .s-list.show-status>.active::before {
    opacity: 1;
    visibility: visible
}

.qoo-selector .s-control:checked~.s-mask {
    position: fixed;
    display: inline-block;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 10000
}

.qoo-selector .s-control:checked~.s-list {
    visibility: visible;
    opacity: 1;
    transform: none;
    -webkit-transform: none
}

.qoo-note-wrap {
    position: relative;
    display: block;
    width: 100%;
    background-color: #fff;
    border-radius: 6px;
    border: 1px solid #ebebeb;
    padding: .95rem 1rem 0 1rem;
    box-sizing: border-box
}

.qoo-note-top:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 32px;
    height: 32px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAIKADAAQAAAABAAAAIAAAAACshmLzAAABh0lEQVRYCcWSv07DMBCHL1VXViQW1Ak2FiI2BgZeohuvgMTCVCQ2JDZmNuZuDC0SD8ATVAyIAQQLK0KCw7+4hjhxnPhfepLt+Jzc9zl2Rsvg+d4+0c8JMecitaHyacfsLAOA5/mp6M+JqZinharqAn74MMmKnfP3vUgP1FL6UcLBEVDx223wnQsitGjxD0fJwfLMzeW3jonWD2TDc3DocJQbima+cABujok+3yQWz4jFpRyd+zocJSBQDwV/viFa25br73dSCDNnCTMcpeoXrwwvg/AMIfwJp+NohkNA/wOjIwkAqAzHmwiVg8TXB9HTtcw39nY4PtMFUPTxyl4YEngPzRrtcHyuC7xMrSX/FiPsXNWq3wG14j1227kqH1nADQ6JiALucAjodwCZarzeVjOGuR8chdoFWi+mPxwCgUcQBg8UCIcHCMSBewrEg3sIxIU7CsSHOwikgXcUSAfvIJAW3iKQHm4R6AfeINAf3CDQL7wi0D8cAsSzXeZZPikmq+hWChcb/gWb1ohb4ewAZwAAAABJRU5ErkJggg==)
}

.qoo-note-wrap>.link-wrap {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 0
}

.qoo-note-wrap .best-comment-panel {
    display: none !important
}

.qoo-note-wrap .description em {
    color: #f2a838
}

.qoo-note-wrap .focus-list {
    float: right;
    font-size: 0;
    margin-top: 10px
}

.qoo-note-wrap .focus-list .game-item {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 4px;
    overflow: hidden;
    margin-left: 10px;
    cursor: pointer;
    border: 1px solid transparent
}

.qoo-note-wrap .focus-list .game-item>img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.qoo-note-wrap .actions {
    position: static;
    padding-bottom: 10px;
    padding-left: 63px;
    min-height: 52px
}

.qoo-note-wrap .actions .btn-share {
    display: none
}

.qoo-note-wrap .qoo-comment-panel {
    width: calc(100% + 2rem);
    margin-left: -1rem
}

.qoo-note-wrap.actions {
    border: none;
    padding: 0
}

.qoo-note-wrap .actions::after,
.qoo-note-wrap.actions::after {
    content: "";
    display: block;
    clear: both
}

.qoo-note-wrap .actions .icon-view,
.qoo-note-wrap .actions button,
.qoo-note-wrap.actions .icon-view,
.qoo-note-wrap.actions button {
    position: relative;
    border: none;
    background-color: transparent;
    color: #999;
    line-height: 20px;
    margin-right: 10px;
    min-width: 60px;
    text-align: left;
    cursor: pointer;
    font-size: 14px;
    outline: 0;
    margin-top: 16px
}

.qoo-note-wrap .actions .btn-star {
    position: absolute;
    right: 20px;
    top: 19px;
    margin: 0;
    font-size: 12px;
    line-height: 18px;
    padding: 0 10px 0 6px;
    border: 1px solid currentColor;
    color: #f2a838;
    background-color: transparent;
    border-radius: 2px;
    outline: 0;
    white-space: nowrap;
    min-width: auto;
    cursor: pointer
}

.qoo-note-wrap .actions .btn-star.unstar {
    color: #666;
    border-color: #aaa
}

.qoo-note-wrap .actions .btn-star::before {
    content: "\2b";
    font-weight: 700;
    font-family: Verdana, Arial, Tahoma;
    margin-right: 2px
}

.qoo-note-wrap .actions .btn-more {
    position: absolute;
    min-width: 20px;
    top: 14px;
    right: 16px;
    margin: 0;
    font-size: 0
}

.qoo-note-wrap .actions .btn-more+.btn-star {
    right: 68px
}

.qoo-note-wrap .actions button:hover {
    opacity: .9
}

.qoo-note-wrap .actions .icon-view::before,
.qoo-note-wrap .actions button::before,
.qoo-note-wrap.actions .icon-view::before,
.qoo-note-wrap.actions button::before {
    margin-right: 6px
}

.qoo-note-wrap>* {
    background-color: transparent;
    border: none;
    padding: 0;
    box-sizing: border-box
}

.qoo-note-wrap>.qoo-note-view {
    width: calc(100% - 63px);
    display: inline-block;
    vertical-align: top;
    background-color: transparent;
    border: none;
    padding: 8px 0 0 6px
}

.qoo-note-wrap .avatar {
    display: table-cell;
    width: 63px;
    display: inline-block;
    vertical-align: top
}

.qoo-note-wrap .avatar .qoo-egg-view {
    width: 100%;
    vertical-align: top;
    margin-left: -4px
}

.qoo-note-wrap .avatar .qoo-egg-view img {
    border: 1px solid #75bfc6
}

.qoo-warn-view {
    position: relative;
    display: block;
    font-size: 13px;
    line-height: 18px;
    padding: 18px 20px;
    background-color: #f9f9f9;
    border: 1px solid #ebebeb;
    border-radius: 6px;
    color: #333
}

.qoo-warn-view::before {
    margin-right: 8px
}

.qoo-warn-view .btn-close {
    position: absolute;
    right: 15px;
    top: 15px;
    cursor: pointer
}

.qoo-page-view {
    position: relative;
    display: table;
    table-layout: fixed;
    width: 100%;
    border-radius: 4px;
    border: 1px solid #ebebeb;
    box-sizing: border-box;
    min-height: 130px;
    background-color: #ebebeb
}

.qoo-page-view .btn-close {
    position: absolute;
    right: 15px;
    top: 15px;
    cursor: pointer
}

.qoo-page-view .btn-close:hover {
    opacity: .9
}

.qoo-page-view>* {
    display: table-cell;
    vertical-align: middle
}

.qoo-page-view .cover {
    position: relative;
    width: 39.3%
}

.qoo-page-view .cover>img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.qoo-page-view .cover::before {
    content: "";
    display: inline-block;
    padding-top: 100%;
    vertical-align: top
}

.qoo-page-view:not(.v) .cover+.info {
    padding: 10px 14px
}

.qoo-page-view .info {
    padding: 16px 20px
}

.qoo-page-view .link {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    font-size: 13px;
    color: #666 !important;
    text-transform: uppercase
}

.qoo-page-view .title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    font-size: 18px;
    color: #333;
    line-height: 38px
}

.qoo-page-view .description {
    display: block;
    display: box;
    display: -webkit-box;
    max-height: 44px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 13px;
    line-height: 22px;
    color: #666;
    margin-top: 6px;
    white-space: normal
}

.qoo-page-view .description img {
    pointer-events: none
}

.qoo-page-view.v>* {
    display: block
}

.qoo-page-view.v .cover {
    width: 100%
}

.qoo-page-view.v .cover::before {
    padding-top: 56.58%
}

.qoo-page-view.v .info {
    position: static
}

.qoo-note-view,
.qoo-page-view {
    position: relative;
    display: table;
    table-layout: fixed;
    width: 100%;
    border-radius: 6px;
    border: 1px solid #ebebeb;
    box-sizing: border-box;
    min-height: 130px;
    background-color: #f9f9f9;
    overflow: hidden
}

.qoo-note-view {
    min-height: auto;
    padding: 12px 20px 14px 20px
}

.qoo-note-view .sprite-icon-private {
    vertical-align: top;
    margin-left: 6px;
    opacity: .5
}

.qoo-note-vote-view {
    position: relative;
    clear: both
}

.qoo-note-vote-view>i[id^=vote_] {
    position: absolute;
    top: -60px
}

.qoo-note-vote-view>.link-wrap {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1
}

.qoo-note-vote-view>.qoo-note-vote:after {
    cursor: inherit !important
}

.qoo-note-vote {
    position: relative;
    display: block;
    font-size: 14px;
    padding: 14px 20px;
    color: #333
}

.qoo-module-view .qoo-note-vote-view+.qoo-note-vote-view>.qoo-note-vote {
    padding-top: 10px
}

.qoo-module-view .qoo-note-vote {
    padding: 30px 20px
}

.qoo-module-view .qoo-note-view .qoo-note-vote {
    background: #f2f2f2
}

.hot-notes-view .qoo-note-vote,
.note-list .qoo-note-vote {
    background-color: #f9f9f9
}

.note-list .qoo-note-vote:after,
.qoo-module-view .qoo-note-view .qoo-note-vote:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    cursor: default
}

.qoo-module-view .qoo-note-view .qoo-note-vote:after {
    cursor: inherit
}

.qoo-note-vote .vote-title {
    margin-bottom: 6px;
    font-weight: 600;
    color: #262626;
    word-break: break-word
}

.qoo-note-vote .btn-box+.vote-title,
.qoo-note-vote .vote-end+.vote-title {
    margin-top: 14px
}

.qoo-note-vote .vote-info {
    margin-bottom: 10px;
    font-size: 12px;
    color: #999
}

.qoo-note-vote .options {
    color: #666;
    overflow: hidden
}

.qoo-note-vote .options>label {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
    display: -moz-flex;
    display: flex;
    margin-bottom: 12px;
    line-height: 19px;
    word-break: break-word
}

.qoo-note-vote .options>li {
    margin-bottom: 24px
}

.qoo-note-vote .options>*>p {
    font-size: 14px
}

.qoo-note-vote .options>* .progress {
    position: relative;
    display: block;
    width: 100%;
    height: 8px;
    margin-top: 8px;
    border-radius: 1px;
    background-color: #ebebeb
}

.qoo-note-vote .options>* .progress>span {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    margin: auto;
    background-color: #00c6e6
}

.qoo-note-vote .options>* .progress.picked>span {
    background-color: #f2a838
}

.qoo-note-vote .options>* .progress:after {
    content: attr(data-percent);
    position: absolute;
    top: 100%;
    right: 0;
    padding-top: 4px;
    font-size: 12px
}

.qoo-note-vote .vote-end {
    border-radius: 2px;
    padding: 6px 0;
    margin-top: 12px;
    text-align: center;
    font-size: 12px;
    background-color: #ebebeb;
    color: #262626
}

.qoo-note-vote .btn-box,
.qoo-note-vote .vote-info {
    overflow: hidden
}

.qoo-note-vote .vote-info span {
    float: left;
    margin-right: 16px
}

.qoo-note-vote .btn-box button {
    float: left;
    margin: 0 auto;
    border: 1px solid #ebebeb;
    border-radius: 4px;
    background-color: #fff;
    color: #262626;
    font-size: 12px;
    line-height: 24px;
    min-width: 64px;
    padding: 0 10px;
    outline: 0;
    cursor: pointer
}

.qoo-note-vote .btn-box button.submit {
    margin-left: 16px;
    border-color: #00c6e6;
    background-color: #00c6e6;
    color: #fff
}

.qoo-note-vote .vote-tip-wrapper {
    opacity: 0;
    transform: scaleY(.8);
    transform-origin: top center;
    transition: .4s
}

.qoo-note-vote .vote-tip {
    margin-top: 10px;
    font-size: 12px
}

.qoo-note-vote .vote-tip-motion {
    opacity: 1;
    transform: scaleY(1)
}

.qoo-note-vote .vote-error {
    color: #ff4040
}

.qoo-note-vote .vote-success {
    position: relative;
    padding: 4px 8px;
    color: #00c6e6;
    background: rgba(0, 198, 230, .1);
    border-radius: 2px
}

.icon-close:before {
    content: "";
    display: inline-block;
    vertical-align: top;
    width: 12px;
    height: 12px;
    background: url(data:image/svg+xml;utf8,%3Csvg%20t%3D%221571914867912%22%20class%3D%22icon%22%20viewBox%3D%220%200%201024%201024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20p-id%3D%222058%22%20width%3D%22200%22%20height%3D%22200%22%3E%3Cpath%20d%3D%22M1023.601%2091.107L933.291%200.797%20512%20422.131%2090.71%200.797%200.398%2091.107%20421.733%20512.4%200.399%20933.732l90.31%2090.267L512%20602.709%20933.29%201024l90.311-90.267-421.334-421.334%20421.334-421.292z%22%20fill%3D%22%2327b0b6%22%20p-id%3D%222059%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E);
    background-size: 100%
}

.qoo-note-vote .vote-success .icon-close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 6px;
    width: 12px;
    height: 12px;
    cursor: pointer
}

.qoo-note-vote-loading:after {
    content: "";
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
    bottom: 10px;
    background: rgba(130, 130, 130, .1)
}

.qoo-note-vote.qoo-note-vote-loading .qoo-btn-loading {
    display: block
}

.qoo-note-vote .qoo-btn-loading {
    position: absolute;
    top: 50%;
    left: 50%;
    display: none;
    margin-top: -3px;
    margin-left: -12px
}

.qoo-note-vote .qoo-btn-loading i {
    background: #00c6e6
}

.vote-constraint .options>*>p,
.vote-constraint .options>label,
.vote-constraint .vote-title {
    display: block;
    display: box;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 38px;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-word
}

.qoo-module-view .qoo-note-vote .options>label,
.vote-constraint .options>label {
    position: relative;
    padding-left: 24px
}

.vote-constraint .options>label {
    display: none
}

.vote-constraint .options>label:first-child,
.vote-constraint .options>label:nth-child(2) {
    display: block;
    display: box;
    display: -webkit-box
}

.vote-constraint .options>li {
    display: none
}

.vote-constraint .options>li:first-child,
.vote-constraint .options>li:nth-child(2) {
    display: block
}

.qoo-module-view .qoo-note-vote .qoo-checkbox>input+i,
.qoo-module-view .qoo-note-vote .qoo-radio>input+i,
.vote-constraint .qoo-checkbox>input+i,
.vote-constraint .qoo-radio>input+i {
    position: absolute;
    top: 2px;
    left: 0
}

@media (max-width: 600px) {
    .qoo-note-vote .btn-box {
        text-align: center
    }
}

.qoo-user-tag {
    display: inline-block;
    font-size: 12px !important;
    vertical-align: top;
    margin-left: 8px;
    white-space: nowrap;
    vertical-align: top;
    margin-left: 8px;
    color: #e6a55c;
    line-height: 16px
}

.qoo-user-tag::before {
    content: "";
    display: inline-block;
    vertical-align: top;
    background-image: url(/image/game14/qoo-fodder.2.png);
    background-size: 373px 332px;
    width: 19px;
    height: 16px;
    background-position: -173px -309px;
    margin-right: 2px
}

.qoo-note-view .name,
.qoo-note-view .time {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    line-height: 18px
}

.qoo-note-view .name {
    display: inline-block;
    font-size: 14px;
    font-weight: 700
}

.qoo-note-view .name>a,
.qoo-note-view a.name {
    cursor: pointer;
    color: #00c6e6
}

.qoo-note-view .name>*~:not(.qoo-user-tag) {
    margin-left: 22px;
    position: relative
}

.qoo-note-view .name>*~:not(.qoo-user-tag)::before {
    content: "";
    position: absolute;
    left: -12px;
    top: 4px;
    display: inline-block;
    border: solid transparent;
    border-width: 4px 5px;
    color: #999;
    border-left-color: currentColor;
    pointer-events: none
}

.qoo-note-view .time {
    font-size: 12px;
    color: #999;
    margin-top: 5px
}

.qoo-note-view .time .sprite-icon-vote-small {
    margin-left: 10px;
    padding: 2px
}

.qoo-note-view .content-title {
    display: block;
    margin-top: 6px;
    font-size: 14px;
    line-height: 24px;
    color: #000;
    word-break: break-word;
    clear: both;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-word;
    display: -webkit-box
}

.qoo-note-view .content-title+.description {
    margin-top: 0 !important
}

.qoo-note-view .description {
    position: relative;
    display: block;
    display: box;
    display: -webkit-box;
    font-size: 13px;
    line-height: 24px;
    margin-top: 6px;
    padding-bottom: 0;
    white-space: normal;
    color: #333;
    word-break: break-word;
    max-height: 96px;
    overflow: hidden;
    width: 100%;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-word
}

.qoo-note-view .description a {
    line-height: inherit
}

.qoo-note-view .description .btn-read,
.qoo-note-wrap .description .btn-read {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    display: inline-block;
    line-height: inherit;
    border-radius: 2px 0 0 2px;
    background-color: #fff;
    background: linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 4px);
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 4px)
}

.qoo-note-view .description::after {
    content: "";
    display: block;
    clear: both
}

.qoo-note-view .description a {
    color: inherit
}

.qoo-note-view .description img {
    pointer-events: none
}

.qoo-note-view .description .at-user,
.qoo-note-view .description .link,
.qoo-note-view .description .topic {
    color: #00c6e6
}

.qoo-note-view .description .at-user:hover,
.qoo-note-view .description .link:hover,
.qoo-note-view .description .topic:hover {
    text-decoration: underline
}

.qoo-note-view .btn-read {
    font-size: 13px;
    line-height: 24px;
    color: #00c6e6 !important;
    cursor: pointer;
    border: none;
    background-color: transparent;
    outline: 0
}

.qoo-note-view .btn-read:hover {
    text-decoration: underline
}

.qoo-note-view .qoo-note-view,
.qoo-note-view .qoo-note-vote,
.qoo-note-view .qoo-page-view,
.qoo-note-view .qoo-warn-view {
    margin-top: 8px
}

.qoo-note-view>.qoo-note-view .qoo-note-vote {
    background: #f2f2f2 !important
}

.qoo-note-view>.qoo-note-view .qoo-note-vote:after {
    cursor: inherit
}

.qoo-note-view>.qoo-note-view .description {
    padding-bottom: 0
}

.qoo-note-view>.qoo-note-view .description::after {
    height: 0
}

.posts-view .qoo-note-wrap .qoo-note-vote-view {
    background: #f9f9f9
}

.qoo-note-view .video {
    position: relative;
    background-size: cover;
    display: block;
    margin: 6px 0;
    overflow: hidden;
    background-position: center;
    width: 100%;
    clear: both
}

.qoo-note-view .video::before {
    content: "";
    padding-top: 56.5%;
    display: inline-block;
    vertical-align: top
}

.qoo-note-view .video::after {
    content: "";
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5)
}

.qoo-note-view .video.video-item__shorts {
    max-width: 220px !important;
    width: 100% !important
}

.qoo-note-view .video.video-item__shorts::before {
    padding-top: 178% !important
}

.qoo-note-view .btn-play {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -20px;
    margin-left: -20px;
    z-index: 1;
    cursor: pointer
}

.qoo-note-view .image {
    position: relative;
    display: block;
    width: 100%;
    margin: 6px 0
}

.qoo-note-view .image>img {
    display: block;
    clear: both;
    position: relative;
    height: auto;
    max-width: 100%;
    max-height: 50vh;
    object-fit: cover
}

.qoo-note-view .btn-close {
    position: absolute;
    right: 15px;
    top: 15px;
    cursor: pointer
}

.qoo-note-view .btn-close:hover {
    opacity: .9
}

.qoo-note-item {
    display: block;
    padding: 24px 0
}

.qoo-note-item~.qoo-note-item {
    border-top: 1px solid #eee
}

.qoo-note-item:first-of-type {
    padding-top: 0
}

.qoo-note-item:last-of-type {
    padding-bottom: 0
}

.qoo-note-item .info {
    display: table;
    width: 100%
}

.qoo-note-item .info>* {
    display: table-cell;
    vertical-align: middle
}

.qoo-note-item .avatar {
    width: 50px;
    height: 50px;
    min-width: 50px
}

.qoo-note-item .author {
    display: table;
    table-layout: fixed;
    width: 100%;
    padding-top: 2px;
    padding-left: 6px;
    box-sizing: border-box
}

.qoo-note-item .name,
.qoo-note-item .stars-count {
    margin-top: 4px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.qoo-note-item .stars-count {
    font-size: 12px;
    color: #666
}

.qoo-note-item .name {
    font-size: 14px;
    color: #00c6e6;
    display: inline-block
}

.qoo-note-item .btn-star {
    font-size: 13px;
    line-height: 24px;
    padding: 0 6px;
    border: 1px solid currentColor;
    color: #f2a838;
    background-color: transparent;
    border-radius: 2px;
    outline: 0;
    white-space: nowrap;
    cursor: pointer
}

.qoo-note-item .btn-star.unstar {
    color: #666;
    border-color: #aaa
}

.qoo-note-item .btn-star::before {
    content: "\2b";
    font-weight: 700;
    font-family: Verdana, Arial, Tahoma;
    margin-right: 2px
}

.qoo-note-item .footer-actionos {
    color: #999;
    line-height: 20px;
    padding-top: 14px;
    font-size: 14px
}

.qoo-note-item .time {
    float: right;
    font-size: inherit
}

.qoo-note-item .time .sprite-icon-vote-small {
    padding-top: 2px;
    margin-right: 10px
}

.qoo-note-item .btn-comment,
.qoo-note-item .btn-like {
    background-color: transparent;
    border: none;
    outline: 0;
    font-size: inherit;
    line-height: inherit;
    display: inline-block;
    color: inherit;
    margin-right: 10px;
    min-width: 60px;
    text-align: left;
    cursor: pointer
}

.qoo-note-item .btn-comment::before,
.qoo-note-item .btn-like::before {
    margin-right: 4px
}

.qoo-note-item .content {
    display: block;
    margin-top: 10px;
    font-size: 13px;
    line-height: 22px;
    color: #333
}

.qoo-note-item .content .content-title {
    display: -webkit-box;
    width: 100%;
    margin-bottom: 4px;
    font-size: 14px;
    color: #000;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.qoo-note-item .content .text {
    display: box;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.qoo-note-item .image-item,
.qoo-note-item .video-item {
    position: relative;
    display: block;
    text-align: center;
    background-size: cover;
    margin-top: 4px;
    border-radius: 2px;
    overflow: hidden
}

.qoo-note-item .video-item:before {
    content: "";
    padding-top: 31.58%;
    display: inline-block;
    vertical-align: middle
}

.qoo-note-item .image-item img {
    max-width: 100%;
    max-height: 50vh;
    object-fit: cover
}

.qoo-note-item .video-item::after {
    content: "";
    background-color: rgba(0, 0, 0, .5);
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.qoo-note-item .btn-play {
    cursor: pointer;
    background-color: transparent;
    border: none;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    z-index: 1;
    outline: 0;
    transform: scale(0, 7);
    -webkit-transform: scale(.7)
}

.qoo-post-item {
    display: block;
    padding: 9px 0;
    background-color: #fff;
    border: 1px solid #fefefe;
    padding: 9px 9px 0 9px;
    margin-bottom: 10px;
    border-radius: 6px
}

@media (max-width: 600px) {
    .qoo-post-item.rating {
        margin-bottom: 0
    }
}

.qoo-post-item .qoo-rating-bar {
    display: inline-block;
    margin-right: 10px
}

.qoo-post-item .qoo-rating-bar~.time {
    display: inline-block;
    vertical-align: top
}

.qoo-post-item .qoo-rating-bar em {
    font-size: 12px;
    color: #5b5b5b;
    vertical-align: top;
    line-height: 18px;
    vertical-align: middle
}

.qoo-post-item .best-comment-panel {
    display: none !important
}

.qoo-post-item .qoo-comment-panel {
    position: relative;
    width: calc(100% + 20px);
    left: -10px
}

.qoo-post-item .text-view {
    font-size: 14px;
    line-height: 20px;
    margin: 10px 0;
    color: #4c4c5c
}

.qoo-post-item .text-view>p {
    margin: 10px 0
}

.qoo-post-item .text-view>table {
    margin: 16px 0;
    border-spacing: 0
}

.qoo-post-item .btn,
.qoo-post-item>footer>a {
    display: inline-block;
    font-size: 14px;
    color: #999;
    line-height: 40px;
    margin-right: 10px;
    background-color: transparent;
    border: none;
    font-weight: 400
}

.qoo-post-item .btn {
    position: relative;
    cursor: pointer
}

.qoo-post-item .more {
    color: #00c6e6;
    float: right;
    font-weight: 700
}

.qoo-post-item .btn:before,
.qoo-post-item>footer>a:before {
    vertical-align: -10%;
    margin-right: 4px
}

.qoo-post-item .qoo-share-alt:before {
    vertical-align: -12%
}

.qoo-post-item .likes-count .rich-tips {
    position: absolute;
    bottom: 100%;
    left: -6px;
    transition: all .3s;
    -webkit-transition: all .3s;
    opacity: 0;
    visibility: hidden;
    transform: translate(-10px, 0);
    -webkit-transform: translate(-10px, 0);
    font-size: 0;
    line-height: 0;
    padding: 4px
}

.qoo-post-item .likes-count:hover .rich-tips {
    transition-delay: .2s;
    -webkit-transition-delay: .2s;
    opacity: 1;
    visibility: visible;
    transform: none;
    -webkit-transform: none;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 0 2px #aaa
}

.qoo-post-item .likes-count .rich-tips::after,
.qoo-post-item .likes-count .rich-tips::before {
    content: "";
    display: inline-block;
    border: 6px solid transparent;
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -6px;
    border-top-color: #fff
}

.qoo-post-item .likes-count .rich-tips::before {
    border-width: 7px;
    margin-left: -6.5px;
    border-top-color: #ccc
}

.qoo-post-item .likes-count .rich-tips .text {
    position: absolute;
    bottom: 100%;
    left: -100px;
    width: calc(100% + 200px);
    text-align: center;
    display: inline-block;
    height: 0;
    opacity: 0;
    transition: all .2s;
    -webkit-transition: all .2s
}

.qoo-post-item .likes-count .rich-tips .text[data-text]:before {
    content: attr(data-text);
    color: #fff;
    background-color: rgba(0, 0, 0, .5);
    position: relative;
    display: inline-block;
    top: -24px;
    line-height: 22px;
    border-radius: 4px;
    font-size: 12px;
    padding: 0 4px
}

.qoo-post-item .likes-count .rich-tips:hover .text {
    opacity: 1
}

.qoo-post-item .icon {
    float: left;
    width: 63px;
    margin-right: 10px
}

.qoo-post-item .icon.qoo-egg-view {
    border: none
}

.qoo-post-item .name {
    line-height: 20px;
    padding: 3px 0;
    font-size: 14px;
    color: #4c4c4c;
    font-weight: 700;
    display: inline-block;
    margin-top: 2px;
    max-width: calc(100% - 73px)
}

.qoo-post-item .name>* {
    position: relative;
    display: inline-block;
    margin-left: 20px
}

.qoo-post-item .name>:first-child {
    margin-left: 0
}

.qoo-post-item .artist,
.qoo-post-item .name a {
    color: #00c6e6
}

.qoo-post-item .name .qoo-user-tag {
    margin-left: 8px;
    padding: 2px 0
}

.qoo-post-item .name>*~:not(.qoo-user-tag)::before {
    content: "";
    position: absolute;
    left: -12px;
    display: inline-block;
    top: 50%;
    margin-top: -4px;
    border: solid transparent;
    border-width: 4px 5px;
    border-left-color: #999;
    pointer-events: none
}

.qoo-post-item .time {
    line-height: 18px;
    font-size: 12px;
    color: #999;
    display: block
}

.qoo-post-item .line-2,
.qoo-post-item .line-3 {
    max-height: 44px;
    display: box;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.qoo-post-item .line-3 {
    font-size: 15px;
    line-height: 22px;
    max-height: 66px;
    -webkit-line-clamp: 3
}

.qoo-post-item .img-list {
    display: inline-block;
    vertical-align: top;
    margin: 7px 0
}

.qoo-post-item .img-list>* {
    position: relative
}

.qoo-post-item .img-list>[data-href] {
    cursor: zoom-in
}

.qoo-post-item .img-list .mask {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, .5);
    text-align: center
}

.qoo-post-item .img-list .mask:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.qoo-post-item .img-list .mask:after {
    content: attr(data-text);
    color: #fff;
    font-size: 40px;
    display: inline-block;
    vertical-align: middle
}

.qoo-post-item .img-list.rows-1_2>* {
    display: inline-block;
    vertical-align: top;
    margin: 3px;
    width: calc(50% - 6px)
}

.qoo-post-item .img-list.rows-1_2>:before {
    padding-top: 100%
}

.qoo-post-item .img-list.rows-1_2>:first-child {
    width: calc(100% - 6px)
}

.qoo-post-item .img-list.rows-1_2>:first-child:before {
    padding-top: 56%
}

.qoo-post-item .img-list.rows-1_3>* {
    display: inline-block;
    vertical-align: top;
    margin: 3px;
    width: calc(33.333333% - 6px)
}

.qoo-post-item .img-list.rows-1_3>:before {
    padding-top: 100%
}

.qoo-post-item .img-list.rows-1_3>:first-child {
    width: calc(100% - 6px)
}

.qoo-post-item .img-list.rows-1_3>:first-child:before {
    padding-top: 56%
}

.qoo-post-item .img-list.cols-1_2>* {
    display: inline-block;
    vertical-align: top;
    margin: 3px;
    width: calc(45% - 6px)
}

.qoo-post-item .img-list.cols-1_2>:before {
    padding-top: 100%
}

.qoo-post-item .img-list.cols-1_2>:first-child {
    float: left;
    width: calc(55% - 6px)
}

.qoo-post-item .img-list.cols-1_2>:first-child:before {
    padding-top: 165%
}

.qoo-post-item .img-list.cols-1_3>* {
    display: inline-block;
    vertical-align: top;
    margin: 3px;
    width: calc(37% - 6px)
}

.qoo-post-item .img-list.cols-1_3>:before {
    padding-top: 100%
}

.qoo-post-item .img-list.cols-1_3>:first-child {
    float: left;
    width: calc(63% - 6px)
}

.qoo-post-item .img-list.cols-1_3>:first-child:before {
    padding-top: 177.3%
}

.qoo-post-item .img-list.rows>* {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 6px);
    margin: 3px
}

.qoo-post-item .img-list.rows>.qoo-parbox:before {
    padding-top: 56%
}

.qoo-post-item .img-list.rows>.qoo-parbox-3_2 {
    width: calc(58% - 6px)
}

.qoo-post-item .img-list.cols>* {
    display: inline-block;
    vertical-align: top;
    width: calc(50% - 6px);
    margin: 3px
}

.qoo-post-item .img-list.cols>.qoo-parbox:before {
    padding-top: 178%
}

.qoo-parbox-1_1:before {
    padding-top: 100%
}

.qoo-parbox-3_2:before {
    padding-top: 150%
}

.page_apps_info .qoo-note-view .image,
.page_apps_info .qoo-note-view .qoo-note-view,
.page_apps_info .qoo-note-view .video,
.page_apps_info .qoo-note-vote-view,
.page_apps_info .qoo-page-view,
.page_apps_info .qoo-post-item .img-list,
.page_game_card .qoo-post-item .img-list {
    width: 100%;
    max-width: 606px;
    clear: both
}

.qoo-note-view .btn-close {
    position: absolute;
    right: 15px;
    top: 15px;
    cursor: pointer
}

.qoo-note-view .btn-close:hover {
    opacity: .9
}

.qoo-note-item {
    display: block;
    padding: 24px 0
}

.qoo-note-item~.qoo-note-item {
    border-top: 1px solid #eee
}

.qoo-note-item:first-of-type {
    padding-top: 0
}

.qoo-note-item:last-of-type {
    padding-bottom: 0
}

.qoo-note-item .info {
    display: table;
    width: 100%
}

.qoo-note-item .info>* {
    display: table-cell;
    vertical-align: middle
}

.qoo-note-item .avatar {
    width: 50px;
    height: 50px;
    min-width: 50px
}

.qoo-note-item .author {
    display: table;
    table-layout: fixed;
    width: 100%;
    padding-top: 2px;
    padding-left: 6px;
    box-sizing: border-box
}

.qoo-note-item .name,
.qoo-note-item .stars-count {
    margin-top: 4px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.qoo-note-item .stars-count {
    font-size: 12px;
    color: #666
}

.qoo-note-item .name {
    font-size: 14px;
    color: #00c6e6;
    display: inline-block
}

.qoo-note-item .btn-star {
    font-size: 13px;
    line-height: 24px;
    padding: 0 6px;
    border: 1px solid currentColor;
    color: #f2a838;
    background-color: transparent;
    border-radius: 2px;
    outline: 0;
    white-space: nowrap;
    cursor: pointer
}

.qoo-note-item .btn-star.unstar {
    color: #666;
    border-color: #aaa
}

.qoo-note-item .btn-star::before {
    content: "\2b";
    font-weight: 700;
    font-family: Verdana, Arial, Tahoma;
    margin-right: 2px
}

.qoo-note-item .footer-actionos {
    color: #999;
    line-height: 20px;
    padding-top: 14px;
    font-size: 14px
}

.qoo-note-item .time {
    float: right;
    font-size: inherit
}

.qoo-note-item .time .sprite-icon-vote-small {
    padding-top: 2px;
    margin-right: 10px
}

.qoo-note-item .btn-comment,
.qoo-note-item .btn-like {
    background-color: transparent;
    border: none;
    outline: 0;
    font-size: inherit;
    line-height: inherit;
    display: inline-block;
    color: inherit;
    margin-right: 10px;
    min-width: 60px;
    text-align: left;
    cursor: pointer
}

.qoo-note-item .btn-comment::before,
.qoo-note-item .btn-like::before {
    margin-right: 4px
}

.qoo-note-item .content {
    display: block;
    margin-top: 10px;
    font-size: 13px;
    line-height: 22px;
    color: #333
}

.qoo-note-item .content .text {
    display: box;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.qoo-note-item .image-item,
.qoo-note-item .video-item {
    position: relative;
    display: block;
    text-align: center;
    background-size: cover;
    margin-top: 4px;
    border-radius: 2px;
    overflow: hidden
}

.qoo-note-item .video-item:before {
    content: "";
    padding-top: 31.58%;
    display: inline-block;
    vertical-align: middle
}

.qoo-note-item .image-item img {
    max-width: 100%;
    max-height: 50vh;
    object-fit: cover
}

.hot-notes-view__center .qoo-note-item .image-item img,
.page_note_view .hot-notes-view .qoo-note-item .image-item img {
    object-position: top
}

.hot-notes-view__center .qoo-note-item .image-item img {
    max-height: 10vh
}

.page_note_view .hot-notes-view .qoo-note-item .image-item img {
    max-height: 12vh
}

.qoo-note-item .video-item::after {
    content: "";
    background-color: rgba(0, 0, 0, .5);
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.qoo-note-item .video-item.video-item__shorts {
    width: 50%;
    background-position: center
}

.qoo-note-item .video-item.video-item__shorts:before {
    padding-top: 178%
}

.qoo-note-item .btn-play {
    cursor: pointer;
    background-color: transparent;
    border: none;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    z-index: 1;
    outline: 0;
    transform: scale(0, 7);
    -webkit-transform: scale(.7)
}

.qoo-dialog-layer {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    z-index: 10000;
    padding: 10px;
    box-sizing: border-box;
    white-space: nowrap;
    background-color: rgba(0, 0, 0, .5);
    animation: dialog-layer-act .3s;
    -webkit-animation: dialog-layer-act .3s
}

@keyframes dialog-layer-act {
    from {
        opacity: 0
    }
}

@-webkit-keyframes dialog-layer-act {
    from {
        opacity: 0
    }
}

.qoo-dialog-layer:before {
    content: "";
    height: 100%;
    display: inline-block;
    vertical-align: middle
}

.qoo-dialog-layer .dialog-content {
    white-space: normal;
    display: inline-block;
    text-align: left;
    min-width: 200px;
    box-shadow: 1px 1px 50px rgba(0, 0, 0, .3);
    overflow: hidden;
    max-width: 360px;
    background-color: #fff;
    animation: dialog-content-act .3s;
    -webkit-animation: dialog-content-act .3s;
    color: #606060
}

@keyframes dialog-content-act {
    from {
        transform: rotateX(90deg)
    }
}

@-webkit-keyframes dialog-content-act {
    from {
        -webkit-transform: rotateX(90deg)
    }
}

.qoo-dialog-layer .dialog-content>header {
    line-height: 40px;
    font-size: 22px;
    color: #fff;
    padding: 10px 40px 10px 20px;
    background-color: #74bfc4
}

.qoo-dialog-layer .dialog-content>p {
    padding: 16px 20px;
    text-align: center;
    font-size: 14px
}

.qoo-dialog-layer .dialog-content>footer {
    background-color: #fefefe;
    display: table;
    width: 100%;
    table-layout: fixed;
    text-align: center
}

.qoo-dialog-layer .dialog-content>footer .btn {
    display: table-cell;
    padding: 0 10px;
    font-size: 16px;
    color: #00c6e6;
    float: none;
    border-radius: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 60px;
    border: solid #f0f0f0;
    border-width: 0 1px 0 0;
    cursor: pointer;
    text-align: center;
    color: inherit
}

.qoo-dialog-layer .dialog-content>footer .btn:hover {
    background-color: #ddd
}

.qoo-dialog-layer .dialog-content>footer .btn:last-of-type {
    border-right-width: 0
}

.qoo-dialog-layer .dialog-content>footer>b:active {
    box-shadow: 0 0 4px #bbb
}

.qoo-module-view {
    display: block;
    border-radius: 6px;
    padding: 1rem;
    background-color: #fff;
    margin-bottom: .5rem;
    border: 1px solid #ebebeb;
    box-sizing: border-box
}

.qoo-timing-view {
    display: block;
    white-space: nowrap;
    overflow-x: auto;
    color: #333
}

.qoo-timing-view>li {
    display: inline-block;
    width: 7.4rem;
    margin-right: 1rem;
    vertical-align: top;
    box-sizing: border-box;
    border-radius: 6px;
    border: 2px solid transparent;
    background-color: #fff
}

.qoo-timing-view>li:last-of-type {
    margin-right: 0
}

.qoo-timing-view>li.active {
    border-color: #00c6e6
}

.qoo-timing-view>li.active>dfn {
    background-color: #00c6e6;
    color: #fff
}

.qoo-timing-view>li>* {
    position: relative;
    display: block;
    overflow: hidden
}

.qoo-timing-view>li>dfn {
    font-size: .8rem;
    font-weight: 700;
    line-height: 2.9rem;
    text-align: center;
    border-bottom: 2px solid #ececec
}

.qoo-timing-view>li>nav>* {
    position: relative;
    display: block;
    padding: 0 6px;
    color: inherit
}

.qoo-timing-view>li>nav>:hover {
    color: #00c6e6
}

.qoo-timing-view>li>nav>* img {
    display: block;
    margin: 0 auto;
    width: 6.4rem;
    overflow: hidden;
    height: 0;
    opacity: 0;
    visibility: hidden;
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    border-radius: 6px;
    padding-top: 0;
    object-fit: cover;
    transition: height .2s linear, padding-top .2s linear, opacity .2s .1s, visibility .2s .1s, transform .2s .2s;
    -webkit-transition: height .2s linear, padding-top .2s linear, opacity .2s .1s, visibility .2s .1s, -webkit-transform .2s .2s
}

.qoo-timing-view.show-all>li>nav>a img,
.qoo-timing-view:not(.clear-action)>li>nav>:first-child img,
.qoo-timing-view>li>nav>.focus img {
    height: 9.6rem;
    padding-top: .5rem;
    opacity: 1;
    transform: none;
    -webkit-transform: none;
    visibility: visible
}

.qoo-timing-view>li>nav>*>cite {
    display: block;
    font-size: .7rem;
    font-weight: 700;
    line-height: 2.2rem;
    border-bottom: 1px solid #ebebeb;
    overflow: hidden;
    text-overflow: ellipsis
}

.qoo-timing-view>li>nav>:last-child>cite {
    border-bottom: none
}

.qoo-egg-view {
    position: relative;
    display: inline-block
}

.qoo-gallery-view {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    overflow: hidden
}

.qoo-gallery-view .gallery-container,
.qoo-gallery-view .gallery-content {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    white-space: nowrap;
    -webkit-user-drag: none;
    -webkit-touch-callout: none
}

.qoo-gallery-view>.gallery-content {
    overflow: hidden
}

.qoo-gallery-view.gallery-container>.gallery-content {
    overflow: visible
}

.qoo-gallery-view .gallery-content>*,
.qoo-gallery-view .gallery-content>* .gallery-cover,
.qoo-gallery-view .gallery-content>*>img,
.qoo-gallery-view.gallery-content>*,
.qoo-gallery-view.gallery-content>*>img {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    vertical-align: top
}

.qoo-gallery-view .gallery-content>*>img,
.qoo-gallery-view.gallery-content>*>img {
    position: absolute;
    left: 0;
    top: 0
}

.qoo-gallery-view .gallery-container.adapt-ceil-width .gallery-content>*,
.qoo-gallery-view.adapt-ceil-width .gallery-content>*,
.qoo-gallery-view.gallery-content.adapt-ceil-width>* {
    width: auto;
    max-width: 100%;
    height: 100%;
    vertical-align: top;
    box-sizing: border-box
}

.qoo-gallery-view>.gallery-pagination {
    position: absolute;
    right: .6rem;
    bottom: .6rem
}

.qoo-gallery-view>.gallery-pagination>i {
    display: inline-block;
    width: .4rem;
    height: .4rem;
    border-radius: 50%;
    background-color: #fff;
    margin: 0 .25rem;
    transition: opacity .3s;
    -webkit-transition: opacity .3s;
    opacity: .3;
    cursor: pointer
}

.qoo-gallery-view>.gallery-pagination>i:hover {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    opacity: .8
}

.qoo-gallery-view>.gallery-pagination>.active {
    opacity: 1 !important
}

.qoo-gallery-view .gallery-ceil-title {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 0 .4em;
    box-sizing: border-box;
    line-height: 4rem;
    display: block;
    font-size: 1rem;
    color: #fff;
    font-style: normal;
    background: linear-gradient(to top, rgba(0, 0, 0, .6), rgba(0, 0, 0, 0));
    background: -webkit-linear-gradient(to top, rgba(0, 0, 0, .6), rgba(0, 0, 0, 0));
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.qoo-gallery-layer,
.qoo-inner-window {
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .4);
    text-align: center;
    white-space: nowrap;
    animation: qoo-inner-window-act .3s;
    -webkit-animation: qoo-inner-window-act .3s;
    touch-action: none
}

@keyframes qoo-inner-window-act {
    from {
        opacity: 0;
        transform: scale(1.06)
    }
}

@-webkit-keyframes qoo-inner-window-act {
    from {
        opacity: 0;
        -webkit-transform: scale(1.06)
    }
}

.qoo-inner-window:before {
    content: "";
    height: 100%;
    display: inline-block;
    vertical-align: middle
}

.qoo-inner-window>iframe {
    display: inline-block;
    vertical-align: middle;
    background-color: #000;
    max-width: 100%;
    max-height: 100%;
    border: 0
}

.qoo-inner-window>button {
    position: absolute;
    right: 5vw;
    top: 3vw;
    font-size: 28px;
    color: #fff;
    background-color: transparent;
    outline: 0;
    border: none;
    cursor: pointer
}

.qoo-inner-window>button:hover {
    color: #00c6e6;
    text-shadow: 0 0 2px #666
}

@media (max-width: 768px) {
    .qoo-inner-window>iframe {
        width: 100vw !important;
        height: 63vw !important
    }
}

.qoo-gallery-layer .gallery-content>li:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.qoo-gallery-layer .gallery-content>li>img {
    position: relative;
    vertical-align: middle;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
    min-width: 30vw;
    min-height: 30vw
}

.qoo-tips-view {
    position: absolute;
    max-width: 98vw;
    z-index: 1000000;
    background-color: rgba(0, 0, 0, .6);
    font-size: 16px;
    color: #fff;
    display: inline-block;
    padding: 8px 10px;
    line-height: 20px;
    border-radius: 2px;
    opacity: 0;
    visibility: hidden;
    transition: all .3s;
    -webkit-transition: all .3s;
    transform: scale(.96);
    -webkit-transform: scale(.96)
}

.qoo-tips-view-fixed {
    position: fixed
}

.qoo-tips-view-show {
    opacity: 1;
    visibility: visible;
    transform: none;
    -webkit-transform: none
}

.qoo-tips-view:before {
    vertical-align: -8%;
    margin-right: 6px
}

.qoo-tooltip-view {
    position: absolute;
    display: inline-block;
    text-align: center;
    width: 300px;
    left: 50%;
    margin-left: -150px;
    bottom: 100%;
    margin-bottom: 4px;
    color: #fff;
    z-index: 100;
    pointer-events: none;
    font-weight: 400;
    line-height: 0
}

.qoo-tooltip-view[data-text]:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    margin: 0 0 -8px -4px;
    width: 0;
    height: 0;
    border: 4px solid transparent;
    border-top-color: rgba(0, 0, 0, .5)
}

.qoo-tooltip-view[data-text]:before {
    content: attr(data-text);
    display: inline-block;
    background-color: rgba(0, 0, 0, .5);
    border-radius: .1rem;
    pointer-events: auto;
    font-size: .6rem;
    line-height: .9rem;
    padding: .25rem .5rem
}

.qoo-tooltip-view {
    transition: all .3s;
    -webkit-transition: all .3s;
    visibility: hidden;
    opacity: 0
}

.qoo-game-block {
    display: block;
    margin-bottom: 26px
}

.qoo-game-block .icon {
    position: relative;
    display: block;
    margin: 10px 24px
}

.qoo-game-block .icon:before {
    content: "";
    display: inline-block;
    padding-top: 100%
}

.qoo-game-block .icon>img {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    display: inline-block;
    border-radius: 4px;
    object-fit: cover
}

.qoo-game-block .title {
    font-size: 13px;
    display: block;
    line-height: 26px;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #4a4a4a
}

.qoo-game-bar {
    position: relative;
    display: block;
    padding: 26px 30px;
    border: 1px solid #ebebeb;
    margin-bottom: 10px;
    background-color: #fff;
    border-radius: 6px;
    box-sizing: border-box
}

.qoo-game-bar .icon {
    float: left;
    width: 110px;
    height: 110px;
    margin-right: 18px;
    object-fit: cover;
    border-radius: 4px
}

.qoo-game-bar .date,
.qoo-game-bar .premsg,
.qoo-game-bar .qoo-rating-bar,
.qoo-game-bar .subtitle,
.qoo-game-bar .title {
    white-space: nowrap;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #999
}

.qoo-game-bar .title {
    font-size: 14px;
    line-height: 26px;
    font-weight: 700;
    color: #373737
}

.qoo-game-bar .premsg,
.qoo-game-bar .subtitle {
    font-size: 13px;
    line-height: 26px;
    line-height: 18px;
    margin: 8px 0;
    font-style: normal
}

.qoo-game-bar .tags {
    display: block;
    min-height: 22px
}

.qoo-game-bar .tags>* {
    display: inline-block;
    font-size: 12px;
    line-height: 22px;
    border: 1px solid #efac1d;
    border-radius: 2px;
    padding: 0 10px;
    color: #efac1d;
    margin: 1px 12px 3px 0
}

.qoo-game-bar .premsg,
.qoo-game-bar .qoo-rating-bar {
    margin: 6px 0 0 0
}

.qoo-game-bar .date {
    font-size: 13px;
    color: #4c4c5c;
    line-height: 14px;
    margin-top: 6px
}

.qoo-game-card-v {
    position: relative;
    display: inline-block;
    border-radius: 4px;
    width: 186px
}

.qoo-game-card-v:before {
    content: "";
    display: inline-block;
    padding-top: 169.892%;
    vertical-align: top
}

.qoo-game-card-v .qoo-share-alt>nav {
    left: auto;
    right: -6px
}

.qoo-game-card-v .qoo-share-alt>nav:after {
    left: 100%;
    margin-left: -20px
}

.qoo-game-card-v .cover {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 4px;
    background-size: cover
}

.qoo-game-card-v .info {
    position: absolute;
    display: block;
    width: 100%;
    box-sizing: border-box;
    bottom: 0;
    left: 0;
    padding: 0 10px 5px 10px;
    color: #fff;
    border-radius: 0 0 4px 4px;
    overflow: hidden;
    padding-top: 12%
}

.qoo-game-card-v .info:before {
    content: "";
    width: 120%;
    height: 120%;
    transform: rotate(3.8deg);
    position: absolute;
    display: inline-block;
    left: -10%;
    top: 10%;
    background-color: rgba(0, 0, 0, .8)
}

.qoo-game-card-v .info>:before {
    margin-right: 10px
}

.qoo-game-card-v .info>* {
    position: relative;
    display: block;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 18px;
    padding: 2px 0
}

.qoo-game-card-v .sprite-icon-close-black,
.qoo-game-card-v .sprite-icon-share-black {
    position: absolute;
    right: 6px;
    top: 6px
}

.qoo-game-card-v .sprite-icon-close-black~.sprite-icon-share-black {
    right: 42px
}

.qoo-game-card-v .info .name {
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 6px
}

.qoo-game-card-v .info .row-2 {
    position: relative;
    display: box;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 36px;
    white-space: normal;
    padding-left: 26px
}

.qoo-game-card-v .info .row-2:before {
    position: absolute;
    left: 0;
    top: 3px
}

.qoo-checkbox,
.qoo-checkbox-tag,
.qoo-radio {
    position: relative;
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none
}

.qoo-checkbox>input,
.qoo-radio>input {
    display: none
}

.qoo-checkbox>input+i,
.qoo-radio>input+i {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 1px solid #c5c5c5;
    transition: all .3s;
    -webkit-transition: all .3s;
    vertical-align: middle;
    box-sizing: border-box;
    margin-right: 10px;
    background-color: #fff;
    border-radius: 2px
}

.qoo-checkbox>input+i {
    margin-top: -1px
}

.qoo-checkbox>input+i.sprite-icon-check-white {
    width: 14px;
    height: 14px
}

.qoo-checkbox>input:checked+i {
    border-color: #00c6e6
}

.qoo-checkbox>input:checked+i.sprite-icon-check-white {
    background-color: #00c6e6
}

.qoo-checkbox>input+i:before {
    margin: -2px 0 0 -1px;
    opacity: 0;
    transition: all .3s;
    -webkit-transition: all .3s
}

.qoo-checkbox>input+i.sprite-icon-check-white:before {
    margin: 1px 0 0 1px
}

.qoo-checkbox>input:checked+i:before {
    opacity: 1
}

.qoo-checkbox-tag>input+i {
    position: relative;
    display: inline-block;
    line-height: 22px;
    font-size: 12px;
    padding: 0 14px;
    border: 1px solid #ebebeb;
    transition: all .3s;
    -webkit-transition: all .3s
}

.qoo-checkbox-tag>input {
    display: none
}

.qoo-checkbox-tag>input+i:before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    display: inline-block;
    width: 0;
    height: 0;
    border: solid transparent;
    border-width: 6px 8px;
    border-color: transparent #00c6e6 #00c6e6 transparent;
    opacity: 0;
    transition: all .3s;
    -webkit-transition: all .3s
}

.qoo-checkbox-tag>input+i:after {
    content: "";
    position: absolute;
    right: 1px;
    bottom: 3px;
    display: inline-block;
    width: 5px;
    height: 2px;
    border: 1px solid;
    border-color: transparent transparent #fff #fff;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg)
}

.qoo-checkbox-tag>input:checked+i {
    border-color: #00c6e6
}

.qoo-checkbox-tag>input:checked+i:before {
    opacity: 1
}

.qoo-radio>input+i {
    width: 15px;
    height: 15px;
    border-radius: 50%
}

.qoo-radio>input:checked+i {
    border-color: #00c6e6
}

.qoo-radio>input+i:before {
    content: "";
    display: block;
    margin: 2px auto;
    width: 9px;
    height: 9px;
    background-color: #00c6e6;
    border-radius: 50%;
    opacity: 0;
    transition: all .3s;
    -webkit-transition: all .3s
}

.qoo-radio>input:checked+i:before {
    opacity: 1
}

.qoo-tag {
    display: inline-block;
    position: relative;
    padding-right: 2px;
    font-size: .7rem;
    line-height: inherit
}

.qoo-tag:hover {
    text-decoration: underline
}

.qoo-tag:not(:last-of-type) {
    margin-right: .6rem
}

.qoo-tag:not(:last-of-type):after {
    content: "\b7";
    position: absolute;
    display: inline-block;
    text-indent: .25rem;
    color: #c8c8c8 !important;
    pointer-events: none;
    text-shadow: none
}

.qoo-ptag-box {
    overflow: hidden;
    user-select: none;
    -webkit-user-select: none
}

.qoo-ptag-box .ptag-next,
.qoo-ptag-box .ptag-prev {
    position: absolute;
    display: block;
    width: 1.5rem;
    height: 4.8rem;
    top: calc(50% - 2.4rem);
    background-color: rgba(0, 0, 0, .35);
    box-shadow: 0 0 2px #333;
    line-height: 2rem;
    border-color: #c7c7c7;
    cursor: pointer;
    transition: all .3s;
    -webkit-transition: all .3s;
    opacity: 0;
    visibility: hidden;
    text-align: left;
    pointer-events: none
}

@media (max-width: 600px) {

    .qoo-ptag-box .ptag-next,
    .qoo-ptag-box .ptag-prev {
        display: none
    }
}

.qoo-ptag-box:hover .ptag-next,
.qoo-ptag-box:hover .ptag-prev {
    transition: opacity .3s .2s, visibility .3s .2s, transform .3s .2s;
    -webkit-transition: opacity .3s .2s, visibility .3s .2s, -webkit-transform .3s .2s;
    opacity: 1;
    visibility: visible;
    transform: none;
    -webkit-transform: none;
    pointer-events: auto
}

.qoo-ptag-box .ptag-next:hover,
.qoo-ptag-box .ptag-prev:hover {
    background-color: rgba(0, 0, 0, .5)
}

.qoo-ptag-box .ptag-next:active,
.qoo-ptag-box .ptag-prev:active {
    border-color: #00c6e6
}

.qoo-ptag-box .ptag-prev {
    left: 0;
    transform: translateX(-40px);
    -webkit-transform: translateX(-40px);
    border-radius: 0 4px 4px 0
}

.qoo-ptag-box .ptag-next {
    right: 0;
    transform: translateX(40px);
    -webkit-transform: translateX(40px);
    border-radius: 4px 0 0 4px
}

.qoo-ptag-box .ptag-next:before,
.qoo-ptag-box .ptag-prev:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: calc(50% - .4rem);
    width: .6rem;
    height: .6rem;
    border-style: solid;
    border-color: inherit;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg)
}

.qoo-ptag-box .ptag-prev:before {
    border-width: 0 0 2px 2px;
    margin-left: .5rem
}

.qoo-ptag-box .ptag-next:before {
    border-width: 2px 2px 0 0;
    margin-left: .2rem
}

.qoo-search-bar {
    display: block;
    text-align: center
}

.qoo-search-bar .wait,
.qoo-search-bar.wait {
    cursor: wait !important
}

.qoo-search-bar.wait * {
    pointer-events: none
}

.qoo-search-bar>.qs-content {
    position: relative;
    display: inline-table;
    height: 42px;
    line-height: 40px;
    border: 1px solid rgba(0, 198, 230, .5);
    border-radius: 4px;
    table-layout: auto;
    background-color: rgba(0, 198, 230, .08);
    vertical-align: top;
    width: 100%;
    max-width: 792px;
    box-sizing: border-box
}

.qoo-search-bar>.qs-content.focus {
    background-color: rgba(0, 198, 230, .04)
}

.qoo-search-bar>.qs-content>* {
    display: table-cell;
    position: relative;
    vertical-align: top
}

.qoo-search-bar>.qs-content>main {
    width: 100%
}

.qoo-search-bar>.qs-content .qs-filter {
    position: relative;
    z-index: 1;
    display: block;
    min-width: 94px;
    width: auto;
    height: 40px;
    color: #373737;
    text-align: center;
    white-space: nowrap
}

.qoo-search-bar>.qs-content .qs-filter>var {
    position: relative;
    display: inline-block;
    overflow: hidden;
    max-width: 100%;
    box-sizing: border-box;
    padding: 0 16px 0 4px;
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: middle;
    font-weight: 700;
    font-size: 12px
}

.qoo-search-bar>.qs-content .qs-filter>var:after {
    content: "";
    position: absolute;
    right: 4px;
    top: 50%;
    margin-top: -3px;
    display: inline-block;
    border: 4px solid transparent;
    border-top-color: #373737;
    transition: all .3s;
    -webkit-transition: all .3s;
    transform-origin: 50% 30%;
    -webkit-transform-origin: 50% 30%
}

.qoo-search-bar>.qs-content .qs-filter>ul {
    position: relative;
    margin-top: 1px;
    font-size: 12px;
    width: 100%;
    display: block;
    line-height: 18px;
    background-color: rgba(255, 255, 255, .97);
    opacity: 0;
    transform-origin: 50% 0;
    -webkit-transform: 50% 0;
    transform: scaleY(0);
    -webkit-transform: scaleY(0);
    transition-duration: .3s;
    -webkit-transition-duration: .3s;
    border-radius: 4px;
    text-align: left;
    border: 1px solid rgba(0, 0, 0, .1);
    overflow: hidden
}

.qoo-search-bar>.qs-content .qs-filter>input {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer
}

.qoo-search-bar>.qs-content .qs-filter>input:checked~var:after {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg)
}

.qoo-search-bar>.qs-content .qs-filter>input:checked~ul {
    transform: none;
    -webkit-transform: none;
    opacity: 1
}

.qoo-search-bar>.qs-content .qs-filter>ul>* {
    display: block;
    color: #4c4c5c;
    padding: 6px 15px 6px 30px;
    cursor: pointer
}

.qoo-search-bar>.qs-content .qs-filter>ul>:hover {
    background-color: rgba(0, 198, 230, .2)
}

.qoo-search-bar>.qs-content .qs-filter>ul>.active {
    color: #37b0b6;
    background-color: rgba(0, 198, 230, .2);
    font-weight: 600
}

.qoo-search-bar>.qs-content .qs-filter>ul>.active:before {
    content: "\2713";
    margin-left: -14px;
    position: absolute
}

.qoo-search-bar>.qs-content .qs-filter:before {
    content: "";
    display: inline-block;
    position: absolute;
    right: 0;
    top: 25%;
    height: 50%;
    width: 1px;
    background-color: rgba(0, 198, 230, .5)
}

.qoo-search-bar>.qs-content .qs-input {
    display: block;
    background-color: transparent;
    outline: 0;
    width: 100%;
    height: inherit;
    line-height: inherit;
    box-sizing: border-box;
    padding-left: 12px;
    padding-right: 50px;
    border: none;
    outline: 0;
    -webkit-appearance: none;
    font-size: 12px
}

.qoo-search-bar>.qs-content .qs-input::-webkit-search-cancel-button {
    display: none
}

.qoo-search-bar>.qs-content .qs-tips {
    display: block;
    position: absolute;
    right: 0;
    left: 0;
    top: 100%;
    margin-top: 1px;
    border-radius: 4px;
    z-index: 2;
    background-color: rgba(255, 255, 255, .98);
    line-height: 30px;
    text-align: left;
    opacity: 0;
    transform-origin: 50% 0;
    -webkit-transform: 50% 0;
    transform: scaleY(0);
    -webkit-transform: scaleY(0);
    transition-duration: .3s;
    -webkit-transition-duration: .3s;
    border: 1px solid rgba(0, 0, 0, .1)
}

.qoo-search-bar>.qs-content .qs-input.active+.qs-tips {
    opacity: 1;
    transform: none;
    -webkit-transform: none
}

.qoo-search-bar>.qs-content .qs-tips>dfn {
    font-size: 12px;
    color: #999;
    text-indent: 16px
}

.qoo-search-bar>.qs-content .qs-tips>dfn+dfn:before {
    content: "";
    display: block;
    margin: 0 auto;
    width: calc(100% - 24px);
    height: 1px;
    background-color: #eaeaea
}

.qoo-search-bar>.qs-content .qs-tips>dfn>cite {
    display: block
}

.qoo-search-bar>.qs-content .qs-tips i,
.qoo-search-bar>.qs-content .qs-tips span {
    display: block;
    padding: 0 10px 0 16px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px;
    color: #373737;
    cursor: pointer
}

.qoo-search-bar>.qs-content .qs-tips span {
    color: #999;
    cursor: default
}

.qoo-search-bar>.qs-content .qs-tips strong {
    color: #f0a745;
    font-weight: inherit
}

.qoo-search-bar>.qs-content .qs-tips i:hover {
    background-color: rgba(0, 198, 230, .2)
}

.qoo-search-bar>.qs-content .sprite-icon-search {
    position: absolute;
    height: 100%;
    width: 50px;
    right: 0;
    top: 0;
    background-color: transparent;
    outline: 0;
    cursor: pointer;
    border: none
}

.qoo-search-bar>.qs-content .sprite-icon-search::before {
    vertical-align: middle
}

.qoo-search-bar>.qs-content .sprite-icon-search:active {
    filter: brightness(.6);
    -webkit-filter: brightness(.6)
}

.qoo-login-box {
    display: inline-block;
    padding: 40px 30px 44px 30px;
    box-sizing: border-box
}

.qoo-login-box>header {
    font-size: 20px;
    line-height: 36px;
    color: #666;
    margin-top: -10px;
    margin-bottom: 30px;
    text-align: center
}








.qoo-login-box>cite,
.qoo-login-box>footer {
    text-align: center;
    line-height: 22px;
    font-size: 12px;
    color: #999;
    display: block
}

.qoo-login-box>cite {
    margin-top: 5px
}

.qoo-login-box>footer {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    display: block;
    height: auto;
    overflow: hidden;
    padding: 0 20px;
    box-sizing: border-box
}

.qoo-login-box>*>a {
    color: #00c6e6
}

.qoo-login-box>*>a:hover {
    text-decoration: underline
}

.qoo-curmbs {
    display: block;
    padding: 10px 0
}

.qoo-curmbs .tag,
.qoo-curmbs>* {
    position: relative;
    display: inline-block;
    font-size: 14px;
    margin-right: 20px;
    line-height: 22px;
    border-radius: 2px;
    color: #3a3a3a
}

.qoo-curmbs a,
.qoo-curmbs>a {
    color: #75bfc6
}

.qoo-curmbs .tag {
    padding-left: 6px;
    border: 1px solid #dedede;
    color: #efac1d
}

.qoo-curmbs .highligh {
    color: #f2a838 !important
}

.qoo-curmbs>:last-child {
    margin-right: 0
}

.qoo-curmbs>:not(:last-child):after {
    content: "";
    display: inline-block;
    top: calc(50% - 3px);
    right: -12px;
    position: absolute;
    width: 6px;
    height: 6px;
    border: solid #5b5b5b;
    border-width: 1px 1px 0 0;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    pointer-events: none
}

.qoo-curmbs .inner-btn {
    color: #c7c6c6;
    display: inline-block;
    padding: 0 6px;
    font-size: .9em;
    vertical-align: top
}

.qoo-curmbs>*>i:hover {
    opacity: .8
}

.qoo-404-view {
    display: block;
    color: #666;
    font-size: 14px;
    line-height: 28px;
    text-align: center;
    margin: 0
}

.qoo-404-view:before {
    content: "";
    display: block;
    margin: 24px auto;
    width: 116px;
    height: 138px;
    background: url(../img/tl-fodder.png) -540px -203px
}

.qoo-404-view a {
    color: #00c6e6
}

.qoo-navigation {
    text-align: center;
    display: block
}

.qoo-navigation>a {
    display: inline-block;
    font-size: 12px;
    color: #00c6e6;
    line-height: 16px
}

.qoo-navigation>.disable,
.qoo-navigation>.disabled {
    color: gray;
    pointer-events: none
}

.qoo-navigation>.active {
    cursor: default;
    pointer-events: none
}

.qoo-navigation>a:hover {
    text-shadow: 0 0 .4px #aaa;
    text-decoration: underline
}

.qoo-navigation>.active:hover,
.qoo-navigation>.disable:hover {
    text-shadow: none;
    text-decoration: none
}

.qoo-navigation>a::before {
    content: "o";
    display: inline-block;
    text-decoration: none !important;
    line-height: 40px;
    font-size: 28px;
    font-weight: 700;
    color: #00c6e6;
    font-family: qooapp, sans_serif
}

.qoo-navigation>a[data-text-left] {
    text-align: right
}

.qoo-navigation>a[data-text-left]::after {
    content: "\3000\3000"
}

.qoo-navigation>a[data-text-right] {
    text-align: right
}

.qoo-navigation>a[data-text-left]:before {
    content: "\fe64" attr(data-text-left);
    margin-left: 8px
}

.qoo-navigation>a[data-text-right]:before {
    content: attr(data-text-right) "\fe65";
    margin-right: 4px
}

.qoo-navigation>a[data-text-left].disable:before {
    content: "\2000" attr(data-text-left)
}

.qoo-navigation>a[data-text-right].disable:before {
    content: attr(data-text-right) "\2000"
}

.qoo-navigation>a[data-text-left].disable,
.qoo-navigation>a[data-text-right].disable {
    color: transparent;
    -webkit-user-select: none;
    user-select: none
}

.qoo-navigation>.active {
    color: #333
}

.qoo-navigation>.active:before {
    color: #f1a837
}

.qoo-cate-panel {
    display: table;
    width: 100%;
    box-sizing: border-box;
    padding: 12px 18px
}

.qoo-cate-row {
    display: table-row
}

.qoo-cate-row .active,
.qoo-cate-row>*>a:hover {
    color: #efac1d !important
}

.qoo-cate-row>* {
    display: table-cell;
    padding-right: 16px;
    font-size: 14px;
    line-height: 34px
}

.qoo-cate-row>cite {
    font-weight: 600;
    color: #3a3a3a;
    white-space: nowrap
}

.qoo-cate-row>*>a {
    display: inline-block;
    color: #4a4a4a;
    margin-left: 16px
}

.qoo-comic-item-large {
    position: relative;
    display: inline-block;
    transition: transform .2s, box-shadow .2s;
    -webkit-transition: -webkit-transform .2s, box-shadow .2s;
    padding: 10px;
    box-sizing: border-box;
    border-radius: 4px;
    border: 1px solid #ececec
}

.qoo-comic-item-large:hover {
    border-color: #00c6e6
}

.qoo-comic-item-large>* {
    overflow: hidden;
    float: left;
    max-width: calc(54.4% - 12px)
}

.qoo-comic-item-large>.item-about,
.qoo-comic-item-large>.item-tags,
.qoo-comic-item-large>.item-tiele {
    width: calc(54.4% - 12px)
}

.qoo-comic-item-large>.item-samp[data-text]:before {
    content: attr(data-text)
}

.qoo-comic-item-large>.item-samp {
    float: none;
    position: absolute;
    display: box;
    display: -webkit-box;
    display: -ms-box;
    display: -moz-box;
    bottom: 13px;
    left: calc(46% + 12px);
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 14px;
    color: #666;
    line-height: 16px;
    max-height: 32px;
    padding-right: .4em
}

.qoo-comic-item-large>.item-about {
    margin: 6px 0;
    display: table
}

.qoo-comic-item-large>.item-about>* {
    display: table-row
}

.qoo-comic-item-large>.item-about>*>* {
    display: table-cell;
    font-size: 13px;
    color: #666
}

.qoo-comic-item-large>.item-about>*>:first-of-type {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.qoo-comic-item-large>.item-title {
    font-size: 16px;
    line-height: 20px;
    color: #494949;
    font-weight: 700;
    margin: 8px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.qoo-comic-item-large>.item-tags {
    margin: 6px 0 10px 0;
    overflow: hidden;
    max-height: 28px
}

.qoo-comic-item-large>.item-tags>* {
    display: inline-block;
    line-height: 22px;
    padding: 0 8px;
    font-size: 14px;
    color: #f2a838;
    border: 1px solid #f2a838;
    border-radius: 3px;
    margin: 2px 10px 2px 0
}

.qoo-comic-item-large>.item-tags>i {
    color: #989898;
    border-color: #989898
}

.qoo-comic-item-large>.item-tags>:last-child {
    margin-right: 0
}

.qoo-comic-item-large>.item-cover {
    position: relative;
    display: inline-block;
    width: 45.505%;
    margin-right: 12px;
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, .12);
    box-sizing: border-box
}

.qoo-comic-item-large>.item-cover:before {
    content: "";
    display: inline-block;
    padding-top: 148.81%
}

.qoo-comic-item-large>.item-cover>img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .2s, filter .2s;
    -webkit-transition: -webkit-transform .2s, -webkit-filter .2s
}

.qoo-group-item {
    display: block;
    padding: 10px 8px
}

.qoo-group-item:after {
    content: "";
    display: block;
    clear: both
}

.qoo-group-item>* {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.qoo-group-item>.item-icon-1,
.qoo-group-item>.item-icon {
    float: left;
    width: 60px;
    height: 60px;
    object-fit: cover;
    border: 1px solid #fefefe;
    margin-right: 14px;
    border-radius: 50%
}



.qoo-group-item>.item-name {
    font-size: 14px;
    line-height: 20px;
    color: #4c4c5c
}

.qoo-group-item>.item-lang,
.qoo-group-item>.item-member {
    line-height: 20px;
    font-size: 12px;
    color: #999
}

.qoo-comic-item {
    display: inline-block;
    vertical-align: top;
    background-color: #fff;
    border-radius: 4px;
    box-sizing: border-box
}

.qoo-comic-item>* {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.qoo-comic-item>.item-cover {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin-bottom: 7px;
    border-radius: 4px
}

.qoo-comic-item>.item-cover:before {
    content: "";
    display: inline-block;
    padding-top: 149.4%
}

.qoo-comic-item>.item-cover[data-tips]:after {
    content: attr(data-tips);
    display: inline-block;
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .6);
    line-height: 24px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.qoo-comic-item>.item-cover>img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border: 1px solid #ddd;
    border-radius: 4px
}

.qoo-comic-item>.item-title {
    line-height: 32px;
    display: block;
    font-size: 14px;
    color: #333;
    font-weight: 600
}

.qoo-comic-item>.item-live,
.qoo-comic-item>.item-samp {
    display: block;
    line-height: 26px;
    color: #999;
    font-size: 12px
}

.qoo-comic-item>.item-samp>var {
    margin-left: .5em;
    color: #f2a838
}

.qoo-app-item-detail {
    display: inline-block;
    width: 560px;
    height: auto;
    box-sizing: border-box;
    padding: 10px;
    border: 1px solid #f7f7f7;
    border-radius: 4px;
    background-color: #fff
}

.qoo-app-item-detail .item-company,
.qoo-app-item-detail .item-cover,
.qoo-app-item-detail .item-size,
.qoo-app-item-detail .item-subtitle,
.qoo-app-item-detail .item-tags,
.qoo-app-item-detail .item-title,
.qoo-app-item-detail .item-version,
.qoo-app-item-detail .qoo-rating-bar {
    position: relative;
    display: block;
    font-size: 14px;
    color: #999;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.qoo-app-item-detail .item-title {
    font-size: 18px;
    color: #3a3a3a;
    line-height: 34px;
    font-weight: 600;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    line-height: 24px;
    padding-top: 5px;
    margin-bottom: 5px
}

.qoo-app-item-detail .item-subtitle {
    font-size: 16px;
    line-height: 34px
}

.qoo-app-item-detail .item-company {
    color: #00c6e6;
    line-height: 26px
}

.qoo-app-item-detail .qoo-rating-bar {
    font-size: 12px;
    margin-top: 22px;
    height: 18px;
    margin-bottom: 4px
}

.qoo-app-item-detail .item-tags {
    font-size: 0;
    margin-top: 14px;
    max-height: 24px;
    overflow: hidden;
    white-space: pre-line
}

.qoo-app-item-detail .item-tags>* {
    line-height: 22px;
    border: 1px solid #f2a838;
    border-radius: 3px;
    color: #f2a838;
    display: inline-block;
    padding: 0 10px;
    margin-right: 10px;
    white-space: nowrap;
    font-size: 14px
}

.qoo-app-item-detail .item-size,
.qoo-app-item-detail .item-version {
    margin-top: 4px;
    line-height: 24px
}

.qoo-app-item-detail .item-cover {
    position: relative;
    float: left;
    height: 234px;
    width: 234px;
    margin-right: 16px;
    border-radius: 6px
}

.qoo-app-item-detail .item-cover img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.qoo-app-item-small-h {
    position: relative;
    display: block;
    padding: 10px 0;
    border: solid transparent;
    border-width: 1px 8px;
    border-bottom: 1px dashed #f2f2f2;
    overflow: hidden
}

.qoo-app-item-small-h .item-icon {
    width: 50px;
    height: 50px;
    object-fit: cover;
    float: left;
    margin-right: 16px;
    border-radius: 4px
}

.qoo-app-item-small-h .item-company,
.qoo-app-item-small-h .item-rating,
.qoo-app-item-small-h .item-title {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.qoo-app-item-small-h .item-title {
    font-size: 14px;
    color: #4c4c5c;
    line-height: 15px
}

.qoo-app-item-small-h .item-company {
    font-size: 12px;
    color: #00c6e6;
    line-height: 16px;
    margin-top: 4px
}

.qoo-app-item-small-h .item-rating {
    line-height: 18px;
    font-size: 12px;
    color: #999
}

.qoo-app-item-small-h>.item-rating>[class*=sprite-icon-]:before {
    margin-left: 4px;
    vertical-align: -6%;
}

.qoo-app-item-small-v {
    display: inline-block;
    position: relative;
    border: 1px solid #ebebeb;
    border-radius: 4px;
    box-sizing: border-box;
    padding: 9px 9px 9px;
    background-color: #fff;
    vertical-align: top
}

.qoo-app-item-small-v:hover {
    border-color: #00c6e6
}

.qoo-app-item-small-v>.item-icon {
    position: relative;
    display: block
}

.qoo-app-item-small-v>.item-icon:before {
    content: "";
    padding-top: 100%;
    display: inline-block
}

.qoo-app-item-small-v>.item-icon img {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border: 1px solid #eee;
    object-fit: cover;
    border-radius: 4px
}

.qoo-app-item-small-c>.item-icon-1 img {
    position: absolute;
    width: 60%;
    height: 100%;
    left: 0;
    top: 0;
    border: 1px solid #eee;
    object-fit: cover;
    border-radius: 4px
}

.qoo-app-item-small-v>.item-name,
.qoo-app-item-small-v>.item-rating,
.qoo-app-item-small-v>.item-title,
.qoo-app-item-small-v>.qoo-rating-bar {
    position: relative;
    display: block;
    font-size: 14px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #999
}

.qoo-app-item-small-v>.item-title {
    line-height: 18px;
    color: #4a4a4a;
    margin-top: 12px;
    min-height: 18px;
    max-height: 36px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    font-weight: bold;
}

.qoo-app-item-small-v>.item-name {
    line-height: 16px;
    margin-top: 6px;
    height: 16px
}

.qoo-app-item-small-v>.item-rating,
.qoo-app-item-small-v>.qoo-rating-bar {
    height: 16px;
    font-size: 12px;
    position: absolute;
    bottom: 9px;
    margin: 0;
    left: 9px;
    right: 9px
}

.qoo-app-item-small-v>.item-rating [class*=sprite-icon]:before {
    vertical-align: -10%;
    margin: 0 2px
}

.qoo-app-item-large>.item-preview {
    width: 62%;
    height: auto;
    float: left;
    margin-right: 1rem;
    border: 1px solid #ddd
}

.qoo-app-item-large>.item-title {
    display: inline;
    font-size: 24px;
    line-height: 34px;
    color: #4c4c5c
}

.qoo-app-item-large>.item-title:after {
    content: "\20"
}

.qoo-app-item-large>.item-btn {
    display: inline-block;
    text-align: center;
    width: calc(38% - 1rem);
    line-height: 48px;
    height: 48px;
    background-color: #00c6e6;
    font-size: 20px;
    color: #fff;
    font-weight: 400;
    box-shadow: 0 0 1px #999;
    border-radius: 3px;
    margin-top: 24px
}

.qoo-app-item,
.qoo-app-item-large {
    position: relative;
    display: block;
    margin: 0 auto;
    border-radius: 3px;
    border: 1px solid #eee;
    padding: 1rem;
    font-size: 0;
    background-color: #fff;
    cursor: pointer;
    overflow: hidden;
    box-sizing: border-box
}

.qoo-app-item {
    display: table;
    width: 100%
}

.qoo-app-item>* {
    vertical-align: middle;
    position: relative;
    display: table-cell !important
}

@media (max-width: 560px) {
    .qoo-app-item-large>.item-preview {
        width: 100%;
        margin-right: 0
    }

    .qoo-app-item-large>.item-btn {
        display: block;
        margin: 10px auto 10px auto;
        width: 50%
    }
}

.qoo-app-item-large:hover,
.qoo-app-item:hover {
    background-color: #fafafa
}

.qoo-app-item .item-info {
    display: table;
    table-layout: fixed;
    width: 100%;
    box-sizing: border-box;
    font-size: .6rem;
    line-height: 1.05rem;
    color: #4c4c5c
}

.qoo-app-item .item-info>* {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.qoo-app-item .item-info>.item-name {
    color: #666
}

.qoo-app-item .item-preview {
    width: 4rem;
    height: 4rem;
    float: left;
    margin-right: .9rem;
    object-fit: cover;
    border-radius: 4px
}

.qoo-app-item .item-info>.item-tiele {
    font-size: .7rem;
    line-height: .75rem;
    margin-bottom: .3rem;
    font-weight: 600
}

.qoo-app-item .item-info .item-company:hover {
    text-decoration: underline
}

.qoo-app-item .item-info>.item-company {
    color: #00c6e6
}

.qoo-app-item .item-btn {
    padding: 0 8px;
    box-sizing: border-box;
    border-radius: 2px;
    min-width: 80px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    background-color: #00c6e6;
    font-size: 14px;
    font-weight: 400;
    box-shadow: 0 0 1px #999 inset;
    float: right;
    white-space: nowrap
}

.qoo-app-item .item-btn:hover,
.qoo-app-item-large .item-btn:hover {
    box-shadow: 0 0 1px #999
}

.qoo-app-item .item-rating {
    position: relative;
    margin-top: 2px;
    line-height: 16px;
    float: left
}

.qoo-app-item .item-rating>* {
    display: inline-block;
    vertical-align: top;
    color: #999;
    font-style: normal
}

.qoo-rating-bar {
    position: relative
}

.qoo-app-item .item-rating:before,
.qoo-app-item .item-rating>i,
.qoo-rating-bar:before,
.qoo-rating-bar>i {
    display: inline-block;
    width: 70px;
    height: 14px;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 14px;
    /* background: url(../img/rating-bg.1.png) 0 -100%; */
    background-size: 14px auto;
    vertical-align: middle
}

.qoo-app-item .item-rating:before,
.qoo-rating-bar:before {
    position: relative;
    margin-right: 5px;
    vertical-align: top
}

.qoo-rating-bar>* {
    font-style: normal
}

.qoo-app-item .item-rating:before,
.qoo-rating-bar:before {
    content: "";
    background-position: 0 0
}

.qoo-list-item {
    position: relative;
    display: inline-block;
    height: auto;
    vertical-align: top;
    border: 1px solid #ebebeb;
    box-sizing: border-box;
    border-radius: 4px;
    overflow: hidden;
    background-color: #fff
}

.qoo-list-item>footer {
    position: relative;
    display: block;
    padding: 15px 10px;
    margin: 0 auto;
    line-height: 20px;
    min-height: 50px;
    box-sizing: border-box;
    font-size: 14px
}

.qoo-list-item>footer:before {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border: solid #f7f7f7;
    border-width: 0 1px 1px 1px;
    box-sizing: border-box
}

.qoo-list-item>footer>.item-more {
    position: relative;
    color: inherit;
    float: right;
    padding: 0 0 0 10px;
    color: #00c6e6;
    font-size: 12px
}

.qoo-list-item>footer>.item-more:before {
    content: "";
    display: inline-block;
    position: absolute;
    right: 8px;
    top: 6px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    width: 5px;
    height: 5px;
    border: 1px solid transparent;
    border-color: transparent #00c6e6 #00c6e6 transparent;
    z-index: 1
}

.qoo-list-item>footer>.item-more:after {
    content: "";
    display: inline-block;
    margin-left: 8px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    vertical-align: top;
    background-color: #e2f4f5
}

.qoo-list-item>ul footer>.item-author {
    position: relative;
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    max-width: calc(100% - 180px);
    min-width: 30px;
    padding-right: 18px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.qoo-list-item>ul footer>.sprite-icon-book {
    font-size: 12px;
    vertical-align: top
}

.qoo-list-item>ul footer>.sprite-icon-book:before {
    margin-right: 4px
}

.qoo-list-item>ul footer>.item-author:before {
    content: "by "
}

.qoo-list-item>ul footer>.item-author:after {
    content: " \7c";
    position: absolute;
    right: 0;
    top: -2px;
    color: #c8c8c8;
    line-height: 16px;
    margin-right: 6px
}

.qoo-list-item>ul {
    box-sizing: border-box;
    padding: 0 10px 0 10px
}

.qoo-list-item>ul>li {
    position: relative;
    display: block;
    border: solid #f7f7f7;
    border-width: 1px 0 0 0;
    padding: 10px 0 6px 20px
}

.qoo-list-item>ul>li:before {
    content: "";
    display: inline-block;
    width: 4px;
    height: 4px;
    border: 1px solid #4c4c5c;
    position: absolute;
    border-radius: 2px;
    margin: 7px 0 0 -12px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg)
}

.qoo-list-item>ul>li:last-of-type {
    border-width: 1px 0 1px 0
}

.qoo-list-item>ul>li>footer {
    line-height: 16px;
    padding: 7px 0
}

.qoo-list-item>ul>li>footer * {
    font-size: 14px;
    color: #999;
    vertical-align: middle
}

.qoo-list-item>ul>li>footer [class*=sprite-icon-] {
    vertical-align: top;
    margin-left: 6px
}

.qoo-list-item>ul>li>footer [class*=sprite-icon-]:before {
    margin-right: 4px
}

.qoo-list-item>ul>li>.item-title {
    position: relative;
    line-height: 20px;
    font-size: 14px;
    height: 40px;
    display: block;
    color: #4c4c5c;
    display: box;
    display: -ms-box;
    display: -moz-box;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-right: .4em
}

.qoo-list-item>ul>li>.item-title:hover {
    color: #00c6e6
}

.qoo-list-item>header>.item-author {
    display: inline-block;
    font-size: 12px;
    line-height: 28px;
    min-height: 28px
}

.qoo-list-item>header>.item-author>a {
    color: #00c6e6
}

.qoo-list-item>header>.item-author[data-tag]:before {
    content: attr(data-tag) " :";
    display: inline-block;
    margin-right: 4px;
    color: #4c4c5c;
    text-indent: 10px
}

.qoo-list-item>header>.item-subject {
    display: block;
    padding: 0 10px;
    color: #373737;
    font-size: 18px;
    line-height: 28px;
    font-weight: 600
}

.qoo-list-item>header>.item-preview {
    position: relative;
    display: block;
    margin-bottom: 12px
}

.qoo-list-item>header>.item-preview:before {
    content: "";
    display: inline-block;
    padding-top: 43.68%
}

.qoo-list-item>header>.item-preview>img {
    position: absolute;
    left: -1px;
    width: calc(100% + 2px);
    height: 100%;
    object-fit: cover;
    border-bottom: 1px solid #ebebeb
}

.qoo-strip-item {
    position: relative;
    display: inline-block;
    padding: 10px;
    height: auto;
    background-color: #fff;
    box-sizing: border-box;
    border-radius: 3px;
    border: 1px solid #eee;
    color: inherit
}

.qoo-strip-item:hover {
    background-color: #fafafa
}

.qoo-strip-item>.item-info {
    position: relative;
    vertical-align: top;
    display: inline-block;
    width: calc(100% - 124px);
    margin-left: 20px;
    min-height: 89px
}

.qoo-strip-item>.item-info>.item-header {
    display: block;
    display: box;
    display: -webkit-box;
    display: -ms-box;
    line-height: 18px;
    font-size: 14px;
    height: 36px;
    padding-right: .4em;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-top: 3px
}

.qoo-strip-item>.item-info>.item-footer {
    width: 100%;
    display: inline-block;
    vertical-align: bottom
}

.qoo-strip-item>.item-info:after {
    content: "";
    display: inline-block;
    width: 0;
    height: 46px
}

.qoo-strip-item>.item-info>.item-footer>.item-tag-splice:not(:last-of-type):after {
    content: "\7c"
}

.qoo-strip-item>.item-info>.item-footer>.qoo-tag {
    text-decoration: none !important;
    text-shadow: none !important;
    font-size: 12px
}

.qoo-strip-item>.item-info>.item-footer>time {
    line-height: 16px;
    float: right;
    color: #ababab;
    font-size: 12px
}

.qoo-strip-item>.item-preview {
    width: 104px;
    height: 89px;
    display: inline-block
}

.qoo-strip-item>.item-preview>img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.qoo-block-item {
    position: relative;
    display: inline-block;
    height: auto;
    box-sizing: border-box;
    border: 1px solid #ebebeb !important;
    background-color: #fcfcfc;
    overflow: hidden;
    vertical-align: top;
    border-radius: 4px
}

.qoo-block-item>.item-footer {
    position: relative;
    display: block;
    height: auto;
    padding: 0 10px;
    min-height: 1.1em;
    line-height: 1.1em;
    margin: .9em 0 .7em 0;
    zoom: 1
}

.qoo-block-item>.item-footer>* {
    line-height: inherit
}

.qoo-block-item>.item-footer .qoo-tag {
    float: left
}

.qoo-block-item>.item-footer:after {
    content: "";
    display: block;
    clear: both
}

.qoo-block-item>.item-footer a:hover {
    text-shadow: 0 0 1px #ccc
}

.qoo-block-item>.item-footer [class*=sprite-icon-] {
    font-size: .7rem;
    vertical-align: middle;
    color: #999;
    margin-left: 8px;
    cursor: pointer
}

.qoo-block-item>.item-footer [class*=sprite-icon-]:before {
    margin-right: 4px;
    vertical-align: -20%
}

.qoo-block-item>samp {
    position: relative;
    display: block;
    display: box;
    display: -webkit-box;
    font-size: .7rem;
    line-height: 1.4em;
    height: 3.8em;
    color: #4c4c5c;
    padding: 0 10px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden
}

.qoo-block-item>samp:after {
    content: "";
    position: absolute;
    display: block;
    width: calc(100% - 4px);
    height: 100%;
    left: 2px;
    top: 0;
    pointer-events: none;
    background: linear-gradient(to top, rgba(252, 252, 252, .9), rgba(252, 252, 252, 0) 80%);
    background: -webkit-linear-gradient(to top, rgba(252, 252, 252, .9), rgba(252, 252, 252, 0) 80%)
}

.qoo-block-item>time {
    display: block;
    line-height: 1em;
    margin: .4em 0;
    font-size: .6rem;
    text-indent: 10px;
    color: #999
}

.qoo-block-item .item-title {
    display: block;
    display: box;
    display: -webkit-box;
    font-size: 1em;
    color: #373737;
    line-height: 1.3em;
    height: 2.56em;
    padding: 0 10px;
    margin: .8em 0;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: 700
}

.qoo-block-item .item-preview:hover~.item-title,
.qoo-block-item .item-title:hover {
    color: #00c6e6
}

.qoo-block-item .item-preview {
    position: relative;
    display: block;
    font-size: 0
}

.qoo-block-item .item-preview:before {
    content: "";
    display: inline-block;
    padding-top: 56%
}

.qoo-block-item .item-preview>img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 4px 4px 0 0
}

.qoo-block-item .item-preview:hover>img {
    opacity: .88
}

.qoo-share-alt {
    position: relative
}

.qoo-share-alt>nav,
.sprite-icon-share-alt>nav {
    position: absolute;
    display: inline-block;
    white-space: nowrap;
    background-color: #fff;
    box-sizing: border-box;
    border: 1px solid #e0e1e0;
    border-radius: 3px;
    bottom: -48px;
    left: calc(50% - 44px);
    font-size: 0;
    line-height: 38px;
    padding: 0 5px;
    box-shadow: 2px 2px 4px #dadada;
    cursor: default;
    visibility: hidden;
    opacity: 0;
    transition: all .2s .2s;
    -webkit-transition: all .2s .2s;
    transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    vertical-align: middle;
    z-index: 10
}

.qoo-share-alt.top>nav {
    bottom: 100%;
    margin-bottom: 10px;
    transform: translateY(10px);
    -webkit-transform: translateY(10px)
}

.qoo-share-alt:hover>nav,
.sprite-icon-share-alt.show-alt>nav,
.sprite-icon-share-alt:hover>nav {
    visibility: visible;
    opacity: 1;
    transform: none;
    -webkit-transform: none;
    transition-delay: .3s;
    -webkit-transition-delay: .3s
}

.qoo-share-alt>nav:after,
.sprite-icon-share-alt>nav:after {
    content: "";
    width: 8px;
    height: 8px;
    border: 1px solid;
    border-color: #e0e1e0 #e0e1e0 transparent transparent;
    background-color: #fff;
    position: absolute;
    display: inline-block;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    left: 50%;
    margin-left: -3px;
    top: -5px
}

.qoo-share-alt.top>nav:after {
    top: 100%;
    margin-top: -4px;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg)
}

.qoo-share-alt>nav:before,
.sprite-icon-share-alt>nav:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 8px;
    top: -8px;
    left: 0;
    display: inline-block
}

.qoo-share-alt.top>nav:before {
    top: 100%
}

.qoo-share-alt>nav>*,
.sprite-icon-share-alt>nav>* {
    vertical-align: middle;
    margin: 0 7px;
    cursor: pointer
}

.qoo-share-alt>nav>:before,
.sprite-icon-share-alt>nav>:before {
    vertical-align: middle
}

.qoo-share-alt>nav>:hover,
.sprite-icon-share-alt>nav>:hover {
    filter: brightness(.9);
    -webkit-filter: brightness(.9)
}

.qoo-attr-notify[data-text]:after {
    content: attr(data-text);
    position: absolute;
    display: inline-block;
    left: 100%;
    margin-left: -8px;
    top: -8px;
    min-width: 16px;
    height: 16px;
    padding: 0 4px;
    background-color: #f14c3c;
    line-height: 16px;
    font-size: 12px;
    color: #fff;
    border-radius: 8px;
    text-align: center;
    box-sizing: border-box
}

.qoo-attr-text {
    font-size: 0
}

.qoo-attr-text[data-text] {
    font-size: inherit
}

.qoo-attr-text[data-text]:after {
    content: attr(data-text);
    background-color: transparent;
    position: relative;
    left: auto;
    top: auto;
    margin: 0;
    min-width: 0;
    padding: 0;
    color: inherit;
    font-size: inherit
}

[class*=qoo-attr-tag][data-tag]:after {
    content: attr(data-tag);
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    min-width: 4.77em;
    height: 2em;
    padding: 0 .5em;
    line-height: 2em;
    text-align: center;
    color: #fff;
    font-size: 14px;
    border: solid transparent;
    border-width: 0 20px 0 6px;
    border-image: 0 20 0 6 fill stretch;
    box-sizing: border-box;
    border-image-source: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFYAAAAkCAMAAAAkYj0PAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAEFUExURQAAAAAAAAAAAADE5QAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADD4gBVfwC/3gC61wDC4gCcsAC/3wChrgDD5ADE5QDB4QC21ADF5QBVVQCvxwC93ADD4wCyzADB4QCsxgChvQCy0QA5OQDE5ADE4gCTqwC51AAAAABvfwBkcQAAAAARGgDD4gDG5QB6jwC10wA3PgAAAACowwAAAACFmwAAAACuygC51gCLoQC92wBHTQAAAACdtQAAAADB4QBTYgAAAAC+3QAAAADA4AAAAAAJCQAAAAC+3gDF5QCNjQCy0QCjwQDE5ADC4ADE4wDA3wAAAAAAAAAAAAAAAADG5jPR60bMahoAAABVdFJOUwALCfoCBAMNJgEFEAfVBoxhyw2pE+X2tTz+AyB97CiaeYBJFvj0aFQMQDgPHe78SbQlDo4WUhObv13SKxRzBukxCMYR4hcaEtv9CTIZ8cHemx8lHQo3StTQAAAA7klEQVRIx7XW+1KBURQF8I3Pp4NcuqlIuUuhm0JRKN2Q1Pb+j+KbZPjfWusBfrNm7zOzjyg+x5YIXu1mvAT2+alIaJurntkyZ6frZqm+51+dEcDbXt+0DZ696Hf+VCzbvHRZAmcfS75/FclmawFb8Gzr1i949u4laPBs/dy9VGHs2/3iESDZ8umVLXDW0+h5Bc+mHvxCYE9W1wUcQprC6lGSwurmDoXVWIjCatiisAcRw2B1b98wWN2NU1iNblFY3T6ksJpYOZHA70elYBhtdfhpGKx+DSisjj4orI6dtf1sgDP5Djj359eHjitoyQzAWG+mYXyZ3QAAAABJRU5ErkJggg==);

}

/* [class*=qoo-attr-tag][data-tag=""]:after {
    display: none
} */

.qoo-attr-tag[data-tag]:after {
    border-image-source: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFYAAAAkCAMAAAAkYj0PAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAEFUExURQAAAAAAAAAAAADE5QAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADD4gBVfwC/3gC61wDC4gCcsAC/3wChrgDD5ADE5QDB4QC21ADF5QBVVQCvxwC93ADD4wCyzADB4QCsxgChvQCy0QA5OQDE5ADE4gCTqwC51AAAAABvfwBkcQAAAAARGgDD4gDG5QB6jwC10wA3PgAAAACowwAAAACFmwAAAACuygC51gCLoQC92wBHTQAAAACdtQAAAADB4QBTYgAAAAC+3QAAAADA4AAAAAAJCQAAAAC+3gDF5QCNjQCy0QCjwQDE5ADC4ADE4wDA3wAAAAAAAAAAAAAAAADG5jPR60bMahoAAABVdFJOUwALCfoCBAMNJgEFEAfVBoxhyw2pE+X2tTz+AyB97CiaeYBJFvj0aFQMQDgPHe78SbQlDo4WUhObv13SKxRzBukxCMYR4hcaEtv9CTIZ8cHemx8lHQo3StTQAAAA7klEQVRIx7XW+1KBURQF8I3Pp4NcuqlIuUuhm0JRKN2Q1Pb+j+KbZPjfWusBfrNm7zOzjyg+x5YIXu1mvAT2+alIaJurntkyZ6frZqm+51+dEcDbXt+0DZ696Hf+VCzbvHRZAmcfS75/FclmawFb8Gzr1i949u4laPBs/dy9VGHs2/3iESDZ8umVLXDW0+h5Bc+mHvxCYE9W1wUcQprC6lGSwurmDoXVWIjCatiisAcRw2B1b98wWN2NU1iNblFY3T6ksJpYOZHA70elYBhtdfhpGKx+DSisjj4orI6dtf1sgDP5Djj359eHjitoyQzAWG+mYXyZ3QAAAABJRU5ErkJggg==);
}

/* .qoo-attr-tag[data-tag]:after {
    border-image-source: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFYAAAAkCAMAAAAkYj0PAAAAtFBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAC7nncAAAAAAAAODAkMCgcAAAAAAAC5nXUAAAAAAAC6nXa0mHKTfF21mXKvlG6rkGyli2h4ZkyTfFyEb1NMQTAdGBIHBgRfUDyylnCnjmqjimebg2KJdFdiUz6AbFE2LiJ0Y0psW0Q8Mya8n3fNt5m7nna4nHW1mXKqkGyki2ivlG+wlXCyl3G3m3TKtJSuk26skWy2mnOnjWrMtpnxGChmAAAAK3RSTlMAEDABCwUDBv0oIxkVDgjsMh3015XkyKqWdmheVT43Ls2/tKSIZFhJPzgfuRUUkQAAAR1JREFUSMe1luuOgjAQhQstCLiggLoXV/fi3apoQUV9//dynGhI/OvhPMCXyXcy7Ygi22/Wa41MSzk1YL1+HNWA7bSbDZEXGRb7N4yVFEca93BZvZSDrtIdBKErRGkKsqBRSb59i6jiTOMCsZ/2myMouzIHYkftOJKM3RoctjcMqC40tjvzqS401pv4JPaBhbkd27QHAj3tP9eFxqaDQJFYsIQW7wEa6/EeoLH8bLFYrNsO7wFewvQZazCV/TTQWE6PK8Ovw0fo1oH1+kpCK6v0SjCW89t00BIqvXis/lISLIGTLO56zyUSq1PWyx/6CXl+vFusd2uKE0+L1VvmYGwyj4h7zLM9FKvTJek1yIux0qsCG53bteAoC50wcq/SpsSaFabyfwAAAABJRU5ErkJggg==)
}

.qoo-attr-tag[data-tag]:after {
    border-image-source: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFYAAAAkCAMAAAAkYj0PAAAAtFBMVEUAAAAAAAAAAAAAAAAAAAAAAAASDAQAAAAAAAAAAADupja8gyoQCwMAAAAAAAAAAADvpzftpTbupjboojXloDTgnDPamTHUkzC3gCmhcCViRBY5KA2QZCB6VRsAAAAAAABCLg8AAADpozXknzTXljHRkjDGii2weyihcCWTZyK+hCt+WB3xqDf1vmnwpzftpTbooTXinTPbmDLUkzDqozXSkjDlnzTfmzPZlzHzumLmoDT0vWkOSOpSAAAALHRSTlMAEDADCwcWMicj9JU4HBkR+u7q3NbIqpZgXFVFOy4sIB0N6M2/tKSIe3FtZFswopEAAAEXSURBVEjHtdZnUsNADAVg2ZJbiEknDUJCL4sbIU7M/e+FjIeB/zy9A3yjebJ3lw7FPs8yh8xY2IDNlmlgwJ5F5wGVTZHnSPaufy1EtY57+nz7V05/1Mk62TFRVTd74LS9VTxQlY46LpB98sOANO9VCWQfolRVzQeSnbXrgrM369hjInAJw9eNrgs+7aOv/8EPe0Sx91EqROhpp/1EWEFst6NVuy40mz1vQiYk+3tsGbCJkAE7XJqwbnzVloD/wGYWK9PMd2zBZguxYN1I64WfCZrbkC1YN/fYgnULwXer6V0GFqybbpmou9Chz4+Lrt5KWehj6UW+2bLpWGy9dVlgWTfZqlsewC9GrXfAJImPThwGxOLBI/wFdQ7OkdRWXOgAAAAASUVORK5CYII=)
}

.qoo-attr-tag[data-tag]:after {
    border-image-source: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFYAAAAkCAMAAAAkYj0PAAAAsVBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAABxeL8AAAAAAAAFBQhvdrwAAABwd71sc7dqcLNYXpUHCAwGBgtwd75mba5jaahITHpYXZVPVIYuME0bHC1DR3IAAAAAAAAfITRtdLlsc7dla6piaKZdY51SWIs7P2RNUoI8QGU2OVsAAABxeL+Vms9vdrtqcLRmba1sc7dpcLJtc7hjaadiaKZudbpnbrBmbKxtdLmQls2Plctla6sjXtElAAAAKnRSTlMAEDABBQsI/iMcF+wn9NfKlTgU+6qWdmheVUU7My4d6N+/tKSIZFgxLCsv6W1nAAABH0lEQVRIx7WW17KCQBBECQJyTXi9wZyzLixm/f8Pc4C2sHy1nQ84NXW6emcNFR+2a+6UnMIHsF7Tdz+ADawv2TaKt1TuqO47tqFl3evmvbk8UYftolCNUEdMC5VW2RSqcTuqmIf1/noiVmYXMrGTru/aCXYvFmjYWj0Ry8YO2qnYVAIP25itvkUstlUs7DTpwQN70qTIxogL25KwVcQFtyQJJfSAh0UPJC46NrBSsTmW4zaAWPK2jfkrVnMiW+ZqmeWtITJ2eX9NmxwZTiO7DtC7eCrvCViGXv5Tk+sFlngdvH/oJd+ySgd6d9TLu672RW920M/M78dPpjfU6kz9LGV6jyoClqpXK3yWuHq14v4YodcpWuwpS9kKjkkf174Dqt64kXZIH/UAAAAASUVORK5CYII=)
} */

.qoo-attr-tag-4fc388[data-tag]:after {
    border-image-source: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFYAAAAkCAMAAAAkYj0PAAAArlBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFDgoAAAAFDQkAAAAGDgpOwYZNwIZLu4JJtn89mGoAAABNvYRGrnk8lGcmXkITLiAAAABOwYZMu4JGrnlEqXZIsnxBoXBFqnY6jmM1glswd1M+mms0gFk2hV0dSDIxeVQtcE4qZ0gmXUEZPyxPw4h70qZOwYdMu4NNv4VKt39IsXtFq3dLuYFNvYRJtX510KJ70aVHrnpbsuQvAAAALHRSTlMAMBADCgcpIxYOOB0Z9+/XypUR6KBgXkUu6t+/tK6kkYh7cW1gWFE/ODEsH/yRgdAAAAEBSURBVEjHtdbpdoIwEIbhgZkBIgrWpdp939tQLGJ7/zfWUX/E/355L+A5OZkTGOqa9bf3n8jOhCOw/rHUCOxJMlRquwbLXgxKIertuJvfr6PaHKjni9wx0arv1sDTjk6zian019st4Ni7ZaFk/axaIHudlEpwdjzIheDsdJE5hrJhXHD2dvsO4Ozl9h3A2drGxXC2es5SJjTr75cFE5INn60IbC4UgfVPSDY0fVc8a42hIwvdOI7B+rngWat6UywbrhfPWjPHeNaaSxS2elU8a9VDJtr/0KHrxyw1F71+WA+yY1swO3pRY/u2QbJW/aEE3xitqwmT5Am6rFBiSdE54X9USM3IZB2BBgAAAABJRU5ErkJggg==)
}

.qoo-attr-tag-b28fce[data-tag]:after {
    border-image-source: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFYAAAAkCAMAAAAkYj0PAAAAzFBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQDRIGBQcAAAAUEBewjcywjcyLcKF8ZI8AAAAAAACyj86xjsyrisapiMSigrucfbWLcKBWRWMqIjEPDBIBAQJiT3IAAAAAAAAAAACvjMqsi8ioh8Ojg72nhsGef7eafLOTdqqCaJZ3X4ltV35CNUxuWYBVRGOyj87Fq9qxjsyvjMqhgrumhcCqicWcfbSxjs2ricanhsGoh8ObfLOsisiti8jCp9ivjcuhgbqqiMSef7hnCiuZAAAAMHRSTlMAMBALBQEDByQcFQ4Z9O2VXDEo/vrc1qqWaF5FOjU0LCAR6ejNy8W/tKSIe3FRPyxhgs95AAABO0lEQVRIx7WW2VKDQBBFh8yERQQSsqgxcd9X1JlIQEmC//9PdhdD4bs3/QGnus6tXkS5qj7e8wxZsVQ7wOaDwNsBNhnuK1HU31js7eJM9oWhdtdv/6v1H+rk2A9dIbSpqw2u22iWnhNV/JiSLKCoo0dnTwmqT12scNj7YeD1GfulzRKGvZ5zXGjsZRNXIwGGHc9OWazttkBhHxyagxa7NaDI7hYBi227BWGnc1+yWOsWJCF+TnuuQGPzJ44Ljk3sHHRYiNvEp7jw3Y4HLRY7DhevrVrs8N7YyNDDexi66Mi4ctKLjowrPvG64d3CsNkVftV0ei0WeB1GR6wXf8si0muxyMubTVmvPejI9+OgWY+asBvks9To1UWNxUYvrNeUywqKzSaBYiz2Y2S99IVJ30FXSrtMyR66Qun+AjYc+bspNXzzAAAAAElFTkSuQmCC)
}

.qoo-attr-tag-27b0b6[data-tag]:after {
    border-image-source: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFYAAAAkCAMAAAAkYj0PAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAEFUExURQAAAAAAAAAAAADE5QAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADD4gBVfwC/3gC61wDC4gCcsAC/3wChrgDD5ADE5QDB4QC21ADF5QBVVQCvxwC93ADD4wCyzADB4QCsxgChvQCy0QA5OQDE5ADE4gCTqwC51AAAAABvfwBkcQAAAAARGgDD4gDG5QB6jwC10wA3PgAAAACowwAAAACFmwAAAACuygC51gCLoQC92wBHTQAAAACdtQAAAADB4QBTYgAAAAC+3QAAAADA4AAAAAAJCQAAAAC+3gDF5QCNjQCy0QCjwQDE5ADC4ADE4wDA3wAAAAAAAAAAAAAAAADG5jPR60bMahoAAABVdFJOUwALCfoCBAMNJgEFEAfVBoxhyw2pE+X2tTz+AyB97CiaeYBJFvj0aFQMQDgPHe78SbQlDo4WUhObv13SKxRzBukxCMYR4hcaEtv9CTIZ8cHemx8lHQo3StTQAAAA7klEQVRIx7XW+1KBURQF8I3Pp4NcuqlIuUuhm0JRKN2Q1Pb+j+KbZPjfWusBfrNm7zOzjyg+x5YIXu1mvAT2+alIaJurntkyZ6frZqm+51+dEcDbXt+0DZ696Hf+VCzbvHRZAmcfS75/FclmawFb8Gzr1i949u4laPBs/dy9VGHs2/3iESDZ8umVLXDW0+h5Bc+mHvxCYE9W1wUcQprC6lGSwurmDoXVWIjCatiisAcRw2B1b98wWN2NU1iNblFY3T6ksJpYOZHA70elYBhtdfhpGKx+DSisjj4orI6dtf1sgDP5Djj359eHjitoyQzAWG+mYXyZ3QAAAABJRU5ErkJggg==)
}

.qoo-attr-tag-a7be91[data-tag]:after {
    border-image-source: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFYAAAAkCAMAAAAkYj0PAAAAtFBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAPEQ0KDAkAAAClu48AAAAAAAAAAAAAAACmvZCftoqClHELDAqnvpGmvZClvI+ht4ybsIeYrYN/kG5vf2FETTsoLSNkcldUYEmlvI+etImVqYGRpX6KnHeTqICRpX56i2pvf2FmdFmElnJXY0ynvpG9zq2mvZCkuo6gt4ucsYeXrIOdsoiSpn+iuY2RpX6etIqZroSWq4O5zKmftYq8zqy6p7WjAAAAK3RSTlMAEDADAQcMGxUk7DIpIAr+15U4/vv15MiqYFxVRTsu8c2/tKSbkYh7cW1ka4fbFQAAASxJREFUSMe1lulygjAUhQMhEZRFUGu1+75aIrSA9P3fq8c4DB3/evge4Js75+YkEVX+/bXZfDAZazmANllHagBtOhkpUbQ5V3uXRbEnDMbd/X6exO6f9ewyQLSiNi1SoM26uAgdWEVTVzlPO3txfSVAWRdE7QPW5QnwszU87TKLNKxkLdaFYC0lTzt/D31rtdPSsn120YNO27CmvZ/sewCo2U6zfQ86SlIIY9sDtjZ5dbEuujbteiCoBywN0AP+tPP1sdZwVnatBKAfsKUv+dOCJy2H0Car2KOurI+3L29D0oJbX/KvGvDoyCG0s5X26NmCmyvEy34iwXSEGA4POvX7cX6Id2sq4vcDvNl466Llahc2XlPkXC3iVdBWxB9jH68OXDahr4TUDp1Y/gGCv8P/WqPUJgAAAABJRU5ErkJggg==)
}

.qoo-attr-tag-70aed6[data-tag]:after {
    border-image-source: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFYAAAAkCAMAAAAkYj0PAAAAulBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHCw0AAABurNMAAAAAAABvrNNrpsxXiKcAAAAAAABrqM5oosdimbxlnsJXiKcbKTNCaIAJDxMBAQIfMDtqpMpcj7Bjmr1il7pSf5xLdI9FaoM6W3BJcoxUgqAxTF5Md5IpQE87XHE2U2ZwrtaUwuBuq9NvrdRlnsJrps1sp85poshwrdVpo8limLttqdBil7pqpctnocZkm7+PwN+Pvt1mn8R7mEMjAAAAK3RSTlMAEDADAQcKDBUk7CgZ9NeVLB7kyLqqaEU7OjUdzaSbkYh7cWRgXFlYUTEszwjbJQAAAStJREFUSMe1lgl2gkAQRBuHYQCjaExMzL5vBFA2weX+17LnofYBLP8B/utXNQ1NzaJO0iJGEnrqDNriY6zPoI16F5rK+SJJkNqru7HnUsvjbv5PYx0LlzeBUURZPq+B0w6++g5bacXjJilM+zryNTFVVgK1j1yXS8ySU4BpJ7OA60Jppa4uWKbCadP3kc/W/bQlSvti9+CozQGVyR6gtcOZ3YMDFSiE8MfWhdYWb1IXUBt1eyBaTLZRYNiKD+FbXgFyHcI/LVLg8k6kMujyPhuFq0woPj0XV5kQ/mpZXpw2fvAV8JsgPDkK+BKEqY0X/y8b3O7jXW2R2nh4rzpt20DPj+su3ixvauixNDU2hm0pVw0w3la0sHg1Ud4AL0aJ1wQ9NH1fkzIOHE/tAKe6xUg688ghAAAAAElFTkSuQmCC)
}

.qoo-attr-tag-f19358[data-tag]:after {
    border-image-source: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFYAAAAkCAMAAAAkYj0PAAAAvVBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAATCwYAAAAAAAAAAADukVfmjFS8c0QGBALvklfukVfrj1XgiVHUgU23cEOhYjtPMBwkFg2FUTAAAAAAAAAkFg3ukVfnjVTki1PXg07Rf0zchlDYhE/GeUiwa0ChYjuTWja+dEV+TS5qQSeVWzdzRirxk1j1roLskFbwklfiiVLahVDojVXnjVTwkljTgU3SgE3mjFTukVfqj1bki1Pzqnzeh1DXg070rYLexiJ0AAAALHRSTlMAEDACCwQHGyQWKe3XlTb68+nIlmBcTT40LiAX9d/Nv7SupaSIe3FtZFk/LLQeSc4AAAEfSURBVEjHtZZXksIwEERlSw5gTNqFDWyORGOBwZh0/2PREqUq/mneAV5N9VRLI8pFlc2LKZNEBTfQFr0oFFu6NvWhzctFtmFq35vPSoo9xt0dZ1exu7C+PsSwCp2XFXHa9qjuwSoOGDeb07S/T7VAgJXOidpvrEsKsNb5kqbt2nWxtZ1+jGAtK562NaybYNnT/vi1UDgtbWUfzUhJurZhewCo2SZ90wO2tvgzPaBrU9cDQGxZaoLlT9vqcbWOziS0PnYdugPuyhx3nqSvDBT33Do4ksdQ0rMFb4OA/Sa4ePnTAhsv/y9ru3gPmvrzNiIbr/3QmefH1zlejWuJeiz9K3kL7cvYxLvfLiurpcZLvxjBJ+JVsc/GXAuB8ugoeQJQXs8iwqVl1AAAAABJRU5ErkJggg==)
}

.qoo-attr-tag-608cda[data-tag]:after {
    border-image-source: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFYAAAAkCAMAAAAkYj0PAAAAulBMVEUAAAAAAAAAAAAAAAAAAAAAAAAGCQ4AAABfitgAAAAAAABLbasGCQ8AAAAAAABgjNpfi9heitdch9Jbhc9Xf8ZSd7pDYpkuQ2oWITQAAAAwRm4aJjxeidZdiNNbhM5YgMhag8xVfcJTeb1Uer5GZp9AXZE7VoVMbqxKbKhCYJUjNFA7V4c3UH1gjNqIqeNeiddch9Ffi9hag8xUer9XfsVgi9ldiNRbhc9YgsqCpeFXf8ZbhdCIqONWfcJ0CDL8AAAALXRSTlMAEDADCwcVI+4oHZU4LBn++vXc1qqgXl5FMy4d6ejNy8W/tJGIe3FtZFhRPzjeE4BrAAABEUlEQVRIx7XW2XqCQAwF4OBkAKnWrdat+75NwakoQvv+r9U4Xui9J+cB/i9fApPQpljny9Ihk7JRYMvLzCqwZ61zS74p8hzJ3ncyJqqk3O3v90nZHqnDaSKtpbpq1sBqB5N2JCr9Sbn5EqX2nruxJclP7YHseJZZCuwKyN52EiY4ez2VxsLZ/qQbG4KzT7v/AM4+zDImODuScRk4m36EcYHZ8iWMC82GZ0uBTZgU2P67Cuuu5laDdXf4kYU8KnxgYTWyBuvSudVg3U1sNFg3jowG23tjDdalX5YIvyLdaGGI9gsden5c7Nu7EhZ6LL2G9ta+wbKDTyts5Qss64YLcf0GeDEe2stJC512bMlwBA+bfzQZ2C/efjjeAAAAAElFTkSuQmCC)
}

.qoo-attr-tag-fa89ae[data-tag]:after {
    border-image-source: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFYAAAAkCAMAAAAkYj0PAAAAvVBMVEUAAAAAAAAAAAAAAAAAAAAOBwkAAAAAAAAAAAAAAAD4iK0AAAAAAADtgqXDa4gHBAT6ia73h6z2h6vwhKfjfJ7ceJm+aISoW3RSLTkmFBqVUmgAAAAAAABFJjD3h6z5iK31hqvyhanlfqDqgKPfepvZd5fOcY+2ZH+nW3SZVGrFbImCR1tuPEyESVx4QlP6ia77p8L5iK32hqvjfJ7vg6bxhKfof6LqgKPceJjzhanad5ftgaXhe536or/nfqHmUm6rAAAAL3RSTlMAEDACCxYEGwcF/SMn05U2/vPu3KqWYFxNPjsuLB316unoy8W/tKSIe3FtZFkxLOd1uqoAAAErSURBVEjHtZZZdoJAEEULuhkaFTUmMYkx8zyIgoIIuv9lWadQ23+fbwH31LnFo4uqRZnOZgkyj9o/AzYaBuEZsLEbGCrmizRFYt+6gVa04XHX09OyPqIObltMpSyfl8Bp+39th6lU87g4bO9r5BniLLMCiP1wg1ARZ8UWYNiXrogFY59vRKxIwGGj33vPJ9pNW6Cwny6va4+tc9DK3qUHh2lB2I70YJ8lSMKFrAuNjb5lXWhs3PTAYjFuYxGLlzC0WGQdnibGQoHlfbUrg5b3ylHolYnea3wdpBH/oS1vDcMmHc/H/2qsXsECX4ee6MW/Zf27UKGxonfMepsHHXp+XDZ6s7wqocfSj+jlzxaLfRC9GzQ2GYwNUV4BL0arV7dccEZtz5CvHXi02gIQku0yQrZIrQAAAABJRU5ErkJggg==)
}

.qoo-attr-tag-2da9c8[data-tag]:after {
    border-image-source: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFYAAAAkCAMAAAAkYj0PAAAAwFBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAADCg0AAAAAAAAsp8Yqob8AAAAtqMYspsUspcMpnbojhJwdbIAfd4wKKC8bZXgDDhIAAQIMLjctqMcror8roL0olrInkq0pmrcomLQli6UolbAjhZ0nk64he5IjhZ4jgpoXWGgUSlgfc4gRPkoYWWoWUWAtqchiv9YspMMrob8sp8Yqnbonk64pmLQro8AspsQqn7wtqMctqMYomLQpnLlau9MpmrZivtQolbDfX0vwAAAALXRSTlMAEDADCwcjFSkZ9Ncd+u7pyJR2XkU7OjUd6t/Nv7SupaSbmZGIbWRkWVhRMSxXmJMbAAABF0lEQVRIx7XWZ3LCUAwE4H2WXEInkN57dWIcsB1KuP+topfAwH/We4BvNKt5tpBNPotRlTJzolIDWw1aIcqMzfaDvRC5jTv6JqrnRy0FZjbu/Odjp8y31NNhpAIsbNyCN23jOXGmYjorrQUaux/EISzLcZ7x2Gu/Lp8vJts7jBR0tjuMnNDZ9lMSC+jsvS92zU5Z7MXfO2BP27R1CZ3tvPp3wGYrewcCOnvr18Vn+5GiBrb9wmd9uu/8Enx61JVtcuekDrYaKJ+1dN5C0L8JlrNY+KzlxgmftTwqv1tL42BV73LBZNPmsQCrHzrz/Lj6r3dsbME8lh4UIF81m3r9DUZlrV5z83JCZtNLJ9AoYCeJQ4g6elR+AU1Q2JV1Ty7iAAAAAElFTkSuQmCC)
}

.qoo-attr-tag-999999[data-tag]:after,
.qoo-attr-tag-dim[data-tag]:after {
    border-image-source: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFYAAAAkCAMAAAAkYj0PAAAAsVBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACYmJgAAAALCwsAAAAQEBALCwuXl5eWlpaSkpJ4eHgEBAQAAAAAAACZmZmXl5eOjo6Li4uGhoZiYmJ4eHhaWlpubm4+Pj4XFxdVVVUAAACSkpKRkZGIiIiFhYV+fn5wcHAsLCxfX19JSUmZmZmzs7OVlZWXl5eOjo6FhYWKioqSkpKRkZGPj4+YmJiUlJSJiYmMjIyvr6+urq5WhnUfAAAAK3RSTlMAEDABBAcKDP0kFikdGe/p15U2MRH+9ciqlnZoYlpVPjQg382/tKSIST8sm1F5yQAAAR1JREFUSMe11llywjAMBmA5lp2dpOwtlO6rG1JICrT3P1idtIx557cO8I1GsmRRs62q9ZdBRqHZAxstM2XZHZi9GOWKWjT7OLzTkmrr/nycF98n6v1NHEqiTd3sKly201U6ZiLaH9pttUapk6sg6VT63CDZ51Gm5B9bNzB21rcLzRavsZCEZqNl1y44+xLkio7svga17GmYaUkuWwxb9nOAZgerVDCh2aifAyDr1pb0wLrCIh9YdK19sKZ4Vz5YM0vYB2suQ4lumSsvficMbpV0OwHGmoeEkavGlVdID9mayUJbF/qXufLiWVPmTPT/oSPPj7mwrjs/YLHop+LQgtnpm5LU3WBY1pQZE9lk0WfzfMwUxgE60oSJQwEPzb9gD8RRXrzN5gAAAABJRU5ErkJggg==)
}

.qoo-attr-tag-qoomon:after {
    content: "" !important;
    border: none !important;
    width: 6.654em !important;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAK0AAAA0CAMAAADPGEj6AAABQVBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAPBAcJAgT/SIEAAAAEAQIAAAD0RHzsQnjkQHTdPnHeP3HMOWi3M11iGzIjCRFgGzH9R4H7R3/6RoD3RX32RX3OOmmtMViZK07JOWaCJUJAEiGEJUP8R4D8R4D7R4D6R3/tQ3nxRHvpQneTKkueLVGSKUr/SIL/////dqH/XpH/7fP/+/35Rn/9R4H7R4D2RX3xRHvuQ3noQnb/UYj/TIXdPnH/r8j/kbT/y9z/6fD/6O//X5LiQHP/k7X/V4z/3Of/2OT/1eLkQHT/pcH4Rn7/8/f/TYX+SIHzRHz/sMn/T4f/1uP/0+H/nbz/fab/nr3sQnj/zt7/pMH/cJ3/Uon/9/rfP3H/7/T/0eD/utD//f7/Y5X/5Oz/xdf/t83/q8b/haz/eaT/aZn/nLs55DrYAAAALXRSTlMAEDAFDQolGBP7HzUr2sa5q5OHVFI+I/jy7efin31vaWBHL/j19OrTzq5QPzi5XfUVAAADTUlEQVRo3tWZaVMaMRzGg7tgvY9a69HW3nfi7qqgWFARvK1aFVARAY9qv/8HaJKGCXs12TqW5HkDeeaf4TfhyTEJgLMz2zNzc7PfoeLqMg0AZpNJPWiHu+MAJPf0oB3o6TYASOlB2/ckYQIA5lPJJKGFSmtsJBEzCC0dXMVpu170PiKwoERwZ06nVdKpl/ZZRyeFBQuleUyrdm77e/B6QLW5MJ/CUVCZdvIVmWGMtpTaw8FVl/bNSxpaqnM6uCpPs+cktLrQDtLQMn1bFdDe2LVT2D59INuCNO1ZBSFUzsE2aZxuC5z2r0lo7GYR0U4bhpdvC7K0F5UqorqEsiqcrOUh0dblTQHeU8N0hskmIb2EqJyfUFK3VdSsLaLqPf+SATrDxLTW0aHt2IdHuV8VEoTbVs/iZT6vUUFXjZrt1B27lrtAO8QX9hUcvES0uxkHsUHN3F0hVPR4B6zO79UQsplFv11DKNnXr3cjvTFDTFtYQ1xrhbtre9rrsTqfx1A5MPZk+oq2hfBZtriOWrW+G8FzPLSOfN/Ag5eYNoOwlvPWopVfRliZCN6Ox6vK9g07eImSYJHxWUrzNcHJyXt1j1eX7+vWBD14icf2BHdeOWON9Apubf0Xz6Wn7OAlHNsN3DcLm8rj1o+onlWulK2ofV0aJKEV0rJpbfFckOU2qlfGHxcR+3rG9nMMAJkkkEgt8gUCYUl76I+HiKL2dWty9OHHlv0savkMr+PiTa6Bf8ltludM7AXRBteJaeGwKUO7ReZr2jVfZb0g2pA6MW3X4wdeb4NoQ+rEtHBi1BDQ8r0si/eZLN1n9qW9INqwOjEt7PdF91x4TkD2seReH0zrr5OlhUOmiJafjziu5DkqhNZfJ6bl0RWfbw/2HRet23P2D4gR5NmkmO0OrBlex8Sbfr1/bQhoqXLFDZsngXuOvVHM0Vagd2zjYrbzsmZ4HRNvCqJLadW+/RgydaLF0dWIFo6T6GpzDwY/dhoeWpVvROEQPzyubuLLccUfHqbiwHXbrPa7w9hXA/Cb/D21b/Ih7GtGd6Gk/LsD1mDMYLQpDWjhlElpSRA0oH37Jd583dtW/L2MRndUm5dTok8kumaiQw8lyLpgmDFNFDeAXvoN2TW/Rtty3IAAAAAASUVORK5CYII=) no-repeat !important;
    background-size: auto 100% !important
}

.qoo-btn-loading {
    display: block;
    height: 6px
}

.qoo-btn-loading i {
    display: inline-block;
    width: 6px;
    height: 100%;
    margin-right: 3px;
    vertical-align: top;
    border-radius: 50%;
    opacity: .1;
    -webkit-animation: fade-out 1.04s ease infinite;
    animation: fade-out 1.04s ease infinite
}

.qoo-btn-loading i:last-child {
    margin-right: 0
}

.qoo-btn-loading i:nth-child(1) {
    -webkit-animation-delay: .13s;
    animation-delay: .13s
}

.qoo-btn-loading i:nth-child(2) {
    -webkit-animation-delay: .26s;
    animation-delay: .26s
}

.qoo-btn-loading i:nth-child(3) {
    -webkit-animation-delay: .39s;
    animation-delay: .39s
}

.qoo-login-icons {
    overflow: hidden
}

.qoo-login-icons a {
    float: left;
    width: 68px;
    margin-right: 26px;
    margin-bottom: 20px;
    font-size: 14px;
    text-align: center;
    color: #333
}

.qoo-login-icons>a.sprite-icon-loading {
    filter: brightness(.9);
    cursor: default
}

.qoo-login-icons>a.sprite-icon-loading:before {
    filter: brightness(.8) !important
}

.qoo-login-icons>a .qooicon {
    position: absolute;
    top: 0;
    left: 50%;
    width: 56%;
    height: 0;
    margin-left: -28%;
    padding-bottom: 56%
}

.qoo-login-icons>a .qooicon svg {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -10px;
    margin-left: -10px;
    font-size: 20px;
    color: #fff;
    -webkit-animation: loadingCircle 1s infinite linear;
    animation: loadingCircle 1s infinite linear
}

@-webkit-keyframes loadingCircle {
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes loadingCircle {
    100% {
        transform: rotate(360deg)
    }
}

.qoo-login-icons a:nth-child(3n) {
    margin-right: 0
}

.qoo-login-icons a:before {
    content: "";
    display: block;
    margin: 0 auto 6px;
    width: 38px;
    height: 0;
    background: url(../img/icon_login.png) no-repeat;
    background-size: 300%;
    padding-bottom: 38px
}

.qoo-login-icons a:hover {
    text-decoration: none;
    filter: brightness(.9)
}

.qoo-login-icons .sprite-icon-google:before {
    background-position: 50% 0 !important
}

.qoo-login-icons .sprite-icon-line:before {
    background-position: 100% 0 !important
}

.qoo-login-icons .sprite-icon-twitter:before {
    background-position: 0 100% !important
}

.qoo-login-icons .sprite-icon-discord:before {
    background-position: 50% 100% !important
}

.qoo-login-icons .sprite-icon-instagram:before {
    background-position: 100% 100% !important
}

@media (max-width: 780px) {
    .page_note_view .qoo-footer {
        padding: 50px 10px 70px
    }
}

.page_note_view .qoo-module-view .qoo-note-vote {
    padding: 16px 20px 16px
}

.page_note_view .qoo-module-view .qoo-note-vote-view+.qoo-note-vote-view .qoo-note-vote,
.page_note_view .qoo-module-view p+.qoo-note-vote-view .qoo-note-vote {
    padding-top: 6px
}

.page_note_view .qoo-module-view .qoo-note-vote-view+.qoo-note-vote-view .qoo-note-vote.qoo-note-vote-loading:after,
.page_note_view .qoo-module-view p+.qoo-note-vote-view .qoo-note-vote.qoo-note-vote-loading:after {
    top: 0
}

.qoo-parbox,
.qoo-parbox-1_1,
.qoo-parbox-1_2,
.qoo-parbox-1_3,
.qoo-parbox-1_4,
.qoo-parbox-3_2 {
    position: relative;
    padding: 0 !important;
    border: none !important
}

.qoo-parbox-1_1:before,
.qoo-parbox-1_2:before,
.qoo-parbox-1_3:before,
.qoo-parbox-1_4:before,
.qoo-parbox-3_2:before,
.qoo-parbox:before {
    content: "";
    display: inline-block;
    vertical-align: top
}

.qoo-parbox-3_2:before {
    padding-top: 150%
}

.qoo-parbox-1_4:before {
    padding-top: 25%
}

.qoo-parbox-1_3:before {
    padding-top: 33.333%
}

.qoo-parbox-1_2:before {
    padding-top: 50%
}

.qoo-parbox-1_1:before {
    padding-top: 100%
}

.qoo-parbox-1_1>.qoo-parbox-content,
.qoo-parbox-1_2>.qoo-parbox-content,
.qoo-parbox-1_3>.qoo-parbox-content,
.qoo-parbox-1_4>.qoo-parbox-content,
.qoo-parbox-3_2>.qoo-parbox-content,
.qoo-parbox>.qoo-parbox-content {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: block;
    object-fit: cover
}

.qoo-breadcrumb {
    font-size: .7rem;
    line-height: 1.5;
    padding: 6px 0 10px;
    color: #666
}

.qoo-breadcrumb a {
    color: #666
}

.qoo-breadcrumb span:last-child {
    color: #333
}

@media screen and (max-width: 1180px) {
    .qoo-breadcrumb {
        padding-left: 10px;
        padding-right: 10px
    }
}

.specify-page-task {
    position: fixed;
    right: 40px;
    bottom: 60px;
    border-radius: 4px;
    padding-top: 6px;
    min-width: 80px;
    background-color: rgba(61, 102, 91, .9);
    z-index: 10;
    pointer-events: none
}

.specify-page-task::before {
    position: absolute;
    bottom: 80%;
    left: 0;
    left: 50%;
    display: block;
    margin-left: -40px;
    width: 80px;
    height: 80px;
    background: url(data:image/png;base64,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) 0 0/100% 100% no-repeat;
    content: ""
}

.specify-page-task .progress-slot {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    overflow: hidden;
    border-radius: 4px;
    width: 100%;
    height: 8px;
    background: #1f332e
}

.specify-page-task .progress-bar {
    position: absolute;
    top: 0;
    display: block;
    border-radius: 4px;
    width: 100%;
    height: 100%;
    background: #ffd95c;
    transition: transform .2s linear
}

.specify-page-task .title {
    display: block;
    padding: 0 14px;
    height: 38px;
    font-size: 14px;
    text-align: center;
    color: #fff;
    line-height: 38px
}

@media screen and (max-width: 860px) {
    .specify-page-task {
        right: 8px;
        bottom: 140px;
        min-width: 60px
    }

    .specify-page-task::before {
        margin-left: -27px;
        width: 54px;
        height: 54px
    }

    .specify-page-task .progress-slot {
        border-radius: 3px;
        height: 6px
    }

    .specify-page-task .progress-bar {
        border-radius: 3px
    }

    .specify-page-task .title {
        padding: 0 7px;
        height: 28px;
        font-size: 12px;
        line-height: 28px
    }
}

.qoo-default-entrance {
    min-width: 60px;
    overflow: hidden
}

.qoo-default-entrance span {
    display: inline-block;
    vertical-align: top;
    animation: 8s vvm-move infinite
}

.qoo-default-entrance span::after,
.qoo-default-entrance span::before {
    content: "";
    display: block;
    margin: 0 auto;
    width: 60px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center
}

.qoo-vve-entrance span::after,
.qoo-vve-entrance span::before {
    background-image: url(data:image/png;base64,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)
}

.qoo-steam-deck-entrance span::after,
.qoo-steam-deck-entrance span::before {
    background-image: url(data:image/png;base64,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)
}

.qoo-tpgs2024-entrance span::after,
.qoo-tpgs2024-entrance span::before {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOUAAAD9CAYAAABDTLDgAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFu2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgOS4xLWMwMDEgNzkuMTQ2Mjg5OSwgMjAyMy8wNi8yNS0yMDowMTo1NSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDI1LjIgKFdpbmRvd3MpIiB4bXA6Q3JlYXRlRGF0ZT0iMjAyNC0wMS0xN1QxMjozNzoyNiswODowMCIgeG1wOk1vZGlmeURhdGU9IjIwMjQtMDEtMTdUMTQ6MDc6MTMrMDg6MDAiIHhtcDpNZXRhZGF0YURhdGU9IjIwMjQtMDEtMTdUMTQ6MDc6MTMrMDg6MDAiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjY3Y2Y4OWVkLTgzMjUtMDA0NS1hNTU1LTZhZjU1NTIzOGM0ZSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo4Y2FjYzIwOS0yYTM1LTdhNDUtYjcwYy1hNDNmNmFmZDZjM2IiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo4Y2FjYzIwOS0yYTM1LTdhNDUtYjcwYy1hNDNmNmFmZDZjM2IiPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjcmVhdGVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjhjYWNjMjA5LTJhMzUtN2E0NS1iNzBjLWE0M2Y2YWZkNmMzYiIgc3RFdnQ6d2hlbj0iMjAyNC0wMS0xN1QxMjozNzoyNiswODowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDI1LjIgKFdpbmRvd3MpIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDo2N2NmODllZC04MzI1LTAwNDUtYTU1NS02YWY1NTUyMzhjNGUiIHN0RXZ0OndoZW49IjIwMjQtMDEtMTdUMTQ6MDc6MTMrMDg6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyNS4yIChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6GC04pAAAei0lEQVR4nO1dT6zj2ln/Mq8Pif5zEGoFEuDMinYB9ggVKAtOLjtU1MywQKBKOLNB3TkjNt3Zs2XjjAQCqRLORV3BwilSJXbO3VBVFYpvhcSuyaUVraAoSYVoX99jPhYznubl5Saxz/nOd2yfn/STnt571/lsn5/P+f6d00NEsGgO5vP5F4qi+IvtdvuJoijefv2v919iDwBgOBy+0+/373zf/9RwOLQvuUHoWVGajdls9tZ8Pp8vFos/2O12ta/juu6Ph8Phnw+Hw78ej8f2pZsMRLQ0jFmW9Uaj0RxezYAkHI1Gf5umaY/7Xi0/SHYDLH/KNE3fcl33HUoxHtJxHIyiqM9975Y/JbsBljxiPEYrTjNofUpmDAaDd+7u7n6G244SjuPAdDp9YP1OPlhRMmE4HH7r5ubm17jtuA+e532/KIpf5Laji3jAbUDXMB6Pn/d6PTRZkAAAt7e3v9Dr9XA8Hn+R25bOgXv93BVGUeQ6jvMSmP3GOnwdDPok9zPsCtkNaDvTNH3LcRx2Yamg67r/a9Mo9LQ+JSF83//B7e3tz3PboRpCiK8vFovf4bajrbA+JQGGw+G3er0etlGQAAA3Nzeftf4mIbin6jYxDMM/BAOWmTpp/U31tMtXBZhOpx+O4/h/drtdj9sWLriu+6P1ev1hbjvaACtKSZiW/OeG9TflYUVZE9zJf9d1wfd98H3/A/+tKApYr9dwe3ur37DXCMPwN6fT6TfZDGgyuNfPTSOn3+h5HiZJgqvVCi/BZrPBNE1xNBpx+ZsvkyT5EPc7axrZDWgKkyT5MFfyXwiBeZ6jDFarFYZhyCJO13V/xP3+mkR2A5pArg4Oz/OkxXiI1WrFNnMKIf6Z+102gewGmEwhxLeYZhZM0xQpkec5uq7LIs4oihzud2sy2Q0wkVx+4+ucH+pEkiTIUQboOA7akr3jZDfAJHL6jWEY4mazQQ5sNhs2f9PzvO9VfU9tJ7sBppDLbxRCXBxNpcZqtUIhBIs4R6PRl9GAcWAC2Q3gJpffSBHEUYUsy1j8TVuy13FRcvqN1EEcVYiiiMXf7HqLGLsBuvm6v5HFb4yiiM1vrIvNZoNBEGh/VgDdTaGwG6CTnuf9gGNwjUYjY/zGulgul2z+ZhAEX0QDxo8ushugg9QbG5/40hvrN9ZFmqbW37SirM8oilwOMepI/nNis9mw+ptowNiiJLsBFOTa3LhM/jfNb6yL1Wpl/U0ryvPkSnEEQdB4v7Eu8jxHz/NYxNlGf5PdAFUMguA5x6AwOd+oG2macpXstapFjN0AWUZR9GnG2s0zw1Q9lsslRlGEQoh7BeB5HgZBgGmaap+9S3+T4wPZlhYxdgPqMsuynuu6P+Z4+br9xnKg1416ep6HaZpqtdm2iHVMlFx+o+58o+pZhyMQxdkiFobhZ9CA8VqV7AZUIVdpHIffSOmfcaRsGFvEXjatZI/dgEuYJMlHOErjOPxGnZFM3cUNtkWsJaLkKo3Tvczj9MF0p3Nsi1hDRclZGtdkv7EuOfxNrhYxALO3JGE34JCcpXEcfiPXoDz1HLIs0/ocuEr2TN2ShN2AkpylcUmSSAyp6sjznG35dimFELhcLrU9E9siZpgouVIcuvfF4awVrcsgCLQ+I9sixixKrtI4jlmAY4nmuq6S3+TYZa/LLWIsP8pVGsfhL3EEM/bzkCpnZ91+N3eLGJe/qf0HOUrjOL70HMuwU0UBKv1Y3RHqrrWIafuhrrRUcQQsqlToqFwW6vbJOQNkOv1N8h/gSnFwbMWhe6klUy6nylaO6DVji5gWf5Pswq93jWN5cLpL43T7japqV1XO6rrrg5lbxEi3JCG5aJdK43Qup8oWLNVQ6f/q7qRpY4uY0otxpTg4Wqp0F1brmP1VzvgcLWJt2ZJEyUU4Uxy6/UbOU6p0DXSV/maHWsSU+ZuNXKpylcaZUKeqqxdS5WqgSy1iKvzN2n+YZVmPo8dRd9kXZ5vRKeoKrKi8/y61iIVh+NuoU5RRFH1S901ylcZxi+8cdfnTqlYKXdqSpG5jdeU/CILgT3XeGEdpHFceTIa6Broqn43jvXL4m47jvERKUQZB8AWNN9OpCJ6qZ6bL31S1iuhCi1hVYVYR5B/ruoku5booqNPfVPXc2t4iVkWYRi1Zu1QVooO6CsdVrTA4Ggd0VmNdKsyz/0MYhp/RYKz2fFYT/ca61FU4ruqZcuSfddUtXxL8Ofkf0zR90JYBU6IJW3FQUFduV7W/2cYOn3PpkpOipMxDdqknzyTqmoVUPu82frixjiipKnV0h8I5u9dNpk5/U8UA53JxqPzNU5U/R/9lFEWfVm1El/Z5aQqFEI17F1zBQIqP+n3L2ONKVfzjulMcnDuiNYEcDeCIagc4R9qMwv3BS0Spsv1K95KDc+/QJpBLjIdQOcCbXmByrO2LbJZ0HEdrpYb1G0++eK3v4lKo8jc5ThFT+fHHU6JUNUt6nqft68V5HoXp1N2VUReq3qHulYAqYR7OlspnSdd1tQjS+o3NF+MhVK12dJbsqRCm4ziIx0SZJMlHVVycepnE2cBqOpsqxn2oigvojParmBz2N35Wmpekzj9ybfVgOtsgxkOoWgnpyIuvVivpcel53vfxUJQqBgYVTNmKwzS2UYyHUPXuqYslVJQW4r4oZZeujuOQrOFN3YqDm6aIcbVaYZIkjWqupizZk/14JEnyNpaiFEL8m8zFKNbuSZKwD36TyNH0fR8O84w6m6tVxBOo7JUds0KIf8FSlLI3qHqg2AKAZojxkE3bzGs0Gil9rpvNRno2R0SA5XLZk7mIal/SCrJ5Yjw22JuymZfqnLrs+M3z/AGkafpNmYuojGzZVEezxXhIXfch21ytUphZlkm9/yiK/gOiKJI6L1IV0jRlF4QV4yuorE1tSnO1yhWfzPMajUb/BzIbH6lq/VGR52kqTRJjnudk7oOO5mrZwgNVqz4Zf1cIgSBzgTAM2W+iqXRdV1s64Rx0bpFCkS9U1RKmKmgpnbP0PK/2lh8qUiFdW7ZydDTcB879ilTkCykakA0Z03w3oCKE3BRaMX6Qdf3N0uelGDsqZss8z2XtqP/HsqLswixpxXjZM7rEn9O1+ZnsuG60KNtcz2rFWJ33HWGgeydC13Wln7ekDfX/WEaUy+WSfRBQvVArRjmW/ZCc24LKtCA2VpRtOy7AJDGmadrog4oAgD3WIDO2ZUX5IWDCYrHg+mmlEELAZDKBx48fc5sCs9kM4jiGu7s7blOksdvtWH+fe3yyfE1kftcEmrIzHKLd35aKdSE7Uz4Ai0oQQkCe57BYLGA4HLLaMpvNYDAYwNOnT1sxO5qGoihYfpdl+cp1szIQQkAcx+xCBGjXMtVkbLdblt9lESXXzdaBFaOFbrAFekyHFaMFF6woD2CKGLfbLUynU5hOp+yRSAu9sKJ8jSAIII5jGAwGrHZYMVp0XpRWjBamobOitGK0MBWdE6UVo4Xp6IworRgtmoLWi9J1XVgsFuxiXK/XMJvNrBgtzqL1ZXZ3d3cwHA5hPp+z/P56vYbxeAwPHz6E58+fW0EaANd1Ic9zEEJwm3IUrRclwCthPnnyBIbDobYSv30xXl9fa/lNi9NwHAeiKIL1es2ehz6FToiyxM3NDTx69AjG4zFZqZ8Vo5kIggDW6zXEccxtylmwiJK79vX6+hoGg4HSF2TFaCaEELBcLmE2m0G/3+c25yKwiNKELpHdbgfPnz+HwWAg5W9aMZoJ13UhTVNYLBbg+z63OZXQqeXrMez7m1W6za0YzUTpNxZFAePxmNucWui8KEvc3NzA1dUVjMdjWK/X9/5/i8XCitFQjEYjKIoC4jhuzFL1GKwoD3B9fQ2+70Mcx+/zfcudBq6urqwYDYPneZDnOcznc/Z8tAq0vnigDkp/czabwWQygfl8Djc3N9xmWRzAcRyYTqeNXabeByvKE7i7u4Nnz55xm2FxBGEYNn6Zeh+sKC0aBSHEmw3D2gorSotGwHVdmM1mRlfiqIIN9FgYjaaUxqmEnSktjEUQBDCdTkn8xsViYUQRyzHYmdLCOJQbXlOUxq3Xa3j8+DFcXV0Z27HTuplSCAG+70O/34d+vw++77+p1Nlut1AUBRRFYewL6TJc14U4jklSHGVz+fPnz5VfWzVaIcrRaATj8fjeQ3aO+SJFUcBisYDFYgFf/epXaQ20OIsoimAymZAsVct8c5M+xLUPIql7wI+qY/CEELharWofxFJis9m04vi4JnI0Gil5h8cgez5n3QOcOnvAT5Ikyrb56Pf7MB6PoSgKyPMcgiCQN9DiJChL48pmgaurq0ZWYjVOlI7jwHK5hMlkQnL94XAIs9kMVquVFScBHMeBJEmgKAqSFEccx+D7fqPrkxsnSl39cYPBAGazmdF7uTQNYRjCer0m+aCWM24b9kFqlCjTNNXesFr2WaZpCq7rav3ttkAIAavViiTnWM64T548ac0BSI0RZRlh5ULpc0ZRxGZD0+C6LmRZRrLF53a7hclkAo8ePWqk33gKjRHldDrlNgH6/T7EcQyr1couaU9gvzTuvjSVDKbTKQwGA3jx4oXya5uARogyCAKjugIGgwEsFgvI89wuaQ8QBMGb7n/VKGfcZ8+eNd5vPIVGiJIq0iqL4XAI6/UaoigCx3G4zWHFfmkcRYqjLI1ri994CsaL0vM843cji+MYiqLoZArFcZw3u8apTnFst1uI4xgePnzYqaor40VJ4ZNQYD+F4nketzlaUPqNFAG42WwGvu83olZVNVhEWWV507QeuvJohDRNW7uk9TwPlsslyXYc5Yz79OnTTixVj8GKkgjlVpVhGHKbohRhGEJRFMpdijLF0dTSOJUwevna9GVgv9+H6XQKy+Wy8SkUx3EgyzKS1FS5VG1riqMqjG7domjjmc/nUBTFm97KsvfS933wfZ8k9VL2dM7nc5hMJo1bljmOQ1LeuFgsII7jzs+Mx1C7xaRu69alrS1BENS6/iE2mw1GUYSO45z9Tdd1MYoisnai0haZ566TnufhZrNR/gyCIGC/t3Pkat0CmT+mFmXd6+9juVyi67q17i8IAjJxrlYrHI1G7APvFCkEeenH0QTafkoClMXKdZeL19fX8PDhQ5LzLMvTvkytCvI8DxaLhTIXok1dHNRotSjH47GSAUBxnmUJE6uCHMeB+XyuRJDl1pBt6uKgRmtFOZvN4Pb2Vtn19s+zrHJk3qWI4xjW6zV7VVAZ1JENeJUpjocPH5IGcjzPgyiKIM9zWC6XgIiAiLBcLiHLMgiCwJiPXRXUXvua7FPW9SMvpcl7y8gwTVNp+9M0JfUbqwbj6gbXbKBH4fWXy6W2QRxFkfJgSAnqwX3IMAyl7M3znHTzMdd1pT4aeZ5Xep5WlAqvnySJtoGsYrCcgq70ged5tW2kjiQ7jqMkEo9YTTA2+qoQurejv7u7g6dPn76pe1WJcqc9SpSBnaoouzh83yfr4lDdnzkcDo0vfWylKE8dj06Jm5sbePToEUwmE+UpFErEcVw5sFNW+FClOCj7M+M4Njr400pRcuPFixcwGAyM2MLkHDzPq9xEPpvNyBqOKfszS/T7faNbAq0oibDb7eDZs2fvO8vERFT9cMxmM3j69KlyO8r9YKn6Mw9hRdlh3N7ewtXV1ZtWLpMQBEGl2Wg+n5MIcn8/WF3HpVtRWsD19TX4vk9SFVQXVWzZbrfKZzAhBCyXS7IzKM/BxPJGgJaK0tQ9ffargupEO1Wi6g6BKk+t2t8PlvNdmbRD4j5aKUpTH3aJu7s7ePLkyZu6Vw5UmSXX67WSsznK/WCLojB6+ciNVopS9uvreR5kWQZ5npPWT97c3MDDhw8hjmOtKRQhRKUPl4oo8n6+kWOp2jS0rqIHEaWqc46Vza1WK9LKGsdx7q0KUlC29T5mWVbpWcrUEXueV7syhhrn6ottRY9i1N0T574IIPUWkrvdjqwqaB+O41RaOm6321r5yDLfSHXknQqYFg0v0VpR1vVZzi19S9EkSUK2pH306BFJYzVA9edS5wNBuR+sSpja32lFWROTyYR0C8mysVp1VRDlcymPvKPwG8s628FgAL1eD3q9nlQU2+SCDoCW+pSIWKuNqE63x3K5JO1/VNm+VQfnft91XVK/MUmSe21wHKdWX+slnUTWpyRAnYOB6nxBy1I6qoNlVeUHZfzsY9g/8o7CbyzzmKdO2drtdrVmS5NnylaL8vHjx5X9PpmkvukHy9ZNFcVxDFEUged54DgOCCHe1KlSVCjtn7J1yZYudXxvK0om9Pv9yrPlbreD2Wwm9ZvlwbKj0aj2dSggU1RRniy23W5hsViQ1KnqOmVrPp8bvaNeq0UJ8GrpVXW2VJHMN3ELSVPLDwH0nrLFXeJ4Dq0XZZ3Z8u7uTmmnu2lbSJoEFadsVc27WlFKQFWers5s+eLFC6Uvz5QtJE1B2XUie8qW67qVVgCmL10BDBelqsqW0s+rijJwowr9fr9zB8seQ5lvVFHkXrVAwaTWuftgtChVYjKZVBbCbreD4XCoPFLXhYNlj6Hc5FnVvj6u61ZyTWazmbFVPPvojCgBoFZUdbfbwdXVFckXVvfBslybeZV5TNX7+lRtjm7CLAnQMVH6vl87h0h1ZIHOg2V1b71JeXRBGIaVAjxNmSVLGFtmJ4Sodf1zkN3Fm/LIgizLyI5coHqeh9hsNidL42RZ9dzSzWZT65naHdI1DqLVaiU9YMpduymOLKhyyG1VUn1MSlB+VOoIEhFrH9JrRalRlFVsOEfXdSs3DV8KiuMAVG3/fwgdRfl1nrPMuTKdEuWlD4p6uZWmqbJBI4TA5XJpvJ0AamdLHWedyKxIZFyVTokS8bLtOnT4QGEYKh1AYRgqX9Kq3g5E1bHplH5j+f5lPiCy77buM2qsKC/5gukKTKj+0p/ab6cOVItSVphpmpL6jSr6M7Msk36HddFYUV76FaOMdO6DYgmmatMoClGWA+/Sj8dqtcIwDEnF6DgOJkki/byWy6X0DD4ajWr/fmNFWdUBpzyctQSVbxQEgZTtVKLcF0MQBJgkCeZ5/oZRFGEQBOSnYqt4RiU2m42Sg2tlD6dtpCgRq29dSBnpLKE6qLI/8Kmj1U2kygCZKkEC1PcnFb0vPlHWzR9RRjoRqx/DXYV1lrNtFCXFB1bVSqdOLnQfjRblZrORGvwUkc4Sq9WKJO/WdVFSFV2odD1kYxiyq60HrwceC+o0IO+D8nDWss6Van/XLmI0Gik/umC73cJwOFTSBgbwqqZW9iwa6U2eZWYDFdUhsrNlScrt8VVW1nRxpqR6Nyp9SID7j6yoirpuGQCgEOKllChV5RFlc0r7DIKALIWS57l0JLJLolSdr92HirSHindzDLKagiiKfizz0FVBpU8gE+m8BDKVLF0RJaW/f8lGylWpcrzIfCxGoxFCmqbflLkZE8PZJSl37q5b89l2UcqWxp0CVfBNNtq6D5kCeADAKIregTzPPyFzkTAMld0QhTCpB0rV7oi2ipL6A0jVyqZSkIjys3iWZf8EiAiyL0MlqIQJQFsVlKbpRYOmbaKkdhUo+zNVCxJR7ixPAHi5Wq0eACKCEOJ7MjdH4czLRLDODSKq4EP5Re+KKFWVxh0DdX+myhVeCcn39I7rul9BRABEhCiKPidzg6pnyxLL5ZJs1qSsCjrl+7RBlJTPjro/k9KVkfyI/EMQBD+HpShRcgkLAEqq++8D9X4vVF/7Y0uvJovSdV2yVQYi7XumrpuWTOv9OwB8BEstlv/guu67Mjdd95zAS0GxNca+7ZQflf0gRVNFSemPq8j/nnq3lD4vonQBzHsA8Cf4Woe4L8ooin5f9gF4nkd684i0L1BHVVDTREnZz0qV4ihJWUiyD8nJ4h8BoIfHRIkKlrDlg9ABqhA59UCsAw5RUn6gLgmImWr7IST93/cA4DdwT4N4KMogCL7SJGFSL2l1NFZfAp2ipF7KX5o6qms7pc97CAUBqa8BwFt4SpR5nvdUPSBdwkSkXdLqaKy+5P50CJKyNC7Pc/IUh64PqKII8TsA8Ek8ECQeihJf5Sy/o+pBjUYjrTMNZfSOMpR+DtSipC6Na2qK4xgUTgB/j0cEicdEiYp8y5KU5VfHQJ3n0vlFLkElSupVAKXfr3tcKQ5K/TcA/CxWEaUq33KflPnAY6CsCNHtu6gWZZNL43SkOPZBEJR6DwD+DO8RJN4nSkQEx3FeUjxQyiDCMVDuUSqE0PK1VinKJpfG6f6wEwWl/goOUiCHvPc/ZFn2NtXD1RmyRqQPwVMPFlWipKz5Vb3T/D51ffxKEAal3gGAX8cTgsRTokSiZazOwXwIHSkUCqgSJcXApgyu6XYTNJyL8mU8I0g8J0pEBM/zfkgpTI4lbZ7nZIXuFAEIE0VJmYYC0LP59j4og1J7/C1UIUok8i91DOZzoPzKq6wKMkmUlKsNAP0pDurzNPf4n57nfRRViRI1CVP1YL4E1P6QiiW6CaKk9ssbnuI4S8dx/gYv1NrFokSNwgTQv3yhfEmyS3RuUVJGsHW7L9Qf4Xvu8SdYQWeVRImahUndv3cM1CV7nF0iVX+bujSuJSmOk/Q874dYUWOVRYmI4LruT3TeGPXZIcdgkr+pW5Q6uv91vk/KwN6Z9/wNrKGvWqJEpI/KHqPuLyvlUqdKF4pOUVKXxuks7qcOSp1iFEWfw5raqi1KRIQoij6v+2Z1l1kh0vqblwxUHaLUURqns4tDU4rjA6yzXD2k1B+XVNlZonIwqwalv3kqFUApSuoopO5ousYUx/voOM7LNE0/hgr0pESUiAhJkvwqx5eJo6WK0t881oVCIUrqKKTuUkrqutsz7+xLqEhHqFKUJalL86oMZkpQ+5v7UWfVomxT9z9HiqOkEGKNivWDFKJEfLWDAUcgiKNkj3L5V842qkQZRRFpFFJ3bplyxXKKruu+m2XZ20igHaQSZckkSQY685p7D017yR61v6n7GVa1r6Hd/5X4OmBVO6p6KUkvXjIMwy91YbAg8n29OchRGseV4giC4CuoQSuoS5QlOaK0AO3yN00gR2kcZd3tKQohvpPn+cmmZNXUKkpEhDRNPya7G3sTBhKi/qJnHdT9gaOsuz03XlSlOKpS+w+WjKLodzkGVdv8TV3k8Bu5PmhRFF0hky6QU5QlR6PR17swyBCb6W/qLtLQ0P1/akyskVkPaIIoEflSKADW37yPHOWMXKVxruu+q9tvPEV2A/bJlULh8je5IonnqLvwn7M0LkmSARow9vfJbsAxcqVQuPxNjraiY9TdUsUZCNOZ4qhKdgNOUQix5hqcuv1NjgZcro9RG0vjVJLdgHPMsuxtjhQKAI+/qTMfx7U5NpffyJXiqEp2Ay5lFEWf43iZXP4mdQRSd50q1zL9dcDq82jAGL6U7AZUJVcXCpe/qdrn0nW6cQnOgFbd7Ti4yW5AXXL6m7r3C8qyTGpgO46jXYzc3f8mpTiqkt0AGXL6m7rTBoivBnqWZRiGIQohTg54IQSGYchy4C1jaZyRKY6qZDdABTn9Td0JdpPRpu5/TrIboJKc/ib3EeycsKVxVpRn2SV/kxucpXGU3f+cZDeAil3zN3Wj7d3/nGQ3gJrc/mbbxGlL46wolZHT39R9HgoFmEvjtHf/c5LdAN3k9Dd1Fx+oAldpHGf3PyfZDeAgt7+pu9i9Ljg7WLi7/znJbgAnrb95HMylcV9HA8YGJ9kNMIFc/qbu3cTPgXPXONO6/znJboBJ5PI3dZ+7cQy2NM4cshtgGjn9Td0nVCHy7hrXptI4lWQ3wFRy+ZsAenoddfRs3sc2lsapJLsBpjMIgr/jGLhUzdWcLVVtLo1TSXYDmkKuIxdUFR9wirELpXEqyW5Ak8jpb7qui2EYVi54z7IMgyBg25SrK6VxKtlDRLCohul0Oojj+Nu73a7H8fuO44Dv+zAcDgEAwPd96Pf7sF6vYb1ew3a7haIo4ObmhsM8AAAQQnw3juNfGQ6HdoBVBfdXocnk2p/WZHa1NE4l2Q1oA7n8TdPY5dI4lWQ3oC3M87zH5W9ys6m7xplKdgPaxjRNP9a0k7Xqsum7xplKdgPayiiKrrhFQ0XHcV5av5GO7Aa0naPR6BvcIlJJWxpHT5sS0YDFYtGbTCa729vbj3HbUhdCiO8uFotf5rajC3jAbUAXMBwOsSiKj6dp+nHXdd/jtqcKXNd9L8/zB1aQGsE9VXeRURR93vRgkG2p4iO7AV0mV3P1OVq/kZfsBnSdeZ73TCk+sHWqZpDdAMtX5BSnFaNZZDfA8oMMw/BL1NVBruu+myTJp7nv1fKDtCkRwxHH8R8tFou/vLm5+YTstYQQ//X48ePfm0wm/6rCNgsaWFE2CIvF4pfW6/XX1uv1p4qi+JntdgvwaubbbyFDAOj1+33wff8ng8Hg277vf9b3/S2DyRY18P9TEDWi0shxsAAAAABJRU5ErkJggg==)
}

.qoo-default-entrance span,
.qoo-default-entrance span::after,
.qoo-default-entrance span::before {
    height: 80px;
    -webkit-transition: .1s height linear;
    transition: .1s height linear
}

.qoo-masthead-fixed .qm-nav .qoo-default-entrance span,
.qoo-masthead-fixed .qm-nav .qoo-default-entrance span::after,
.qoo-masthead-fixed .qm-nav .qoo-default-entrance span::before {
    height: 56px
}

.qoo-nav-panel-list .qoo-default-entrance {
    padding-top: 0;
    padding-bottom: 0
}

.qoo-nav-panel-list .qoo-default-entrance span {
    line-height: 61px
}

.qoo-nav-panel-list .qoo-default-entrance span,
.qoo-nav-panel-list .qoo-default-entrance span::after,
.qoo-nav-panel-list .qoo-default-entrance span::before {
    height: 61px
}

.qoo-nav-panel-list .qoo-default-entrance span::after,
.qoo-nav-panel-list .qoo-default-entrance span::before {
    width: 48px;
    margin: 0
}

@-webkit-keyframes vvm-move {
    0% {
        webkit-transform: translateY(0)
    }

    40% {
        webkit-transform: translateY(0)
    }

    50% {
        webkit-transform: translateY(-100%)
    }

    90% {
        webkit-transform: translateY(-100%)
    }

    100% {
        webkit-transform: translateY(-200%)
    }
}

@keyframes vvm-move {
    0% {
        transform: translateY(0)
    }

    40% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-100%)
    }

    90% {
        transform: translateY(-100%)
    }

    100% {
        transform: translateY(-200%)
    }
}

.qoo-content {
    padding: 0;
    border: solid transparent;
    border-width: 10px 10px 0 10px
}

.qoo-content>.notification-container {
    position: relative;
    overflow: hidden;
    height: 60px;
    line-height: 60px;
    width: 100%;
    box-sizing: border-box;
    background-color: #eff58b63;
    border-radius: 5px
}

.android-platform .qoo-content>.notification-container {
    display: none !important
}

.qoo-content>.notification-container>a {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%
}

.qoo-content>.notification-container>.notification-bar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
    display: -moz-flex;
    display: flex;
    overflow: hidden;
    position: relative;
    flex-wrap: nowrap;
    white-space: nowrap;
    font-size: 12px;
    margin: 0 10px;
    color: #333;
    font-weight: 400
}

.qoo-content>.notification-container>.notification-bar>.notification-msg {
    position: relative;
    width: fit-content;
    padding-left: 40px
}

.qoo-content>.notification-container>.notification-bar>.notification-msg::before {
    content: "";
    display: inline-block;
    background-image: url(../img/store_index_notification.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%)
}

.qoo-content>.event-bar {
    position: relative;
    display: block;
    width: 100%;
    max-width: 1020px;
    height: auto;
    background-color: #9cceff;
    margin-top: 30px;
    color: #000;
    border-radius: 6px;
    overflow: hidden
}

.qoo-content>.event-bar>.info {
    position: relative;
    z-index: 2;
    display: inline-block;
    width: 55%;
    vertical-align: middle;
    padding: 0 30px;
    box-sizing: border-box
}

.qoo-content>.event-bar .title {
    display: block;
    font-size: 24px;
    line-height: 32px;
    color: #fff
}

.qoo-content>.event-bar .name {
    display: block;
    font-size: 18px;
    margin-top: 40px;
    color: #fff
}

.qoo-content>.event-bar>.banner {
    position: relative;
    width: 45%;
    display: inline-block;
    vertical-align: middle
}

.qoo-content>.event-bar>.banner:before {
    content: "";
    padding-top: 53%;
    display: inline-block
}

.qoo-content>.event-bar>.banner img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.qoo-content>.event-bar:before {
    content: "";
    z-index: 1;
    width: 100%;
    height: 100%;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
    background-image: inherit;
    pointer-events: none;
    background-image: linear-gradient(left, rgba(0, 0, 0, 0) 30%, currentColor 45%);
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 30%, currentColor 45%);
    background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 30%, currentColor 45%)
}

@media (max-width: 760px) {
    .qoo-content>.event-bar {
        background: 0 0 !important
    }

    .qoo-content>.event-bar:before {
        display: none
    }

    .qoo-content>.event-bar>.info {
        width: 100%;
        padding: 10px;
        background-color: currentColor
    }

    .qoo-content>.event-bar>.info .name {
        margin-top: 10px
    }

    .qoo-content>.event-bar>.banner {
        width: 100%
    }
}

.qoo-content>.tile-bar {
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    overflow: hidden;
    white-space: nowrap
}

.tile-bar>.qoo-app-item-detail {
    vertical-align: top;
    margin-top: 30px;
    margin-right: 10px;
    width: calc(50% - 5px)
}

@media (max-width: 1000px) {
    .tile-bar>.qoo-app-item-detail .item-cover {
        width: 100%;
        float: none;
        height: auto
    }

    .tile-bar>.qoo-app-item-detail .item-cover:before {
        content: "";
        padding-top: 50%;
        display: inline-block
    }

    .tile-bar>.qoo-app-item-detail .item-cover img {
        position: absolute;
        width: 100%;
        height: 100%
    }

    .qoo-app-item-detail .item-title {
        margin-top: 10px
    }
}

@media (max-width: 500px) {
    .qoo-content>.tile-bar {
        white-space: pre-line
    }

    .tile-bar>.qoo-app-item-detail {
        margin-top: 30px;
        margin-right: 0;
        width: 100%
    }
}

.qoo-content .grid-view {
    overflow: hidden;
    width: calc(100% + 14px);
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.qoo-content .grid-view .qoo-app-item-small-v {
    width: 116px;
    margin: 9px 14px 9px 0
}

@media (max-width: 1180px) {
    .qoo-content .grid-view .qoo-app-item-small-v {
        width: calc(12.5% - 14px)
    }
}

@media (max-width: 1000px) {
    .qoo-content .grid-view .qoo-app-item-small-v {
        width: calc(20% - 14px)
    }
}

@media (max-width: 640px) {
    .qoo-content .grid-view .qoo-app-item-small-v {
        width: calc(25% - 14px)
    }
}

@media (max-width: 540px) {
    .qoo-content .grid-view .qoo-app-item-small-v {
        width: calc(33% - 14px)
    }
}

@media (max-width: 400px) {
    .qoo-content .grid-view .qoo-app-item-small-v {
        width: calc(50% - 14px)
    }
}

.qoo-content .scroll-bar {
    position: relative;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    overflow-x: auto;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.qoo-content .scroll-bar.rich-scroll-bar {
    /*height: 290px;*/
    height: auto;
    padding-top: 10px;
    border-radius: 6px;
    padding-right: 10px;
    box-sizing: border-box;
    width: auto;
    max-width: 100%;
    display: inline-block;
    background-size: auto 100%;
    background-repeat: no-repeat;
    margin-top: 10px
}

.qoo-content .inner-title-scrollbar {
    display: inline-block;
    background-size: auto 100%;
    background-repeat: no-repeat;
    margin-top: 10px;
    border-radius: 6px;
    max-width: 100%;
}

.qoo-content .inner-title-scrollbar .title {
    display: block;
    font-size: 18px;
    color: #fff;
    padding-left: 254px;
    line-height: 22px;
    margin-top: 22px;
    margin-bottom: -44px;
    padding-right: 10px;
    font-weight: bolder;
    -webkit-text-stroke: 1px #f3ad34;
    text-shadow: 0 0 2px #f07401
}

.qoo-content .inner-title-scrollbar .scroll-bar.rich-scroll-bar {
    margin-top: 0
}

.qoo-content .scroll-bar.rich-scroll-bar:before {
    content: "";
    position: relative;
    display: inline-block;
    height: 100%;
    width: 254px;
    vertical-align: middle
}

@media (max-width: 600px) {
    .qoo-content .inner-title-scrollbar .title {
        padding-left: 156px
    }

    .qoo-content .scroll-bar.rich-scroll-bar:before {
        width: 156px
    }

    .qoo-content .inner-title-scrollbar,
    .qoo-content .scroll-bar.rich-scroll-bar {
        background-position-x: -40px
    }
}

.qoo-content .scroll-bar.rich-scroll-bar>.qoo-app-item-small-v {
    overflow: visible;
    vertical-align: middle;
    border: none !important;
    margin-right: 18px;
    margin-left: -4px
}

.qoo-content .scroll-bar.rich-scroll-bar>.qoo-app-item-small-v>.item-title {
    min-height: 36px
}

.qoo-content .scroll-bar.rich-scroll-bar>.qoo-app-item-small-v:first-of-type {
    margin-left: 0
}

.qoo-content .scroll-bar.rich-scroll-bar>.qoo-app-item-small-v:nth-of-type(7) {
    margin-right: 0
}

.qoo-content .scroll-bar.rich-scroll-bar>.qoo-app-item-small-v:nth-of-type(7)~.qoo-app-item-small-v {
    display: none
}

.qoo-content .scroll-bar.rich-scroll-bar>.qoo-app-item-small-v .item-bg {
    position: absolute;
    bottom: 0;
    left: 0;
    background-size: 100% auto;
    background-position: 0 0
}

.qoo-content .scroll-bar>:last-child,
.qoo-content .tile-bar>:last-child {
    margin-right: 0
}

.scroll-bar>.qoo-app-item-small-v {
    width: 150px;
    margin-top: 10px;
    margin-right: 18px;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -webkit-flex: 0 0 150px;
    -ms-flex: 0 0 150px;
    flex: 0 0 150px
}

.scroll-bar-9>.qoo-app-item-small-c,
.scroll-bar-9>.qoo-app-item-small-v {
    /*width: 116px;*/
    margin-top: 20px;
    margin-bottom: 10px;
    /*margin-right: 14px;*/
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -webkit-flex: 0 0 116px;
    -ms-flex: 0 0 116px;
    /*flex: 0 0 116px;*/
}

@media screen and (max-width: 768px){
    .scroll-bar-9>.qoo-app-item-small-c,
    .scroll-bar-9>.qoo-app-item-small-v {
        flex: 0 0 225px;
    }
}

@media screen and (min-width: 768px){
    .scroll-bar-9>.qoo-app-item-small-c,
    .scroll-bar-9>.qoo-app-item-small-v {
        flex: 0 0 300px;
    }
}

.scroll-bar-9>.qoo-app-item-small-c {
    width: 200px;
    border: 1px solid red;
}

.qoo-content>.qoo-subhead {
    margin-top: 20px;
}

.qoo-content>.qoo-search-bar {
    padding: 1.5rem 1rem;
    border-radius: 6px;
    background-color: #fff
}

.qoo-content>.feature-bar {
    position: relative;
    display: block;
    border-radius: 6px
}

.qoo-content>.feature-bar:before {
    content: "";
    padding-top: 40.614%;
    display: inline-block
}

.feature-bar.qoo-gallery-view .gallery-content>* {
    font-size: 1rem
}

.nonononono {
    display: none
}

.qoo-language-tip {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    margin-top: 4.4827586%;
    font-size: 32px;
    color: #fff
}

.qoo-language-tip>* {
    margin-left: 5.5172414%;
    margin-right: 5.5172414%;
    white-space: normal
}

.qoo-language-tip span {
    display: block;
    font-size: 1em;
    line-height: 1.75
}

.qoo-language-tip em {
    display: inline-block;
    margin-top: 3.1034483%;
    padding: 0 .75em;
    font-size: .75em;
    line-height: 1.84;
    color: #f2ab3f;
    border-radius: 4px;
    background: #fff
}

@media screen and (max-width: 760px) {
    .scroll-bar-9>.qoo-app-item-small-c,
    .scroll-bar-9>.qoo-app-item-small-v {
        /*width: 116px;*/
        width: 190px;
        margin-right: 14px;
    }
}

@media screen and (min-width: 760px) {
    .slideshow-container {
        height: 100%;
    }

    .qoo-content {
        padding: 2rem ;
    }

    .qoo-content .inner-title-scrollbar {
        width: 100%;
    }

    .scroll-bar-9>.qoo-app-item-small-c,
    .scroll-bar-9>.qoo-app-item-small-v {
        /*width: 150px;*/
        width: 225px;
        margin-right: 3rem;
    }

    .qoo-content .scroll-bar.rich-scroll-bar>.qoo-app-item-small-v{
        margin-right: 3rem;
    }

    .qoo-footer cite{
        font-size: 25px;
    }

    .qoo-footer a {
        font-size: 25px;
    }
}

.slideshow-container {
    position: relative;
    max-width: 100%;
    margin: auto;
    min-height: 300px;
}

.slides {
    /* display: none; */
    position: absolute;
    width: 100%;
    height: 100%;
}

.slide-image {
    width: 100%;
    height: auto;
    height: 100%;
}



.dots {
    text-align: center;
    padding: 10px 0;
    position: absolute;
    left: 50%;
    bottom: 10px;
    transform: translateX(-50%);
}

.dot {
    cursor: pointer;
    height: 15px;
    width: 15px;
    margin: 0 2px;
    background-color: #bbb;
    display: inline-block;
    border-radius: 50%;
    transition: background-color 0.3s ease;
}

.active,
.dot:hover {
    background-color: #717171;
}

.docs-detail.layout-container {
    padding: 0 1rem;
}

.layout-sidebar {
    display: none;
}