game-sdk/public/static/web/css/index.min.css

/*! normalize.css v6.0.0 | MIT License | github.com/necolas/normalize.css */
@import 'swiper.css';

html {
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}
img:hover {
    filter: Alpha(opacity=0);
}
article, aside, footer, header, nav, section {
    display: block
}

h1 {
    font-size: 2em;
    margin: 0.67em 0
}

figcaption, figure, main {
    display: block
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-size: 1em
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b, strong {
    font-weight: inherit
}

b, strong {
    font-weight: bolder
}

code, kbd, samp {
    font-size: 1em
}

dfn {
    font-style: italic
}

mark {
    background-color: #FFFF00;
    color: #000000
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -0.25em
}

sup {
    top: -0.5em
}

audio, video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

img {
    border-style: none
}

svg:not(:root) {
    overflow: hidden
}

button, input, optgroup, select, textarea {
    margin: 0
}

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

button, html [type="button"], [type="reset"], [type="submit"] {
    -webkit-appearance: button
}

button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0
}

button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    display: inline-block;
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type="checkbox"], [type="radio"] {
    box-sizing: border-box;
    padding: 0
}

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
    height: auto
}

[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details, menu {
    display: block
}

summary {
    display: list-item
}

canvas {
    display: inline-block
}

template {
    display: none
}

[hidden] {
    display: none
}

html, body, h1, h2, h3, h4, h5, h6, hr, p, iframe, dl, dt, dd, ul, ol, li, pre, form, button, input, textarea, th, td, fieldset, div, a {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    border: none
}

address, cite, dfn, em, b, i, u, s {
    font-weight: normal;
    font-style: normal
}

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

a {
    text-decoration: none;
    color: inherit
}

body {
    background-color: #F4F4E6;
    font-family: Tahoma,"Hiragino Sans GB","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif!important;
    font-size: 14px;
    color: #666666;
    line-height: 1;
    min-width: 1080px
}

button {
    outline: none;
    cursor: pointer
}

.clearfix:before {
    clear: both;
    content: '';
    display: table
}

.clearfix:after {
    clear: both;
    content: '';
    display: table
}

.container {
    margin: 0 auto;
    width: 1080px
}

.float_left {
    float: left
}

.float_right {
    float: right
}

.text__highlight {
    color: #FF7D27
}

.text__primary {
    color: #333333
}

.icon_cricle {
    background-color: #999999;
    border-radius: 50%;
    width: 4px;
    height: 4px !important;
    display: inline-block;
    vertical-align: middle
}

.btn-default {
    background-color: #FAFAFA;
    border: 1px solid #EEEEEE;
    color: #666666;
    display: inline-block;
    font-size: 12px;
    height: 36px;
    line-height: 36px
}

.btn-lg {
    padding: 0 40px
}

.btn-md {
    padding: 0 24px;
    height: 32px;
    line-height: 32px
}

.btn_icon {
    margin-right: 2px;
    vertical-align: -1px
}

.more-link {
    color: #666666;
    font-size: 14px
}

.separators {
    margin-left: 18px;
    margin-right: 18px;
    display: inline-block
}

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

a:hover {
    color: #FF9933
}

.u-Dialog {
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.u-Dialog_nav {
    display: flex;
    padding-top: 15px;
    width: 100%;
    height: 55px;
    background: #FF9900;
    display: -webkit-flex;
    justify-content: center;
    position: relative
}

.u-Dialog_nav ul {
    overflow: hidden
}

.u-Dialog_nav ul li {
    height: 40px;
    cursor: pointer;
    font-weight: 600;
    line-height: 40px;
    padding: 0 25px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    color: #FFFFFF;
    background: #FF9900;
    float: left
}

.u-Dialog_nav ul .active {
    color: #000000;
    background: #FFFFFF
}

.u-Dialog_nav .close {
    width: 19px;
    height: 19px;
    padding-top: 8px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    right: 10px;
    cursor: pointer
}

.u-Dialog_cnt {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border: 1px solid #CCCCCC;
    background: #FFFFFF;
    border-top: none
}

.u-Dialog_cnt > div {
    display: none
}

.u-Dialog_cnt .js-active {
    display: block
}

.u-Dialog__login {
    width: 360px;
    padding: 25px 66px 20px 66px
}

.u-Dialog__login .js-login {
    margin-top: 10px;
    margin-bottom: 10px;
    width: 120px !important
}

.u-Dialog__login .forget {
    position: absolute;
    right: 20px;
    text-decoration: underline;
    bottom: 15px;
    font-size: 14px;
    color: #999999
}

.u-Dialog__sign {
    padding: 25px 66px 20px 66px
}

.u-Dialog__verify {
    padding: 0 27px;
    width: 360px
}

.u-Dialog__verify p {
    padding-top: 20px;
    color: #CCCCCC;
    margin-bottom: 20px;
    line-height: 1.21em;
    font-size: 14px
}

.u-Dialog__exchange {
    width: 496px;
    padding: 40px 30px 20px 30px
}

.u-Dialog__pay {
    width: 895px;
    padding: 15px 0px 20px 50px
}

.u-Dialog__pay .Textprompt {
    color: #999999;
    font-size: 14px
}

.u-Dialog__pay .pay_Group {
    height: 60px;
    display: flex;
    display: -webkit-flex;
    align-items: center
}

.u-Dialog__pay .pay_Group > span {
    font-size: 14px;
    color: #000000
}

.u-Dialog__pay .pay_Group > span b {
    color: #FF9900
}

.u-Dialog__pay .pay_Group label {
    width: 75px
}

.u-Dialog__pay .pay_Group input[type=text] {
    width: 238px;
    height: 35px;
    border: 1px solid #CCCCCC;
    text-align: center;
    color: #CCCCCC;
    margin-right: 30px
}

.u-Dialog__pay .pay_Group .radios {
    display: inline-block;
    overflow: hidden;
    display: flex;
    display: -webkit-flex;
    align-items: center
}

.u-Dialog__pay .pay_Group .radios span {
    width: 100px;
    float: left;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    overflow: hidden
}

.u-Dialog__pay .pay_Group .radios span input[type=radio] {
    float: left;
    margin-right: 5px
}

.u-Dialog__pay .pay_Group .radios span b {
    float: left;
    height: 20px;
    line-height: 21px
}

.u-Dialog__pay .pay_Group .radios .alipay {
    width: 120px
}

.u-Dialog__pay .pay_Group .radios .alipay img {
    margin-left: 8px;
    width: 81px
}

.u-Dialog__pay .pay_Group .radios .wechatpay {
    width: 170px
}

.u-Dialog__pay .pay_Group .radios .wechatpay img {
    margin-left: 8px;
    width: 136px
}

.u-Dialog__Success {
    width: 400px;
    height: 200px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid transparent;
    background: #FFFFFF
}

.u-Dialog__Success .flexBox {
    width: 100%;
    height: 100%;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: column
}

.u-Dialog__Success .Top {
    text-align: center;
    display: flex;
    justify-content: center;
    display: -webkit-flex;
    align-items: center;
    height: 80px;
    width: 100%
}

.u-Dialog__Success .Top img {
    width: 54px;
    margin-right: 20px
}

.u-Dialog__Success .Top span {
    margin-top: 5px;
    font-size: 22px;
    color: #000000
}

.u-Dialog__Success .money {
    width: 100%;
    font-weight: 400;
    font-size: 30px;
    margin-top: 10px;
    color: #FF9900;
    text-align: center
}

.u-Dialog__resetBind {
    padding: 20px 40px;
    width: 496px
}

.u-Dialog__resetBind p {
    font-size: 14px
}

.u-Dialog__resetBind h3 {
    color: #666666;
    font-weight: 400;
    margin: 30px 0;
    text-align: center
}

.u-Dialog__resetBind h3 b {
    color: #FF9900;
    font-size: 18px
}

.u-Dialog__resetBind .form {
    width: 369px;
    margin: 0 auto
}

.u-Dialog__resetBind .form .verify_ipt {
    width: 100%;
    margin-bottom: 15px;
    overflow: hidden
}

.u-Dialog__resetBind .form .verify_ipt input {
    float: left;
    text-align: center;
    width: 224px;
    height: 40px;
    float: left;
    color: #999999;
    border: 1px solid #CCCCCC
}

.u-Dialog__resetBind .form .verify_ipt button {
    width: 135px;
    float: right;
    height: 40px;
    background: transparent;
    color: #333333;
    border: 1px solid #CCCCCC
}

.u-Dialog__resetBind .form .save {
    width: 100%;
    height: 44px;
    background: #000000
}

.u-Dialog__Bind {
    padding: 20px 40px;
    width: 496px
}

.u-Dialog__Bind p {
    font-size: 14px;
    margin-bottom: 20px
}

.u-Dialog__Bind .form {
    width: 369px;
    margin: 0 auto
}

.u-Dialog__Bind .form > .ipt {
    width: 100%;
    margin-bottom: 15px;
    overflow: hidden
}

.u-Dialog__Bind .form > .ipt input {
    text-align: center;
    width: 224px;
    height: 40px;
    color: #999999;
    border: 1px solid #CCCCCC
}

.u-Dialog__Bind .form > .ipt button {
    width: 135px;
    height: 40px;
    background: transparent;
    color: #333333;
    border: 1px solid #CCCCCC
}

.u-Dialog__appdownload {
    width: 435px;
    height: 406px
}

.u-Dialog__appdownload > div {
    height: 203.5px;
    background: #FFFFFF;
    padding: 0 27px
}

.u-Dialog__appdownload > div img {
    width: 120px;
    height: 120px
}

.u-Dialog__appdownload > div .btns {
    width: 242px;
    height: 120px;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.u-Dialog__appdownload > div .btns button {
    width: 165px;
    height: 37px;
    background: #FF9900;
    color: #FFFFFF;
    font-size: 16px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    text-align: center;
    line-height: 36px;
    border: 1px solid #FF9900;
    margin-bottom: 10px
}

.u-Dialog__appdownload > div .btns button:last-child {
    margin-bottom: 0;
    background: #FFFFFF;
    color: #333333;
    border: 1px solid #333333
}

.u-Dialog__appdownload > div span {
    height: 120px;
    display: flex;
    display: -webkit-flex;
    font-size: 22px;
    text-align: center;
    font-weight: 600;
    color: #FFFFFF;
    line-height: 1.5em;
    align-items: center
}

.u-Dialog__appdownload > div:first-child {
    background: #FF9900
}

.u-Dialog__appdownload .flexBox {
    width: 100%;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: column
}

.u-Dialog__news {
    width: 713px;
    padding: 50px 60px 90px 80px
}

.u-Dialog__news .mainText p {
    line-height: 1.5em;
    text-indent: 2em;
    color: #666666;
    font-size: 14px
}

.u-Dialog__news .mainText em {
    padding-bottom: 2em;
    display: block
}

.u-Dialog__news .msg {
    position: absolute;
    right: 60px;
    bottom: 30px;
    min-width: 80px;
    color: #000000;
    font-size: 12px;
    text-align: center
}

.u-Dialog__news .msg P:first-child {
    margin-bottom: 5px
}

.u-form-group {
    margin: 0 auto;
    width: 100%;
    text-align: center;
    margin-bottom: 10px
}

.u-form-group input[type=text] {
    width: 100%;
    height: 37px;
    padding-left: 15px;
    line-height: 37px;
    background: #F9F9F9;
    border: 1px solid #DEDEDE;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.u-form-group input[type=checkbox] {
    display: inline-block;
    vertical-align: middle
}

.u-form-group input[type=button] {
    width: 100%;
    height: 38px;
    font-weight: 600;
    background: #FF6633;
    color: #FFFFFF;
    font-size: 20px
}
.toPay {
    width: 200px;
    height: 38px;
    cursor: pointer;
    font-weight: 600;
    background: #FF6633;
    color: #FFFFFF;
    font-size: 20px
}
.toPay:hover{
    opacity: 0.9;
}
.u-form-group .Check_agreement {
    font-size: 14px;
    color: #666666;
    text-decoration: underline
}

.u-form-group input[type=button]:hover {
    border: 1px solid #FF6633;
    cursor: pointer;
    background: transparent;
    color: #FF6633 !important
}

.u-form-group select {
    width: 174px;
    height: 30px;
    border: 1px solid #CCCCCC;
    background: #F2F2F2;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: left;
    margin-right: 20px;
    padding-left: 10px
}

.u-form-group select:last-child {
    margin-right: 0
}

.u-form-group__varify {
    overflow: hidden
}

.u-form-group__varify input[type=text] {
    width: 135px;
    float: left
}

.u-form-group__varify button {
    width: 80px;
    height: 37px;
    border: 1px solid #DEDEDE;
    background: #F9F9F9;
    float: right;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.u-form-group__checkbox {
    margin: 20px auto;
    text-align: left
}

.u-form-group__merge input[type=text] {
    border-bottom: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px
}

.u-form-group__merge input[type=text]:first-child {
    border-top-right-radius: 3px;
    border-top-left-radius: 3px
}

.u-form-group__merge input[type=text]:last-child {
    border-bottom: 1px solid #DEDEDE;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.u-form-group__buttons {
    display: flex;
    display: -webkit-flex;
    margin-top: 28px;
    margin-bottom: 20px
}

.u-form-group__buttons input[type=button] {
    width: auto;
    flex: 1;
    margin-right: 30px
}

.u-form-group__buttons input[type=button]:last-child {
    margin-right: 0
}

.u-form-group__layout {
    overflow: hidden;
    text-align: left
}

.u-form-group__layout .text {
    display: flex;
    display: -webkit-flex;
    align-items: center
}

.u-form-group__layout .text span {
    height: 60px;
    line-height: 60px
}

.u-form-group__layout .text .text-gr {
    margin-left: 100px;
    font-weight: 600;
    font-size: 26px;
    color: #FF9900
}

.u-form-group__layout .right {
    float: left
}

.u-FullMask {
    position: fixed;
    z-index: 99;
    width: 100%;
    display: none;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5);
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.u-mainFontColor {
    color: #FF9933
}

.u-mainBgColor {
    background-color: #FF6600
}

.u-stars {
    margin-left: 8px
}

.u-stars img {
    width: 15px;
    height: 15px
}

.u-mb200 {
    margin-bottom: 200px
}

.u-height30 {
    height: 30px;
    width: 100%
}

.u-border-rd__10 {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px
}

.u-border__none {
    border: none
}

.u-bg__FFFFFF {
    background: #FFFFFF !important
}

@-webkit-keyframes ballScale {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 1
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}

.TopBar {
    background: #FFFFFF;
    height: 35px;
    line-height: 35px
}

.TopBar_cnt {
    padding-left: 25px
}

.TopBar i {
    margin: 0 5px
}

.mainHeader {
    height: 70px;
    line-height: 70px;
    background: #9B427A
}

.mainHeader .LOGO {
    width: 192px;
    height: 70px;
    display: block;
    text-align: center;
    background: #FFFFFF
}

.mainHeader .LOGO img {
    width: 141px;
    line-height: 70px;
    display: inline-block;
    vertical-align: middle;
    height: 48px
}

.mainHeader_nav li {
    float: left;
    padding: 0 27px;
    font-weight: 100;
    font-size: 18px;
    color: #CCCCCC
}

.mainHeader_nav .active {
    color: #FFFFFF;
    background: #6E2654
}

.mainHeader_search {
    line-height: 70px
}

.mainHeader_search input {
    display: inline-block;
    margin-top: 21px;
    width: 208px;
    -webkit-border-radius: 1000px;
    -moz-border-radius: 1000px;
    border-radius: 1000px;
    height: 27px;
    font-size: 14px;
    text-align: center;
    color: #CCCCCC;
    background: rgba(255, 255, 255, 0.2) url("../images/search_icon.svg") no-repeat 175px 4.5px;
    background-size: 18px 18px
}

.mainHeader_search input::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.5)
}

.mainHeader_search input:-moz-placeholder {
    color: rgba(255, 255, 255, 0.5)
}

.mainHeader_search input::-moz-placeholder {
    color: rgba(255, 255, 255, 0.5)
}

.mainHeader_search input:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.5)
}

