a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

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

body {
    line-height: 1
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: "";
    content: none
}

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

@media (min-width:600px) and (max-width:1200px) {
    .for-desktop {
        display: none!important
    }
}

@media (max-width:599px) {
    .for-desktop {
        display: none!important
    }
}

@media (min-width:1201px) {
    .for-tablet {
        display: none!important
    }
}

@media (max-width:599px) {
    .for-tablet {
        display: none!important
    }
}

@media (min-width:1201px) {
    .for-phone {
        display: none!important
    }
}

@media (min-width:600px) and (max-width:1200px) {
    .for-phone {
        display: none!important
    }
}

@media (min-width:1201px) {
    .for-tablet-and-phone {
        display: none!important
    }
}

#head #head-inner .logotype,
#head #head-inner .ten,
[data-modal=game-wheel] .modal-body .left .btn,
[data-modal=game-wheel] .modal-body .left .btn-disabled,
[data-modal=game-wheel] .modal-body .left .pin,
[data-modal=game-wheel] .modal-body .left .wheel {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%)
}

#article-inner .title:after,
#article-right .kline-button:before,
#article-right .kline-title:after,
#article-right .money-button:before,
#article-right .money-title:after,
#award-inner .title:after,
#evaluation-inner .title:after,
#event-inner .title:after,
#history-inner .title:after,
#market-inner .card .card-content .card-title:after,
#market-inner .card .card-inner,
#market-inner .title:after,
#other-inner #other-money .title:after,
#other-inner #other-right #other-media .title:after,
#other-inner #other-right #other-party .title:after,
#progress,
#thomson-inner .title:after,
.modal-main .modal-footer:before,
[data-modal=award-detail] .modal-body .title:after,
[data-modal=award-list] .modal-body .btn:before,
[data-modal=game-info] .right .title-date:after,
[data-modal=game-info] .right .title-reward:after,
[data-modal=game-play] .modal-body .title:after,
[data-modal=game-play] .modal-body label.custom-select,
[data-modal=game-steps] .modal-body .step-two label>.input-wrap,
[data-modal=game-steps] .modal-body .title-one:after,
[data-modal=game-steps] .modal-body .title-two:after,
[data-modal=game-wheel] .modal-body .right .right-wrapper .line,
[data-modal=team-award-list] .modal-body .title:after {
    background-image: linear-gradient(100deg, #e7dcaa, #b79c4d 30%, #a46f0a 60%, #e7dcaa 80%)
}

#article-inner .title:after,
#article-right .kline-title:after,
#article-right .money-title:after,
#award-inner .title:after,
#evaluation-inner .title:after,
#event-inner .title:after,
#history-inner .title:after,
#market-inner .card .card-content .card-title:after,
#market-inner .title:after,
#other-inner #other-money .title:after,
#other-inner #other-right #other-media .title:after,
#other-inner #other-right #other-party .title:after,
#thomson-inner .title:after,
.modal-main .modal-footer:before,
[data-modal=award-detail] .modal-body .title:after,
[data-modal=game-info] .right .title-date:after,
[data-modal=game-info] .right .title-reward:after,
[data-modal=game-play] .modal-body .title:after,
[data-modal=game-steps] .modal-body .title-one:after,
[data-modal=game-steps] .modal-body .title-two:after,
[data-modal=game-wheel] .modal-body .right .right-wrapper .line,
[data-modal=team-award-list] .modal-body .title:after {
    display: block;
    height: 1px;
    width: 100%
}

body,
html {
    margin: 0;
    position: relative;
    color: #fff;
    line-height: 2;
    font-weight: 200;
    font-family: PingFangTC-Light;
    font-size: 14px
}

body::-webkit-scrollbar,
html::-webkit-scrollbar {
    display: none
}

*,
:after,
:before {
    box-sizing: border-box
}

#article,
#award,
#evaluation,
#event,
#history,
#market,
#other,
#thomson {
    position: relative;
    width: 100%
}

#article-inner,
#award-inner,
#evaluation-inner,
#event-inner,
#history-inner,
#market-inner,
#other-inner,
#thomson-inner {
    padding: 64px 0;
    height: 100%;
    width: auto
}

@media (min-width:1201px) {
    #article-inner,
    #award-inner,
    #evaluation-inner,
    #event-inner,
    #history-inner,
    #market-inner,
    #other-inner,
    #thomson-inner {
        max-width: 1000px;
        margin: auto
    }
}

@media (min-width:600px) and (max-width:1200px) {
    #article-inner,
    #award-inner,
    #evaluation-inner,
    #event-inner,
    #history-inner,
    #market-inner,
    #other-inner,
    #thomson-inner {
        margin: 0 64px
    }
}

@media (max-width:599px) {
    #article-inner,
    #award-inner,
    #evaluation-inner,
    #event-inner,
    #history-inner,
    #market-inner,
    #other-inner,
    #thomson-inner {
        margin: 0 20px
    }
}

#market-inner .card,
.award-buttons-button,
.game-start-btn,
.modal-main .modal-close,
[data-modal=game-desc] .footer .next,
[data-modal=game-info] .right .start-btn,
[data-modal=game-play] .modal-body .footer .submit,
[data-modal=game-steps] .modal-body .submit button {
    transition: transform .2s
}

#market-inner .card:hover,
.award-buttons-button:hover,
.game-start-btn:hover,
.modal-main .modal-close:hover,
[data-modal=game-desc] .footer .next:hover,
[data-modal=game-info] .right .start-btn:hover,
[data-modal=game-play] .modal-body .footer .submit:hover,
[data-modal=game-steps] .modal-body .submit button:hover {
    transform: scale(1.01)
}

#market-inner .card:active,
.award-buttons-button:active,
.game-start-btn:active,
.modal-main .modal-close:active,
[data-modal=game-desc] .footer .next:active,
[data-modal=game-info] .right .start-btn:active,
[data-modal=game-play] .modal-body .footer .submit:active,
[data-modal=game-steps] .modal-body .submit button:active {
    transition: none;
    transform: scale(.99)
}

[data-modal=game-desc] .footer .cancel,
[data-modal=game-desc] .footer .next,
[data-modal=game-play] .modal-body .footer .submit,
[data-modal=game-steps] .modal-body .submit button {
    border: 0;
    outline: none;
    background: transparent;
    padding: 0
}

[data-modal=game-desc] .footer .cancel:active,
[data-modal=game-desc] .footer .cancel:focus,
[data-modal=game-desc] .footer .cancel:hover,
[data-modal=game-desc] .footer .next:active,
[data-modal=game-desc] .footer .next:focus,
[data-modal=game-desc] .footer .next:hover,
[data-modal=game-play] .modal-body .footer .submit:active,
[data-modal=game-play] .modal-body .footer .submit:focus,
[data-modal=game-play] .modal-body .footer .submit:hover,
[data-modal=game-steps] .modal-body .submit button:active,
[data-modal=game-steps] .modal-body .submit button:focus,
[data-modal=game-steps] .modal-body .submit button:hover {
    outline: none
}

#market-inner .card {
    box-shadow: 2px 2px 5px 1px #000
}

#article-right .kline-button,
#article-right .money-button,
[data-modal=award-list] .modal-body .btn {
    background-image: url(images/28cff35bf4efa9e4e9920d1caea8bae9-btn.png);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    display: block;
    height: 35px;
    width: 181px;
    text-align: center;
    line-height: 35px;
    cursor: pointer;
    font-size: 16px;
    color: #fff;
    text-decoration: none;
    display: inline-block;
    vertical-align: middle;
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    transition-property: color;
    transition-duration: .3s
}

#article-right .kline-button:before,
#article-right .money-button:before,
[data-modal=award-list] .modal-body .btn:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transform: scaleY(0);
    transform-origin: 50% 100%;
    transition-property: transform;
    transition-duration: .3s;
    transition-timing-function: ease-out
}

#article-right .kline-button:active,
#article-right .kline-button:focus,
#article-right .kline-button:hover,
#article-right .money-button:active,
#article-right .money-button:focus,
#article-right .money-button:hover,
[data-modal=award-list] .modal-body .btn:active,
[data-modal=award-list] .modal-body .btn:focus,
[data-modal=award-list] .modal-body .btn:hover {
    color: #fff
}

#article-right .kline-button:active:before,
#article-right .kline-button:focus:before,
#article-right .kline-button:hover:before,
#article-right .money-button:active:before,
#article-right .money-button:focus:before,
#article-right .money-button:hover:before,
[data-modal=award-list] .modal-body .btn:active:before,
[data-modal=award-list] .modal-body .btn:focus:before,
[data-modal=award-list] .modal-body .btn:hover:before {
    transform: scaleY(1)
}

#other-inner #other-money .content .content-desc::-webkit-scrollbar,
#thomson-left::-webkit-scrollbar,
.with-content .modal-main .modal-main-content .modal-body::-webkit-scrollbar,
[data-modal=alexander-darwall] .modal-main .modal-main-content .modal-body::-webkit-scrollbar,
[data-modal=award-detail] .modal-main .modal-main-content .modal-body::-webkit-scrollbar,
[data-modal=award-list] .modal-main .modal-main-content .modal-body::-webkit-scrollbar,
[data-modal=fuwau] .modal-main .modal-main-content .modal-body::-webkit-scrollbar,
[data-modal=cathay] .modal-main .modal-main-content .modal-body::-webkit-scrollbar,
[data-modal=fubon] .modal-main .modal-main-content .modal-body::-webkit-scrollbar,
[data-modal=team-award-list] .modal-main .modal-main-content .modal-body::-webkit-scrollbar {
    width: 3px;
    height: 3px
}