.mainBanner {
    /*height: 420px;*/
    overflow: hidden;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    width: 100%
}

.mainBanner img {
    /*max-height: 420px*/
}

.mainBody {
    margin-top: -20px !important
}

.mainBody_tpIMG {
    width: 100%;
    text-align: center
}

.mainBody_tpIMG img {
    width: 161px;
    height: 46px
}

.mainBody_modules {
    background: #FFFFFF;
    margin-top: 110px;
    position: relative;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 0 20px
}

.robGift_games {
    padding: 30px 0 0 15px
}

.robGift_games ul li {
    width: 33.33%;
    float: left;
    margin-bottom: 30px
}

.news_list {
    padding: 10px 15px 0px 15px
}

.news_list ul {
    display: none;
}
.news_list .js-active {
    display: block;
}

.news_list li {
    width: 100%;
    cursor: pointer;
    overflow: hidden;
    padding-left: 20px;
    position: relative
}

.news_list li:before {
    content: '';
    width: 9px;
    left: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #FF0000;
    height: 9px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.news_list li:nth-child(2):before {
    background-color: #FF0000
}

.news_list li:nth-child(3):before {
    background-color: #FF6600
}

.news_list li:nth-child(4):before {
    background-color: #FF9900
}

.news_list li:nth-child(5):before {
    background-color: #FFCC99
}

.news_list li img {
    display: none;
    width: 152px;
    height: 100px
}

.news_list li .content a {
    height: 35px;
    line-height: 35px;
    float: left;
    display: block;
    color: #000000;
    font-size: 14px;
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    -ms-transition: all 0s;
    -o-transition: all 0s;
    transition: all 0s
}

.news_list li .content p {
    display: none
}

.news_list li .content .time {
    font-size: 14px;
    float: right;
    height: 35px;
    line-height: 35px;
    color: #FD6A21
}

.news_list li .content .time b {
    display: none
}

.news_list .active {
    padding-left: 0;
    overflow: hidden;
    padding-bottom: 20px;
    padding-top: 20px
}

.news_list .active img {
    display: block;
    float: left;
    margin-right: 15px
}

.news_list .active:before {
    display: none
}

.news_list .active .content {
    float: left;
    position: absolute;
    padding-left: 170px;
    width: 100%;
}

.news_list .active .content a {
    margin-top: 7px;
    font-size: 16px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    width: 100%;
    height: auto;
    line-height: 16px;
    margin-bottom: 8px
}

.news_list .active .content p {
    display: block;
    float: left;
    font-size: 15px;
    color: #999999;
    height: 40px;
    line-height: 1.4em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.news_list .active .content .time {
    color: #AAAAAA;
    font-size: 16px;
    display: inline-block;
    height: 30px;
    line-height: 40px;
}

.news_list .active .content .time b {
    display: inline-block
}

/*.recommendHotGame {*/
    /*background: #FFFFFF;*/
/*}*/

.recommendHotGame_list {
    padding: 20px 20px 0 0
}

.recommendHotGame_list ul {
    position: relative;
    overflow: hidden
}

.recommendHotGame_list ul:before {
    content: '';
    height: 111px;
    width: 1px;
    border-right: 1px dashed #CCCCCC;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.recommendHotGame_list ul:after {
    content: '';
    height: 1px;
    width: 147px;
    border-top: 1px dashed #CCCCCC;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.recommendHotGame_list ul li {
    width: 50%;
    overflow: hidden;
    float: left;
    margin: 20px 0;
    padding-left: 20px;
    height: 150px;
    padding-right: 20px;
    position: relative
}

.recommendHotGame_list ul li .item_IMG {
    width: 250px;
    height: 150px;
    overflow: hidden;
    position: absolute;
    float: left
}

.recommendHotGame_list ul li .item_IMG img {
    width: 100%;
    height: 100%;
    display: block
}

.recommendHotGame_list ul li .item_IMG > div {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}
.recommendHotGame_list ul li .item_IMG > div:hover .item_mask {
    opacity:1;
}
.recommendHotGame_list ul li .item_IMG .item_mask {
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -ms-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
    position: absolute;
    width: 100%;
    opacity:0;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(255,255,255,.7);
}
.recommendHotGame_list ul li .item_IMG .item_mask .gameCode {
    padding:5px;
    display: flex;
    align-items: center;
}
.recommendHotGame_list ul li .item_IMG .item_mask .gameCode img {
    width: 105px;
    height: 105px;
}
.recommendHotGame_list ul li .item_IMG .item_mask .gameCode .text {
    font-size: 23px;
    line-height: 30px;
    color: #FF9933;
    font-weight: 600;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    width: 90px;
    margin-left: 20px;
}
.recommendHotGame_list ul li .item_IMG .item_mask .toGift {
    text-align: center;
    line-height: 35px;
    width: 100%;
    position: absolute;
    background: #FF9933;
    display: block;
    left: 0;
    color: #FFFFFF;
    font-size: 16px;
    bottom: 0;
    height: 35px;
}

.recommendHotGame_list ul li .item_MSG {
    float: left;
    padding-left: 270px
}

.recommendHotGame_list ul li .item_MSG h3 {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    height: 22px;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 5px
}
.recommendHotGame_list ul li .item_MSG h3 a {
    max-width: 96px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.recommendHotGame_list ul li .item_MSG .types {
    height: 25px;
    display: flex;
    display: -webkit-flex;
    align-items: center
}

.recommendHotGame_list ul li .item_MSG .types img {
    width: 20px;
    margin-right: 5px
}

.recommendHotGame_list ul li .item_MSG .types span {
    margin-left: 10px;
    color: #FF9933;
    font-size: 14px
}

.recommendHotGame_list ul li .item_MSG .introduce {
    text-indent: 2em;
    font-size: 14px;
    color: #666666;
    line-height: 1.7em;
    display: -webkit-box;
    height: 70px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.recommendHotGame_list ul li .item_MSG .ToDetail {
    color: #FF9933;
    position: absolute;
    right: 20px;
    bottom: 5px
}

.recommendHotGame_list ul li .item_MSG .ToDetail:hover {
    text-decoration: underline
}
/*.fastHref {*/
    /*background: #FFFFFF;*/
/*}*/
.fastHref_list {
    padding: 55px 80px
}

.fastHref_list a {
    font-size: 18px;
    display: block;
    float: left;
    width: 14%;
    height: 50px;
    line-height: 50px;
    text-align: center
}

.AppCode {
    width: 100%;
    background-color: rgba(204, 204, 204, 0.15);
    position: relative;
    margin-top: 50px;
    padding: 20px 18px;
    border: 1px solid #CCCCCC;
    height: 141px
}

.AppCode_IMG {
    width: 100px;
    height: 100px;
    vertical-align: middle
}

.AppCode_msg {
    padding-top: 4px
}

.AppCode_msg h5 {
    font-size: 16px;
    color: #333333;
    font-weight: 400;
    margin-bottom: 7px
}

.AppCode_msg .app_down {
    margin-top: 15px;
    display: block;
    width: 142px;
    height: 38px;
    font-size: 16px;
    background: #09B6FC;
    color: #FFFFFF;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center
}

.AppCode_msg .app_down img {
    width: 25px;
    height: 25px;
    margin-right: 10px
}

.AppCode_packIMG {
    position: absolute;
    top: -52px;
    left: 28.5px;
    width: 79px
}

.AppCode_packIMG img {
    width: 100%;
    display: block
}

.hotPlaySer {
    margin-top: 20px;
    border: 1px solid #CCCCCC;
    border-top: 4px solid #FD6A21
}

.hotPlaySer_head {
    width: 100%
}

.hotPlaySer_head ul {
    display: flex;
    display: -webkit-flex;
    background: rgba(204, 204, 204, 0.2);
    height: 40px;
    line-height: 40px
}

.hotPlaySer_head ul li {
    flex: 1;
    color: #333333;
    font-size: 14px;
    text-align: center
}

.hotPlaySer_item {
    position: relative
}

.hotPlaySer_item:before {
    content: '';
    height: 1px;
    width: 95%;
    left: 2.5%;
    background: #EEEEEE;
    bottom: 0;
    position: absolute
}

.hotPlaySer_item:last-child:before {
    display: none
}

.hotPlaySer_item .hotPlaySer_unhover {
    position: relative;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    min-height: 56px
}

.hotPlaySer_item .hotPlaySer_unhover span {
    flex: 1;
    line-height: 1.4em;
    text-align: center
}

.hotPlaySer_item .hotPlaySer_unhover span img {
    width: 25px;
    height: 25px
}

.hotPlaySer_item .hotPlaySer_unhover span img:first-child {
    margin-right: 10px
}

.hotPlaySer_item .hotPlaySer_hover {
    display: none
}

.hotPlaySer .js-hover {
    padding: 10px 20px
}

.hotPlaySer .js-hover .hotPlaySer_unhover {
    display: none
}

.hotPlaySer .js-hover .hotPlaySer_hover {
    display: flex;
    display: -webkit-flex;
    align-items: center
}

.hotPlaySer .js-hover .hotPlaySer_hover > img {
    width: 87px;
    height: 87px;
    display: inline-block;
    margin-right: 10px
}

.hotPlaySer .js-hover .hotPlaySer_hover > img:first-child {
    /*margin-right: 25px*/
    margin-right: 5px;
}
.hotPlaySer .js-hover .hotPlaySer_hover .msg h4 {
    font-size: 14px;
    line-height: 30px;
}
.hotPlaySer .js-hover .hotPlaySer_hover .msg .a {
    width:auto;
    height:auto;
    display: inline;
}
.hotPlaySer .js-hover .hotPlaySer_hover .msg a {
    width: 25px;
    display: inline-block;
    height: 25px
}
.hotPlaySer .js-hover .hotPlaySer_hover .msg a img {
    width: 100%;
}
.hotPlaySer .js-hover .hotPlaySer_hover .msg a:first-child  {
    margin-right: 10px
}

.hotPlaySer_playSerTime {
    height: 50px;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    padding-left: 20px;
    width: 100%
}

.hotPlaySer_playSerTime:before {
    content: '';
    vertical-align: middle;
    margin-right: 5px;
    width: 20px;
    height: 20px;
    background: #FF6633;
    display: inline-block
}

.u-Boutique {
    position: absolute;
    width: 100%;
    left: 50%;
    -webkit-transform: translate(-50%, -103px);
    -moz-transform: translate(-50%, -103px);
    -ms-transform: translate(-50%, -103px);
    -o-transform: translate(-50%, -103px);
    transform: translate(-50%, -103px)
}

.u-Boutique_button {
    cursor: pointer;
    width: 30px;
    height: 30px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    line-height: 30px;
    background: rgba(0, 0, 0, 0.1);
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.u-Boutique_button img {
    display: block;
    margin-top: 5px;
    width: 20px;
    height: 20px;
    margin-left: 3px
}

.u-Boutique_leftbutton {
    left: 0
}

.u-Boutique_rightbutton {
    right: 0
}

.u-Boutique_rightbutton img {
    margin-left: 6px
}

.u-Boutique_text {
    width: 100%;
    font-size: 12px;
    display: block;
    margin-top: 15px;
    text-align: center
}

.u-Boutique_gameBox {
    width: 952px;
    margin: 0 auto;
    cursor: pointer
}

.u-Boutique_gameBg {
    width: 952px;
    margin: 0 auto;
    overflow: hidden;
    position: absolute;
    top: 7px;
    left: 44px;
    padding-left: 20px
}

.u-Boutique_gameBg .bg-item {
    width: 168px;
    height: 260px;
    float: left;
    background: rgba(204, 204, 204, 0.5)
}

.u-Boutique_gameBg .bg-item:nth-child(1) {
    margin-right: 22px
}

.u-Boutique_gameBg .bg-item:nth-child(2) {
    margin-right: 13px
}

.u-Boutique_gameBg .bg-item:nth-child(3) {
    margin-right: 13px
}

.u-Boutique_gameBg .bg-item:nth-child(4) {
    margin-right: 22px
}

.u-Boutique_gameBg .bg-item:nth-child(5) {
    margin-right: 0px
}

.u-Boutique .u-Boutique_gameBox .swiper-slide {
    width: 180px;
    position: relative;
    height: 260px;
    float: left
}
.u-Boutique .u-Boutique_gameBox .swiper-slide_mask {
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #FF9933;
}
.u-Boutique .u-Boutique_gameBox .swiper-slide_mask .gameCode {
    width: 126px;
    height: 126px;
    display: block;
    margin:25px auto 15px auto;
}
.u-Boutique .u-Boutique_gameBox .swiper-slide_mask a {
    width: 126px;
    margin:10px auto 0 auto;
    height: 34px;
    background: #FFFFFF;
    display: block;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    text-align: center;
    line-height: 34px;
    border-radius: 10px;
    color: #666666;
    font-size: 16px;
}
.u-Boutique .u-Boutique_gameBox .swiper-slide:hover .swiper-slide_mask{
    display: block;
}
.u-Boutique .swiper-slide > img {
    width: 100%;
    height: 100%
}

.u-Boutique .swiper-slide h3 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 30px;
    background: rgba(0, 0, 0, 0.5) !important;
    color: #CCCCCC;
    font-size: 14px;
    text-align: center;
    line-height: 30px
}

.u-Boutique_games {
    overflow: hidden
}

.u-Boutique_games li {
    width: 180px;
    height: 260px;
    float: left
}

.u-Boutique_games li img {
    width: 100%;
    height: 100%
}


.swiper-text-container {
    text-align: center;
    overflow: hidden;
    height: 20px;
    line-height: 20px;
}


.u-redColor {
    color: #FF0000 !important
}

.u-blurColor {
    color: #000099
}

.u-layoutDiv {
    width: 100%;
    position: relative
}

.u-leftBox {
    float: left;
    width: 680px
}

.u-rightBox {
    float: right;
    width: 326px
}

.u-mt190 {
    margin-top: 190px
}

.u-Tab {
    position: relative;
    height: 50px
}

.u-Tab:before {
    position: absolute;
    bottom: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 1px;
    background: #EEEEEE
}

.u-Tab ul {
    width: 100%;
    position: absolute
}

.u-Tab ul li {
    float: left;
    padding:0 25px;
    cursor: pointer;
    font-weight: 100;
    font-size: 20px;
    color: #333333;
    text-align: center;
    height: 50px;
    line-height: 50px
}

.u-Tab ul .active {
    border-bottom: 3px solid #CC3333
}

.u-Tab_more {
    position: absolute;
    right: 10px;
    height: 50px;
    display: block;
    line-height: 60px;
    font-size: 14px;
    text-decoration: dashed;
    color: #999999
}

.u-Tab_more a {
    text-decoration: underline
}

.u-gameBlock img {
    width: 100px;
    margin-right: 17px;
    height: 100px;
    display: block
}

.u-gameBlock_msg {
    padding-top: 7px;
}

.u-gameBlock_msg h4 {
    font-weight: 400;
    font-size: 17px;
    color: #333333;
    overflow: hidden;
    width: 96px;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 22px;
    margin-bottom: 5px
}

.u-gameBlock_msg p {
    font-size: 12px;
    margin-bottom: 5px;
    max-width: 96px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    color: #999999;
    vertical-align: bottom
}

.u-gameBlock_msg p b {
    font-size: 16px
}

.u_button {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 2px 9px;
    background: #FF9933;
    margin-top: 5px;
    color: #FFFFFF;
    font-size: 14px
}

.u-title {
    overflow: hidden;
    padding: 0 18px;
    height: 50px
}

.u-title h2 {
    font-weight: 100;
    line-height: 50px;
    font-size: 20px;
    color: #333333;
    float: left
}

.u-title a {
    line-height: 55px;
    float: right;
    color: #FF9933;
    font-size: 14px
}

.gc {
    background-color: #FFFFFF
}

.gc_top {
    background-color: #FFFFFF;
    min-height: 100px;
    padding: 0 56px 10px
}

.gc_top_title {
    padding: 35px 0;
    text-align: center
}

.gc_top_kind {
    text-align: center;
    border: 1px solid #FF9933;
    border-radius: 10px;
    padding: 5px 15px;
    display: inline
}

.gc_top_kind a {
    font-size: 16px;
    color: #666666;
    font-weight: 100;
    display: inline-block;
    padding: 0 45px
}

.gc_top_kind a.active {
    color: #FF9933
}

.gc_top_cnt dl {
    margin-bottom: 20px
}

.gc_top_cnt dl .cnt_dt {
    font-size: 16px;
    font-weight: 600;
    color: #000000;
    margin-right: 30px;
    float: left;
    margin-top: 15px
}

.gc_top_cnt dl .cnt_dd {
    overflow: hidden
}

.gc_top_cnt dl .cnt_dd a {
    display: inline-block;
    font-size: 16px;
    color: #666666;
    line-height: 26px;
    padding: 10px 60px 10px 0
}
.gc_top_cnt dl .cnt_dd .active {
    color: #FF9900;
}
.gc_top_cnt dl.active .cnt_dt {
    margin-top: 26px
}

.gc_top_cnt dl.active .cnt_dd a {
    display: inline-block;
    color: #666666;
    height: 68px;
    font-size: 16px;
    background-color: #F0EEEE;
    margin-bottom: 5px;
    margin-right: 6px;
    border: 1px solid transparent;
    text-align: center;
    line-height: 68px;
    padding: 0 45px
}

.gc_top_cnt dl.active .cnt_dd a.active {
    background-color: #FF9900 !important;
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
    font-weight: 400
}

.gc_body {
    padding: 0 60px;
    background-color: rgba(155, 66, 122, 0.05)
}

.gc_body_total {
    white-space: nowrap;
    font-size: 14px;
    font-weight: 400;
    color: #FF9933;
    line-height: 40px;
    text-align: right
}

.gc_body_item {
    width: 172px;
    box-shadow: 0 2px 3px 0 rgba(0,0,0,.15);
    height: 242px;
    border-radius: 5px;
    background-color: #FFFFFF;
    text-align: center;
    padding: 10px 20px 14px;
    float: left;
    margin: 0 20px 30px 0
}

.gc_body_img {
    width: 104px;
    height: 104px
}

.gc_body_title {
    white-space: nowrap;
    font-size: 16px;
    font-weight: 400;
    color: #333333;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    line-height: 24px
}

.gc_body_dtl {
    font-size: 12px;
    color: #999999;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 23px
}

.gc_body_star {
    width: 110px;
    height: 20px;
    margin: 0 auto;
    text-align: center
}

.gc_body_star p {
    display: inline-block;
    height: 20px
}

.gc_body_star img {
    width: 20px;
    height: 20px;
    margin-right: 2px;
    float: left
}

.gc_body_dw {
    font-size: 14px;
    display: inline-block;
    width: 110px;
    height: 32px;
    text-align: center;
    line-height: 32px;
    box-sizing: border-box;
    border-radius: 5px;
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    color: #333333;
    margin-top: 10px;
    transition: all 0s
}

.gc_body_dw.btn-page {
    color: #000000;
    margin-right: 10px
}

#pagination {
    text-align: center;
    padding: 30px 0 30px 0;
    display: block !important;
    background: #FFFFFF
}

#pagination .pagination_item {
    font-size: 14px;
    text-decoration: none;
    color: #000000;
    margin: 0 10px;
    display: inline-block;
    cursor: pointer
}

#pagination .pagination_item.active {
    color: #9B427A
}

.playSerList {
    width: 100%;
    background: #FFFFFF;
    padding-top: 20px
}

.playSerList_title {
    height: 79px;
    display: flex;
    padding-left: 40px;
    display: -webkit-flex;
    color: #000000;
    margin-bottom: 30px;
    align-items: center;
    background: rgba(155, 66, 122, 0.05);
    font-size: 18px
}

.playSerList_title b {
    margin-right: 15px;
    width: 21px;
    height: 21px;
    display: inline-block
}

.playSerList_title span {
    margin-right: 15px
}

.playSerList_games {
    position: relative
}

.playSerList_games ul {
    width: 100%;
    overflow: hidden;
    padding-left: 300px
}

.playSerList_games ul .game_item {
    float: left;
    margin-right: 73px;
    margin-bottom: 40px
}

.playSerList_games ul .game_item .game_l {
    width: 100px;
    margin-right: 20px;
}

.playSerList_games ul .game_item .game_l img {
    width: 100px;
    height: 100px;
    display: block
}

.playSerList_games ul .game_item .game_l h5 {
    width: 100px;
    font-size: 14px;
    font-weight: 400;
    height: 35px;
    line-height: 35px;
    display: inline-block;
    color: #666666;
    text-align: center
}
.playSerList_games ul .game_item .game_r {
    max-width: 190px;
}
.playSerList_games ul .game_item .game_r .gmae_name {
    font-size: 18px;
    font-weight: 100;
    padding: 5px 0 15px 0
}

.playSerList_games ul .game_item .game_r .game_type {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    margin-bottom: 6px
}

.playSerList_games ul .game_item .game_r .game_text {
    height: 32px;
    font-size: 14px;
    line-height: 1.2em;
    color: #666666;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    margin-bottom: 5px;
}

.playSerList_games ul .game_item .game_r .game_buttons {
    display: flex;
    display: -webkit-flex
}

.playSerList_games ul .game_item .game_r .game_buttons a {
    text-align: center;
    width: 76px;
    padding-top:7px;
    height: 29px;
    display: block;
    -webkit-border-radius: 5px;
    background: #FF9933;
    -moz-border-radius: 5px;
    border-radius: 5px;
    flex: 1;
    color: #FFFFFF;
    margin-right: 10px
}

.playSerList_games ul .game_item .game_r .game_buttons .download {
    background: transparent;
    color: #666666;
    border: 1px solid #FF9933
}

.playSerList_games .Time {
    width: 300px;
    height: 100%;
    padding-left: 100px;
    position: absolute
}

.playSerList_games .Time .roundIcon {
    height: 30px;
    display: flex;
    display: -webkit-flex;
    align-items: center
}

.playSerList_games .Time .roundIcon b {
    position: relative;
    width: 20px;
    height: 20px;
    background: rgba(255, 153, 51, 0.5);
    display: inline-block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.playSerList_games .Time .roundIcon b i {
    background: #FF9933;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 8px;
    height: 8px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.playSerList_games .Time .roundIcon span {
    padding-left: 10px;
    font-size: 18px;
    color: #999999
}

.playSerList_games .Time .line {
    width: 1px;
    height: 100%;
    background: #FF9933;
    position: absolute;
    top: 15px;
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px)
}

.playSerList_games:last-child .Time .line {
    display: none
}

.Gift {
    width: 100%;
    display: block;
    background: #FFFFFF
}

.Gift_search {
    width: 100%;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    padding: 40px 0
}

.Gift_search span {
    display: inline-block;
    font-size: 18px;
    color: #666666
}

.Gift_search input {
    width: 263px;
    padding-left: 10px;
    outline-style: none;
    display: inline-block;
    height: 30px;
    margin-left: 20px;
    background: transparent url("../images/search_icon2.svg") no-repeat 230px 4.5px;
    background-size: 18px 18px;
    border: 1px solid #CCCCCC;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px
}

.Gift_list {
    padding: 0 100px
}

.Gift_list_item {
    width: 380px;
    height: 159px;
    position: relative;
    padding: 15px 13px;
    float: left;
    border: 1px solid #CCCCCC;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    float: left;
    margin-bottom: 50px
}

.Gift_list_item:nth-child(even) {
    float: right
}

.Gift_list_item_l {
    height: 142px;
    float: left;
    margin-right: 15px
}

.Gift_list_item_l img {
    width: 100px;
    height: 100px;
    display: block;
    float: left
}

.Gift_list_item_l h5 {
    text-align: center;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #666666;
    font-weight: 400
}

.Gift_list_item_r h3 {
    font-weight: 400;
    margin-top: 5px;
    color: #000000;
    margin-bottom: 14px
}
.Gift_list_item_r .msg_p {
    max-height: 32px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;

}
.Gift_list_item_r p {
    font-size: 12px;
    margin-bottom: 10px;
    line-height: 1.4em;
    color: #999999;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.Gift_list_item_r p b {
    font-size: 20px
}
.Gift_list_item_buttons {
    position: absolute;
    bottom: -12px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
.Gift_list_item_buttons a {
    width: 56px;
    height: 24px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    margin-right: 15px;
    display: inline-block;
    line-height: 24px;
    color: #FFFFFF;
    text-align: center;
}
.Gift_list_item_buttons a:hover {
    color: #FFFFFF;
    opacity: 0.9;
}
.Gift_list_item_buttons a:first-child {
    background: #E32A3D
}

.Gift_list_item_buttons a:last-child {
    background: #FF9933
}

.GiftDetailDialog {
    width: 744px;
    height: 476px;
    line-height:1em;
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: #FFFFFF
}

.GiftDetailDialog_l {
    width: 188px;
    float: left;
    background: #FF9900;
    position: absolute;
    height: 100%;
    color: #FFFFFF;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center
}
.GiftDetailDialog_l > div {
    text-align: center;
}
.GiftDetailDialog_l > div img {
    width: 100px;
    height: 100px;
    display: inline-block;
}

.GiftDetailDialog_l > div h3 {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 8px;
    text-align: center
}

.GiftDetailDialog_l > div p {
    width: 100%;
    padding:0 30px;
    line-height: 1.4em;
    text-align: center
}

.GiftDetailDialog_r {
    padding-left: 188px;
    padding-right: 10px;
    height: 100%;
    border: 1px solid #CCCCCC;
    border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px
}

.GiftDetailDialog_r .Title {
    width: 100%;
    border-bottom: 1px solid #FF9900;
    height: 50px;
    display: flex;
    display: -webkit-flex;
    position: relative;
    align-items: center;
    justify-content: center
}

.GiftDetailDialog_r .Title span {
    font-size: 16px;
    font-weight: 600;
    color: #000000
}

.GiftDetailDialog_r .Title img {
    position: absolute;
    right: 0;
    width: 30px;
}

.GiftDetailDialog_r .QA {
    padding-top: 40px;
    padding-left: 50px
}

.GiftDetailDialog_r .QA_item {
    font-size: 14px;
    margin-bottom: 25px
}

.GiftDetailDialog_r .QA_item_Q {
    color: #333333;
    margin-bottom: 10px
}

.GiftDetailDialog_r .QA_item_A {
    color: #999999;
    line-height: 1.4em;
}

.GiftDetailDialog_r .QA_item .GiftCntColor {
    color: #993366
}

.GiftDetailDialog_r .Receive {
    width: 100%;
    text-align: center;
    margin-top: 50px
}

.GiftDetailDialog_r .Receive button {
    display: inline-block;
    width: 195px;
    height: 38px;
    background: #FF6633;
    font-size: 20px;
    font-weight: 600;
    color: #FFFFFF
}

.successDialog {
    width: 592px;
    height: 400px;
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: #FFFFFF
}

.successDialog_top {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    height: 130px;
    border: 1px solid #CCCCCC;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom: none
}

.successDialog_top img {
    width: 68px;
    margin-right: 40px
}

.successDialog_top .msg {
    font-size: 22px;
    color: #000000
}

.successDialog_top .msg p:first-child {
    margin-bottom: 13px
}

.successDialog_Code {
    height: 270px;
    padding-top: 20px;
    background: #FF9900
}

.successDialog_Code img {
    width: 160px;
    display: block;
    margin: 0 auto
}

.successDialog_Code h2 {
    margin-top: 20px;
    display: block;
    font-weight: 600;
    font-size: 30px;
    width: 100%;
    text-align: center;
    color: #FFFFFF
}

.successDialog_Code a {
    width: 107px;
    height: 33px;
    position: absolute;
    right: 15px;
    bottom: 15px;
    border: 1px solid #FFFFFF;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    color: #FFFFFF;
    font-size: 14px;
    text-align: center;
    line-height: 33px
}

.successDialog_Code a:hover {
    color: #FFFFFF
}

.footer {
    width: 100%;
    height: 235px;
    margin-top: 30px;
    background-color: #474747;
    padding-top: 27px;
    text-align: center;
    position: relative
}

.footer .container {
    background-color: #474747
}

.footer_icon {
    width: 100px;
    margin-top: 30px
}

.footer_icon__top {
    display: inline-block;
    margin-bottom: 21px
}

.footer_icon a:nth-child(1) img {
    width: 100px
}

.footer_icon a:nth-child(2) img {
    width: 75px
}

.footer_info {
    padding-left: 5px;
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
    height: 181px;
    width: 710px;
    font-size: 12px;
    border: 1px solid #666666;
    border-width: 0 1px;
    color: #BBBBBB;
    text-align: left
}

.footer_info_nav {
    margin-top: 21px;
    margin-bottom: 25px
}

.footer_info_item {
    float: left;
    color: #FFFFFF;
    font-size: 14px;
    cursor: pointer;
    padding: 0 22px;
    border-right: 2px solid #CECCCC
}

.footer_info_item:nth-last-child(1) {
    border-right: none
}

.footer_info p {
    margin-left: 19px;
    margin-bottom: 20px
}

.footer_info p .dividLine {
    margin: 0 20px
}

.footer_info p .ft-cusService {
    margin-left: 20px
}

.footer_dwcode {
    text-align: left
}

.footer_dwcode div {
    width: 110px;
    display: inline-block;
    margin-top: 21px;
    font-size: 12px;
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9)
}

.footer_dwcode div:first-child {
    margin-right: 10px
}

.footer_dwcode div .intro {
    color: #C2C2C2;
    margin-top: 10px;
    line-height: 15px
}

.footer_dwcode img {
    width: 100%
}

.banner_pic {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 100px;
    color: #fff;
    z-index: 9999;
    background: #010a12;
    background: rgba(1,10,18,.9);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#E6010A12, endColorstr=#E6010A12)";
    transition: height .3s ease-in-out 0s;
}
.banner_pic > div {
    position: absolute;
    transition: top .3s ease-in-out 0s;
    top: -47px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
.banner_pic .app_code {
    width: 110px;
    height: 110px;
    display: inline-block;
    margin-bottom: 7px;
    -webkit-box-reflect: below 2px -webkit-linear-gradient(bottom,rgba(255,255,255,.6) 0,transparent 25%,transparent 100%);
}
.banner_pic h1 {
    margin:0 80px;
    font-size: 23px;
    font-weight: 400;
    margin-bottom: 7px;
    -webkit-box-reflect: below 2px -webkit-linear-gradient(bottom,rgba(255,255,255,.6) 0,transparent 80%,transparent 100%);
}
.banner_pic h1 em {
    font-weight: 400;
}
.banner_pic h1 em:first-child {
    margin-right:18px;
}
.banner_pic h1 em:last-child {
    margin-left: 5px;
}
.banner_pic .download_btn {
    width: 100px;
    text-align: center;
    line-height: 30px;
    align-items: flex-end;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: rgba(208,79,3,.9);
    color: #FFFFFF;
    font-size: 16px;
}
.banner_pic .download_btn:hover {
    background-color: rgba(208,79,3,.8);
    cursor: pointer;
}
.banner_pic .download_btn:active {
    background-color: rgba(208,79,3,.7);
}
.banner_pic .close_appDown {
    position: absolute;
    right: 150px;
    display: block;
    top: 60px;
    width: 20px;
    height: 20px;
}
.banner_pic .close_appDown img {
    width:100%;
    display: block;
}


.newscontainer {
    background: #FFFFFF;
    padding: 20px 32px
}

.newscontainer .newsTopSwiper {
    height: 345px;
    width: 100%;
    border: 1px solid #CCCCCC;
    padding: 22.5px 0px 22.5px 20px;
    overflow: hidden
}

.newscontainer .newsTopSwiper_l {
    float: left;
    width: 643px;
    height: 300px
}

.newscontainer .newsTopSwiper_l div {
    height: 300px
}

.newscontainer .newsTopSwiper_l div img {
    width: 100%;
    height: 100%;
    display: block
}

.newscontainer .newsTopSwiper_r {
    float: right;
    width: 280px
}

.newscontainer .newsTopSwiper_r ul {
    display: flex;
    display: -webkit-flex;
    flex-direction: column
}

.newscontainer .newsTopSwiper_r ul li {
    margin: 20px 0;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    width: 100%;
    height: 60px;
    text-align: left;
}
.newscontainer .newsTopSwiper_r ul li > div {
    width: 100%;
}
.newscontainer .newsTopSwiper_r ul li div h3 {
    font-weight: 400;
    font-size: 16px;
    width: 280px;
    padding-right: 20px;
    margin-bottom: 10px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}

.newscontainer .newsTopSwiper_r ul li div p {
    padding-right: 20px;
    font-size: 14px;
    height: 35px;
    line-height: 1.3em;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    width: 100%;
    color: #999999;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
}

.newscontainer .newsTopSwiper_r ul .active {
    border-right: 6px solid #FF9933
}

.newscontainer .newsBody {
    margin-top: 17px;
    overflow: hidden
}

.newscontainer .newsBody_l {
    width: 595px;
    float: left
}

.newscontainer .newsBody_l .u-Tab li {
    cursor: pointer;
    padding: 0 25px;
    width: auto;
}

.newscontainer .newsBody_l .toggle_cnt {
    padding-left: 22px
}

.newscontainer .newsBody_l .toggle_cnt > div {
    display: none
}

.newscontainer .newsBody_l .toggle_cnt > div:first-child {
    display: block
}

.newscontainer .newsBody_l .toggle_cnt > div > ul > a {
    display: block;
    width: 100%;
    height: 100%
}

.newscontainer .newsBody_l .toggle_cnt .item {
    margin-top: 30px;
    height: 136px
}

.newscontainer .newsBody_l .toggle_cnt .item_title {
    margin-bottom: 17px;
    font-size: 16px;
    color: #993300;
    font-weight: 400;
    letter-spacing:0.5px;
}

.newscontainer .newsBody_l .toggle_cnt .item_msg {
    overflow: hidden;
    position: relative
}

.newscontainer .newsBody_l .toggle_cnt .item_msg_img {
    float: left;
    width: 185px;
    height: 100px;
}

.newscontainer .newsBody_l .toggle_cnt .item_msg_img img {
    width: 100%;
    height: 100px;
    display: block
}

.newscontainer .newsBody_l .toggle_cnt .item_msg_text {
    float: right;
    width: 371px;
    font-size: 14px;
    height: 100px;
    padding-left: 10px;
    color: #999999;
    line-height: 1.6em;
    border-bottom: 1px solid #CCCCCC
}
.newscontainer .newsBody_l .toggle_cnt .item_msg_text p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    height: 63px;
}
.newscontainer .newsBody_l .toggle_cnt .item_msg_text b {
    position: absolute;
    right: 0px;
    bottom: 8px
}

.newscontainer .newsBody_l #pagination {
    margin-top: 20px
}

.newscontainer .newsBody_l #pagination.small a {
    /*margin: 0 3px*/
}

.newscontainer .newsBody_r {
    float: right;
    width: 326px
}

.newscontainer .newsBody_r .Title {
    height: 50px;
    border-bottom: 4px solid #FF9933;
    font-size: 20px;
    font-weight: 400;
    line-height: 50px;
    text-align: center
}

.newscontainer .newsBody_r .newActivity {
    border: 1px solid #CCCCCC;
    border-top: none;
    margin-bottom: 10px
}

.newscontainer .newsBody_r .newActivity .item {

}

.newscontainer .newsBody_r .newActivity .item .hover {
    display: none;
}
.newscontainer .newsBody_r .newActivity .item .unhover {
    height: 60px;
    display: flex;
    border-bottom: 1px solid #EEEEEE;
    display: -webkit-flex;
    align-items: center
}
.newscontainer .newsBody_r .newActivity .item .unhover a {
    padding-right: 15px;
}
.newscontainer .newsBody_r .newActivity .active .hover {
    display: block;
}
.newscontainer .newsBody_r .newActivity .active .unhover {
    height: 60px;
    display: none;
}



.newscontainer .newsBody_r .newActivity .item:last-child {
    border-bottom: none
}

.newscontainer .newsBody_r .newActivity b {
    display: block;
    width: 20px;
    height: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #FFFFFF;
    text-align: center;
    line-height: 20px;
    display: inline-table;
    /*padding-top: 2px;*/
    /*text-align: left;*/
    /*padding-left: 6px;*/
    /*font: italic 14px Impact;*/
    margin: 0 15px;
    background: #999999
}