#other-inner #other-money .content .content-desc::-webkit-scrollbar-button,
#thomson-left::-webkit-scrollbar-button,
.with-content .modal-main .modal-main-content .modal-body::-webkit-scrollbar-button,
[data-modal=alexander-darwall] .modal-main .modal-main-content .modal-body::-webkit-scrollbar-button,
[data-modal=award-detail] .modal-main .modal-main-content .modal-body::-webkit-scrollbar-button,
[data-modal=award-list] .modal-main .modal-main-content .modal-body::-webkit-scrollbar-button,
[data-modal=fuwau] .modal-main .modal-main-content .modal-body::-webkit-scrollbar-button,
[data-modal=cathay] .modal-main .modal-main-content .modal-body::-webkit-scrollbar-button,
[data-modal=fubon] .modal-main .modal-main-content .modal-body::-webkit-scrollbar-button,
[data-modal=team-award-list] .modal-main .modal-main-content .modal-body::-webkit-scrollbar-button {
    width: 0;
    height: 0
}

#other-inner #other-money .content .content-desc::-webkit-scrollbar-thumb,
#thomson-left::-webkit-scrollbar-thumb,
.with-content .modal-main .modal-main-content .modal-body::-webkit-scrollbar-thumb,
[data-modal=alexander-darwall] .modal-main .modal-main-content .modal-body::-webkit-scrollbar-thumb,
[data-modal=award-detail] .modal-main .modal-main-content .modal-body::-webkit-scrollbar-thumb,
[data-modal=award-list] .modal-main .modal-main-content .modal-body::-webkit-scrollbar-thumb,
[data-modal=fuwau] .modal-main .modal-main-content .modal-body::-webkit-scrollbar-thumb,
[data-modal=cathay] .modal-main .modal-main-content .modal-body::-webkit-scrollbar-thumb,
[data-modal=franklin] .modal-main .modal-main-content .modal-body::-webkit-scrollbar-thumb,
[data-modal=fubon] .modal-main .modal-main-content .modal-body::-webkit-scrollbar-thumb,
[data-modal=team-award-list] .modal-main .modal-main-content .modal-body::-webkit-scrollbar-thumb {
    background: #88671b;
    border: 4px none #fff;
    border-radius: 50px
}

#other-inner #other-money .content .content-desc::-webkit-scrollbar-thumb:hover,
#thomson-left::-webkit-scrollbar-thumb:hover,
.with-content .modal-main .modal-main-content .modal-body::-webkit-scrollbar-thumb:hover,
[data-modal=alexander-darwall] .modal-main .modal-main-content .modal-body::-webkit-scrollbar-thumb:hover,
[data-modal=award-detail] .modal-main .modal-main-content .modal-body::-webkit-scrollbar-thumb:hover,
[data-modal=award-list] .modal-main .modal-main-content .modal-body::-webkit-scrollbar-thumb:hover,
[data-modal=fuwau] .modal-main .modal-main-content .modal-body::-webkit-scrollbar-thumb:hover,
[data-modal=cathay] .modal-main .modal-main-content .modal-body::-webkit-scrollbar-thumb:hover,
[data-modal=fubon] .modal-main .modal-main-content .modal-body::-webkit-scrollbar-thumb:hover,
[data-modal=team-award-list] .modal-main .modal-main-content .modal-body::-webkit-scrollbar-thumb:hover {
    background: #cf962d
}

#other-inner #other-money .content .content-desc::-webkit-scrollbar-thumb:active,
#thomson-left::-webkit-scrollbar-thumb:active,
.with-content .modal-main .modal-main-content .modal-body::-webkit-scrollbar-thumb:active,
[data-modal=alexander-darwall] .modal-main .modal-main-content .modal-body::-webkit-scrollbar-thumb:active,
[data-modal=award-detail] .modal-main .modal-main-content .modal-body::-webkit-scrollbar-thumb:active,
[data-modal=award-list] .modal-main .modal-main-content .modal-body::-webkit-scrollbar-thumb:active,
[data-modal=fuwau] .modal-main .modal-main-content .modal-body::-webkit-scrollbar-thumb:active,
[data-modal=cathay] .modal-main .modal-main-content .modal-body::-webkit-scrollbar-thumb:active,
[data-modal=fubon] .modal-main .modal-main-content .modal-body::-webkit-scrollbar-thumb:active,
[data-modal=team-award-list] .modal-main .modal-main-content .modal-body::-webkit-scrollbar-thumb:active {
    background: #b69038
}

#other-inner #other-money .content .content-desc::-webkit-scrollbar-track,
#thomson-left::-webkit-scrollbar-track,
.with-content .modal-main .modal-main-content .modal-body::-webkit-scrollbar-track,
[data-modal=alexander-darwall] .modal-main .modal-main-content .modal-body::-webkit-scrollbar-track,
[data-modal=award-detail] .modal-main .modal-main-content .modal-body::-webkit-scrollbar-track,
[data-modal=award-list] .modal-main .modal-main-content .modal-body::-webkit-scrollbar-track,
[data-modal=fuwau] .modal-main .modal-main-content .modal-body::-webkit-scrollbar-track,
[data-modal=cathay] .modal-main .modal-main-content .modal-body::-webkit-scrollbar-track,
[data-modal=fubon] .modal-main .modal-main-content .modal-body::-webkit-scrollbar-track,
[data-modal=team-award-list] .modal-main .modal-main-content .modal-body::-webkit-scrollbar-track {
    background: #262626;
    border: 4px none #fff;
    border-radius: 50px
}

#other-inner #other-money .content .content-desc::-webkit-scrollbar-track:active,
#other-inner #other-money .content .content-desc::-webkit-scrollbar-track:hover,
#thomson-left::-webkit-scrollbar-track:active,
#thomson-left::-webkit-scrollbar-track:hover,
.with-content .modal-main .modal-main-content .modal-body::-webkit-scrollbar-track:active,
.with-content .modal-main .modal-main-content .modal-body::-webkit-scrollbar-track:hover,
[data-modal=alexander-darwall] .modal-main .modal-main-content .modal-body::-webkit-scrollbar-track:active,
[data-modal=alexander-darwall] .modal-main .modal-main-content .modal-body::-webkit-scrollbar-track:hover,
[data-modal=award-detail] .modal-main .modal-main-content .modal-body::-webkit-scrollbar-track:active,
[data-modal=award-detail] .modal-main .modal-main-content .modal-body::-webkit-scrollbar-track:hover,
[data-modal=award-list] .modal-main .modal-main-content .modal-body::-webkit-scrollbar-track:active,
[data-modal=award-list] .modal-main .modal-main-content .modal-body::-webkit-scrollbar-track:hover,
[data-modal=fuwau] .modal-main .modal-main-content .modal-body::-webkit-scrollbar-track:active,
[data-modal=fuwau] .modal-main .modal-main-content .modal-body::-webkit-scrollbar-track:hover,
[data-modal=cathay] .modal-main .modal-main-content .modal-body::-webkit-scrollbar-track:active,
[data-modal=cathay] .modal-main .modal-main-content .modal-body::-webkit-scrollbar-track:hover,
[data-modal=fubon] .modal-main .modal-main-content .modal-body::-webkit-scrollbar-track:active,
[data-modal=fubon] .modal-main .modal-main-content .modal-body::-webkit-scrollbar-track:hover,
[data-modal=team-award-list] .modal-main .modal-main-content .modal-body::-webkit-scrollbar-track:active,
[data-modal=team-award-list] .modal-main .modal-main-content .modal-body::-webkit-scrollbar-track:hover {
    background: #262626
}

#other-inner #other-money .content .content-desc::-webkit-scrollbar-corner,
#thomson-left::-webkit-scrollbar-corner,
.with-content .modal-main .modal-main-content .modal-body::-webkit-scrollbar-corner,
[data-modal=alexander-darwall] .modal-main .modal-main-content .modal-body::-webkit-scrollbar-corner,
[data-modal=award-detail] .modal-main .modal-main-content .modal-body::-webkit-scrollbar-corner,
[data-modal=award-list] .modal-main .modal-main-content .modal-body::-webkit-scrollbar-corner,
[data-modal=fuwau] .modal-main .modal-main-content .modal-body::-webkit-scrollbar-corner,
[data-modal=cathay] .modal-main .modal-main-content .modal-body::-webkit-scrollbar-corner,
[data-modal=fubon] .modal-main .modal-main-content .modal-body::-webkit-scrollbar-corner,
[data-modal=team-award-list] .modal-main .modal-main-content .modal-body::-webkit-scrollbar-corner {
    background: transparent
}

#other-inner #other-money .content .content-desc,
#thomson-left,
.with-content .modal-main .modal-main-content .modal-body,
[data-modal=alexander-darwall] .modal-main .modal-main-content .modal-body,
[data-modal=fuwau] .modal-main .modal-main-content .modal-body,
[data-modal=cathay] .modal-main .modal-main-content .modal-body,
[data-modal=fubon] .modal-main .modal-main-content .modal-body
  {
    padding-right: 15px;
    padding-bottom: 40px;
    overflow-y: scroll;
    font-size: 14px
}