.newscontainer .newsBody_r .newActivity .item a {
    line-height: 1.5em;
}

.newscontainer .newsBody_r .newActivity .item:nth-child(1) b {
    background: #000000
}

.newscontainer .newsBody_r .newActivity .item:nth-child(2) b {
    background: #FF6633
}

.newscontainer .newsBody_r .newActivity .item:nth-child(3) b {
    background: #FF9966
}

.newscontainer .newsBody_r .newActivity .item_first {
    height: 180px;
    position: relative;
    width: 100%
}

.newscontainer .newsBody_r .newActivity .item_first img {
    width: 100%;
    height: 100%
}

.newscontainer .newsBody_r .newActivity .item_first h3 {
    position: absolute;
    width: 100%;
    height: 37px;
    bottom: 0;
    padding-right: 15px;
    left: 0;
    text-align: center;
    font-weight: 400;
    line-height: 37px;
    background-color: rgba(0, 0, 0, 0.7);
    color: #FFFFFF;
    font-size: 14px
}

.newscontainer .newsBody_r .specials_item img {
    width: 100%;
    height: 180px
}

.newscontainer .newsBody_r .specials_item h3 {
    height: 30px;
    line-height: 30px;
    margin-bottom: 20px;
    font-size: 16px;
    text-align: center;
    font-weight: 400;
    color: #333333;
    -webkit-transition: all 0.15s;
    -moz-transition: all 0.15s;
    -ms-transition: all 0.15s;
    -o-transition: all 0.15s;
    transition: all 0.15s
}

.newscontainer .newsBody_r .specials_item:hover h3 {
    color: #FF9933
}

.UserContainer {
    background: #FFFFFF;
    padding-bottom: 100px
}

.UserTop {
    padding: 55px 60px 50px 120px;
    overflow: hidden
}

.UserTop_head {
    margin: 10px 50px 10px 0;
    float: left;
    width: 122px;
    height: 122px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden
}

.UserTop_msg {
    float: left
}

.UserTop_msg .item {
    margin-bottom: 16px
}

.UserTop_msg .item .label {
    color: #000000
}

.UserTop_msg .item .value {
    color: #999999
}

.UserTop_msg .item .username {
    font-weight: 600;
    color: #333333
}

.UserTop_msg .item .aq_rank {
    width: 87px;
    border: 1px solid #FD6A21;
    height: 6px;
    display: inline-block;
    background: #FFFFFF;
    margin-right: 5px
}

.UserTop_msg .item .aq_rank b {
    width: 50%;
    height: 6px;
    display: block;
    background: #FF9933
}

.UserTop_msg .item_ye {
    margin-top: 25px;
    overflow: hidden
}

.UserTop_msg .item_ye span {
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #000000;
    float: left
}

.UserTop_msg .item_ye span b {
    font-size: 20px;
    font-weight: 600;
    color: #FF9933
}

.UserTop_msg .item_ye .buttons {
    float: left;
    margin-left: 70px;
    overflow: hidden
}

.UserTop_msg .item_ye .buttons a {
    display: block;
    float: left;
    margin-right: 12px;
    height: 30px;
    line-height: 30px;
    width: 73px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    text-align: center
}

.UserTop_msg .item_ye .buttons a:first-child {
    background: #FF9933;
    color: #FFFFFF;
    border: 1px solid #FF9933
}

.UserTop_msg .item_ye .buttons a:last-child {
    background: transparent;
    color: #FF9933;
    border: 1px solid #FF9933
}

.UserTop_buttons {
    float: right
}

.UserTop_buttons a {
    display: block;
    width: 105px;
    height: 36px;
    margin-bottom: 15px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: transparent;
    color: #FF9933;
    text-align: center;
    line-height: 36px;
    border: 1px solid #FF9933
}

.UserTop_Toggle > div {
    display: none;
    padding-left: 172px
}

.UserTop_Toggle > div .input {
    margin-bottom: 15px;
    display: flex;
    display: -webkit-flex;
    align-items: center
}

.UserTop_Toggle > div .input a {
    width: 80px;
    text-align: center
}

.UserTop_Toggle > div .input label {
    width: 80px;
    display: block;
    float: left;
    text-align: right;
    margin-right: 15px;
    font-size: 14px;
    color: #000000
}

.UserTop_Toggle > div .input .label50 {
    width: 50px
}

.UserTop_Toggle > div .btns {
    margin-top: 36px
}

.UserTop_Toggle > div .btns button {
    width: 82px;
    margin-right: 20px;
    height: 28px;
    border: 1px solid #FF9933;
    color: #FF9933;
    background: transparent;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px
}

.UserTop_Toggle .active {
    display: block
}

.UserTop_Toggle .resetUserData {
    padding-top: 30px
}

.UserTop_Toggle .resetPass {
    padding-top: 10px
}

.UserTop_Toggle .resetPass .btns {
    margin-top: 16px
}

.game_yxb {
    height: 70px;
    background: #F4F4E6;
    width: 100%;
    line-height: 70px;
    position: relative;
    vertical-align: middle
}

.game_yxb_left {
    background: #FF9933;
    width: 43px;
    height: 70px;
    position: absolute;
    left: 0;
    top: 0;
    line-height: 75px;
    text-align: center
}

.game_yxb_left img {
    width: 24px;
    height: 24px
}

.game_yxb_right {
    background: #FF9933;
    width: 43px;
    height: 70px;
    line-height: 75px;
    position: absolute;
    right: 0;
    top: 0;
    text-align: center;
    vertical-align: middle
}

.game_yxb_right img {
    display: inline-block;
    width: 24px;
    height: 24px
}

.game_yxb_list {
    overflow: hidden
}

.game_yxb_list > h3 {
    font-weight: 400;
    padding-left: 100px;
    float: left;
    margin-right: 30px;
    font-size: 14px
}

.game_yxb_list ul {
    float: left;
    overflow: hidden
}

.game_yxb_list ul li {
    float: left;
    width: 60px;
    padding-top: 5px;
    margin-right: 50px;
    line-height: 3em
}

.game_yxb_list ul li img {
    width: 60px;
    height: 60px
}

.game_yxb_list ul li span {
    text-align: center;
    width: 60px;
    display: block;
    line-height: 1em;
    color: #FF9933
}

.UserMneus {
    margin-top: 80px;
    overflow: hidden
}

.UserMneus_left {
    width: 235px;
    min-height:410px;
    float: left;
    border-right: 1px solid #FF9933
}

.UserMneus_left ul li {
    cursor: pointer;
    width: 100%;
    color: #000000;
    text-align: right;
    padding-right: 30px;
    height: 63px;
    margin-bottom: 10px;
    line-height: 63px;
    border-right: 9px solid transparent
}

.UserMneus_left ul .active {
    border-right: 9px solid #FF9933
}

.UserMneus_right {
    width: 835px;
    float: left;
    min-height: 365px;
    padding-left: 10px;
}

.UserMneus_right > div {
    display: none
}

.UserMneus_right > .active {
    display: block
}

.UserMneus_right .u_list li {
    position: relative;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    padding: 15px 0 15px 10px;
    overflow: hidden;
    border-bottom: 1px solid rgba(204, 204, 204, 0.5)
}

.UserMneus_right .u_list li:last-child {
    border-bottom: none
}

.UserMneus_right .u_list li .lImg {
    width: 69px;
    float: left;
    margin-right: 20px
}

.UserMneus_right .u_list li .lImg div {
    width: 63px;
    height: 63px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    color: #FFFFFF;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 0 15px;
    line-height: 1.4em
}

.UserMneus_right .u_list li .lImg .newBgColor {
    background: #FF9933
}