#other-inner #other-money .content .content-desc h3,
#thomson-left h3,
.with-content .modal-main .modal-main-content .modal-body h3,
[data-modal=alexander-darwall] .modal-main .modal-main-content .modal-body h3,
[data-modal=fuwau] .modal-main .modal-main-content .modal-body h3,
[data-modal=cathay] .modal-main .modal-main-content .modal-body h3,
[data-modal=fubon] .modal-main .modal-main-content .modal-body h3
 {
    color: #e7dcaa;
    font-size: 16px
}

#other-inner #other-money .content .content-desc h2,
#thomson-left h2,
.with-content .modal-main .modal-main-content .modal-body h2,
[data-modal=alexander-darwall] .modal-main .modal-main-content .modal-body h2,
[data-modal=fuwau] .modal-main .modal-main-content .modal-body h2,
[data-modal=cathay] .modal-main .modal-main-content .modal-body h2,
[data-modal=fubon] .modal-main .modal-main-content .modal-body h2
{
    color: #e7dcaa;
    font-size: 24px
}

[data-modal=game-steps] .modal-body .step-two label>.input-wrap input {
    margin: 0;
    border: 0;
    padding: 0;
    display: inline-block;
    vertical-align: middle;
    white-space: normal;
    background: none;
    line-height: 1
}

#nav {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999
}

#nav .logo {
    margin: 0 40px;
    padding-top: 10px
}

#nav .logo>img {
    width: 287px;
    height: 41px
}

#nav #progress {
    display: none
}

#nav.not-on-top {
    background-color: rgba(0, 0, 0, .5)
}

#nav.not-on-top #progress {
    display: block
}

#head {
    position: absolute;
    display: flex;
    height: 200vh;
    width: 100vw;
    z-index: 999
}

#head #head-inner {
    background-color: #141414;
    background-image: url(images/35dfd4dfb9bb6a76c62dd4adc79d2a2c-bg_kv@2x.png);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    position: relative;
    height: 100vh;
    width: 100vw;
    overflow: hidden
}

#head #head-inner .logotype,
#head #head-inner .ten {
    max-width: 800px;
    width: 80vw
}

@media (min-width:1201px) {
    #head #head-inner .ten {
        top: 75%
    }
}

@media (min-width:600px) and (max-width:1200px) {
    #head #head-inner .ten {
        top: 62%
    }
}

@media (max-width:599px) {
    #head #head-inner .ten {
        top: 58%
    }
}

.game-start-btn {
    cursor: pointer;
    width: 140px;
    height: 140px;
    position: fixed;
    bottom: 20px;
    right: 20px
}

@media (max-width:599px) {
    .game-start-btn {
        width: 100px;
        height: 100px
    }
}

#evaluation {
    min-height: 100vh
}

@media (min-width:1201px) {
    #evaluation {
        background-image: url(images/deb7e220b2846480f0df2c5de1b22cbf-img_bg_logo@2x.png), url(images/623bf94fdc20fe162688b033254f77b7-img_bg_pingxuanbiaozhun@2x.png), url(images/fe959e4e03e19ca7a1e877bc3a0027df-img_bg_huodongshunkuan@2x.png);
        background-repeat: no-repeat, no-repeat, no-repeat;
        background-position: right -104px bottom 15px, 0 0, 50%;
        background-size: 545px, 600px, cover
    }
}

@media (min-width:600px) and (max-width:1200px) {
    #evaluation {
        background-image: url(images/deb7e220b2846480f0df2c5de1b22cbf-img_bg_logo@2x.png), url(images/623bf94fdc20fe162688b033254f77b7-img_bg_pingxuanbiaozhun@2x.png), url(images/fe959e4e03e19ca7a1e877bc3a0027df-img_bg_huodongshunkuan@2x.png);
        background-repeat: no-repeat, no-repeat, no-repeat;
        background-position: right -76px bottom 172px, 0 0, 50%;
        background-size: 400px, 600px, cover
    }
}

@media (max-width:599px) {
    #evaluation {
        background-image: url(images/deb7e220b2846480f0df2c5de1b22cbf-img_bg_logo@2x.png);
        background-repeat: no-repeat, no-repeat, no-repeat;
        background-position: right -58px bottom 59px;
        background-size: 300px
    }
}

#evaluation-inner {
    z-index: 9999
}

#evaluation-inner .title {
    overflow: hidden;
    text-indent: 101%;
    white-space: nowrap;
    color: transparent;
    position: relative;
    background-image: url(images/52ed09eda11668d0a46f1cbd57e55199-img_title_pingxuanbiaozhun@2x.png);
    background-position: -6px 0;
    height: 48px;
    background-size: auto 48px;
    background-repeat: no-repeat;
    margin-bottom: 40px
}

#evaluation-inner .title:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0
}

#evaluation-inner .content {
    font-size: 16px;
    line-height: 3;
    margin-top: -10px;
    padding-right: 165px
}

@media (min-width:1201px) {
    #evaluation-inner {
        padding-right: 360px
    }
    #evaluation-inner .content {
        font-size: 16px;
        padding-right: 165px
    }
}

@media (min-width:600px) and (max-width:1200px) {
    #evaluation-inner .content {
        font-size: 16px;
        padding-right: 165px
    }
}

@media (max-width:599px) {
    #evaluation-inner .content {
        font-size: 14px;
        padding-right: 80px
    }
}

#award {
    min-height: 400px
}

@media (min-width:1201px) {
    #award {
        background-image: url(images/8f7264816987f6e81c888daec60a66ad-bg_star@2x.png);
        background-repeat: no-repeat;
        background-position: 50%;
        background-size: cover
    }
}

@media (min-width:600px) and (max-width:1200px) {
    #award {
        background-image: url(images/8f7264816987f6e81c888daec60a66ad-bg_star@2x.png);
        background-repeat: no-repeat;
        background-position: 50%;
        background-size: cover
    }
}

#award-inner .title {
    overflow: hidden;
    text-indent: 101%;
    white-space: nowrap;
    color: transparent;
    position: relative;
    background-image: url(images/fe9b1e1815772191dbdfab73b7dc985f-img_title_dejianmingdan@2x.png);
    background-position: -6px 0;
    height: 48px;
    background-size: auto 48px;
    background-repeat: no-repeat;
    margin-bottom: 40px
}

#award-inner .title:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0
}

#award-inner .ababy {
    text-align: center;
    margin-bottom: 50px
}

#award-inner .ababy img {
    max-width: 100%;
    width: 443px
}

.award-buttons {
    display: flex
}

@media (min-width:1201px) {
    .award-buttons {
        width: 100%;
        margin-bottom: 72px
    }
}

@media (min-width:600px) and (max-width:1200px) {
    .award-buttons {
        width: auto;
        margin: 0 64px;
        flex-wrap: wrap
    }
}

@media (max-width:599px) {
    .award-buttons {
        width: 100%;
        flex-wrap: wrap
    }
}

.award-buttons-button {
    cursor: pointer
}

.award-buttons-button>img {
    max-width: 100%
}

@media (min-width:1201px) {
    .award-buttons-button {
        flex: 1
    }
    .award-buttons-button:last-child {
        margin-left: 30px
    }
}

@media (min-width:600px) and (max-width:1200px) {
    .award-buttons-button {
        width: 100%;
        margin-bottom: 28px
    }
}

@media (max-width:599px) {
    .award-buttons-button {
        width: 100%;
        margin-bottom: 28px
    }
}

.award-ad .owl-dots {
    text-align: center
}

.award-ad .owl-dot {
    display: inline-block;
    margin: 20px 3px
}

.award-ad .owl-dot span {
    display: block;
    cursor: pointer;
    width: 8px;
    height: 8px;
    background-color: #aaa;
    border-radius: 50%
}

.award-ad .owl-dot.active span {
    background-color: #ffd361
}

.award-ad-item {
    width: 100%
}

@media (min-width:600px) and (max-width:1200px) {
    .award-ad-item {
        display: flex;
        flex-direction: column
    }
    .award-ad-item>img {
        margin-bottom: 8px
    }
}

@media (max-width:599px) {
    .award-ad-item {
        display: flex;
        flex-direction: column
    }
    .award-ad-item>img {
        margin-bottom: 8px
    }
}

.award-ad-item>img {
    max-width: 100%
}

[data-modal=award-detail] .modal-main .modal-main-content,
[data-modal=award-list] .modal-main .modal-main-content,
[data-modal=team-award-list] .modal-main .modal-main-content {
    display: flex;
    padding-bottom: 60px
}

[data-modal=award-detail] .modal-main .modal-main-content .modal-body,
[data-modal=award-list] .modal-main .modal-main-content .modal-body,
[data-modal=team-award-list] .modal-main .modal-main-content .modal-body {
    overflow-y: auto;
    flex: 1;
    margin-bottom: 0
}

@media (max-width:599px) {
    [data-modal=award-detail] .modal-main .modal-main-content,
    [data-modal=award-list] .modal-main .modal-main-content,
    [data-modal=team-award-list] .modal-main .modal-main-content {
        padding: 20px 20px 60px;
        display: flex
    }
    [data-modal=award-detail] .modal-main .modal-main-content .modal-body,
    [data-modal=award-list] .modal-main .modal-main-content .modal-body,
    [data-modal=team-award-list] .modal-main .modal-main-content .modal-body {
        overflow-y: auto;
        flex: 1;
        margin-bottom: 0
    }
    [data-modal=award-detail] .modal-main .modal-main-content .modal-footer,
    [data-modal=award-list] .modal-main .modal-main-content .modal-footer,
    [data-modal=team-award-list] .modal-main .modal-main-content .modal-footer {
        left: 20px;
        right: 20px
    }
}