.UserMneus_right .u_list li .lImg .ptbPayBgColor {
    background: #33CCFF
}

.UserMneus_right .u_list li .lImg .yxbPayBgColor {
    background: #00CCCC
}

.UserMneus_right .u_list li .lImg .xfBgColor {
    background: #9999FF
}

.UserMneus_right .u_list li .lImg img {
    width: 69px;
    display: block;
    height: 100%
}

.UserMneus_right .u_list li .text {
    float: left
}

.UserMneus_right .u_list li .text h3 {
    font-size: 16px;
    color: #000000;
    margin-bottom: 7px;
    font-weight: 400
}

.UserMneus_right .u_list li .text .p {
    font-size: 14px;
    color: #999999;
    line-height: 1.4em;
    max-width: 490px;
    text-indent: 2em
}

.UserMneus_right .u_list li .text .p2 {
    font-size: 14px;
    color: #999999;
    line-height: 1.4em
}
.UserMneus_right .u_list li .text .p2 input {
    background: #FFFFFF;
}
.UserMneus_right .u_list li .text .fz16 {
    font-size: 16px
}

.UserMneus_right .u_list li .text .fz12 {
    font-size: 12px;
    color: #999999
}

.UserMneus_right .u_list li .text .moneyColor {
    color: red
}

.UserMneus_right .u_list li .text .dhColor {
    color: #888888
}

.UserMneus_right .u_list li .text_group {
    margin-bottom: 15px
}

.UserMneus_right .u_list li .text_group:last-child {
    margin-bottom: 0
}

.UserMneus_right .u_list li .text_group span {
    width: 200px;
    color: #000000;
    display: inline-block
}

.UserMneus_right .u_list li .rt {
    position: absolute;
    top: 15px;
    right: 30px
}

.UserMneus_right .u_list li .rt button {
    width: 56px;
    height: 24px;
    color: #FFFFFF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #FF9933
}

.UserMneus_right .u_list li .rb {
    position: absolute;
    right: 105px;
    top: 22px
}

.UserMneus_right .u_list li .rb span {
    color: #FF9933;
    font-size: 12px
}

.UserMneus_right #pagination {
    margin-top: 20px
}

.detailBox {
    background: #FFFFFF
}

.detailBox > div {
    padding: 0 26px
}

.detailBox_Title {
    margin-bottom: 10px
}

.detailBox_Title span {
    background: url("../images/cloud_icon.png") no-repeat 100%;
    background-size: 150px;
    display: inline-block;
    height: 96px;
    width: 150px;
    text-align: center;
    font-size: 20px;
    line-height: 118px;
    font-weight: 600;
    color: #333333
}

.detailBox .gameimgBox {
    width: 100%
}

.detailBox .gameimgBox .swiper-slide {
    width: 280px;
}

.detailBox .gameimgBox .swiper-slide img {
    width: 100%;
    /*height: 450px;*/
    display: block
}

.detailBox .introduce {
    position: relative;
    padding-bottom: 15px
}

.detailBox .introduce p {
    line-height: 2em;
    font-size: 16px;
    color: #666666;
    text-indent: 2em
}

.detailBox .introduce a {
    text-decoration: underline;
    position: absolute;
    bottom: 0;
    right: 26px
}

.detailBox .Gift_list {
    padding: 0 50px
}

.detailBox .gc_body {
    padding: 0 50px
}

.detailBox .gc_body_item {
    margin-right: 17px
}

.detailBox .gc_body_item:nth-child(5n) {
    margin-right: 0
}

.detailBox .TopGameDetail {
    padding-top: 40px;
    height: 274px;
    padding-left: 145px;
    width: 100%;
    background: rgba(51, 204, 255, 0.54) url("../images/cloud_bg.png") no-repeat bottom left;
    background-size: contain;
    overflow: hidden
}

.detailBox .TopGameDetail_head {
    float: left
}

.detailBox .TopGameDetail_head img {
    width: 152px;
    height: 152px
}

.detailBox .TopGameDetail_msg {
    padding-left: 15px;
    float: left
}

.detailBox .TopGameDetail_msg h1 {
    color: #000000;
    margin-bottom: 20px
}

.detailBox .TopGameDetail_msg p {
    font-size: 16px;
    color: #333333;
    margin-bottom: 10px
}

.detailBox .TopGameDetail_msg p span {
    min-width: 140px;
    display: inline-block
}

.detailBox .TopGameDetail_msg .btns a {
    display: inline-block;
    border: 1px solid #FF9900;
    background: #FF9900;
    color: #FFFFFF;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    width: 126px;
    height: 43px;
    text-align: center;
    line-height: 43px;
    font-size: 16px
}

.detailBox .TopGameDetail_msg .btns a:first-child {
    background: #FFFFFF;
    color: #FF9900;
    margin-right: 20px
}

.detailBox .TopGameDetail_code {
    width: 160px;
    float: right;
    margin-right: 75px;
    text-align: center;
    position: relative
}

.detailBox .TopGameDetail_code .game_Code {
    width: 148px;
    height: 148px
}

.detailBox .TopGameDetail_code .parmpt_Code {
    width: 218px;
    position: absolute;
    bottom: 30px;
    left: -218px
}

.detailBox .TopGameDetail_code span {
    width: 100%;
    text-align: center;
    display: block;
    font-size: 18px;
    color: #000000;
    font-weight: 500;
    padding-top: 7px
}

.newdetailBox {
    padding: 20px 50px;
    background: #FFFFFF
}

.newdetailBox_title {
    width: 100%;
    text-align: center;
    font-weight: 400;
    color: #000000;
    height: 70px;
    line-height: 70px
}

.newdetailBox_time {
    text-align: center;
    width: 100%;
    color: #999999;
    font-weight: 400;
    margin-bottom: 30px
}

.newdetailBox_html {
    color: #666666;
    font-size: 16px;
    line-height: 1.7em;
    text-align: center
}

.newdetailBox_html img {
    margin: 15px 0
}

.newdetailBox_html p {
    text-align: left;
    margin-bottom: 10px;
    text-indent: 2em
}

.newdetailBox_msg {
    overflow: hidden;
    margin-top: 100px;
    width: 100%
}

.newdetailBox_msg > div {
    width: 220px;
    color: #999999;
    float: right
}

.newdetailBox_msg > div > span {
    display: block;
    margin-bottom: 10px
}

.newdetailBox_msg > div .sharelistBox {
    overflow: hidden;
    display: flex;
    display: -webkit-flex;
    align-items: center
}

.newdetailBox_msg > div .sharelistBox span {
    float: left
}

.newdetailBox_msg > div .sharelistBox .sharelist {
    margin-left: 20px;
    float: left
}

.newdetailBox_rela .title {
    margin-top: 30px;
    margin-bottom: 30px;
    height: 26px;
    line-height: 26px;
    position: relative
}

.newdetailBox_rela .title h2 {
    font-size: 18px;
    font-weight: 400;
    color: #000000
}

.newdetailBox_rela .title:before {
    content: '';
    position: absolute;
    height: 1px;
    border-top: 1px solid #CCCCCC;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 90%
}

.newdetailBox_rela .relaList ul li {
    font-size: 14px;
    color: #666666;
    margin-bottom: 15px
}

.newdetailBox_rela .relaList ul li a {
    padding-left: 15px
}

.newdetailBox_rela .relaList ul li:before {
    content: '';
    width: 9px;
    height: 9px;
    display: inline-block;
    background: #FF9900;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.newdetailBox_activityhtml {
    width: 827px;
    margin: 0 auto;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    padding: 50px 100px;
    border: 1px solid #FF9900
}

.newdetailBox_activityhtml_title {
    display: flex;
    height: 50px;
    font-weight: 400;
    margin-bottom: 10px;
    width: 100%;
    display: -webkit-flex;
    align-items: center
}

.newdetailBox_activityhtml_title .leftIcon {
    width: 50px;
    text-align: center
}

.newdetailBox_activityhtml_title span {
    font-size: 16px;
    color: #000000
}

.newdetailBox_activityhtml p {
    margin-bottom: 1em;
    padding-left: 50px
}

.newdetailBox_activityhtml p i {
    margin: 0 10px
}

.newdetailBox_activityhtml .timeColor {
    color: #3399FF
}

.newdetailBox_in {
    margin-top: 50px
}

.newdetailBox_in p {
    color: #FF9900;
    font-size: 18px;
    width: 100%;
    text-align: center
}

.newdetailBox_in button {
    width: 147px;
    height: 39px;
    background: #FF9900;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    color: #FFFFFF;
    font-weight: 600;
    text-align: center;
    line-height: 39px;
    display: block;
    font-size: 18px;
    font-weight: 600;
    margin: 20px auto
}

.agreement {
    background-color: #FFFFFF;
    padding: 0 70px 140px
}

.agreement_title {
    text-align: center;
    font-size: 20px;
    font-weight: 400;
    color: #000000;
    line-height: 100px
}

.agreement_body_title {
    font-size: 14px;
    color: #999999;
    line-height: 28px
}

.agreement_body_cnt {
    font-size: 14px;
    color: #999999;
    line-height: 25px;
    display: block
}

.about-us {
    background-color: #FFFFFF;
    padding: 22px 67px 140px 107px
}

.about-us_dtl {
    width: 100%;
    height: 100%;
    border-radius: 20px;
    background-color: rgba(102, 255, 255, 0);
    border: 1px solid #FF9900;
    min-height: 200px;
    position: relative;
    text-align: left;
    padding: 50px 56px 220px 141px
}

.about-us_dtl_one {
    margin-top: 30px
}

.about-us_nav {
    position: absolute;
    top: 64px;
    width: 149px;
    left: -74px
}

.about-us_nav a {
    width: 100%;
    display: block;
    margin-bottom: 10px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border-radius: 5px;
    background-color: #FFFFFF;
    border: 1px solid #FF9933;
    font-size: 14px;
    color: #333333
}

.about-us_nav a.active {
    background-color: #FF9900;
    color: #FFFFFF;
    font-weight: 400
}

.about-us .inner-about-us {
    text-align: center
}

.about-us_title {
    font-size: 28px;
    color: #000000;
    margin-bottom: 48px;
    font-weight: 400
}

.about-us_cnt {
    font-size: 14px;
    color: #666666;
    line-height: 26px;
    text-indent: 2em;
    text-align: left
}

.about-us_triangle {
    position: relative;
    margin-top: 70px
}

.about-us_triangle .triangle_item {
    margin: 0 auto;
    font-size: 20px;
    font-weight: 700;
    color: #FFFFFF;
    width: 120px;
    height: 120px;
    overflow: hidden;
    background-color: #FF3366;
    border-radius: 50%;
    text-align: center;
    padding: 35px 0;
    position: relative;
    z-index: 10
}

.about-us_triangle .triangle_item span {
    width: 60px;
    display: inline-block;
    margin-bottom: 8px
}

.about-us_triangle .triangle_item.mid {
    font-size: 18px;
    margin-top: 72px;
    display: inline-block;
    background-color: #FF6633;
    font-weight: 400
}

.about-us_triangle .triangle_item.mid:first-child {
    margin-right: 86px
}

.about-us_triangle .triangle_item.btm {
    font-size: 16px;
    background-color: #FF9933;
    margin-right: 86px
}

.about-us_triangle .triangle_item.btm:last-child {
    margin-right: 0
}

.about-us_triangle .line {
    height: 400px;
    width: 4px;
    background-color: #666666;
    position: absolute;
    left: 50%;
    margin-left: -15px;
    top: 100px;
    transform-origin: left top;
    transform: rotate(30deg)
}

.about-us_triangle .line.transform-right {
    margin-left: 15px;
    transform: rotate(-30deg)
}

.about-us_triangle .line.transform-btm {
    left: 50%;
    top: 87%;
    margin-left: 200px;
    transform: rotate(90deg)
}

.about-us .item {
    margin-bottom: 10px
}

.about-us .item_title {
    color: #000000;
    font-size: 16px;
    font-weight: 700;
    line-height: 45px;
    position: relative
}

.about-us .item_title.business:before {
    background: url("../images/business.svg") no-repeat center center
}