[data-modal=award-list] .modal-body {
    display: flex;
    margin-bottom: 30px;
    flex-wrap: wrap
}

[data-modal=award-list] .modal-body .btn {
    flex: 0 0 23%;
    margin: 0 1%;
    margin-bottom: 10px;
    background-size: 100% 100%;
    font-size: 14px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 0 10px
}

@media (max-width:599px) {
    [data-modal=award-list] .modal-body .btn {
        flex: 0 0 48%
    }
}

[data-modal=award-detail] .modal-body a {
    color: #fff
}

[data-modal=award-detail] .modal-body .title {
    margin-bottom: 28px;
    line-height: 29px
}

[data-modal=award-detail] .modal-body .title .prev {
    display: inline-block;
    background-image: url(images/5749b4c82ea65836b3161417f6dd4937-btn_preview@2x.png);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    cursor: pointer;
    float: left;
    width: 23px;
    height: 23px;
    margin: 3px 12px 0 3px
}

[data-modal=award-detail] .modal-body .title img.category {
    height: 29px
}

[data-modal=award-detail] .modal-body .title:after {
    content: "";
    display: block
}

[data-modal=award-detail] .modal-body .info {
    display: flex;
    font-size: 24px;
    line-height: 1.6;
    color: #fff;
    height: 100px
}

@media (max-width:599px) {
    [data-modal=award-detail] .modal-body .info {
        font-size: 16px;
        height: 100px
    }
}

[data-modal=award-detail] .modal-body .info .left {
    margin-right: 28px;
    font-weight: 700
}

[data-modal=award-detail] .modal-body .info .right {
    flex: 1
}

[data-modal=team-award-list] .modal-body {
    margin-bottom: 40px
}

[data-modal=team-award-list] .modal-body .title {
    margin-bottom: 10px;
    line-height: 24px
}

[data-modal=team-award-list] .modal-body .title img.category {
    height: 24px
}

[data-modal=team-award-list] .modal-body .title:after {
    content: "";
    display: block
}

[data-modal=team-award-list] .modal-body .company {
    font-size: 18px;
    margin-bottom: 20px
}

#market {
    min-height: inherit
}

#market-inner .title {
    overflow: hidden;
    text-indent: 101%;
    white-space: nowrap;
    color: transparent;
    position: relative;
    background-image: url(images/9aaccbaa3badcc2b0f51e44108ae8678-img_title_shichunqushi@2x.png);
    background-position: -6px 0;
    height: 48px;
    background-size: auto 48px;
    background-repeat: no-repeat;
    margin-bottom: 40px
}

#market-inner .title:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0
}

#market-inner .content {
    display: flex;
    margin-bottom: 50px
}

@media (min-width:1201px) {
    #market-inner .content {
        padding: 0 35px;
        justify-content: center
    }
    #market-inner .content .card {
        margin-right: 30px
    }
}

@media (min-width:600px) and (max-width:1200px) {
    #market-inner .content {
        padding: 0;
        justify-content: center
    }
    #market-inner .content .card {
        margin-right: 30px
    }
}

@media (max-width:599px) {
    #market-inner .content {
        flex-direction: column;
        padding: 0;
        margin-bottom: 0;
        align-items: center
    }
    #market-inner .content .card {
        flex: 0 0 375px;
        width: 290px;
        margin-bottom: 30px
    }
}

#market-inner .card {
    cursor: pointer;
    display: flex;
    flex: 0 0 290px;
    height: 375px;
    background-image: linear-gradient(100deg, #363636, #161616);
    color: #fff;
    font-size: 14px;
    line-height: 24px
}

#market-inner .card:last-child {
    margin-right: 0
}

#market-inner .card .card-inner {
    display: flex;
    flex: 1;
    margin: 5px
}

#market-inner .card .card-content {
    display: block;
    flex: 1;
    margin: 1px;
    padding: 6px;
    background-image: linear-gradient(100deg, #262626, #191919 80%, #161616)
}

#market-inner .card .card-content>img {
    display: block;
    max-width: 100%
}

#market-inner .card .card-content .card-title {
    position: relative;
    margin: 12px 0
}

#market-inner .card .card-content .card-title:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0
}

#market-inner .navigation {
    display: flex;
    justify-content: center
}

#market-inner .navigation .arrow {
    width: 22px;
    height: 22px;
    cursor: pointer
}

#market-inner .navigation ul.pages {
    list-style: none;
    margin: 0 12px
}

#market-inner .navigation ul.pages li {
    display: inline-block;
    line-height: 22px;
    min-width: 12px;
    color: #f8bc2b;
    cursor: pointer;
    margin: 0 4px;
    text-align: center
}

#market-inner .navigation ul.pages li.active,
#market-inner .navigation ul.pages li:hover {
    border-bottom: 1px solid
}

@media (min-width:600px) and (max-width:1200px) {
    #history .content {
        flex-direction: column
    }
    #history .content #history-left {
        width: 100%
    }
    #history .content #history-left .years {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 30px
    }
    #history .content #history-left .year {
        flex: 0 0 11%;
        background-position: 50%;
        height: 50px
    }
    #history .content #history-right .photo {
        flex: 0 0 30%;
        margin: 0 6px;
        margin-bottom: 12px
    }
}

@media (max-width:599px) {
    #history .content {
        flex-direction: column
    }
    #history .content #history-left {
        width: 100%
    }
    #history .content #history-left .years {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 30px
    }
    #history .content #history-left .year {
        flex: 0 0 20%;
        background-position: 50%;
        height: 50px
    }
    #history .content #history-right .album .photo {
        flex: 0 0 46%;
        margin: 0 3px;
        margin-bottom: 6px
    }
}

#history-inner .title {
    overflow: hidden;
    text-indent: 101%;
    white-space: nowrap;
    color: transparent;
    position: relative;
    background-image: url(images/621bbb02a2a916c6326694ff012829fc-img_title_linianjishi@2x.png);
    background-position: -6px 0;
    height: 48px;
    background-size: auto 48px;
    background-repeat: no-repeat;
    margin-bottom: 40px
}

#history-inner .title:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0
}

#history-inner .content {
    display: flex
}

#history-left {
    width: 235px
}

#history-left .years {
    margin-top: -20px
}

#history-left .years .year {
    overflow: hidden;
    text-indent: 101%;
    white-space: nowrap;
    color: transparent;
    display: block;
    height: 54px;
    width: 100%;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: 0;
    background-size: 37px 14px
}

#history-left .years .year:hover {
    background-size: 37px 14px
}

#history-left .years .year.active {
    height: 66px;
    background-size: 62px 26px
}

#history-left .years .year-2009 {
    background-image: url(images/6a89ade7d80ff8d401d060aeb2c7d76f-btn_2009@2x.png)
}

#history-left .years .year-2009:hover {
    background-image: url(images/8ce6666a69addf1728da1b62d94da642-btn_mouseover_2009@2x.png)
}

#history-left .years .year-2009.active {
    background-image: url(images/a67907feddeb0511ce63df2ac81bee72-btn_clicked_2009@2x.png)
}

#history-left .years .year-2010 {
    background-image: url(images/af1213d1102a3369f5b24f64da84ff3e-btn_2010@2x.png)
}

#history-left .years .year-2010:hover {
    background-image: url(images/11ad37c957ae2a573d2b706cb9bb15d8-btn_mouseover_2010@2x.png)
}

#history-left .years .year-2010.active {
    background-image: url(images/1c8d38cb4876f5256e1bbe3ab05b515a-btn_clicked_2010@2x.png)
}

#history-left .years .year-2011 {
    background-image: url(images/96c7205abccee58241ca79cc1919bad0-btn_2011@2x.png)
}

#history-left .years .year-2011:hover {
    background-image: url(images/4964ab31f31600f61691ae55d06b6601-btn_mouseover_2011@2x.png)
}

#history-left .years .year-2011.active {
    background-image: url(images/d6a67d2349b3e24f5201c3e408055a6b-btn_clicked_2011@2x.png)
}

#history-left .years .year-2012 {
    background-image: url(images/f2dce098c3d8c9582f5a0800b77ff7bd-btn_2012@2x.png)
}

#history-left .years .year-2012:hover {
    background-image: url(images/258eb915f5f26b656077fd15cce50137-btn_mouseover_2012@2x.png)
}

#history-left .years .year-2012.active {
    background-image: url(images/149358f04b8d2c5e1e6e311993882476-btn_clicked_2012@2x.png)
}

#history-left .years .year-2013 {
    background-image: url(images/2e93439530707e514aa1251dee542db0-btn_2013@2x.png)
}

#history-left .years .year-2013:hover {
    background-image: url(images/1c879193e1b813c74b3f6f39e035c640-btn_mouseover_2013@2x.png)
}

#history-left .years .year-2013.active {
    background-image: url(images/3f253b1c1e79fc4ae40af25b5f5ef895-btn_clicked_2013@2x.png)
}

#history-left .years .year-2014 {
    background-image: url(images/eca4faf942e0a98254277953e230795e-btn_2014@2x.png)
}

#history-left .years .year-2014:hover {
    background-image: url(images/46782852f11686a69d474f2180826f1c-btn_mouseover_2014@2x.png)
}

#history-left .years .year-2014.active {
    background-image: url(images/d477ca1ddcbb6f5e4db829337a614145-btn_clicked_2014@2x.png)
}

#history-left .years .year-2015 {
    background-image: url(images/3e9ef745022e39cf9cc8aac886465703-btn_2015@2x.png)
}