.about-us .item_title.location:before {
    background: url("../images/location.svg") no-repeat center center
}

.about-us .item_title:before {
    content: '';
    background: url("../images/FAC3DBB2DBF818C5C19FDE60E28B0473.svg") no-repeat center center;
    width: 20px;
    height: 20px;
    position: absolute;
    left: -30px;
    top: 13px
}

.about-us .item_cnt span {
    line-height: 26px;
    color: #000000;
    font-size: 16px
}

.about-us .item_cnt img {
    width: 100%;
    height: auto;
    margin: 10px 0 12px
}

.about-us .item_outerbox {
    margin-top: 33px
}

.about-us .item_box {
    width: 275px;
    height: 128px;
    margin-right: 40px;
    padding: 45px 22px 13px;
    border-radius: 10px;
    box-sizing: border-box;
    background-color: #FFFFFF;
    border: 1px solid #FF9900;
    position: relative;
    float: left;
    margin-bottom: 30px
}

.about-us .item_box_contact {
    position: absolute;
    left: 52px;
    top: 0;
    margin-top: -19px;
    text-align: center;
    width: 177px;
    height: 37px;
    line-height: 37px;
    background-color: #FFFFFF;
    color: #000000;
    font-size: 14px
}

.about-us .item_box div {
    display: inline-block
}

.about-us .item_box_header {
    width: 70px;
    height: 70px;
    margin-right: 25px;
    float: left
}

.about-us .item_box_header img {
    width: 100%;
    height: 100%;
    border-radius: 50%
}

.about-us .item_box_icon {
    width: 18px;
    height: 23px;
    margin-right: 25px;
    vertical-align: sub
}

.about-us .item_box_icon:first-of-type {
    width: 21px;
    height: 25px;
    margin-top: 5px
}

.about-us .item_box_phone {
    color: #666666;
    font-size: 14px;
    line-height: 33px
}

.about-us .contact-us {
    margin-left: 77px;
    margin-top: 11px
}

.about-us .sincere-hire {
    position: relative;
    margin-left: 88px;
    margin-top: 18px
}

.about-us .sincere-hire_title {
    font-size: 16px;
    color: #000000;
    line-height: 36px;
    position: relative;
    font-weight: 400
}

.about-us .sincere-hire_title:before {
    content: '';
    width: 45px;
    height: 45px;
    border-radius: 50%;
    border: 1px solid #666666;
    position: absolute;
    left: -76px;
    top: -4px
}

.about-us .sincere-hire_img {
    position: absolute;
    left: -63px;
    top: 7px
}

.about-us .sincere-hire .demand_each {
    margin-top: 50px
}

.about-us .sincere-hire .demand_title {
    width: 100%;
    height: 40px;
    font-size: 16px;
    line-height: 40px;
    text-indent: 25px;
    color: #FFFFFF;
    background-color: #9D447F
}

.about-us .sincere-hire .demand_body_title {
    line-height: 54px;
    color: #000000;
    font-size: 14px;
    font-weight: 400
}

.about-us .sincere-hire .demand_body_cnt {
    line-height: 26px;
    font-size: 14px;
    color: #999999
}

.about-us .sincere-hire_page {
    margin-top: 70px;
    padding-bottom: 0 !important
}

.about-us .sincere-hire_page .pagination_item {
    margin: 0 3px !important
}

.about-us .customer-center {
    margin-top: 10px;
    width: 650px
}

.about-us .customer-center .feedback_title {
    width: 100%;
    height: 42px;
    line-height: 42px;
    text-indent: 1em;
    font-size: 16px;
    color: #FFFFFF;
    background-color: #9D447F;
    border: 1px solid #666666
}

.about-us .customer-center .feedback_body {
    text-align: center;
    width: 100%;
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    padding: 60px 0 66px
}

.about-us .customer-center .feedback_body_item {
    margin-bottom: 20px
}

.about-us .customer-center .feedback_body_item label {
    width: 70px;
    height: 40px;
    color: #000000;
    font-size: 14px;
    text-align: right;
    display: inline-block;
    margin-right: 30px
}

.about-us .customer-center .feedback_body_item input {
    height: 40px
}

.about-us .customer-center .feedback_body_item textarea {
    resize: none;
    height: 250px;
    vertical-align: top;
    padding: 10px;
    text-align: left !important;
}

.about-us .customer-center .feedback_body_item input::-webkit-input-placeholder {
    color: #999999;
    font-weight: 400;
    font-size: 14px
}

.about-us .customer-center .feedback_body_item .feedbackcnt::-webkit-input-placeholder {
    color: #999999;
    font-weight: 400;
    font-size: 14px
}

.about-us .customer-center .feedback_body_item input, .about-us .customer-center .feedback_body_item textarea {
    width: 391px;
    font-weight: 400;
    font-size: 14px;
    color: #999999;
    border: 1px solid #CCCCCC;
    text-align: center;
    outline: none
}

.about-us .customer-center .feedback_body_btm {
    margin-top: 45px;
    text-align: center
}

.about-us .customer-center .feedback_body_btm .btn {
    width: 98px;
    height: 40px;
    font-size: 18px;
    border-radius: 5px;
    color: #FF9900;
    background-color: #FFFFFF;
    border: 1px solid #FF9900
}

.about-us .customer-center .feedback_body_btm .btn:first-child {
    margin-right: 46px;
    margin-left: 10px
}

.about-us .customer-center .feedback_body_btm .btn.active {
    background-color: #FF9900;
    color: #FFFFFF
}

.about-us .parents-care {
    margin-left: 74px
}

.about-us .parents-care_title {
    margin: 0 auto;
    width: 170px;
    height: 40px;
    font-size: 18px;
    font-weight: 400;
    text-align: center;
    line-height: 40px;
    color: #000000;
    margin-bottom: 37px;
    box-sizing: border-box;
    border-radius: 10px;
    background-color: #FFFFFF;
    border: 1px solid #999999
}

.about-us .parents-care_body {
    font-size: 14px;
    line-height: 26px;
    text-indent: 2em;
    color: #666666;
    margin-bottom: 20px
}

.about-us .parents-care a {
    text-decoration: underline;
    color: #336699;
    font-size: 14px;
    line-height: 26px;
    position: relative;
    margin-left: 23px;
    display: block
}

.about-us .parents-care a:before {
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #FF6633;
    position: absolute;
    left: -24px;
    top: 9px
}

.about-us .inner-about-us, .about-us .contact-us, .about-us .sincere-hire, .about-us .customer-center, .about-us .parents-care {
    display: none
}

html, body, h1, h2, h3, h4, h5, h6, hr, p, iframe, dl, dt, dd, ul, ol, li, pre, form, button, input, textarea, th, td, fieldset, div, a {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    border: none
}

address, cite, dfn, em, b, i, u, s {
    font-weight: normal;
    font-style: normal
}

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

a {
    text-decoration: none;
    color: inherit
}

body {
    background-color: #F4F4E6;
    font-size: 14px;
    color: #666666;
    line-height: 1;
    min-width: 1080px
}

button {
    outline: none;
    cursor: pointer
}

.clearfix:before {
    clear: both;
    content: '';
    display: table
}

.clearfix:after {
    clear: both;
    content: '';
    display: table
}

.container {
    margin: 0 auto;
    width: 1080px
}

.float_left {
    float: left
}

.float_right {
    float: right
}

.text__highlight {
    color: #FF7D27
}

.text__primary {
    color: #333333
}

.icon_cricle {
    background-color: #999999;
    border-radius: 50%;
    width: 4px;
    height: 4px !important;
    display: inline-block;
    vertical-align: middle
}

.btn-default {
    background-color: #FAFAFA;
    border: 1px solid #EEEEEE;
    color: #666666;
    display: inline-block;
    font-size: 12px;
    height: 36px;
    line-height: 36px
}

.btn-lg {
    padding: 0 40px
}

.btn-md {
    padding: 0 24px;
    height: 32px;
    line-height: 32px
}

.btn_icon {
    margin-right: 2px;
    vertical-align: -1px
}

.more-link {
    color: #666666;
    font-size: 14px
}

.separators {
    margin-left: 18px;
    margin-right: 18px;
    display: inline-block
}

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

a:hover {
    color: #FF9933
}