#history-left .years .year-2015:hover {
    background-image: url(images/43110871f7582d14c15add6aede5e39f-btn_mouseover_2015@2x.png)
}

#history-left .years .year-2015.active {
    background-image: url(images/da1935e4d3a375f3fbac08e8e56059d1-btn_clicked_2015@2x.png)
}

#history-left .years .year-2016 {
    background-image: url(images/694c0a557fbc85695d5ee080b88b5fef-btn_2016@2x.png)
}

#history-left .years .year-2016:hover {
    background-image: url(images/661e04bd1c0988cc31401529fa0d6400-btn_mouseover_2016@2x.png)
}

#history-left .years .year-2016.active {
    background-image: url(images/66f7d34d2659f3016a0c71f689d9af4a-btn_clicked_2016@2x.png)
}

#history-left .years .year-2017 {
    background-image: url(images/e10fae8ad7b354ad329a523b54a1fb02-btn_2017@2x.png)
}

#history-left .years .year-2017:hover {
    background-image: url(images/cbfebd2e5c644340b38be5da5997e260-btn_mouseover_2017@2x.png)
}

#history-left .years .year-2017.active {
    background-image: url(images/20fa06a246e0c2210b7fd3499b2c624a-btn_clicked_2017@2x.png)
}

#history-right {
    position: relative;
    flex: 1
}

#history-right .album {
    display: none;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-right: -6px;
    opacity: 0;
    transition: opacity .8s;
    justify-content: flex-start
}

#history-right .album.active {
    z-index: 999;
    opacity: 1
}

#history-right .photo {
    position: relative;
    flex: 0 0 243px;
    margin: 0 6px;
    margin-bottom: 12px;
    background-color: #345
}

#history-right .photo>img {
    display: block;
    max-width: 100%
}

#article {
    min-height: 100vh
}

@media (min-width:1201px) {
    #article {
        background-image: url(images/97e26f3a0e4f477903c6560eacbf661a-img_bg_2018jijinjianteji_left@2x.png), url(images/1b065333947bd29419549419af1beb4d-img_bg_2018jijinjianteji_rigjt@2x.png);
        background-repeat: no-repeat, no-repeat, no-repeat;
        background-position: 0 100%, 100% 0;
        background-size: 660px 320px, 803px 315px
    }
}

@media (min-width:600px) and (max-width:1200px) {
    #article {
        background-image: url(images/97e26f3a0e4f477903c6560eacbf661a-img_bg_2018jijinjianteji_left@2x.png), url(images/1b065333947bd29419549419af1beb4d-img_bg_2018jijinjianteji_rigjt@2x.png);
        background-repeat: no-repeat, no-repeat, no-repeat;
        background-position: 0 100%, 100% 0;
        background-size: 660px 320px, 803px 315px
    }
}

#article-inner .title {
    overflow: hidden;
    text-indent: 101%;
    white-space: nowrap;
    color: transparent;
    position: relative;
    background-image: url(images/618da8651ac165efe7d26e3cac8d24ba-img_title_2018jijinjianteji@2x.png);
    background-position: -6px 0;
    height: 48px;
    background-size: auto 48px;
    background-repeat: no-repeat;
    margin-bottom: 40px
}

#article-inner .title:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0
}

@media (min-width:1201px) {
    #article-inner #article-left {
        float: left;
        height: 423px;
        width: 323px
    }
}

@media (min-width:600px) and (max-width:1200px) {
    #article-inner .content {
        width: 400px;
        margin: auto
    }
    #article-inner .content #article-left {
        margin-right: 0;
        margin-bottom: 20px;
        text-align: center;
        height: auto;
        width: auto
    }
    #article-inner .content #article-left>img {
        max-width: 80%
    }
}

@media (max-width:599px) {
    #article-inner .content #article-left {
        margin-right: 0;
        margin-bottom: 20px;
        text-align: center;
        height: auto;
        width: auto
    }
    #article-inner .content #article-left>img {
        max-width: 80%
    }
}

#article-left {
    display: block;
    margin-right: 32px;
    overflow: hidden
}

#article-left>img {
    max-width: 100%
}

#article-right {
    flex: 1
}

#article-right .kline,
#article-right .money {
    margin-bottom: 27px
}

#article-right .kline-content,
#article-right .money-content {
    font-size: 14px;
    line-height: 1.8;
    color: #fff;
    margin-bottom: 20px
}

@media (min-width:600px) and (max-width:1200px) {
    #article-right .kline-button,
    #article-right .money-button {
        position: relative;
        left: 50%;
        transform: translateX(-50%)
    }
}

@media (max-width:599px) {
    #article-right .kline-button,
    #article-right .money-button {
        position: relative;
        left: 50%;
        transform: translateX(-50%)
    }
}

#article-right .money-title {
    overflow: hidden;
    text-indent: 101%;
    white-space: nowrap;
    color: transparent;
    position: relative;
    background-image: url(images/61bc39212e811daf7adcb2362ef38f24-img_title_moneyapril@2x.png);
    background-position: -6px 0;
    height: 48px;
    background-size: auto 48px;
    background-repeat: no-repeat;
    background-position: left 0 bottom -10px;
    margin-bottom: 20px;
    height: 32px;
    background-size: auto 32px
}

#article-right .money-title:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0
}

@media (min-width:600px) and (max-width:1200px) {
    #article-right .money-title {
        background-position: 50%
    }
}

@media (max-width:599px) {
    #article-right .money-title {
        background-position: 50%
    }
}

#article-right .kline-title {
    overflow: hidden;
    text-indent: 101%;
    white-space: nowrap;
    color: transparent;
    position: relative;
    background-image: url(images/08abb6e7c80a162533d31e5be7ac9d36-img_title_a_babe@2x.png);
    background-position: -6px 0;
    height: 48px;
    background-size: auto 48px;
    background-repeat: no-repeat;
    background-size: auto 32px;
    height: 32px;
    background-position: 50%;
    margin-bottom: 20px
}

#article-right .kline-title:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0
}

@media (min-width:1201px) {
    #article-right .kline-title {
        background-position: left 70px bottom -6px;
        height: 80px
    }
}

@media (max-width:1200px) {
    #article-right .kline-title {
        height: 170px;
        background-position: bottom
    }
}

#article-right .kline-logo {
    border-radius: 10%
}

@media (min-width:1201px) {
    #article-right .kline-logo {
        display: inline-block;
        float: left;
        width: 60px;
        height: 60px;
        margin: 10px 10px 10px 0
    }
}

@media (max-width:1200px) {
    #article-right .kline-logo {
        display: block;
        width: 120px;
        height: 120px;
        margin: auto;
        margin-bottom: 40px
    }
}

@media (max-width:1200px) {
    #article-right .kline .kline-content-download,
    #article-right .kline .kline-content-qr {
        display: none
    }
}

#article-right .kline .kline-content,
#article-right .kline .kline-content-left {
    overflow: hidden
}

#article-right .kline .kline-content-download,
#article-right .kline .kline-content-qr {
    float: right
}

#article-right .kline .kline-content-qr {
    width: 62px;
    height: 62px;
    margin-left: 42px
}

#article-right .kline .kline-content-qr>img {
    width: 100%;
    height: 100%
}

#article-right .kline .kline-content-download {
    margin-top: 4px;
    margin-left: 6px
}

#article-right .kline .kline-content-download>a {
    display: block
}

#event {
    min-height: 300px
}

@media (min-width:1201px) {
    #event {
        background-image: url(images/fe959e4e03e19ca7a1e877bc3a0027df-img_bg_huodongshunkuan@2x.png);
        background-repeat: no-repeat;
        background-position: 50%;
        background-size: cover
    }
}

@media (min-width:600px) and (max-width:1200px) {
    #event {
        background-image: url(images/fe959e4e03e19ca7a1e877bc3a0027df-img_bg_huodongshunkuan@2x.png);
        background-repeat: no-repeat;
        background-position: 50%;
        background-size: cover
    }
}

#event-inner .title {
    overflow: hidden;
    text-indent: 101%;
    white-space: nowrap;
    color: transparent;
    position: relative;
    background-image: url(images/c18109a5645dee90ca0a282c63e9f0f6-img_title_huodonshunkuan@2x.png);
    background-position: -6px 0;
    height: 48px;
    background-size: auto 48px;
    background-repeat: no-repeat;
    margin-bottom: 40px
}

#event-inner .title:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0
}

#event-inner .content {
    display: flex
}

#thomson {
    min-height: 300px
}

#thomson-inner .title {
    overflow: hidden;
    text-indent: 101%;
    white-space: nowrap;
    color: transparent;
    position: relative;
    background-image: url(images/ee833e2409da879c9e4886ab06917eb3-img_title_aboutThomson@2x.png);
    background-position: -6px 0;
    height: 48px;
    background-size: auto 48px;
    background-repeat: no-repeat;
    height: 98px;
    background-size: auto 98px;
    margin-bottom: 40px
}

#thomson-inner .title:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0
}

#thomson-inner .content {
    display: flex
}

@media (max-width:1200px) {
    #thomson-inner .content {
        flex-direction: column-reverse
    }
}

#thomson-left {
    float: left;
    width: 235px;
    margin-right: 32px;
    line-height: 2;
    height: 375px
}

@media (max-width:1200px) {
    #thomson-left {
        height: 235px;
        width: auto;
        margin-right: 0;
        margin-top: 30px
    }
}

@media (min-width:1201px) {
    #thomson-right>iframe {
        width: 740px;
        height: 385px
    }
}

@media (min-width:1201px) {
    #other {
        background-image: url(images/fc4a64b24970ae55ea9d4d107114b3f4-img_bg_about\ money@2x.png);
        background-repeat: no-repeat;
        background-position: 100% 100%;
        background-size: 627px 404px
    }
}

@media (min-width:600px) and (max-width:1200px) {
    #other {
        background-image: url(images/fc4a64b24970ae55ea9d4d107114b3f4-img_bg_about\ money@2x.png);
        background-repeat: no-repeat;
        background-position: 100% 100%;
        background-size: 627px 404px
    }
}

#other-inner {
    display: flex;
    z-index: 9999
}

@media (max-width:1200px) {
    #other-inner,
    #other-inner #other-money,
    #other-inner #other-right {
        display: block
    }
}

#other-inner #other-money {
    flex: 0 0 600px;
    margin-right: 70px
}

@media (max-width:1200px) {
    #other-inner #other-money {
        display: block;
        margin-right: 0
    }
}

#other-inner #other-money .title {
    overflow: hidden;
    text-indent: 101%;
    white-space: nowrap;
    color: transparent;
    position: relative;
    background-image: url(images/68b4b4b859f7f073b3c349fe4d67cec9-img_title_about\ money@2x.png);
    background-position: -6px 0;
    height: 48px;
    background-size: auto 48px;
    background-repeat: no-repeat;
    margin-bottom: 40px
}

#other-inner #other-money .title:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 585px
}

#other-inner #other-money .content {
    display: flex;
    justify-content: center
}

@media (min-width:1201px) {
    #other-inner #other-money .content .content-image {
        margin-right: 30px
    }
}

@media (max-width:1200px) {
    #other-inner #other-money .content {
        display: block
    }
    #other-inner #other-money .content .content-image {
        display: block;
        width: 60%;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 10px
    }
    #other-inner #other-money .content .content-desc {
        display: block;
        margin-bottom: 80px
    }
}

#other-inner #other-money .content .content-image {
    flex: 1
}

#other-inner #other-money .content .content-image img {
    max-width: 100%
}

#other-inner #other-money .content .content-desc {
    flex: 1;
    height: 400px
}

#other-inner #other-right {
    flex: 1
}

#other-inner #other-right #other-party {
    margin-bottom: 80px
}

#other-inner #other-right #other-party .title {
    overflow: hidden;
    text-indent: 101%;
    white-space: nowrap;
    color: transparent;
    position: relative;
    background-image: url(images/3966d65e7a8428ebc62191fadfea3cd1-img_title_zhubandanwei.png);
    background-position: -6px 0;
    height: 48px;
    background-size: auto 48px;
    background-repeat: no-repeat;
    margin-bottom: 20px
}

#other-inner #other-right #other-party .title:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0
}

#other-inner #other-right #other-media {
    margin-bottom: 80px
}

#other-inner #other-right #other-media .title {
    overflow: hidden;
    text-indent: 101%;
    white-space: nowrap;
    color: transparent;
    position: relative;
    background-image: url(images/a22453176a605c7c4a558b7e82d5b7d4-img_title_xiebanmeiti@2x.png);
    background-position: -6px 0;
    height: 48px;
    background-size: auto 48px;
    background-repeat: no-repeat;
    margin-bottom: 20px
}

#other-inner #other-right #other-media .title:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0
}

#other-inner #other-right .media-logos,
#other-inner #other-right .party-logos {
    display: flex
}

#other-inner #other-right .media-logos .party-image,
#other-inner #other-right .party-logos .party-image {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 30px
}

#other-inner #other-right .media-logos .party-image:last-child,
#other-inner #other-right .party-logos .party-image:last-child {
    margin-right: 0
}

#other-inner #other-right .media-logos .party-image>img,
#other-inner #other-right .party-logos .party-image>img {
    max-width: 100%
}

#other-inner #other-right .media-logos .media-image,
#other-inner #other-right .party-logos .media-image {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-right: 20px
}

#other-inner #other-right .media-logos .media-image:last-child,
#other-inner #other-right .party-logos .media-image:last-child {
    margin-right: 0
}

#other-inner #other-right .media-logos .media-image>img,
#other-inner #other-right .party-logos .media-image>img {
    max-width: 100%
}

#footer {
    display: block;
    width: 100%;
    text-align: center;
    background: #191919;
    color: #999;
    height: 80px;
    line-height: 80px;
    font-size: 12px;
    box-shadow: 0 0 8px 2px #000
}

.modal {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .5);
    padding: 12px;
    justify-content: center;
    align-items: center
}

.modal.active {
    display: flex;
    z-index: 99999
}