.u-Dialog {
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.u-Dialog_nav {
    display: flex;
    padding-top: 15px;
    width: 100%;
    height: 55px;
    background: #FF9900;
    display: -webkit-flex;
    justify-content: center;
    position: relative
}

.u-Dialog_nav ul {
    overflow: hidden
}

.u-Dialog_nav ul li {
    height: 40px;
    cursor: pointer;
    font-weight: 600;
    line-height: 40px;
    padding: 0 25px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    color: #FFFFFF;
    background: #FF9900;
    float: left
}

.u-Dialog_nav ul .active {
    color: #000000;
    background: #FFFFFF
}

.u-Dialog_nav .close {
    width: 19px;
    height: 19px;
    padding-top: 8px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    right: 10px;
    cursor: pointer
}

.u-Dialog_cnt {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border: 1px solid #CCCCCC;
    background: #FFFFFF;
    border-top: none
}

.u-Dialog_cnt > div {
    display: none
}

.u-Dialog_cnt .js-active {
    display: block
}

.u-Dialog__login {
    width: 360px;
    padding: 25px 66px 20px 66px
}

.u-Dialog__login .js-login {
    margin-top: 10px;
    margin-bottom: 10px;
    width: 120px !important
}

.u-Dialog__login .forget {
    position: absolute;
    right: 20px;
    text-decoration: underline;
    bottom: 15px;
    font-size: 14px;
    color: #999999
}

.u-Dialog__sign {
    padding: 25px 66px 20px 66px
}

.u-Dialog__verify {
    padding: 0 27px;
    width: 360px
}

.u-Dialog__verify p {
    padding-top: 20px;
    color: #CCCCCC;
    margin-bottom: 20px;
    line-height: 1.21em;
    font-size: 14px
}

.u-Dialog__exchange {
    width: 496px;
    padding: 40px 30px 20px 30px
}

.u-Dialog__pay {
    width: 895px;
    padding: 15px 0px 20px 50px
}

.u-Dialog__pay .Textprompt {
    color: #999999;
    font-size: 14px
}

.u-Dialog__pay .pay_Group {
    height: 60px;
    display: flex;
    display: -webkit-flex;
    align-items: center
}

.u-Dialog__pay .pay_Group > span {
    font-size: 14px;
    color: #000000
}

.u-Dialog__pay .pay_Group > span b {
    color: #FF9900
}

.u-Dialog__pay .pay_Group label {
    width: 75px
}

.u-Dialog__pay .pay_Group input[type=text] {
    width: 238px;
    height: 35px;
    border: 1px solid #CCCCCC;
    text-align: center;
    color: #666666;
    margin-right: 30px
}
.u-Dialog__pay .pay_Group input[type=number] {
    width: 238px;
    height: 35px;
    border: 1px solid #CCCCCC;
    text-align: center;
    color: #CCCCCC;
    margin-right: 30px
}

.u-Dialog__pay .pay_Group .radios {
    display: inline-block;
    overflow: hidden;
    display: flex;
    display: -webkit-flex;
    align-items: center
}

.u-Dialog__pay .pay_Group .radios span {
    width: 100px;
    float: left;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    overflow: hidden
}

.u-Dialog__pay .pay_Group .radios span input[type=radio] {
    float: left;
    margin-right: 5px
}

.u-Dialog__pay .pay_Group .radios span b {
    float: left;
    height: 20px;
    line-height: 21px
}

.u-Dialog__pay .pay_Group .radios .alipay {
    width: 120px
}

.u-Dialog__pay .pay_Group .radios .alipay img {
    margin-left: 8px;
    width: 81px
}

.u-Dialog__pay .pay_Group .radios .wechatpay {
    width: 170px
}

.u-Dialog__pay .pay_Group .radios .wechatpay img {
    margin-left: 8px;
    width: 136px
}

.u-Dialog__Success {
    width: 400px;
    height: 200px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid transparent;
    background: #FFFFFF
}

.u-Dialog__Success .flexBox {
    width: 100%;
    height: 100%;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: column
}

.u-Dialog__Success .Top {
    text-align: center;
    display: flex;
    justify-content: center;
    display: -webkit-flex;
    align-items: center;
    height: 80px;
    width: 100%
}

.u-Dialog__Success .Top img {
    width: 54px;
    margin-right: 20px
}

.u-Dialog__Success .Top span {
    margin-top: 5px;
    font-size: 22px;
    color: #000000
}

.u-Dialog__Success .money {
    width: 100%;
    font-weight: 400;
    font-size: 30px;
    margin-top: 10px;
    color: #FF9900;
    text-align: center
}

.u-Dialog__resetBind {
    padding: 20px 40px;
    width: 496px
}

.u-Dialog__resetBind p {
    font-size: 14px
}

.u-Dialog__resetBind h3 {
    color: #666666;
    font-weight: 400;
    margin: 30px 0;
    text-align: center
}

.u-Dialog__resetBind h3 b {
    color: #FF9900;
    font-size: 18px
}

.u-Dialog__resetBind .form {
    width: 369px;
    margin: 0 auto
}

.u-Dialog__resetBind .form .verify_ipt {
    width: 100%;
    margin-bottom: 15px;
    overflow: hidden
}

.u-Dialog__resetBind .form .verify_ipt input {
    float: left;
    text-align: center;
    width: 224px;
    height: 40px;
    float: left;
    color: #999999;
    border: 1px solid #CCCCCC
}

.u-Dialog__resetBind .form .verify_ipt button {
    width: 135px;
    float: right;
    height: 40px;
    background: transparent;
    color: #333333;
    border: 1px solid #CCCCCC
}

.u-Dialog__resetBind .form .save {
    width: 100%;
    height: 44px;
    background: #000000
}

.u-Dialog__Bind {
    padding: 20px 40px;
    width: 496px
}

.u-Dialog__Bind p {
    font-size: 14px;
    margin-bottom: 20px
}

.u-Dialog__Bind .form {
    width: 369px;
    margin: 0 auto
}

.u-Dialog__Bind .form > .ipt {
    width: 100%;
    margin-bottom: 15px;
    overflow: hidden
}

.u-Dialog__Bind .form > .ipt input {
    text-align: center;
    width: 224px;
    height: 40px;
    color: #999999;
    border: 1px solid #CCCCCC
}

.u-Dialog__Bind .form > .ipt button {
    width: 135px;
    height: 40px;
    background: transparent;
    color: #333333;
    border: 1px solid #CCCCCC
}

.u-Dialog__appdownload {
    width: 435px;
    height: 406px
}

.u-Dialog__appdownload > div {
    height: 203.5px;
    background: #FFFFFF;
    padding: 0 27px
}

.u-Dialog__appdownload > div img {
    width: 120px;
    height: 120px
}

.u-Dialog__appdownload > div .btns {
    width: 242px;
    height: 120px;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.u-Dialog__appdownload > div .btns button {
    width: 165px;
    height: 37px;
    background: #FF9900;
    color: #FFFFFF;
    font-size: 16px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    text-align: center;
    line-height: 36px;
    border: 1px solid #FF9900;
    margin-bottom: 10px
}

.u-Dialog__appdownload > div .btns button:last-child {
    margin-bottom: 0;
    background: #FFFFFF;
    color: #333333;
    border: 1px solid #333333
}

.u-Dialog__appdownload > div span {
    height: 120px;
    display: flex;
    display: -webkit-flex;
    font-size: 22px;
    text-align: center;
    font-weight: 600;
    color: #FFFFFF;
    line-height: 1.5em;
    align-items: center
}

.u-Dialog__appdownload > div:first-child {
    background: #FF9900
}

.u-Dialog__appdownload .flexBox {
    width: 100%;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: column
}

.u-Dialog__news {
    width: 713px;
    padding: 50px 60px 90px 80px
}

.u-Dialog__news .mainText p {
    line-height: 1.5em;
    text-indent: 2em;
    color: #666666;
    font-size: 14px
}

.u-Dialog__news .mainText em {
    padding-bottom: 2em;
    display: block
}

.u-Dialog__news .msg {
    position: absolute;
    right: 60px;
    bottom: 30px;
    min-width: 80px;
    color: #000000;
    font-size: 12px;
    text-align: center
}

.u-Dialog__news .msg P:first-child {
    margin-bottom: 5px
}

.u-form-group {
    margin: 0 auto;
    width: 100%;
    text-align: center;
    margin-bottom: 10px
}

.u-form-group input[type=text],input[type=password] {
    width: 100%;
    height: 37px;
    padding-left: 15px;
    line-height: 37px;
    background: #F9F9F9;
    border: 1px solid #DEDEDE;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.u-form-group input[type=checkbox] {
    display: inline-block;
    vertical-align: middle
}

.u-form-group input[type=button] {
    width: 100%;
    height: 38px;
    font-weight: 600;
    background: #FF6633;
    color: #FFFFFF;
    font-size: 20px
}

.u-form-group .Check_agreement {
    font-size: 14px;
    color: #666666;
    text-decoration: underline
}

.u-form-group input[type=button]:hover {
    border: 1px solid #FF6633;
    cursor: pointer;
    background: transparent;
    color: #FF6633 !important
}

.u-form-group select {
    width: 174px;
    height: 30px;
    border: 1px solid #CCCCCC;
    background: #F2F2F2;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: left;
    margin-right: 20px;
    padding-left: 10px
}

.u-form-group select:last-child {
    margin-right: 0
}

.u-form-group__varify {
    overflow: hidden
}

.u-form-group__varify input[type=text] {
    width: 135px;
    float: left
}

.u-form-group__varify button {
    width: 80px;
    height: 37px;
    border: 1px solid #DEDEDE;
    background: #F9F9F9;
    float: right;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.u-form-group__checkbox {
    margin: 20px auto;
    text-align: left
}

.u-form-group__merge input[type=text] {
    border-bottom: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px
}

.u-form-group__merge input[type=text]:first-child {
    border-top-right-radius: 3px;
    border-top-left-radius: 3px
}

.u-form-group__merge input[type=text]:last-child {
    border-bottom: 1px solid #DEDEDE;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.u-form-group__buttons {
    display: flex;
    display: -webkit-flex;
    margin-top: 28px;
    margin-bottom: 20px
}

.u-form-group__buttons input[type=button] {
    width: auto;
    flex: 1;
    margin-right: 30px
}

.u-form-group__buttons input[type=button]:last-child {
    margin-right: 0
}

.u-form-group__layout {
    overflow: hidden;
    text-align: left
}

.u-form-group__layout .text {
    display: flex;
    display: -webkit-flex;
    align-items: center
}

.u-form-group__layout .text span {
    height: 60px;
    line-height: 60px
}

.u-form-group__layout .text .text-gr {
    margin-left: 100px;
    font-weight: 600;
    font-size: 26px;
    color: #FF9900
}

.u-form-group__layout .right {
    float: left
}

.u-FullMask {
    position: fixed;
    z-index: 99;
    width: 100%;
    display: none;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5);
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.u-mainFontColor {
    color: #FF9933
}

.u-mainBgColor {
    background-color: #FF6600
}

.u-stars {
    margin-left: 8px
}

.u-stars img {
    width: 15px;
    height: 15px
}

.u-mb200 {
    margin-bottom: 200px
}

.u-height30 {
    height: 30px;
    width: 100%
}

.u-border-rd__10 {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px
}

.u-border__none {
    border: none
}

.u-bg__FFFFFF {
    background: #FFFFFF !important
}

@-webkit-keyframes ballScale {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 1
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}

.outer-bg {
    background-color: #FFFFFF
}

.box-body {
    background-color: rgba(0, 204, 255, 0.05);
    padding: 10px 78px 164px;
    text-align: center;
    position: relative;
    box-sizing: border-box
}

.box-body_title {
    display: inline-block;
    margin: 25px 0;
    width: 276px;
    height: 62px;
    text-align: center;
    line-height: 62px;
    border-radius: 10px;
    background-color: #FFFFFF;
    border: 1px solid #FF9900
}

.box-body_title h2 {
    font-size: 22px;
    color: #000000
}

.box-body_progressbar {
    position: absolute;
    left: 78px;
    text-align: center;
    padding: 0 168px
}

.box-body_progressbar div {
    display: inline-block;
    text-align: center;
    margin-right: 123px
}

.box-body_progressbar div span {
    width: 52px;
    height: 54px;
    font-size: 20px;
    line-height: 54px;
    text-align: center;
    border-radius: 50%;
    display: inline-block;
    color: #FF9900;
    border: 1px solid #FF9900;
    box-sizing: border-box;
    background-color: #FFFFFF
}

.box-body_progressbar div p {
    font-size: 14px;
    color: #999999;
    line-height: 44px
}

.box-body_progressbar div:last-child {
    margin-right: 0
}

.box-body_progressbar div.active span {
    background-color: #FF9900;
    color: #FFFFFF
}

.box-body_progressbar div.active p {
    color: #FF9900
}

.box-body_cnt {
    border-radius: 10px;
    background-color: #FFFFFF;
    border: 1px solid #FF9900;
    margin-top: 27px;
    padding: 125px 230px 150px;
    text-align: center
}

.box-body_cnt .item {
    height: 37px;
    margin-bottom: 18px;
    text-align: center;
    line-height: 37px;
    position: relative
}

.box-body_cnt .item_label {
    width: 100px;
    font-size: 14px;
    text-align: right;
    margin-right: 5px;
    color: #000000;
    display: inline-block
}

.box-body_cnt .item_input {
    height: 100%;
    width: 264px;
    outline: none;
    text-indent: 2em;
    border-radius: 5px;
    box-sizing: border-box;
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC
}

.box-body_cnt .item_input.small {
    width: 136px;
    margin-right: 15px
}

.box-body_cnt .item_pic {
    width: 95px;
    height: 40px;
    vertical-align: middle;
    margin-left: 64px
}

.box-body_cnt .item_change {
    font-size: 14px;
    color: #000000;
    cursor: pointer
}

.box-body_cnt .item_btn {
    width: 265px;
    height: 43px;
    line-height: 43px;
    text-align: center;
    margin-left: 100px;
    margin-top: 20px;
    background-color: #FF9900;
    font-size: 14px;
    color: #FFFFFF
}

.box-body_cnt .item_btn.small {
    width: 128px;
    margin-left: 0
}

.box-body_cnt .item_btn.small:nth-of-type(1) {
    margin: 0 5px 0 100px
}

.box-body_cnt .item_btn-getCode {
    width: 116px;
    height: 37px;
    font-size: 14px;
    line-height: 37px;
    text-align: center;
    border-radius: 10px;
    color: #FF9900;
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC
}

.box-body_cnt .item.yz {
    margin-top: 30px
}

.box-body_cnt .complete-login {
    margin-top: 30px
}

.box-body_cnt .complete-login .logo {
    width: 64px;
    height: 64px;
    display: inline-block;
    margin-right: 40px
}

.box-body_cnt .complete-login .logo img {
    width: 100%;
    height: 100%;
    vertical-align: sub
}

.box-body_cnt .complete-login .success-tip {
    display: inline-block;
    text-align: left
}

.box-body_cnt .complete-login .success-tip h4 {
    color: #000000;
    font-size: 22px;
    font-weight: 400;
    line-height: 55px
}

.box-body_cnt .complete-login .success-tip span {
    color: #999999;
    font-size: 14px;
    margin-right: 5px
}

.box-body_cnt .complete-login .success-tip a {
    font-size: 14px;
    color: #FF9900
}

.box-body_cnt .find-byPhone, .box-body_cnt .find-byEmail, .box-body_cnt .reset-pwd, .box-body_cnt .complete-login {
    display: none
}



.bootUI_input {
    height: 26px;
    border-color: #ddd;
    background: #fafafa;
    padding: 2px 6px;
    width: 200px !important;
    height: 34px;
    padding: 6px 12px;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    display: block;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
}
.bootUI_input:focus {
    outline: 0;
    box-shadow: inset 0 1px 3px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
}

.bootUI_input[disabled] {
    background: #efefef;
}