.modal-main {
    display: flex;
    background-image: linear-gradient(100deg, #363636, #161616);
    width: 950px;
    max-height: 96%
}

.modal-main .modal-main-inner {
    display: flex;
    flex: 1;
    margin: 5px;
    background-image: linear-gradient(100deg, #e7dcaa, #b79c4d 30%, #a46f0a 60%, #e7dcaa 80%)
}

.modal-main .modal-main-content {
    position: relative;
    display: block;
    flex: 1;
    margin: 1px;
    padding: 4px;
    background-image: linear-gradient(100deg, #262626, #161616);
    padding: 60px 65px
}

.modal-main .modal-footer {
    position: absolute;
    bottom: 0;
    left: 65px;
    right: 65px;
    color: #777;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 16px;
    cursor: pointer
}

.modal-main .modal-footer:before {
    content: "";
    display: block
}

.modal-main .modal-footer:hover {
    color: #fff
}

.modal-main .modal-close {
    background-image: url(images/6c702707ff451ef0beaa02861cd906c2-btn_game_closewindow@2x.png);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    position: absolute;
    top: 5px;
    right: 5px;
    width: 20px;
    height: 20px;
    line-height: 30px;
    cursor: pointer
}

.with-content .modal-main .modal-main-content,
[data-modal=alexander-darwall] .modal-main .modal-main-content,
[data-modal=fuwau] .modal-main .modal-main-content,
[data-modal=cathay] .modal-main .modal-main-content,
[data-modal=fubon] .modal-main .modal-main-content
 {
    display: flex
}

.with-content .modal-main .modal-main-content .modal-body,
[data-modal=alexander-darwall] .modal-main .modal-main-content .modal-body,
[data-modal=fuwau] .modal-main .modal-main-content .modal-body,
[data-modal=cathay] .modal-main .modal-main-content .modal-body,
[data-modal=fubon] .modal-main .modal-main-content .modal-body {
    overflow-y: auto;
    flex: 1
}

.with-content .modal-main .modal-main-content .modal-body ul,
[data-modal=alexander-darwall] .modal-main .modal-main-content .modal-body ul,
[data-modal=fuwau] .modal-main .modal-main-content .modal-body ul,
[data-modal=cathay] .modal-main .modal-main-content .modal-body ul,
[data-modal=fubon] .modal-main .modal-main-content .modal-body ul  {
    list-style: initial;
    min-width: 200px;
    padding-left: 20px
}

.with-content .modal-main .modal-main-content .modal-body .small,
.with-content .modal-main .modal-main-content .modal-body small,
[data-modal=alexander-darwall] .modal-main .modal-main-content .modal-body .small,
[data-modal=alexander-darwall] .modal-main .modal-main-content .modal-body small,
[data-modal=fuwau] .modal-main .modal-main-content .modal-body .small,
[data-modal=fuwau] .modal-main .modal-main-content .modal-body small,
[data-modal=cathay] .modal-main .modal-main-content .modal-body .small,
[data-modal=cathay] .modal-main .modal-main-content .modal-body small,
[data-modal=fubon] .modal-main .modal-main-content .modal-body .small,
[data-modal=fubon] .modal-main .modal-main-content .modal-body small   {
    font-size: 12px
}

.with-content .modal-main .modal-main-content .modal-body p,
[data-modal=alexander-darwall] .modal-main .modal-main-content .modal-body p,
[data-modal=fuwau] .modal-main .modal-main-content .modal-body p,
[data-modal=cathay] .modal-main .modal-main-content .modal-body p,
[data-modal=fubon] .modal-main .modal-main-content .modal-body p  {
    margin-bottom: 14px
}

.with-content .modal-main .modal-main-content .modal-body table,
[data-modal=alexander-darwall] .modal-main .modal-main-content .modal-body table,
[data-modal=fuwau] .modal-main .modal-main-content .modal-body table,
[data-modal=cathay] .modal-main .modal-main-content .modal-body table,
[data-modal=fubon] .modal-main .modal-main-content .modal-body table  {
    display: block;
    width: 100%;
    margin-bottom: 14px
}

.with-content .modal-main .modal-main-content .modal-body tbody,
.with-content .modal-main .modal-main-content .modal-body thead,
[data-modal=alexander-darwall] .modal-main .modal-main-content .modal-body tbody,
[data-modal=alexander-darwall] .modal-main .modal-main-content .modal-body thead,
[data-modal=fuwau] .modal-main .modal-main-content .modal-body tbody,
[data-modal=fuwau] .modal-main .modal-main-content .modal-body thead,
[data-modal=cathay] .modal-main .modal-main-content .modal-body tbody,
[data-modal=cathay] .modal-main .modal-main-content .modal-body thead,
[data-modal=fubon] .modal-main .modal-main-content .modal-body tbody,
[data-modal=fubon] .modal-main .modal-main-content .modal-body thead {
    width: 100%;
    display: block
}

.with-content .modal-main .modal-main-content .modal-body tr,
[data-modal=alexander-darwall] .modal-main .modal-main-content .modal-body tr,
[data-modal=fuwau] .modal-main .modal-main-content .modal-body tr,
[data-modal=cathay] .modal-main .modal-main-content .modal-body tr,
[data-modal=fubon] .modal-main .modal-main-content .modal-body tr  {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.with-content .modal-main .modal-main-content .modal-body td,
.with-content .modal-main .modal-main-content .modal-body th,
[data-modal=alexander-darwall] .modal-main .modal-main-content .modal-body td,
[data-modal=alexander-darwall] .modal-main .modal-main-content .modal-body th,
[data-modal=fuwau] .modal-main .modal-main-content .modal-body td,
[data-modal=fuwau] .modal-main .modal-main-content .modal-body th,
[data-modal=cathay] .modal-main .modal-main-content .modal-body td,
[data-modal=cathay] .modal-main .modal-main-content .modal-body th,
[data-modal=fubon] .modal-main .modal-main-content .modal-body td,
[data-modal=fubon] .modal-main .modal-main-content .modal-body th   {
    flex-grow: 1;
    width: 11%;
    overflow: hidden
}

.with-content .modal-main .modal-main-content .modal-body table,
.with-content .modal-main .modal-main-content .modal-body td,
.with-content .modal-main .modal-main-content .modal-body th,
.with-content .modal-main .modal-main-content .modal-body tr,
[data-modal=alexander-darwall] .modal-main .modal-main-content .modal-body table,
[data-modal=alexander-darwall] .modal-main .modal-main-content .modal-body td,
[data-modal=alexander-darwall] .modal-main .modal-main-content .modal-body th,
[data-modal=alexander-darwall] .modal-main .modal-main-content .modal-body tr,
[data-modal=fuwau] .modal-main .modal-main-content .modal-body table,
[data-modal=fuwau] .modal-main .modal-main-content .modal-body td,
[data-modal=fuwau] .modal-main .modal-main-content .modal-body th,
[data-modal=fuwau] .modal-main .modal-main-content .modal-body tr,
[data-modal=cathay] .modal-main .modal-main-content .modal-body table,
[data-modal=cathay] .modal-main .modal-main-content .modal-body td,
[data-modal=cathay] .modal-main .modal-main-content .modal-body th,
[data-modal=cathay] .modal-main .modal-main-content .modal-body tr,
[data-modal=fubon] .modal-main .modal-main-content .modal-body table,
[data-modal=fubon] .modal-main .modal-main-content .modal-body td,
[data-modal=fubon] .modal-main .modal-main-content .modal-body th,
[data-modal=fubon] .modal-main .modal-main-content .modal-body tr  {
    border: 1px solid #fff;
    border-collapse: collapse;
    font-size: 12px
}

.with-content .modal-main .modal-main-content .modal-body table td,
.with-content .modal-main .modal-main-content .modal-body td td,
.with-content .modal-main .modal-main-content .modal-body th td,
.with-content .modal-main .modal-main-content .modal-body tr td,
[data-modal=alexander-darwall] .modal-main .modal-main-content .modal-body table td,
[data-modal=alexander-darwall] .modal-main .modal-main-content .modal-body td td,
[data-modal=alexander-darwall] .modal-main .modal-main-content .modal-body th td,
[data-modal=alexander-darwall] .modal-main .modal-main-content .modal-body tr td,
[data-modal=fuwau] .modal-main .modal-main-content .modal-body table td,
[data-modal=fuwau] .modal-main .modal-main-content .modal-body td td,
[data-modal=fuwau] .modal-main .modal-main-content .modal-body th td,
[data-modal=fuwau] .modal-main .modal-main-content .modal-body tr td,
[data-modal=cathay] .modal-main .modal-main-content .modal-body table td,
[data-modal=cathay] .modal-main .modal-main-content .modal-body td td,
[data-modal=cathay] .modal-main .modal-main-content .modal-body th td,
[data-modal=cathay] .modal-main .modal-main-content .modal-body tr td,
[data-modal=fubon] .modal-main .modal-main-content .modal-body table td,
[data-modal=fubon] .modal-main .modal-main-content .modal-body td td,
[data-modal=fubon] .modal-main .modal-main-content .modal-body th td,
[data-modal=fubon] .modal-main .modal-main-content .modal-body tr td  {
    text-align: left;
    padding: 0 8px;
    text-align: center
}

.with-content .modal-main .modal-main-content .modal-body a,
[data-modal=alexander-darwall] .modal-main .modal-main-content .modal-body a,
[data-modal=fuwau] .modal-main .modal-main-content .modal-body a,
[data-modal=cathay] .modal-main .modal-main-content .modal-body a,
[data-modal=fubon] .modal-main .modal-main-content .modal-body a
 {
    color: #fff
}

@media (max-width:599px) {
    .with-content .modal-main .modal-main-content,
    [data-modal=alexander-darwall] .modal-main .modal-main-content,
    [data-modal=fuwau] .modal-main .modal-main-content,
    [data-modal=cathay] .modal-main .modal-main-content,
    [data-modal=fubon] .modal-main .modal-main-content {
        padding: 20px 20px 60px;
        display: flex
    }
    .with-content .modal-main .modal-main-content .modal-body,
    [data-modal=alexander-darwall] .modal-main .modal-main-content .modal-body,
    [data-modal=fuwau] .modal-main .modal-main-content .modal-body,
    [data-modal=cathay] .modal-main .modal-main-content .modal-body, 
    [data-modal=fubon] .modal-main .modal-main-content .modal-body {
        overflow-y: auto;
        flex: 1;
        margin-bottom: 0
    }
    .with-content .modal-main .modal-main-content .modal-footer,
    [data-modal=alexander-darwall] .modal-main .modal-main-content .modal-footer,
    [data-modal=fuwau] .modal-main .modal-main-content .modal-footer,
    [data-modal=cathay] .modal-main .modal-main-content .modal-footer, 
    [data-modal=fubon] .modal-main .modal-main-content .modal-footer 

     {
        left: 20px;
        right: 20px
    }
}

[data-modal=game-play] .modal-body label.custom-select {
    position: relative;
    display: flex
}

[data-modal=game-play] .modal-body label.custom-select select {
    flex: 1;
    margin: 1px;
    display: inline-block;
    border: none;
    padding: 0 10px;
    font: inherit;
    outline: none;
    background: #141414;
    color: #fff;
    -webkit-appearance: none;
    border-radius: 0;
    line-height: 28px
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    [data-modal=game-play] .modal-body label.custom-select select {
        padding-right: 30px
    }
}

[data-modal=game-play] .modal-body label.custom-select select:focus {
    box-shadow: none
}

[data-modal=game-play] .modal-body label.custom-select:after {
    content: "\25BC";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    font-size: 60%;
    line-height: 30px;
    padding: 0 7px;
    background: transparent;
    color: #ede3c9;
    pointer-events: none
}

[data-modal^=game] .modal-main-content {
    padding: 40px 40px 0;
    color: #f9f5eb
}

@media (max-width:599px) {
    [data-modal^=game] .modal-main-content {
        padding: 20px 20px 0
    }
}

[data-modal^=game] .game-footer {
    color: #999;
    border-top: 1px solid #999;
    margin-bottom: 14px
}

[data-modal=game-info] .modal-body {
    display: flex;
    margin-bottom: 30px
}

@media (max-width:599px) {
    [data-modal=game-info] .modal-body {
        display: block;
        font-size: 12px;
        line-height: 2;
        margin-bottom: 20px
    }
}

@media (max-width:599px) {
    [data-modal=game-info] .game-footer {
        font-size: 12px;
        line-height: 1.4;
        padding: 5px
    }
}

[data-modal=game-info] .left {
    flex: 1;
    margin-right: 30px;
    display: flex;
    align-items: center
}

[data-modal=game-info] .left>img {
    max-width: 100%
}

@media (max-width:599px) {
    [data-modal=game-info] .left {
        align-items: flex-start;
        margin-right: 0;
        margin-top: 0;
        padding: 0 60px
    }
}

[data-modal=game-info] .right {
    flex: 1
}

@media (max-width:599px) {
    [data-modal=game-info] .right {
        margin-top: -40px
    }
}

[data-modal=game-info] .right .title-reward {
    overflow: hidden;
    text-indent: 101%;
    white-space: nowrap;
    color: transparent;
    position: relative;
    height: 10px;
    background-position: left bottom -5px;
    background-size: auto 32px;
    background-repeat: no-repeat
}

[data-modal=game-info] .right .title-reward:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0
}

[data-modal=game-info] .right .title-date {
    overflow: hidden;
    text-indent: 101%;
    white-space: nowrap;
    color: transparent;
    position: relative;
    height: 38px;
    background-image: url(images/90a8caa7507b21c4766d636703335890-img_game_title_date@2x.png);
    background-position: left bottom -5px;
    background-size: auto 32px;
    background-repeat: no-repeat
}

[data-modal=game-info] .right .title-date:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0
}

[data-modal=game-info] .right .start-btn {
    background-image: url(images/a541ee57c5f4482f56c8cbd4def9703c-btn_game_startgame@2x.png);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    display: inline-block;
    cursor: pointer;
    height: 30px;
    width: 182px;
    margin-top: 20px
}

@media (max-width:599px) {
    [data-modal=game-desc] .modal-main-content {
        display: flex
    }
}

@media (max-width:599px) {
    [data-modal=game-desc] .modal-body {
        overflow-y: scroll;
        flex: 1;
        margin-bottom: 60px
    }
}

[data-modal=game-desc] .footer {
    line-height: 60px;
    height: 60px;
    float: right
}

@media (max-width:599px) {
    [data-modal=game-desc] .footer {
        position: absolute;
        width: 100%;
        bottom: 0;
        left: 0;
        right: 0;
        text-align: right;
        padding-right: 20px
    }
}

[data-modal=game-desc] .footer .cancel {
    color: #fff;
    text-decoration: underline;
    cursor: pointer;
    margin-right: 30px
}

[data-modal=game-desc] .footer .next {
    overflow: hidden;
    text-indent: 101%;
    white-space: nowrap;
    color: transparent;
    background-image: url(images/a541ee57c5f4482f56c8cbd4def9703c-btn_game_startgame@2x.png);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    display: inline-block;
    cursor: pointer;
    height: 30px;
    width: 182px;
    background-color: transparent;
    border: none
}

[data-modal=game-wheel] .modal-body {
    display: flex;
    margin-bottom: 30px
}

@media (max-width:599px) {
    [data-modal=game-wheel] .modal-body {
        display: flex;
        flex-direction: column-reverse
    }
}

[data-modal=game-wheel] .modal-body .left {
    flex: 1.5;
    margin-right: 30px;
    display: flex;
    align-items: center;
    padding-bottom: 80px;
    justify-content: center;
    text-align: center;
    position: relative;
    min-height: 400px
}

#head #head-inner [data-modal=game-wheel] .modal-body .left .logotype,
#head #head-inner [data-modal=game-wheel] .modal-body .left .ten,
[data-modal=game-wheel] .modal-body .left #head #head-inner .logotype,
[data-modal=game-wheel] .modal-body .left #head #head-inner .ten,
[data-modal=game-wheel] .modal-body .left .btn,
[data-modal=game-wheel] .modal-body .left .btn-disabled,
[data-modal=game-wheel] .modal-body .left .pin,
[data-modal=game-wheel] .modal-body .left .wheel {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%)
}

[data-modal=game-wheel] .modal-body .left .wheel {
    display: block;
    max-width: 278px;
    margin-top: -50px;
    border-radius: 50%;
    box-shadow: 0 0 10px 5px #000
}

[data-modal=game-wheel] .modal-body .left .pin {
    display: block;
    max-width: 38px;
    margin-top: 83px
}

[data-modal=game-wheel] .modal-body .left .btn {
    display: block;
    max-width: 104px;
    margin-top: 140px;
    transition: transform .2s;
    cursor: pointer
}

[data-modal=game-wheel] .modal-body .left .btn:hover {
    transform: scale(1.01) translateY(-50%) translateX(-50%)
}

[data-modal=game-wheel] .modal-body .left .btn:active {
    transition: none;
    transform: scale(.98) translateY(-50%) translateX(-50%)
}

[data-modal=game-wheel] .modal-body .left .btn-disabled {
    display: block;
    max-width: 104px;
    margin-top: 140px;
    transition: none;
    cursor: not-allowed
}

[data-modal=game-wheel] .modal-body .left .btn-disabled:hover {
    transform: translateY(-50%) translateX(-50%)
}

[data-modal=game-wheel] .modal-body .left .btn-disabled:active {
    transition: none;
    transform: translateY(-50%) translateX(-50%)
}

@media (max-width:599px) {
    [data-modal=game-wheel] .modal-body .left {
        align-items: flex-start;
        margin-right: 0;
        margin-top: -20px
    }
}

[data-modal=game-wheel] .modal-body .right {
    flex: 1;
    display: flex;
    justify-content: center;
    text-align: center;
    align-items: center
}

[data-modal=game-wheel] .modal-body .right .right-wrapper {
    margin-top: -30px
}

[data-modal=game-wheel] .modal-body .right .right-wrapper img.who-win {
    max-width: 295px
}

[data-modal=game-wheel] .modal-body .right .right-wrapper img.press-wheel {
    max-width: 227px;
    margin-top: 10px
}

@media (max-width:599px) {
    [data-modal=game-wheel] .modal-body .right .right-wrapper {
        margin-top: 0
    }
    [data-modal=game-wheel] .modal-body .right .right-wrapper .line,
    [data-modal=game-wheel] .modal-body .right .right-wrapper img.who-win {
        display: none
    }
}

[data-modal=game-play] .modal-body .title {
    overflow: hidden;
    text-indent: 101%;
    white-space: nowrap;
    color: transparent;
    position: relative;
    height: 38px;
    background-image: url(images/bcd4e46084cf7fb639f9c561afdd5600-img_game_title_question@2x.png);
    background-position: left bottom -5px;
    background-size: auto 32px;
    background-repeat: no-repeat;
    margin-bottom: 27px
}

[data-modal=game-play] .modal-body .title:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0
}

[data-modal=game-play] .modal-body .group {
    margin-bottom: 40px
}

[data-modal=game-play] .modal-body .group:last-child {
    margin-bottom: 70px
}

[data-modal=game-play] .modal-body .footer .submit {
    overflow: hidden;
    text-indent: 101%;
    white-space: nowrap;
    color: transparent;
    background-image: url(images/9bf4f9e0cf1d40f112232b8a503b4360-btn_game_submit@2x.png);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    display: inline-block;
    cursor: pointer;
    height: 30px;
    width: 182px;
    background-color: transparent;
    border: none;
    margin-bottom: 20px;
    float: right
}

[data-modal=game-steps] .modal-body .title-one {
    overflow: hidden;
    text-indent: 101%;
    white-space: nowrap;
    color: transparent;
    position: relative;
    height: 38px;
    background-image: url(images/3de1b90154f0c945ada6582486c5a5ef-img_game_title_step1@2x.png);
    background-position: left bottom -5px;
    background-size: auto 32px;
    background-repeat: no-repeat;
    margin-bottom: 14px
}

[data-modal=game-steps] .modal-body .title-one:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0
}

[data-modal=game-steps] .modal-body .title-two {
    overflow: hidden;
    text-indent: 101%;
    white-space: nowrap;
    color: transparent;
    position: relative;
    height: 38px;
    background-image: url(images/d5e389ff9c96e6231a82e64f5cd71c2a-img_game_title_step2@2x.png);
    background-position: left bottom -5px;
    background-size: auto 32px;
    background-repeat: no-repeat;
    margin-bottom: 14px
}

[data-modal=game-steps] .modal-body .title-two:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0
}

[data-modal=game-steps] .modal-body .step-one .qrcode {
    width: 100px;
    height: 100px;
    float: left;
    margin-right: 15px
}

[data-modal=game-steps] .modal-body .step-one .qrdesc {
    display: flex;
    height: 100px;
    align-items: flex-end
}

[data-modal=game-steps] .modal-body .step-two .wrap {
    display: flex
}

@media (max-width:599px) {
    [data-modal=game-steps] .modal-body .step-two .wrap {
        display: block
    }
}

[data-modal=game-steps] .modal-body .step-two .wrap label {
    flex: 1
}

[data-modal=game-steps] .modal-body .step-two .wrap label+label {
    margin-left: 30px
}

@media (max-width:599px) {
    [data-modal=game-steps] .modal-body .step-two .wrap label+label {
        margin-left: 0
    }
}

[data-modal=game-steps] .modal-body .step-two label {
    display: flex;
    margin-bottom: 15px
}

[data-modal=game-steps] .modal-body .step-two label>span {
    flex: 0 0 60px
}

[data-modal=game-steps] .modal-body .step-two label>.input-wrap {
    flex: 1;
    display: flex
}

[data-modal=game-steps] .modal-body .step-two label>.input-wrap input {
    margin: 1px;
    flex: 1;
    line-height: 28px;
    background-color: #141414;
    padding: 0 10px;
    color: #fff
}

[data-modal=game-steps] .modal-body .step-two label>.input-wrap input:focus {
    outline: none
}

[data-modal=game-steps] .modal-body .submit {
    text-align: center;
    margin: 15px 0
}

[data-modal=game-steps] .modal-body .submit button {
    overflow: hidden;
    text-indent: 101%;
    white-space: nowrap;
    color: transparent;
    background-image: url(images/a37516b61ad1ebe458dd2a979605c6b1-btn_game_send@2x.png);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    display: inline-block;
    cursor: pointer;
    height: 30px;
    width: 182px;
    background-color: transparent;
    border: none;
    margin-bottom: 20px
}

[data-modal=game-end] .modal-body .wrap {
    margin-top: 35px;
    display: flex;
    flex-direction: column;
    align-items: center
}

[data-modal=game-end] .modal-body .wrap .wheel {
    display: block;
    width: 308px;
    margin-bottom: 40px
}

[data-modal=game-end] .modal-body .wrap .goodluck {
    display: block;
    width: 215px;
    margin-bottom: 40px
}

#main {
    position: absolute;
    top: 100vh;
    background: #141414;
    background-size: 40px 60px;
    width: 100%
}

#main.fix-on-top {
    position: fixed!important;
    top: 0
}

#progress {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    z-index: 3000
}

#progress .inner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #888
}

.scene {
    padding: 0 24px
}

.videoWrapper {
    position: relative;
    padding-bottom: 52.3%;
    height: 0
}

.videoWrapper embed,
.videoWrapper iframe,
.videoWrapper object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.hide {
    display: none!important
}

.mb-30 {
    margin-bottom: 30px
}

.mt-30 {
    maring-top: 30px
}

.mb-20 {
    margin-bottom: 20px
}

.mt-20 {
    maring-top: 20px
}

.tc {
    text-align: center
}