body,div,li,ul {
    margin: 0;
    padding: 0;
    font-style: normal;
    font-size: 12px
}

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

img {
    border: 0;
    vertical-align: middle
}

body {
    color: #000;
    background: #fff;
}

.clear {
    clear: both;
    height: 1px;
    width: 100%;
    overflow: hidden;
    margin-top: -1px
}

body a {
    color: #333;
    text-decoration: none
}

a:hover {
    color: #ba2636
}

input {
    border: none
}

.red,.red a {
    color: red
}

.lan,.lan a {
    color: #1e51a2
}

.undis {
    display: none
}

.cursor-pointer {
    cursor: pointer
}

.hidden {
    display: none
}

.block {
    display: block
}

.clearfix {
    overflow: hidden;
    _zoom: 1
}

.text-align-left {
    text-align: left
}

.text-align-center {
    text-align: center
}

.text-align-right {
    text-align: right
}

.font-bold {
    font-weight: 700
}

.inline-block {
    display: inline-block
}

.btn-dyn,.ml-10 {
    margin-left: 10px
}

.btn-dyn {
    position: relative;
    display: inline-block;
    padding: 6px 20px;
    font-size: 16px;
    color: #fff;
    border: 1px solid;
    border-radius: 5px
}

.btn-bc1 {
    background: #2a8fbd
}

.btn-bc2 {
    background: #eb6100
}

.btn-dyn:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 80px;
    background: hsla(0,0%,100%,.1);
    -webkit-transition: .4s;
    transition: .4s
}

.btn-dyn:after {
    left: auto;
    right: 0
}

.btn-dyn:hover {
    color: #fff
}

.btn-dyn:hover:after,.btn-dyn:hover:before {
    width: 200px
}

.btn-dyn:active {
    background: #f6f6f6
}

body .rc-dialog-mask {
    z-index: 600
}

body a:focus {
    text-decoration: none
}

.dialog-center {
    display: flex;
    align-items: center;
    justify-content: center
}

.dialog-center>.rc-dialog {
    margin: 0
}

.rc-dialog .rc-dialog-close {
    top: 8px;
    z-index: 1
}

.rc-dialog .dialog-win {
    margin: 0;
    width: 1000px;
    min-height: 556px;
    background-color: #fff
}

.rc-dialog.dialog-withdraw {
    width: 700px
}

.rc-dialog .dialog-title {
    height: 56px;
    background-color: #2a8fbd;
    color: #fff;
    text-decoration: none;
    line-height: 56px;
    font-size: 16px;
    text-align: center
}

.rc-dialog .dialog-tab {
    height: 40px;
    overflow: hidden;
    background-color: #00bbf0;
    display: block
}

.rc-dialog .dialog-tab a {
    float: left;
    padding: 10px 30px;
    color: #fff;
    font-size: 14px
}

.rc-dialog .dialog-tab a.on,.rc-dialog .dialog-tab a:hover {
    background: #0b6c99
}

.rc-dialog .dialog-content {
    width: 100%
}

.rc-dialog .dialog-button {
    height: 40px;
    cursor: pointer;
    background: #05bfbf;
    font-size: 16px
}

.rc-dialog .dialog-button,.rc-dialog .dialog-button-yellow {
    color: #fff;
    line-height: 30px;
    padding: 0;
    border: 0;
    outline: 0;
    border-radius: 5px
}

.rc-dialog .dialog-button-yellow {
    min-height: 30px;
    background: #f9831c;
    font-size: 14px
}

.rc-dialog h1,h2,h3,h4,h5,h6 {
    font-family: Helvetica Neue,Helvetica,Microsoft Yahei,Hiragino Sans GB,WenQuanYi Micro Hei,sans-serif
}

.dlg-recharge {
    width: 700px!important;
    max-height: 750px;
    overflow-y: auto
}

.dlg-account,.dlg-recharge {
    background: #fff;
    margin: 0!important
}

.dlg-account {
    width: 800px!important
}

.waves-effect {
    position: relative;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    z-index: 1;
    will-change: opacity,transform;
    transition: all .3s ease-out
}

.waves-effect .waves-ripple {
    position: absolute;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    margin-left: -10px;
    opacity: 0;
    background: rgba(0,0,0,.3);
    transition: all .7s ease-out;
    transition-property: opacity,-webkit-transform;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
    -webkit-transform: scale(0);
    transform: scale(0);
    pointer-events: none
}

::-webkit-scrollbar {
    padding-left: 1px;
    background-color: #f1f1f1;
    overflow: visible;
    width: 6px;
    height: 6px;
    border-radius: 6px
}

::-webkit-scrollbar-thumb {
    background-color: rgba(0,0,0,.1);
    background-clip: padding-box;
    border-left-width: 2px;
    min-height: 10px;
    box-shadow: inset 1px 1px 0 rgba(0,0,0,.1),inset 0 -1px 0 rgba(0,0,0,.07)
}

::-webkit-scrollbar-thumb:vertical:hover {
    background-color: rgba(0,0,0,.2)
}

::-webkit-scrollbar-thumb:vertical:active {
    background-color: rgba(0,0,0,.2)
}

::-webkit-scrollbar-button {
    height: 0;
    width: 0
}

::-webkit-scrollbar-track {
    background-clip: padding-box;
    border: solid transparent;
    border-width: 0 0 0 2px
}

::-webkit-scrollbar-corner {
    background: transparent
}

::-webkit-scrollbar-track-piece {
    margin: 10px 0;
    border-radius: 4px
}

input:focus:invalid,input:required:invalid,textarea:focus:invalid,textarea:required:invalid {
    -moz-box-shadow: none;
    box-shadow: none
}

.game-bj {
    width: 100%;
    height: auto;
    background: #031a32 url(/res/images/game-bj.jpg) top no-repeat
}

.game-bj-2 {
    width: 100%;
    background: #ebebeb
}

.game-bj-3 {
    background: #020911 url(/res/images/3/game-bj-3.jpg) top no-repeat
}

.game-bj-3,.game-bj-4 {
    width: 100%;
    height: auto
}

.game-bj-4 {
    background: #040815 url(/res/images/4/game-bj-4.jpg) top no-repeat
}

.game-bj-5 {
    background: #020100 url(/res/images/5/game-bj-5.jpg) top no-repeat
}

.game-bj-5,.game-bj-6 {
    width: 100%;
    height: auto
}

.game-bj-6 {
    background: #020100 url(/res/images/6/game-bj-6.jpg) top no-repeat
}

.game-bj-7 {
    width: 100%;
    height: auto;
    background: #020100 url(/res/images/7/game-bj-7.jpg) top no-repeat
}

.game-bj-8 {
    background: #0c100f url(/res/images/8/game-bj-8.jpg) top no-repeat
}

.game-bj-8,.game-bj-9 {
    width: 100%;
    height: auto;
    margin-top: -1px
}

.game-bj-9 {
    background: #00030a url(/res/images/9/game-bj-9.jpg) top no-repeat
}

.game-bj-10 {
    width: 100%;
    height: auto;
    background: #240a0d url(/res/images/10/game-bj-10.jpg) top no-repeat
}

.game-bj-21 {
    width: 100%;
    height: auto;
    background: #031a32 url(/res/images/21/game-bj-21.jpg) top no-repeat
}

.game-bj-L2FT {
    width: 100%;
    height: auto;
    background: linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.7)),#031a32 url(/res/images/21/game-bg-L2FT.png) top no-repeat
}

.game-bj-22 {
    width: 100%;
    height: auto;
    background: #031a32 url(/res/images/22/game-bj-22.jpg) top no-repeat
}

.game-bj-23 {
    background: #0c100f url(/res/images/23/game-bj-23.jpg) top no-repeat
}

.game-bj-23,.game-bj-24 {
    width: 100%;
    height: auto;
    margin-top: -1px
}

.game-bj-24 {
    background: #0c100f url(/res/images/24/game-bj-24.jpg) top no-repeat
}

::selection {
    color: #333!important;
    background: #ffb001!important
}

.rc-dialog-content .rc-dialog-close {
    color: #fff;
    opacity: 1
}

#dlg-recharge {
    width: 100%;
    font-size: 62.5%
}

#dlg-recharge .dlg-withdraw .content-w {
    width: 965px;
    height: 46px;
    margin: 15px auto;
    background: #f0f9ff;
    padding: 40px 0 58px;
    font-size: 14px;
    color: #6a6a6a;
    box-sizing: content-box
}

#dlg-recharge .dlg-withdraw .Input-box-r,#dlg-recharge .dlg-withdraw .Input-box-r2 {
    display: inline-block;
    font-size: 14px;
    width: 322px;
    height: 44px;
    border: 1px solid #ccc;
    border-radius: 3px;
    text-align: left;
    padding-left: 18px;
    margin-left: 4px;
    box-sizing: content-box
}

#dlg-recharge .dlg-withdraw .Input-box-r2 {
    color: #000
}

#dlg-recharge .onlinePayItem {
    height: 40px
}

#dlg-recharge .Choose-bank {
    width: 888px;
    height: 200px;
    margin: 0 auto;
    font-size: 14px;
    color: #6a6a6a
}

#dlg-recharge .withdraw-w {
    width: 866px;
    height: 215px;
    margin: 15px auto;
    background: #f0f9ff;
    padding: 25px 48px;
    font-size: 14px;
    color: #6a6a6a;
    box-sizing: content-box
}

html {
    font-size: 62.5%
}

#dlg-recharge .offlineaccounts main {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

#dlg-recharge .offlineaccounts .content {
    width: 100%;
    top: 0;
    overflow-y: scroll
}

#dlg-recharge .offlineaccounts li {
    display: block;
    width: 94%;
    margin: .6rem auto;
    clear: both;
    color: #bbb;
    padding: .6rem 2%;
    border-radius: 5px;
    background: #fff url(/res/images/next.png) no-repeat 97%/.71rem 1.25rem
}

#dlg-recharge .offlineaccounts span {
    display: inline-block;
    line-height: 1.5rem
}

#dlg-recharge .offlineaccounts s {
    display: block;
    color: #aaa;
    font-size: 1.4rem;
    text-decoration: none;
    margin-top: .4rem
}

#dlg-recharge .dialog-status {
    width: inherit;
    height: inherit;
    margin: 15px auto;
    padding: 40px 0 58px 40px;
    font-size: 14px;
    color: #6a6a6a
}

#dlg-recharge .remitInfo {
    margin-bottom: 30px
}

#dlg-recharge .remitInfo li label {
    color: #333
}

#dlg-recharge .remitInfo li input::placeholder {
    color: #aaa
}

.dlg-announcement {
    width: 650px!important;
    overflow-y: auto;
    background: #fff;
    margin: 0!important
}

#dlg-notice .announcement {
    font-family: 微软雅黑;
    background: #fff;
    padding: 20px 10px;
    max-height: 700px
}

#dlg-notice .announcement>* {
    font-size: 15px
}

#dlg-notice .announcement-title {
    height: 56px;
    width: 100%;
    line-height: 56px;
    text-align: center;
    color: #fff;
    font-size: 16px
}

#dlg-notice .dlg-notice-zb .announcement-title {
    background-color: #e2393c
}

#dlg-notice h3 {
    width: 100%;
    line-height: 24px;
    cursor: pointer;
    color: #333;
    font-size: 14px;
    font-weight: 400;
    margin: 0
}

#dlg-notice h3:hover {
    color: #fff;
    background: #5db0d7
}

#dlg-notice .anticon {
    font-size: 18px;
    float: left;
    margin: 13px 10px 0
}

#dlg-notice h3 p {
    display: inline-block;
    float: left;
    width: 550px;
    width: calc(100% - 40px);
    padding: 10px 0;
    color: #666
}

#dlg-notice h3:hover .n-ico {
    background-position: 0 -28px
}

#dlg-notice .dlg-notice-ks,#dlg-notice .dlg-notice-zb {
    background-color: #2a8fbd
}

#dlg-notice .dlg-notice-ks .anticon,#dlg-notice .dlg-notice-zb .anticon {
    color: #6098b3
}

#dlg-notice .dlg-notice-ks h3:hover,#dlg-notice .dlg-notice-zb h3:hover {
    background: rgba(42,143,189,.2)
}

#dlg-notice .dlg-notice-hx {
    background-color: #0b91a7
}

#dlg-notice .dlg-notice-hx .anticon {
    color: #579ba7
}

#dlg-notice .dlg-notice-hx h3:hover {
    background: rgba(11,145,167,.2)
}

#dlg-notice .dlg-notice-fh,#dlg-notice .dlg-notice-hr {
    background-color: #539ddb
}

#dlg-notice .dlg-notice-fh .anticon,#dlg-notice .dlg-notice-hr .anticon {
    color: #4280b5
}

#dlg-notice .dlg-notice-fh h3:hover,#dlg-notice .dlg-notice-hr h3:hover {
    background: rgba(83,157,219,.2)
}

#dlg-notice .dlg-notice-by,#dlg-notice .dlg-notice-jc,#dlg-notice .dlg-notice-khg {
    background-color: #203c69
}

#dlg-notice .dlg-notice-by .anticon,#dlg-notice .dlg-notice-jc .anticon,#dlg-notice .dlg-notice-khg .anticon {
    color: #7b9fda
}

#dlg-notice .dlg-notice-by h3:hover,#dlg-notice .dlg-notice-jc h3:hover,#dlg-notice .dlg-notice-khg h3:hover {
    background: rgba(32,60,105,.1)
}

#dlg-notice .dlg-notice-hs,#dlg-notice .dlg-notice-js {
    background-color: #b32020
}

#dlg-notice .dlg-notice-hs .anticon,#dlg-notice .dlg-notice-js .anticon {
    color: #f38180
}

#dlg-notice .dlg-notice-hs h3:hover,#dlg-notice .dlg-notice-js h3:hover {
    color: #a71010;
    background: rgba(179,32,32,.1)
}

#dlg-notice .dlg-notice-hs h3:hover p,#dlg-notice .dlg-notice-js h3:hover p {
    color: #a71010
}

#dlg-notice .dlg-notice-shh {
    background-color: #bd9b23
}

#dlg-notice .dlg-notice-shh .anticon {
    color: #d2bc6f
}

#dlg-notice .dlg-notice-shh h3:hover {
    color: #daad10;
    background: rgba(239,188,9,.1)
}

#dlg-notice .dlg-notice-shh h3:hover p {
    color: #daad10
}

#dlg-notice .dlg-notice-ctd {
    background-color: #daaa0f
}

#dlg-notice .dlg-notice-ctd .anticon {
    color: #d2bc6f
}

#dlg-notice .dlg-notice-ctd h3:hover {
    color: #daad10;
    background: rgba(184,168,124,.1)
}

#dlg-notice .dlg-notice-ctd h3:hover p {
    color: #daad10
}

#dlg-notice .dlg-notice-cqyl {
    background-color: #b11a00
}

#dlg-notice .dlg-notice-cqyl .anticon {
    color: #f3553a
}

#dlg-notice .dlg-notice-cqyl h3:hover {
    color: #b11a00;
    background: rgba(184,168,124,.1)
}

#dlg-notice .dlg-notice-cqyl h3:hover p {
    color: #b11a00
}

#dlg-notice .dlg-notice-kl {
    background-color: #ab965d
}

#dlg-notice .dlg-notice-kl .anticon {
    color: #d2bc6f
}

#dlg-notice .dlg-notice-kl h3:hover {
    color: #daad10;
    background: rgba(184,168,124,.1)
}

#dlg-notice .dlg-notice-kl h3:hover p {
    color: #daad10
}

#dlg-notice .dlg-notice-ds {
    background-color: #daaa0f
}

#dlg-notice .dlg-notice-ds .anticon {
    color: #d2bc6f
}

#dlg-notice .dlg-notice-ds h3:hover {
    color: #daad10;
    background: rgba(184,168,124,.1)
}

#dlg-notice .dlg-notice-ds h3:hover p {
    color: #daad10
}

#dlg-notice .dlg-notice-fzf {
    background-color: #222
}

#dlg-notice .dlg-notice-fzf .anticon {
    color: #d2bc6f
}

#dlg-notice .dlg-notice-fzf h3:hover {
    color: #daad10;
    background: rgba(239,188,9,.1)
}

#dlg-notice .dlg-notice-fzf h3:hover p {
    color: #daad10
}

#dlg-notice .iframe {
    height: 236px;
    overflow-y: auto;
    border: 1px solid #ccc
}

#dlg-notice .iframe p {
    font-size: 14px
}

#dlg-notice .announcement-btn {
    width: 100px;
    margin: 10px auto
}

#dlg-notice .announcement-btn button {
    background: #2a8fbd;
    color: #fff;
    font-weight: 700;
    width: 100%;
    height: 40px;
    border: 1px solid transparent;
    border-radius: 4px
}

#dlg-notice .type-detail {
    font-size: 13px;
    margin-left: 45px;
    line-height: 25px
}

#dlg-notice .type-detail * {
    font-size: 15px!important
}

#dlg-notice .announcement .status {
    margin: 0 5px;
    padding: 2px 5px;
    font-size: 12px;
    color: #fff;
    width: 30px;
    height: 20px;
    line-height: 20px;
    border-radius: 5px;
    border: 1px solid #2a8fbd;
    background: #2a8fbd;
    text-align: center
}

#dlg-notice #accordion h3 {
    line-height: 1.5
}

#dlg-notice #accordion h3 p {
    padding: 10px 0 0;
    font-size: 16px
}

#dlg-notice #accordion h3 p .icon_arrow {
    display: inline-block;
    width: 7px;
    height: 8px;
    background: url(../images/icon_arrow.png) no-repeat 50%;
    background-size: 100%;
    margin-left: 10px;
    margin-right: 10px
}

#dlg-notice #accordion .messageContent {
    border-top: 1px solid #ecebeb;
    padding-top: 5px
}

#com-carman .Bank-card-w {
    height: 121px
}

#com-carman .Bank-card-w .card-name {
    margin: 3px auto 1px 10px
}

#dlg-addCard .dialog-content {
    padding: 20px 0 30px
}

#dlg-addCard .h-pageCardAdd {
    padding-top: 50px
}

#dlg-addCard .h-addCard {
    float: left;
    width: 160px;
    height: 128px;
    display: inline-block;
    background: url(../images/h-addCard.png) no-repeat;
    margin: 60px 40px 0 70px
}

#dlg-addCard .card-add {
    float: left;
    display: inline-block;
    padding: 20px 20px 0 10px
}

#dlg-addCard .card-add .ant-input-wrapper {
    display: inline-block;
    width: 500px
}

#dlg-addCard .card-add .ant-input,#dlg-addCard .card-add .ant-select {
    width: 300px
}

#dlg-addCard .card-add .ant-select-selection {
    border-radius: 0
}

#dlg-addCard .card-add .item {
    margin: 10px auto;
    font-size: 14px
}

#dlg-addCard .card-add .item button {
    margin-top: 10px;
    margin-right: 24px
}

#dlg-addCard .card-add .ant-btn-primary {
    background: #05bfbf;
    border-color: #05bfbf
}

#dlg-addCard input::-webkit-inner-spin-button,#dlg-addCard input::-webkit-outer-spin-button {
    -webkit-appearance: none!important;
    margin: 0
}

#dlg-addCard input[type=number] {
    -moz-appearance: textfield
}

#dlg-addCard .exchange-rate-text {
    font-size: 14px;
    text-align: center
}

#dlg-addCard .exchange-rate-text span:nth-child(2) {
    color: #e21b3c
}

#com-carman .txt-prompt li {
    list-style: none;
    margin-left: 20px
}

#dlg-addCard .card-add .item input.input-pay_no::placeholder {
    color: #aaa
}

#dlg-addCard .card-add .ant-input-lg::placeholder {
    color: #aaa;
    font-size: 14px
}

#com-carman {
    width: 100%;
    height: 100%;
    border: 1px solid #e8e8e8;
    padding: 10px;
    margin-top: 10px
}

#com-carman .us-mane-w {
    font-family: 微软雅黑;
    font-size: 12px;
    line-height: 1.8em;
    background-color: #fff;
    height: 515px;
    overflow: auto
}

#com-carman .tit-y {
    height: 30px;
    background: #f0f9fe;
    margin-bottom: 15px;
    line-height: 28px;
    color: #2a8fbd;
    font-family: 微软雅黑;
    overflow: hidden
}

#com-carman .tit-y span {
    margin-left: 15px;
    float: left
}

#com-carman .Marker-h {
    color: #f80d4f
}

#com-carman .Bank-card-size {
    width: 720px;
    margin: 0 auto;
    font-family: 微软雅黑
}

#com-carman .Bank-card-w {
    border: 1px solid #e9ecef;
    width: 230px;
    height: 145px;
    border-radius: 8px;
    background: #fcfcfc;
    color: #807f80;
    float: left;
    margin: 5px
}

#com-carman .Bank-card-w .f-l-w {
    display: block;
    width: 218px;
    height: 27px;
    background: #f0f9fe;
    font-family: 微软雅黑;
    margin-top: 16px;
    line-height: 28px;
    padding-left: 10px
}

#com-carman .Bank-card-w .card-name {
    margin: 9px auto 10px 10px;
    font-family: 微软雅黑;
    font-size: 12px;
    color: #999
}

#com-carman .Bank-card-w .card-operating {
    margin: 2px 0;
    width: 215px
}

#com-carman .Bank-card-w {
    color: #2a8fbd;
    font-family: 微软雅黑
}

#com-carman .Bank-card-w .unb-b {
    float: left;
    margin-left: 10px;
    font-family: 微软雅黑;
    line-height: 21px;
    color: #999;
    max-width: 168px;
    overflow: hidden
}

#com-carman .Bank-card-w i {
    display: block;
    width: 28px;
    height: 28px;
    float: left;
    background: url(../images/all-ico.png) -159px -115px no-repeat;
    margin: 42px 19px 10px 53px
}

#com-carman .Bank-card-w .Add-b {
    display: block;
    width: 100px;
    height: 30px;
    font-size: 14px;
    float: left;
    margin-top: 23px;
    line-height: 21px;
    font-family: 微软雅黑
}

#com-carman .txt-prompt {
    color: #999898;
    margin-left: 15px;
    padding-bottom: 15px
}

#com-carman .txt-prompt p {
    color: #999898;
    font-family: 微软雅黑;
    display: block;
    line-height: 21px
}

#com-carman .default-card {
    color: red;
    float: right
}

#dlg-feedBack .dialog-content {
    padding: 20px 0 30px;
    height: 600px;
    overflow-y: scroll;
    display: flex;
    justify-content: center
}

#dlg-feedBack .h-pageCardAdd {
    padding-top: 50px
}

#dlg-feedBack .h-addCard {
    float: left;
    width: 170px;
    height: 128px;
    display: inline-block;
    background: url(../images/h-addCard.png) no-repeat;
    margin: 60px 40px 0 70px
}

#dlg-feedBack .card-group {
    float: left;
    display: inline-block;
    padding: 20px 20px 0;
    width: 90%
}

#dlg-feedBack .card-group .ant-input-wrapper {
    display: inline-block;
    width: 500px
}

#dlg-feedBack .card-group .ant-input,#dlg-feedBack .card-group .ant-select {
    width: 300px
}

#dlg-feedBack .card-group .ant-select-selection {
    border-radius: 0
}

#dlg-feedBack .card-group .item {
    margin: 10px auto;
    font-size: 14px
}

#dlg-feedBack .card-group .item.item-validate {
    display: flex;
    flex-direction: row;
    align-items: center;
    border: 1px solid #aaa;
    justify-content: space-between
}

#dlg-feedBack .card-group .item.item-validate label {
    padding: 0 30px
}

#dlg-feedBack .card-group .item.item-validate input {
    font-size: 14px;
    letter-spacing: .5px;
    background: #f0f0f0;
    padding-left: 15px;
    line-height: 32px
}

#dlg-feedBack .card-group .item.item-validate input:focus {
    outline: none
}

#dlg-feedBack .card-group .item.item-validate .show_validate_num {
    border: 0;
    width: 110px;
    height: 32px;
    margin: 4px;
    cursor: pointer;
    border-radius: 15px
}

#dlg-feedBack .card-group .item.item-validate .show_validate_num:focus {
    outline: none
}

#dlg-feedBack .card-group .item button {
    margin-top: 10px;
    margin-right: 24px
}

#dlg-feedBack .card-group .ant-btn-primary {
    background: #05bfbf;
    border-color: #05bfbf
}

#dlg-feedBack input::-webkit-inner-spin-button,#dlg-feedBack input::-webkit-outer-spin-button {
    -webkit-appearance: none!important;
    margin: 0
}

#dlg-feedBack input[type=number] {
    -moz-appearance: textfield
}

.dlg-feedBack .dialog-tab li {
    width: 100%;
    display: flex;
    justify-content: center
}

.dlg-feedBack .dialog-tab li a.on {
    background: transparent
}

.dlg-feedBack .card-group .item {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    text-align: center
}

.dlg-feedBack .card-group .item.item-group {
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding-bottom: 20px
}

.dlg-feedBack .card-group .item>span {
    color: #fff;
    display: inline-block;
    white-space: nowrap;
    font-size: 15px;
    line-height: 23px;
    background: #aeaeae;
    border-radius: 30px;
    padding: 2px 9px;
    letter-spacing: 1px
}

.dlg-feedBack .card-group .item div {
    width: 100%;
    font-size: 14px;
    padding: 15px 0 5px
}

.dlg-feedBack .card-group .item div ol {
    width: 100%;
    display: flex
}

.dlg-feedBack .card-group .item div ol>li {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column
}

.dlg-feedBack .card-group .item div ol>li label {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 12px;
    line-height: 1.5
}

.dlg-feedBack .card-group .item div ol>li label:before {
    display: inline-block;
    content: "";
    width: 28px;
    height: 28px
}

.dlg-feedBack .card-group .item div ol>li input[type=radio] {
    width: 12px;
    height: 12px;
    display: inline-block;
    border: 1px solid #a8a8a8;
    border-radius: 50%;
    margin-top: 7px
}

.dlg-feedBack .card-group .item div ol>li:first-child label:before {
    background: url(../images/feedback/icon_feedback_veryBad.png) no-repeat;
    background-size: 100%
}

.dlg-feedBack .card-group .item div ol>li:nth-child(2) label:before {
    background: url(../images/feedback/icon_feedback_noGood.png) no-repeat;
    background-size: 100%
}

.dlg-feedBack .card-group .item div ol>li:nth-child(3) label:before {
    background: url(../images/feedback/icon_feedback_nomal.png) no-repeat;
    background-size: 100%
}

.dlg-feedBack .card-group .item div ol>li:nth-child(4) label:before {
    background: url(../images/feedback/icon_feedback_Good.png) no-repeat;
    background-size: 100%
}

.dlg-feedBack .card-group .item div ol>li:last-child label:before {
    background: url(../images/feedback/icon_feedback_veryGoodGood.png) no-repeat;
    background-size: 100%
}

.dlg-feedBack .card-group .item div .feedBack {
    width: 100%;
    border: 1px solid #a8a8a8;
    border-radius: 3px;
    padding: 5px 8px;
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    word-break: break-all;
    min-height: 150px;
    align-items: flex-start;
    color: #7a7a7a
}

.dlg-feedBack .card-group .item div .feedBack:focus {
    border: 1px solid #7a7a7a
}

#dlg-withdraw .withdrawInfo {
    background: #f0f9ff;
    padding: 30px 0 30px 50px
}

#dlg-withdraw .withdrawInfo .withdrawCash {
    display: inline-block;
    float: left;
    border: 1px solid #cac9c9;
    width: 228px;
    color: #999;
    border-radius: 6px;
    background: #fff;
    box-sizing: content-box;
    padding: 20px 10px;
    margin-right: 20px
}

#dlg-withdraw .withdrawInfo .withdrawCash span {
    line-height: 20px;
    display: block;
    text-align: center;
    font-size: 20px;
    color: #e21b3c;
    margin-top: 15px
}

#dlg-withdraw .withdrawInfo .tip {
    display: inline-block;
    float: left;
    margin-top: 35px
}

#dlg-withdraw .withdrawInfo .tip p {
    font-size: 12px;
    color: #999
}

#dlg-withdraw .withdrawInfo .anticon {
    margin-right: 5px;
    font-size: 14px;
    color: #00bbf0
}

#dlg-withdraw .withdrawForm {
    width: 470px;
    margin: 0 auto;
    padding: 30px 0
}

#dlg-withdraw .withdrawForm .span {
    float: left;
    display: inline-block;
    font-size: 14px
}

#dlg-withdraw .withdraw-input {
    height: 46px;
    line-height: 46px;
    margin-bottom: 10px
}

#dlg-withdraw .withdraw-input .withdraw-box-r {
    display: inline-block;
    font-size: 14px;
    width: 270px;
    height: 40px;
    border: 1px solid #ccc;
    border-radius: 3px;
    text-align: left;
    padding-left: 18px;
    box-sizing: content-box;
    margin-left: 4px
}

#dlg-withdraw .withdraw-input .payName {
    margin-left: 15px
}

#dlg-withdraw .withdraw-box-r:focus {
    outline: 0;
    border-color: #80befd;
    box-shadow: 0 0 10px rgba(60,149,229,.5);
    transition: all .5s ease
}

#dlg-withdraw .Choose-info {
    height: 42px;
    line-height: 42px;
    margin-bottom: 5px
}

#dlg-withdraw .Choose-b .ant-select-selection--single {
    width: 290px;
    height: 40px;
    margin-left: 5px
}

#dlg-withdraw .Choose-b .ant-select-selection--single .ant-select-selection__rendered {
    padding: 7px 0 0 10px
}

#dlg-withdraw .draw-all {
    color: #1ba3f1;
    margin-left: 5px
}

#dlg-withdraw .withdraw-prompt {
    text-align: center;
    color: #999898
}

#dlg-withdraw .withdrawSbt {
    display: block;
    width: 360px;
    height: 40px;
    background: #05bfbf;
    color: #fff;
    font-size: 16px;
    line-height: 30px;
    padding: 0;
    border: 0;
    outline: 0;
    border-radius: 5px;
    margin: 30px auto 0
}

#dlg-withdraw .withdrawForm .easterBtn {
    background: #3fd045;
    color: #000;
    margin: 30px auto -14px
}

#dlg-withdraw .withdrawForm span {
    font-size: 16px
}

#dlg-withdraw div.withdrawForm .span {
    width: 100px
}

#dlg-withdraw div.withdrawForm .withdraw-input input::placeholder {
    color: #aaa
}

.rc-dialog .dialog-tab li {
    float: left
}

.rc-dialog .dialog-tab li:first-child button {
    margin-left: 0
}

.rc-dialog .dialog-tab button {
    border: 0;
    padding: 10px 30px;
    color: #fff;
    font-size: 14px;
    background: transparent;
    cursor: pointer;
    margin-left: 2px
}

.rc-dialog .dialog-tab button.on,.rc-dialog .dialog-tab button:hover {
    background: #0b6c99
}

.rc-dialog .dialog-tab.dialog-tab_21,.rc-dialog .dialog-tab.dialog-tab_24 {
    background-color: #e2393c
}

.rc-dialog .dialog-tab.dialog-tab_21 button.on,.rc-dialog .dialog-tab.dialog-tab_21 button:hover,.rc-dialog .dialog-tab.dialog-tab_24 button.on,.rc-dialog .dialog-tab.dialog-tab_24 button:hover {
    background: #8c2527
}

.rc-dialog .dialog-tab.dialog-tab_21 a.on,.rc-dialog .dialog-tab.dialog-tab_21 a:hover,.rc-dialog .dialog-tab.dialog-tab_24 a.on,.rc-dialog .dialog-tab.dialog-tab_24 a:hover {
    background: #8c2527
}

#dlg-withdraw .withdrawForm .span {
    width: 92px
}

#dlg-withdraw .withdraw-input .withdraw-box-r {
    width: 254px;
    padding-left: 10px
}

#dlg-withdraw .withdrawInfo {
    display: flex;
    align-items: stretch
}

#dlg-withdraw .withdrawInfo .tip {
    display: inline-flex;
    float: none;
    margin: 0;
    align-items: flex-end
}

#dlg-withdraw .withdrawInfo .tip p {
    margin-bottom: 0
}

#dlg-withdraw .withdrawInfo .tip p.rate {
    font-size: 18px;
    font-weight: 500;
    color: #333
}

#dlg-withdraw .withdrawInfo .tip p.rate .text-red {
    margin-left: 4px;
    color: red;
    letter-spacing: 4px
}

.Choose-b .ant-select-selection-selected-value {
    width: 100%;
    padding: 0 10px 0 0
}

.Choose-b .ant-select-selection-selected-value .opt-inner {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.Choose-b .ant-select-selection-selected-value .opt-left {
    margin-right: 6px;
    width: 145px;
    word-break: break-all;
    height: 28px;
    display: inline-flex;
    align-items: center;
    line-height: 14px;
    overflow: hidden;
    padding: 0;
    white-space: normal
}

.Choose-b .ant-select-selection-selected-value .opt-left.align-top {
    align-items: flex-start
}

.Choose-b .ant-select-selection-selected-value .opt-right {
    display: inline-block;
    flex: 1;
    color: #1ba3f1;
    font-size: 12px;
    text-align: right
}

* {
    margin: 0;
    padding: 0
}

.closebut {
    position: absolute;
    top: 2%;
    left: 2%;
    width: 65px;
    height: 65px;
    cursor: pointer;
    z-index: 100
}

.z_div {
    text-align: center;
    margin: 15% 0 5%;
    padding-bottom: 10%;
    overflow: hidden
}

.titleimg {
    position: absolute;
    left: 7%
}

.main_z,.titleimg {
    width: 100%
}

.main_div {
    position: relative;
    margin-top: 25%
}

.click_div {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.clickoff {
    width: 30%;
    z-index: 50
}

.clickon {
    display: none;
    z-index: 50
}

.clickfontimg_div {
    position: absolute;
    width: 30%;
    top: 35%;
    left: 35%;
    height: 30%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 60
}

.cishu {
    width: 70%;
    display: inline-block;
    vertical-align: middle
}

.dianji {
    width: 50%;
    display: unset
}

.num {
    color: #c34320;
    vertical-align: middle;
    font-size: 14px
}

.arrow {
    position: absolute;
    left: 46%;
    top: 20%;
    width: 8%;
    height: 15%;
    z-index: 20
}

.click_main {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%
}

.c_div {
    width: 65%
}

.zhuanpan {
    left: 5%;
    width: 90%;
    color: #fff
}

.zhuan_div,.zhuanpan {
    position: absolute;
    top: 0;
    height: 100%
}

.zhuan_div {
    left: 37%;
    width: 25%;
    text-shadow: 0 1px 1px hsla(0,0%,100%,.6);
    box-sizing: border-box;
    margin-top: -.5%;
    margin-left: 1.5%;
    text-align: start
}

.zhuan_type span {
    transform: rotate(90deg);
    display: block;
    font-family: 微软雅黑;
    font-size: 22px
}

.xuanzhuan {
    width: 78%;
    margin: 0 auto;
    box-sizing: border-box;
    position: relative;
    z-index: 15
}

.main_bot {
    width: 90%;
    position: absolute;
    top: -7.5%;
    left: 5.5%;
    z-index: 10
}

.dalong {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999;
    background-color: rgba(0,0,0,.7);
    display: none
}

.dasele_adap {
    width: 100%;
    height: 30%
}

.da_div {
    width: 80%;
    height: 100%;
    margin: 0 auto;
    border-radius: 15px
}

.dtop {
    text-align: center;
    height: 40px
}

.dtop span {
    background-image: url(../images/luckDraw/datitle.png);
    background-position: 50%;
    background-repeat: no-repeat;
    display: inline-block;
    width: 100%;
    padding: 2% 0;
    font-family: 微软雅黑;
    font-weight: 700;
    color: #fef6d2;
    font-size: 18px;
    text-shadow: #000 1px 0 0,#000 0 1px 0,#000 -1px 0 0,#000 0 -1px 0;
    -webkit-text-shadow: #000 1px 0 0,#000 0 1px 0,#000 -1px 0 0,#000 0 -1px 0;
    -moz-text-shadow: #000 1px 0 0,#000 0 1px 0,#000 -1px 0 0,#000 0 -1px 0
}

.checkimg {
    position: absolute;
    z-index: 45;
    width: 23%;
    top: 0;
    display: none
}

.sigle {
    width: 120%;
    transform: rotate(30deg);
    margin-top: -35%;
    margin-left: -10%
}

.buttcli {
    display: flex;
    justify-content: center
}

.buttcli img:first-child {
    margin-right: 15%
}

.buttcli img {
    width: 25%;
    height: 100%
}

.dtext {
    width: 80%;
    margin: 0 auto;
    height: 72%;
    background-color: #ead4b6;
    border-radius: 5px;
    position: relative
}

.context {
    font-size: 22px;
    padding-top: 15%;
    color: #5d5a57
}

.context,.conyes {
    text-align: center
}

.conyes {
    background-image: url(../images/luckDraw/yeabg.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: absolute;
    bottom: 8%;
    left: 33%;
    display: inline-block;
    width: 35%;
    line-height: 34px;
    color: #ead4b6;
    text-shadow: #000 1px 0 0,grey 0 1px 0,grey -1px 0 0,grey 0 -1px 0;
    -webkit-text-shadow: #000 1px 0 0,#000 0 1px 0,#000 -1px 0 0,#000 0 -1px 0;
    -moz-text-shadow: #000 1px 0 0,#000 0 1px 0,#000 -1px 0 0,#000 0 -1px 0;
    font-family: 微软雅黑;
    font-weight: 700
}

.self_adaption {
    width: 100%;
    margin: 0 auto;
    position: relative
}

.maxdiv {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1001;
    background-color: rgba(0,0,0,.6)
}

@media(min-width: 570px)and (max-width:1050px) {
    .self_adaption {
        width:65%
    }

    .dasele_adap {
        width: 65%;
        height: 30%
    }
}

@media(min-width: 1051px)and (max-width:1500px) {
    .self_adaption {
        width:45%
    }

    .dasele_adap {
        width: 45%;
        height: 30%
    }
}

@media(min-width: 1501px) {
    .self_adaption {
        width:26%
    }

    .dasele_adap {
        width: 26%;
        height: 30%
    }
}

.sumimg {
    width: 100%
}

.copyimg {
    width: 40%;
    margin-left: 50%;
    margin-top: -10%
}

.summain {
    position: relative
}

.sumclose {
    right: 2%
}

.attrclose,.sumclose {
    position: absolute;
    top: 8%;
    width: 12%
}

.attrclose {
    right: 0
}

.attrrule {
    position: absolute;
    top: 8%;
    right: 0;
    width: 100%
}

.attrmian {
    background-size: 100% 100%;
    margin-top: -35%;
    box-sizing: border-box;
    position: relative
}

.attrmian span {
    display: block;
    line-height: 32px
}

.attr_soll {
    overflow-y: scroll;
    height: 95%
}

.da_magage {
    border-radius: 15px;
    background-color: hsla(45,16%,51%,.7);
    display: none
}

.da_sum {
    width: 90%
}

.da_attr,.da_sum {
    display: none
}

@media(min-width: 768px) {
    .rc-dialog {
        margin:30px auto
    }

    .rc-dialog button.rc-dialog-close:focus {
        outline: none
    }
}

#com-header-com {
    position: relative;
    top: 0;
    width: 100%;
    height: 40px;
    text-align: center;
    font-family: 宋体;
    border-bottom: 1px solid #eeecec
}

#com-header-com .fixed_top {
    position: fixed;
    top: 0;
    z-index: 9999;
    width: 100%;
    background-color: #fff
}

#com-header-com .head {
    height: 40px
}

#com-header-com .head-hx,#com-header-com .head-zc {
    background-color: #fff;
    color: #848585;
    border: 1px solid #eeecec
}

#com-header-com .head-jc {
    background-color: #091d3e;
    color: #fff
}

#com-header-com .head-by {
    background-color: #f7f7f7
}

#com-header-com .head-cqyl {
    background-color: #f7f7f8
}

#com-header-com .head-shh {
    background: linear-gradient(0deg,#252525,#434343);
    color: #e6e6e6
}

#com-header-com .head_c {
    margin: 0 auto;
    width: 1200px;
    height: 40px;
    font-size: 12px;
    line-height: 37px
}

#com-header-com .head-ctd {
    background-color: #314fc9;
    color: #fff
}

#com-header-com .head-ctd li>a {
    color: #fff
}

#com-header-com .head-ds {
    background-color: #314fc9;
    color: #fff
}

#com-header-com .head-ds li>a {
    color: #fff
}

#com-header-com .nicknameinput {
    background: transparent;
    width: 72px;
    height: 24px;
    line-height: 24px
}

#com-header-com .change {
    position: absolute;
    top: 10px;
    display: inline-block;
    cursor: pointer;
    width: 16px;
    height: 16px;
    background: url(../images/2/i_edit.png) no-repeat
}

#com-header-com .head-jc .head_c li>a {
    color: #fff
}

#com-header-com .head-shh li>a {
    color: #e6e6e6
}

#com-header-com .head_c a:hover {
    color: #0280a0
}

#com-header-com .head-shh a:hover {
    color: #ffd66f
}

#com-header-com .head_l {
    position: relative;
    float: left;
    width: 350px;
    height: 40px
}

#com-header-com .head_l li {
    position: relative;
    float: left;
    padding-right: 15px
}

#com-header-com .head_l .s-line {
    display: block;
    margin-top: 10px;
    width: 1px;
    height: 16px;
    background: #848585
}

#com-header-com .head_l .code_ico {
    display: block;
    margin-top: 9px;
    width: 18px;
    height: 18px;
    background: url(../images/2/all_ico.png) 0 0 no-repeat
}

#com-header-com .display_code_ico {
    position: absolute;
    top: 30px;
    left: -92px;
    z-index: 9;
    display: none;
    width: 295px;
    height: 176px;
    background: url(../images/2/QR_code_img.png) 0 0 no-repeat
}

#com-header-com .display_code_ico .qrCode_img {
    position: absolute;
    top: 30px;
    left: 20px
}

#com-header-com .download_btns {
    position: absolute;
    top: 80px;
    left: 152px
}

#com-header-com .download_btns a {
    display: block;
    width: 74px;
    height: 23px;
    border-radius: 50px;
    text-align: center;
    line-height: 23px
}

#com-header-com .Click_app_an {
    background: #fca507;
    margin-bottom: 10px
}

#com-header-com .Click_app_ios {
    background: #1e9ffc
}

#com-header-com .display_code_ico a {
    color: #fff
}

#com-header-com .display_code_ico a:hover {
    background: #0280a0;
    color: #fff
}

#com-header-com .head_l ul li:hover .display_code_ico {
    display: block;
    transition: all .5s ease
}

#com-header-com .head_r {
    position: relative;
    float: right;
    height: 40px
}

#com-header-com .head_r li {
    float: left;
    margin: 0 15px 0 12px
}

#com-header-com .head_r li:last-child {
    margin: 0 0 0 12px
}

#com-header-com .service-r a {
    margin-left: 10px
}

#com-header-com .head_r .down_ico {
    float: right;
    display: block;
    margin-top: 16px;
    width: 8px;
    height: 5px;
    background: url(../images/2/all_ico.png) -21px 0 no-repeat
}

#com-header-com .subnav {
    position: absolute;
    top: 34px;
    left: -52px;
    z-index: 9999;
    display: none;
    padding: 11px 0;
    width: 190px;
    border: 1px solid rgba(0,0,0,.1);
    border-radius: 5px;
    background: #fff;
    color: #333;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    line-height: 42px
}

#com-header-com .subnav:before {
    position: absolute;
    bottom: 100%;
    left: 80px;
    width: 0;
    height: 0;
    border-color: rgba(0,0,0,.1) transparent;
    border-style: solid;
    border-width: 0 8px 8px;
    content: ""
}

#com-header-com .subnav:after {
    position: absolute;
    bottom: 100%;
    left: 82px;
    width: 0;
    height: 0;
    border-color: #fff transparent;
    border-style: solid;
    border-width: 0 6px 6px;
    content: ""
}

#com-header-com .subnav dd,#com-header-com .subnav dt {
    position: relative;
    display: block;
    height: 33px;
    line-height: 35px;
    cursor: pointer
}

#com-header-com .b_nes {
    position: absolute;
    top: 9px;
    left: 161px;
    width: 17px;
    height: 17px;
    background: url(../images/2/all_ico.png) -237px 2px no-repeat
}

#com-header-com .head_r ul li:hover>.subnav {
    display: block
}

#com-header-com .subnav_us {
    position: absolute;
    top: 34px;
    left: 45px;
    z-index: 9999;
    display: none;
    padding: 11px 0;
    width: 165px;
    border: 1px solid rgba(0,0,0,.1);
    border-radius: 5px;
    background: #fff;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    font-size: 14px;
    line-height: 42px
}

#com-header-com .subnav_us:before {
    position: absolute;
    bottom: 100%;
    left: 70px;
    width: 0;
    height: 0;
    border-color: rgba(0,0,0,.1) transparent;
    border-style: solid;
    border-width: 0 8px 8px;
    content: ""
}

#com-header-com .subnav_us:after {
    position: absolute;
    bottom: 100%;
    left: 72px;
    width: 0;
    height: 0;
    border-color: #fff transparent;
    border-style: solid;
    border-width: 0 6px 6px;
    content: ""
}

#com-header-com .subnav_us dd {
    position: relative;
    display: block;
    margin: 5px auto;
    width: 143px;
    height: 33px;
    border: 1px solid #e9eaea;
    border-radius: 5px;
    letter-spacing: 3px;
    line-height: 35px
}

#com-header-com .head_r ul li:hover>.subnav_us {
    display: block
}

#com-header-com .subnav_Fast dd:hover,#com-header-com .subnav_us dd:hover {
    border: 1px solid #7e2553
}

#com-header-com .head-shh .subnav_Fast dd:hover,#com-header-com .head-shh .subnav_us dd:hover {
    border-color: #e9eaea
}

#com-header-com .service-r a:hover,#com-header-com .subnav_Fast dd:hover a,#com-header-com .subnav_us dd:hover a {
    color: #ff004d
}

#com-header-com .head-shh .service-r a:hover,#com-header-com .head-shh .subnav_Fast dd:hover a,#com-header-com .head-shh .subnav_us dd:hover a {
    color: #efbc09
}

#com-header-com .subnav_Fast {
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    position: absolute;
    background: #fff;
    width: 165px;
    top: 34px;
    left: 132px;
    z-index: 9999;
    line-height: 42px;
    border: 1px solid rgba(0,0,0,.1);
    border-radius: 5px;
    padding: 11px 0;
    font-size: 14px;
    display: none
}

#com-header-com .subnav_Fast:before {
    border-color: rgba(0,0,0,.1) transparent;
    border-style: solid;
    border-width: 0 8px 8px;
    bottom: 100%;
    content: "";
    height: 0;
    position: absolute;
    left: 70px;
    width: 0
}

#com-header-com .subnav_Fast:after {
    border-color: #fff transparent;
    border-style: solid;
    border-width: 0 6px 6px;
    bottom: 100%;
    content: "";
    height: 0;
    position: absolute;
    left: 72px;
    width: 0
}

#com-header-com .subnav_Fast dd {
    border: 1px solid #e9eaea;
    display: block;
    width: 143px;
    height: 33px;
    line-height: 35px;
    position: relative;
    letter-spacing: 3px;
    margin: 5px auto;
    border-radius: 5px
}

#com-header-com .head_r ul li:hover>.subnav_Fast {
    display: block
}

#com-header-com .subnav_Fast .easterDd {
    background-color: #3fd045
}

#com-header-com .head_l .mail-ico {
    display: block;
    margin-top: 9px;
    width: 22px;
    height: 18px;
    background: url(../images/all-ico.png)-69px 1px no-repeat
}

#com-header-com .new-message {
    position: relative
}

#com-header-com .new-message:after {
    position: absolute;
    content: "";
    display: block;
    height: 10px;
    width: 10px;
    bottom: 12px;
    left: 16px;
    background-color: #f07932;
    border-radius: 50%
}

#com-header-com .head-hx #Station-letter .mail-ico {
    display: block;
    margin-top: 9px;
    width: 24px;
    height: 18px;
    background: url(../images/mail-ico_hx.png) 0 1px no-repeat
}

#com-header-com .head-hx #Station-letter .mail-ico:hover {
    display: block;
    margin-top: 9px;
    width: 24px;
    height: 18px;
    background: url(../images/mail-ico_hx.png) 0 -19px no-repeat
}

#com-header-com .head-zc #Station-letter .mail-ico {
    display: block;
    margin-top: 9px;
    width: 24px;
    height: 18px;
    background: url(../images/mail-ico_hx.png) 0 1px no-repeat
}

#com-header-com .head-zc #Station-letter .mail-ico:hover {
    display: block;
    margin-top: 9px;
    width: 24px;
    height: 18px;
    background: url(../images/mail-ico_hx.png) 0 -19px no-repeat
}

#dlg-browser {
    width: 920px;
    height: 520px;
    background-color: #fff
}

#dlg-browser .browser-title {
    font-size: 14px;
    background-color: #2a8fbd;
    width: 100%;
    height: 40px;
    line-height: 40px;
    color: #fff;
    text-align: center
}

#dlg-browser .browser-iframe {
    width: 920px
}

#com-header-fzf {
    position: relative;
    top: 0;
    width: 100%;
    height: 115px;
    background-color: #000;
    text-align: center;
    font-family: 宋体
}

#com-header-fzf .nicknameinput {
    background: transparent;
    width: 72px;
    height: 24px;
    line-height: 24px
}

#com-header-fzf .change {
    position: absolute;
    top: 13px;
    display: inline-block;
    cursor: pointer;
    width: 16px;
    height: 16px;
    background: url(../images/24/i_edit.png) no-repeat
}

#com-header-fzf .hidden-div {
    overflow: hidden;
    width: 0;
    height: 0;
    position: absolute;
    left: -10000
}

#com-header-fzf i {
    font-style: normal
}

#com-header-fzf .focusnick {
    height: 24px;
    width: 72px;
    border-radius: 3px;
    color: #000;
    background: #fff
}

#com-header-fzf #headerlogo,#com-header-fzf #headerlogo_24 {
    width: 320px;
    height: 103px;
    margin-top: 10px;
    float: left;
    background: url(../images/24/logo_24.png);
    background-size: cover
}

#com-header-fzf .content-w {
    width: 1200px;
    height: 115px;
    margin: 0 auto
}

#com-header-fzf .content-w #logo {
    width: 332px;
    height: 107px;
    margin-top: 15px;
    float: left;
    background: url(../images/24/logo_24.png) 0 -51px no-repeat
}

#com-header-fzf .subnav {
    width: 600px;
    height: 74px;
    margin-top: 22px;
    float: right;
    font-size: 12px;
    color: #fefefe
}

#com-header-fzf .subnav a {
    color: #fefefe
}

#com-header-fzf .subnav a:hover {
    color: #ffe401;
    text-decoration: none
}

#com-header-fzf .subnav .subnav-l {
    position: relative;
    width: 220px;
    height: 70px;
    float: left
}

#com-header-fzf .subnav-l ul li {
    position: relative;
    float: left;
    width: 90px;
    height: 36px;
    line-height: 43px
}

#com-header-fzf .txt-l {
    text-align: left
}

#com-header-fzf .txt-w {
    margin-left: 10px
}

#com-header-fzf .icon-w {
    display: inline-block;
    width: 20px;
    height: 18px;
    transition: all .3s ease;
    vertical-align: middle
}

#com-header-fzf .subnav-l li a:hover>i,.subnav-l li.active a>i {
    -ms-background-position-y: -20px;
    background-position-y: -20px
}

#com-header-fzf .n-ico {
    background: url(../images/all-ico.png)-69px 1px no-repeat
}

#com-header-fzf .balance-ico {
    background: url(../images/all-ico.png) 0 0 no-repeat
}

#com-header-fzf .news-ico {
    background: url(../images/all-ico.png)-69px 0 no-repeat
}

#com-header-fzf .subnav .subnav-c {
    position: relative;
    width: 223px;
    height: 70px;
    float: left;
    line-height: 14px
}

#com-header-fzf .subnav-line-c {
    width: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border-left: 1px solid #88bdd5;
    border-right: 1px solid #88bdd5
}

#com-header-fzf .subnav-line-c li {
    width: 110px;
    height: 30px;
    line-height: 30px;
    float: left;
    color: #000
}

#com-header-fzf .subnav-line-c li a {
    position: relative
}

#com-header-fzf .subnav-line-c li a:after {
    content: "";
    position: absolute;
    top: 3px;
    right: -16px;
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 0 0 2px 4px;
    transition: all .3s ease;
    vertical-align: middle;
    background: url(../images/all-ico.png) -27px -2px no-repeat
}

#com-header-fzf .subnav-c li a:hover>i,.subnav-c li.active a>i {
    -ms-background-position-y: -22px;
    background-position-y: -22px
}

#com-header-fzf .subnav .subnav-r {
    width: 100px;
    height: 74px;
    float: left;
    margin-left: 20px;
    position: relative;
    top: 0
}

#com-header-fzf .subnav-r ul li {
    width: 111px;
    height: 35px;
    float: right;
    line-height: 47px
}

#com-header-fzf .More-down {
    display: inline-block;
    width: 18px;
    height: 15px;
    margin: 0 0 2px 4px;
    transition: all .3s ease;
    vertical-align: middle;
    background: url(../images/all-ico.png) -47px -3px no-repeat
}

#com-header-fzf .subnav-r li a:hover>i,.subnav-r li.active a>i {
    -ms-background-position-y: -22px;
    background-position-y: -22px
}

#com-header-fzf .nes-b-ico {
    display: inline-block;
    width: 18px;
    height: 15px;
    transition: all .3s ease;
    vertical-align: middle;
    margin: 0 9px 0 0;
    background: url(../images/all-ico.png)-97px 0 no-repeat
}

#com-header-fzf .Piece-w {
    float: left;
    width: 100px;
    height: 25px;
    margin-top: 11px;
    text-align: center;
    margin-left: 9px;
    line-height: 24px
}

#com-header-fzf .Piece {
    display: block;
    width: 48px;
    height: 22px;
    background: rgba(0,0,0,.2)!important;
    border-radius: 2px 2px 2px 2px
}

#com-header-fzf .Piece-l {
    float: left
}

#com-header-fzf .Piece-r {
    float: right
}

#com-header-fzf .all-balances {
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    position: absolute;
    background: #fff;
    width: 200px;
    padding-top: 7px;
    top: 40px;
    left: 43px;
    z-index: 2;
    border: 1px solid rgba(0,0,0,.1);
    border-radius: 3px
}

#com-header-fzf .all-balances:before {
    border-color: rgba(0,0,0,.1) transparent;
    border-style: solid;
    border-width: 0 9px 9px;
    bottom: 100%;
    content: "";
    height: 0;
    position: absolute;
    left: 76px;
    width: 0
}

#com-header-fzf .all-balances:after {
    border-color: #fff transparent;
    border-style: solid;
    border-width: 0 9px 9px;
    bottom: 100%;
    content: "";
    height: 0;
    position: absolute;
    left: 86px;
    width: 0
}

#com-header-fzf .all-balances .mode {
    display: block;
    width: 100%;
    float: left;
    border-radius: 0 0 5px 5px;
    line-height: 55px;
    height: 55px
}

#com-header-fzf .m-border {
    border-bottom: 1px solid #eee
}

#com-header-fzf .all-balances a {
    color: #818181
}

#com-header-fzf .all-balances a:hover {
    background: #f5f5f5;
    color: #818181
}

#com-header-fzf .subnav-l .all-balances {
    display: none;
    opacity: 0
}

#com-header-fzf .subnav-l ul li:hover>.all-balances {
    display: block;
    animation: all-balances-animation .3s;
    animation-fill-mode: both
}

#com-header-fzf .all-balances span {
    margin: 10px;
    font-size: 18px;
    color: red
}

#com-header-fzf .all-balances .b-rgb {
    color: #03bc0a
}

#com-header-fzf .Refresh {
    display: block;
    width: 15px;
    height: 15px;
    float: right;
    margin: 13px 12px 0 0;
    background: url(../images/all-ico.png) -248px -189px no-repeat
}

#com-header-fzf .all-balances .on-rgb {
    color: #b8b7b7
}

#com-header-ctd {
    position: relative;
    top: 0;
    width: 100%;
    height: 115px;
    background-color: #e2393c;
    text-align: center;
    font-family: 宋体
}

#com-header-ctd .nicknameinput {
    background: transparent;
    width: 72px;
    height: 24px;
    line-height: 24px
}

#com-header-ctd .change {
    position: absolute;
    top: 13px;
    display: inline-block;
    cursor: pointer;
    width: 16px;
    height: 16px;
    background: url(../images/24/i_edit.png) no-repeat
}

#com-header-ctd .hidden-div {
    overflow: hidden;
    width: 0;
    height: 0;
    position: absolute;
    left: -10000
}

#com-header-ctd i {
    font-style: normal
}

#com-header-ctd .focusnick {
    height: 24px;
    width: 72px;
    border-radius: 3px;
    color: #000;
    background: #fff
}

#com-header-ctd #headerlogo {
    width: 260px;
    height: 74px;
    margin-top: 15px;
    float: left;
    background: url(../images/LOGO.png) 0 -51px no-repeat
}

#com-header-ctd #headerlogo_22 {
    width: 248px;
    height: 66px;
    margin-top: 21px;
    float: left;
    background: url(../images/22/logo_22.png) no-repeat;
    background-size: 100% 100%
}

#com-header-ctd #headerlogo_21 {
    width: 258px;
    height: 60px;
    margin-top: 30px;
    float: left;
    background: url(../images/21/logo_21.png) no-repeat;
    background-size: 100% 100%
}

#com-header-ctd #headerlogo_24 {
    width: 261px;
    height: 49px;
    margin-top: 30px;
    float: left;
    background: url(../images/24/logo_24.png) no-repeat;
    background-size: 100% 100%
}

#com-header-ctd .content-w {
    width: 1200px;
    height: 115px;
    margin: 0 auto
}

#com-header-ctd .content-w #logo {
    width: 332px;
    height: 74px;
    margin-top: 15px;
    float: left;
    background: url(../images/logo_22.png) 0 -51px no-repeat
}

#com-header-ctd .subnav {
    width: 600px;
    height: 74px;
    margin-top: 22px;
    float: right;
    font-size: 12px;
    color: #fefefe
}

#com-header-ctd .subnav a {
    color: #fefefe
}

#com-header-ctd .subnav a:hover {
    color: #ffe401;
    text-decoration: none
}

#com-header-ctd .subnav .subnav-l {
    position: relative;
    width: 220px;
    height: 70px;
    float: left
}

#com-header-ctd .subnav-l ul li {
    position: relative;
    float: left;
    width: 90px;
    height: 36px;
    line-height: 43px
}

#com-header-ctd .txt-l {
    text-align: left
}

#com-header-ctd .txt-w {
    margin-left: 10px
}

#com-header-ctd .icon-w {
    display: inline-block;
    width: 20px;
    height: 18px;
    transition: all .3s ease;
    vertical-align: middle
}

#com-header-ctd .subnav-l li a:hover>i,.subnav-l li.active a>i {
    -ms-background-position-y: -20px;
    background-position-y: -20px
}

#com-header-ctd .n-ico {
    background: url(../images/all-ico.png)-69px 1px no-repeat
}

#com-header-ctd .balance-ico {
    background: url(../images/all-ico.png) 0 0 no-repeat
}

#com-header-ctd .news-ico {
    background: url(../images/all-ico.png)-69px 0 no-repeat
}

#com-header-ctd .subnav .subnav-c {
    position: relative;
    width: 223px;
    height: 70px;
    float: left;
    line-height: 14px
}

#com-header-ctd .subnav-line-c {
    width: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border-left: 1px solid #88bdd5;
    border-right: 1px solid #88bdd5
}

#com-header-ctd .subnav-line-c li {
    width: 110px;
    height: 30px;
    line-height: 30px;
    float: left;
    color: #000
}

#com-header-ctd .subnav-line-c li a {
    position: relative
}

#com-header-ctd .subnav-line-c li a:after {
    content: "";
    position: absolute;
    top: 3px;
    right: -16px;
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 0 0 2px 4px;
    transition: all .3s ease;
    vertical-align: middle;
    background: url(../images/all-ico.png) -27px -2px no-repeat
}

#com-header-ctd .subnav-c li a:hover>i,.subnav-c li.active a>i {
    -ms-background-position-y: -22px;
    background-position-y: -22px
}

#com-header-ctd .subnav .subnav-r {
    width: 100px;
    height: 74px;
    float: left;
    margin-left: 20px;
    position: relative;
    top: 0
}

#com-header-ctd .subnav-r ul li {
    width: 111px;
    height: 35px;
    float: right;
    line-height: 47px
}

#com-header-ctd .More-down {
    display: inline-block;
    width: 18px;
    height: 15px;
    margin: 0 0 2px 4px;
    transition: all .3s ease;
    vertical-align: middle;
    background: url(../images/all-ico.png) -47px -3px no-repeat
}

#com-header-ctd .subnav-r li a:hover>i,.subnav-r li.active a>i {
    -ms-background-position-y: -22px;
    background-position-y: -22px
}

#com-header-ctd .nes-b-ico {
    display: inline-block;
    width: 18px;
    height: 15px;
    transition: all .3s ease;
    vertical-align: middle;
    margin: 0 9px 0 0;
    background: url(../images/all-ico.png)-97px 0 no-repeat
}

#com-header-ctd .Piece-w {
    float: left;
    width: 100px;
    height: 25px;
    margin-top: 11px;
    text-align: center;
    margin-left: 9px;
    line-height: 24px
}

#com-header-ctd .Piece {
    display: block;
    width: 48px;
    height: 22px;
    background: rgba(0,0,0,.2)!important;
    border-radius: 2px 2px 2px 2px
}

#com-header-ctd .Piece-l {
    float: left
}

#com-header-ctd .Piece-r {
    float: right
}

#com-header-ctd .all-balances {
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    position: absolute;
    background: #fff;
    width: 200px;
    padding-top: 7px;
    top: 40px;
    left: 43px;
    z-index: 2;
    border: 1px solid rgba(0,0,0,.1);
    border-radius: 3px
}

#com-header-ctd .all-balances:before {
    border-color: rgba(0,0,0,.1) transparent;
    border-style: solid;
    border-width: 0 9px 9px;
    bottom: 100%;
    content: "";
    height: 0;
    position: absolute;
    left: 76px;
    width: 0
}

#com-header-ctd .all-balances:after {
    border-color: #fff transparent;
    border-style: solid;
    border-width: 0 9px 9px;
    bottom: 100%;
    content: "";
    height: 0;
    position: absolute;
    left: 86px;
    width: 0
}

#com-header-ctd .all-balances .mode {
    display: block;
    width: 100%;
    float: left;
    border-radius: 0 0 5px 5px;
    line-height: 55px;
    height: 55px
}

#com-header-ctd .m-border {
    border-bottom: 1px solid #eee
}

#com-header-ctd .all-balances a {
    color: #818181
}

#com-header-ctd .all-balances a:hover {
    background: #f5f5f5;
    color: #818181
}

#com-header-ctd .subnav-l .all-balances {
    display: none;
    opacity: 0
}

#com-header-ctd .subnav-l ul li:hover>.all-balances {
    display: block;
    animation: all-balances-animation .3s;
    animation-fill-mode: both
}

#com-header-ctd .all-balances span {
    margin: 10px;
    font-size: 18px;
    color: red
}

#com-header-ctd .all-balances .b-rgb {
    color: #03bc0a
}

#com-header-ctd .Refresh {
    display: block;
    width: 15px;
    height: 15px;
    float: right;
    margin: 13px 12px 0 0;
    background: url(../images/all-ico.png) -248px -189px no-repeat
}

#com-header-ctd .all-balances .on-rgb {
    color: #b8b7b7
}

#com-header {
    position: relative;
    top: 0;
    width: 100%;
    height: 115px;
    background-color: #2a8fbd;
    text-align: center;
    font-family: 宋体
}

#com-header .nicknameinput {
    background: transparent;
    width: 72px;
    height: 24px;
    line-height: 24px
}

#com-header .change {
    position: absolute;
    top: 13px;
    display: inline-block;
    cursor: pointer;
    width: 16px;
    height: 16px;
    background: url(../images/1/i_edit.png) no-repeat
}

#com-header .hidden-div {
    overflow: hidden;
    width: 0;
    height: 0;
    position: absolute;
    left: -10000
}

#com-header i {
    font-style: normal
}

#com-header .focusnick {
    height: 24px;
    width: 72px;
    border-radius: 3px;
    color: #000;
    background: #fff
}

#com-header #headerlogo {
    width: 260px;
    height: 74px;
    margin-top: 15px;
    float: left;
    background: url(../images/LOGO.png) 0 -51px no-repeat
}

#com-header #headerlogo_8 {
    width: 270px;
    height: 80px;
    margin-top: 15px;
    float: left;
    background: url(../images/8/logo_8_header.png) no-repeat;
    background-size: 100% 100%
}

#com-header #headerlogo_9 {
    width: 270px;
    height: 80px;
    margin-top: 15px;
    float: left;
    background: url(../images/9/logo_9.png) no-repeat;
    background-size: 100% 100%
}

#com-header #headerlogo_21 {
    width: 258px;
    height: 60px;
    margin-top: 30px;
    float: left;
    background: url(../images/21/logo_21.png) no-repeat;
    background-size: 100% 100%
}

#com-header .content-w {
    width: 1200px;
    height: 115px;
    margin: 0 auto
}

#com-header .content-w #logo {
    width: 332px;
    height: 74px;
    margin-top: 15px;
    float: left;
    background: url(../images/LOGO.png) 0 -51px no-repeat
}

#com-header .subnav {
    width: 600px;
    height: 74px;
    margin-top: 22px;
    float: right;
    font-size: 12px;
    color: #fefefe
}

#com-header .subnav a {
    color: #fefefe
}

#com-header .subnav a:hover {
    color: #ffe401;
    text-decoration: none
}

#com-header .subnav .subnav-l {
    position: relative;
    width: 220px;
    height: 70px;
    float: left
}

#com-header .subnav-l ul li {
    position: relative;
    float: left;
    width: 90px;
    height: 36px;
    line-height: 43px
}

#com-header .txt-l {
    text-align: left
}

#com-header .txt-w {
    margin-left: 10px
}

#com-header .icon-w {
    display: inline-block;
    width: 20px;
    height: 18px;
    transition: all .3s ease;
    vertical-align: middle
}

#com-header .subnav-l li a:hover>i,.subnav-l li.active a>i {
    -ms-background-position-y: -20px;
    background-position-y: -20px
}

#com-header .n-ico {
    background: url(../images/all-ico.png)-69px 1px no-repeat
}

#com-header .new-message {
    position: relative
}

#com-header .new-message:after {
    position: absolute;
    content: "";
    display: block;
    height: 10px;
    width: 10px;
    bottom: 13px;
    left: 15px;
    background-color: #f07932;
    border-radius: 50%
}

#com-header .balance-ico {
    background: url(../images/all-ico.png) 0 0 no-repeat
}

#com-header .news-ico {
    background: url(../images/all-ico.png)-69px 0 no-repeat
}

#com-header .subnav .subnav-c {
    position: relative;
    width: 223px;
    height: 70px;
    float: left;
    line-height: 14px
}

#com-header .subnav-line-c {
    width: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border-left: 1px solid #88bdd5;
    border-right: 1px solid #88bdd5
}

#com-header .subnav-line-c li {
    width: 110px;
    height: 30px;
    line-height: 30px;
    float: left;
    color: #000
}

#com-header .subnav-line-c li a {
    position: relative
}

#com-header .subnav-line-c li a:after {
    content: "";
    position: absolute;
    top: 3px;
    right: -16px;
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 0 0 2px 4px;
    transition: all .3s ease;
    vertical-align: middle;
    background: url(../images/all-ico.png) -27px -2px no-repeat
}

#com-header .subnav-c li a:hover>i,.subnav-c li.active a>i {
    -ms-background-position-y: -22px;
    background-position-y: -22px
}

#com-header .subnav .subnav-r {
    width: 100px;
    height: 74px;
    float: left;
    margin-left: 20px;
    position: relative;
    top: 0
}

#com-header .subnav .subnav-r>ul {
    position: absolute;
    top: -8px
}

#com-header .subnav-r ul li {
    width: 111px;
    height: 35px;
    float: right;
    line-height: 47px;
    height: 30px;
    line-height: 30px
}

#com-header .More-down {
    display: inline-block;
    width: 18px;
    height: 15px;
    transition: all .3s ease;
    vertical-align: middle;
    background: url(../images/all-ico.png) -47px -3px no-repeat;
    margin: 0 9px 0 0
}

#com-header .subnav-r li a:hover>i,.subnav-r li.active a>i {
    -ms-background-position-y: -22px;
    background-position-y: -22px
}

#com-header .nes-b-ico {
    display: inline-block;
    width: 18px;
    height: 15px;
    transition: all .3s ease;
    vertical-align: middle;
    margin: 0 9px 0 0;
    background: url(../images/all-ico.png)-97px 0 no-repeat
}

#com-header .Piece-w {
    float: left;
    width: 100px;
    height: 25px;
    margin-top: 11px;
    text-align: center;
    margin-left: 9px;
    line-height: 24px
}

#com-header .Piece {
    display: block;
    width: 48px;
    height: 22px;
    background: rgba(0,0,0,.2)!important;
    border-radius: 2px 2px 2px 2px
}

#com-header .Piece-l {
    float: left
}

#com-header .Piece-r {
    float: right
}

#com-header .all-balances {
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    position: absolute;
    background: #fff;
    width: 200px;
    padding-top: 7px;
    top: 40px;
    left: 43px;
    z-index: 2;
    border: 1px solid rgba(0,0,0,.1);
    border-radius: 3px
}

#com-header .all-balances:before {
    border-color: rgba(0,0,0,.1) transparent;
    border-style: solid;
    border-width: 0 9px 9px;
    bottom: 100%;
    content: "";
    height: 0;
    position: absolute;
    left: 76px;
    width: 0
}

#com-header .all-balances:after {
    border-color: #fff transparent;
    border-style: solid;
    border-width: 0 9px 9px;
    bottom: 100%;
    content: "";
    height: 0;
    position: absolute;
    left: 86px;
    width: 0
}

#com-header .all-balances .mode {
    display: block;
    width: 100%;
    float: left;
    border-radius: 0 0 5px 5px;
    line-height: 55px;
    height: 55px
}

#com-header .m-border {
    border-bottom: 1px solid #eee
}

#com-header .all-balances a {
    color: #818181
}

#com-header .all-balances a:hover {
    background: #f5f5f5;
    color: #818181
}

#com-header .subnav-l .all-balances {
    display: none;
    opacity: 0
}

#com-header .subnav-l ul li:hover>.all-balances {
    display: block;
    animation: all-balances-animation .3s;
    animation-fill-mode: both
}

@keyframes all-balances-animation {
    0% {
        transform: translate3d(0,10px,0);
        -moz-transform: translate3d(0,10px,0);
        -webkit-transform: translate3d(0,10px,0);
        transition: all .3s ease-out 0s;
        visibility: hidden;
        display: block;
        opacity: 0
    }

    to {
        opacity: 1;
        visibility: visible;
        transform: translateZ(0);
        -moz-transform: translateZ(0);
        -webkit-transform: translateZ(0)
    }
}

#com-header .all-balances span {
    margin: 10px;
    font-size: 18px;
    color: red
}

#com-header .all-balances .b-rgb {
    color: #03bc0a
}

#com-header .Refresh {
    display: block;
    width: 15px;
    height: 15px;
    float: right;
    margin: 13px 12px 0 0;
    background: url(../images/all-ico.png) -248px -189px no-repeat
}

#com-header .all-balances .on-rgb {
    color: #b8b7b7
}

.ant-message .anticon {
    font-size: 23px!important
}

.ant-message-custom-content>span {
    font-size: 23px!important
}

.ant-message,.ant-modal-wrap {
    z-index: 1060!important
}

#com-header .subnav .icon_feedBack a:before {
    display: inline-block;
    content: "";
    width: 14px;
    height: 14px;
    background: url(../images/icon_feedBack.png) no-repeat;
    background-size: 100%;
    margin-right: 10px
}

#dlg-rebate .title {
    font-size: 18px;
    font-weight: bolder;
    margin: 30px 0 30px 50px
}

#dlg-rabate .dialog-heading {
    font-size: 18px;
    font-weight: 600;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

#dlg-rabate .dialog-close-btn {
    font-size: 2rem;
    cursor: pointer
}

#dlg-rabate .dialog-close-btn:after {
    content: "×"
}

#com-header-jc {
    position: relative;
    top: 0;
    width: 100%;
    height: auto;
    text-align: center;
    font-family: 宋体;
    border-bottom: 1px solid #eeecec
}

#com-header-jc .fixed_top {
    position: fixed;
    top: 0;
    z-index: 9999;
    width: 100%;
    background-color: #fff
}

#com-header-jc .head {
    height: auto
}

#com-header-jc .head-jc,#com-header-jc .head-khg {
    background-color: #091d3e;
    color: #fff
}

#com-header-jc .head_c {
    margin: 0 auto;
    width: 1200px;
    height: 49px;
    font-size: 15px;
    line-height: 37px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center
}

#com-header-jc .nicknameinput {
    background: transparent;
    width: 82px;
    height: 24px;
    line-height: 24px
}

#com-header-jc .change {
    display: inline-block;
    cursor: pointer;
    width: 16px;
    height: 16px;
    background: url(../images/2/i_edit.png) no-repeat;
    vertical-align: center
}

#com-header-jc .head-jc .head_c li>a,#com-header-jc .head-khg .head_c li>a {
    color: #fff
}

#com-header-jc .head_c a:hover {
    color: #939f9e
}

#com-header-jc .head_l {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    width: auto;
    height: 40px
}

#com-header-jc .head_l li {
    position: relative;
    float: left;
    padding-right: 15px
}

#com-header-jc .head_l .s-line {
    display: block;
    margin-top: 10px;
    width: 1px;
    height: 16px;
    background: #848585
}

#com-header-jc .head_l .code_ico {
    display: block;
    margin-top: 9px;
    width: 18px;
    height: 18px;
    background: url(../images/2/all_ico.png) 0 0 no-repeat
}

#com-header-jc .display_code_ico {
    position: absolute;
    top: 30px;
    left: -92px;
    z-index: 9;
    display: none;
    width: 295px;
    height: 176px;
    background: url(../images/2/QR_code_img.png) 0 0 no-repeat
}

#com-header-jc .display_code_ico .qrCode_img {
    position: absolute;
    top: 30px;
    left: 20px
}

#com-header-jc .download_btns {
    position: absolute;
    top: 80px;
    left: 152px
}

#com-header-jc .download_btns a {
    display: block;
    width: 74px;
    height: 23px;
    border-radius: 50px;
    text-align: center;
    line-height: 23px
}

#com-header-jc .Click_app_an {
    background: #fca507;
    margin-bottom: 10px
}

#com-header-jc .Click_app_ios {
    background: #1e9ffc
}

#com-header-jc .display_code_ico a {
    color: #fff
}

#com-header-jc .display_code_ico a:hover {
    background: #0280a0;
    color: #fff
}

#com-header-jc .head_l ul li:hover .display_code_ico {
    display: block;
    transition: all .5s ease
}

#com-header-jc .head_r {
    position: relative;
    height: 49px;
    justify-content: center
}

#com-header-jc .head_r,#com-header-jc .head_r ul {
    flex-direction: row;
    display: flex;
    align-items: center
}

#com-header-jc .head_r ul {
    margin-bottom: 0
}

#com-header-jc .head_r li {
    float: left;
    margin: 0 12px 0 0
}

#com-header-jc .head_r li:last-child {
    margin: 0
}

#com-header-jc .service-r a {
    margin-left: 10px
}

#com-header-jc .head_r .down_ico {
    float: right;
    display: block;
    margin-top: 16px;
    width: 8px;
    height: 5px;
    background: url(../images/2/all_ico.png) -21px 0 no-repeat
}

#com-header-jc .subnav {
    position: absolute;
    top: 34px;
    left: 36px;
    z-index: 9999;
    display: none;
    padding: 11px 0;
    width: 190px;
    border: 1px solid rgba(0,0,0,.1);
    border-radius: 5px;
    background: #fff;
    color: #333;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    line-height: 42px
}

#com-header-jc .subnav:before {
    position: absolute;
    bottom: 100%;
    left: 80px;
    width: 0;
    height: 0;
    border-color: rgba(0,0,0,.1) transparent;
    border-style: solid;
    border-width: 0 8px 8px;
    content: ""
}

#com-header-jc .subnav:after {
    position: absolute;
    bottom: 100%;
    left: 82px;
    width: 0;
    height: 0;
    border-color: #fff transparent;
    border-style: solid;
    border-width: 0 6px 6px;
    content: ""
}

#com-header-jc .subnav dd,#com-header-jc .subnav dt {
    position: relative;
    display: block;
    height: 33px;
    line-height: 35px;
    cursor: pointer
}

#com-header-jc .b_nes {
    position: absolute;
    top: 9px;
    left: 161px;
    width: 17px;
    height: 17px;
    background: url(../images/2/all_ico.png) -237px 2px no-repeat
}

#com-header-jc .head_r ul li:hover>.subnav {
    display: block
}

#com-header-jc .subnav_us {
    position: absolute;
    top: 34px;
    left: 130px;
    z-index: 9999;
    display: none;
    padding: 11px 0;
    width: 165px;
    border: 1px solid rgba(0,0,0,.1);
    border-radius: 5px;
    background: #fff;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    font-size: 14px;
    line-height: 42px
}

#com-header-jc .subnav_us:before {
    position: absolute;
    bottom: 100%;
    left: 70px;
    width: 0;
    height: 0;
    border-color: rgba(0,0,0,.1) transparent;
    border-style: solid;
    border-width: 0 8px 8px;
    content: ""
}

#com-header-jc .subnav_us:after {
    position: absolute;
    bottom: 100%;
    left: 72px;
    width: 0;
    height: 0;
    border-color: #fff transparent;
    border-style: solid;
    border-width: 0 6px 6px;
    content: ""
}

#com-header-jc .subnav_us dd {
    position: relative;
    display: block;
    margin: 5px auto;
    width: 143px;
    height: 33px;
    border: 1px solid #e9eaea;
    border-radius: 5px;
    letter-spacing: 3px;
    line-height: 35px
}

#com-header-jc .head_r ul li:hover>.subnav_us {
    display: block
}

#com-header-jc .subnav_Fast dd:hover,#com-header-jc .subnav_us dd:hover {
    border: 1px solid #7e2553
}

#com-header-jc .head-shh .subnav_Fast dd:hover,#com-header-jc .head-shh .subnav_us dd:hover {
    border-color: #e9eaea
}

#com-header-jc .service-r a:hover,#com-header-jc .subnav_Fast dd:hover a,#com-header-jc .subnav_us dd:hover a {
    color: #ff004d
}

#com-header-jc .head-shh .service-r a:hover,#com-header-jc .head-shh .subnav_Fast dd:hover a,#com-header-jc .head-shh .subnav_us dd:hover a {
    color: #efbc09
}

#com-header-jc .subnav_Fast {
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    position: absolute;
    background: #fff;
    width: 165px;
    top: 34px;
    left: 210px;
    z-index: 9999;
    line-height: 42px;
    border: 1px solid rgba(0,0,0,.1);
    border-radius: 5px;
    padding: 11px 0;
    font-size: 14px;
    display: none
}

#com-header-jc .subnav_Fast:before {
    border-color: rgba(0,0,0,.1) transparent;
    border-style: solid;
    border-width: 0 8px 8px;
    bottom: 100%;
    content: "";
    height: 0;
    position: absolute;
    left: 70px;
    width: 0
}

#com-header-jc .subnav_Fast:after {
    border-color: #fff transparent;
    border-style: solid;
    border-width: 0 6px 6px;
    bottom: 100%;
    content: "";
    height: 0;
    position: absolute;
    left: 72px;
    width: 0
}

#com-header-jc .subnav_Fast dd {
    border: 1px solid #e9eaea;
    display: block;
    width: 143px;
    height: 33px;
    line-height: 35px;
    position: relative;
    letter-spacing: 3px;
    margin: 5px auto;
    border-radius: 5px
}

#com-header-jc .head_r ul li:hover>.subnav_Fast {
    display: block
}

#com-header-jc .subnav_Fast .easterDd {
    background-color: #3fd045
}

#com-header-jc .head_l .mail-ico {
    display: block;
    margin-top: 9px;
    width: 22px;
    height: 18px;
    background: url(../images/all-ico.png)-69px 1px no-repeat
}

#com-header-jc .new-message {
    position: relative
}

#com-header-jc .new-message:after {
    position: absolute;
    content: "";
    display: block;
    height: 10px;
    width: 10px;
    bottom: 12px;
    left: 16px;
    background-color: #f07932;
    border-radius: 50%
}

#com-header-jc .head-hx #Station-letter .mail-ico {
    display: block;
    margin-top: 9px;
    width: 24px;
    height: 18px;
    background: url(../images/mail-ico_hx.png) 0 1px no-repeat
}

#com-header-jc .head-hx #Station-letter .mail-ico:hover {
    display: block;
    margin-top: 9px;
    width: 24px;
    height: 18px;
    background: url(../images/mail-ico_hx.png) 0 -19px no-repeat
}

#com-header-jc .head-zc #Station-letter .mail-ico {
    display: block;
    margin-top: 9px;
    width: 24px;
    height: 18px;
    background: url(../images/mail-ico_hx.png) 0 1px no-repeat
}

#com-header-jc .head-zc #Station-letter .mail-ico:hover {
    display: block;
    margin-top: 9px;
    width: 24px;
    height: 18px;
    background: url(../images/mail-ico_hx.png) 0 -19px no-repeat
}

#com-header-jc .head-jc .subnav-lo,#com-header-jc .head-khg .subnav-lo {
    width: 1200px;
    height: 49px;
    background-color: #091d3e;
    font-size: 15px;
    color: #fefefe;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto
}

#com-header-jc .subnav-lo a {
    color: #fefefe
}

#com-header-jc .subnav-lo a:hover {
    color: #fff;
    text-decoration: none
}

#com-header-jc .subnav-lo .subnav-l {
    position: relative;
    height: 40px;
    display: flex;
    align-items: center
}

#com-header-jc .timeImg {
    width: 58px;
    height: 27px;
    background: url(../images/4/timeImg.png) 0 no-repeat;
    margin-right: 10px;
    filter: brightness(0) invert(1);
}

#com-header-jc .timeTxt {
    font-size: 15px;
    color: #939f9e
}

#com-header-jc .subnav-lo .subnav-r {
    width: auto;
    height: 100%;
    display: flex;
    align-items: center
}

#com-header-jc .login {
    background-color: #74b15e;
    margin-right: 10px
}

#com-header-jc .login,#com-header-jc .logout {
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    padding: 0 9px;
    height: 29px;
    border-radius: 5px;
    font-size: 15px;
    color: #fff;
    cursor: pointer
}

#com-header-jc .logout {
    background-color: #535353
}

#com-header-jc .logout:hover {
    background-color: #8e8b8b
}

#com-header-jc .recharge {
    background-color: #74b15e
}

#com-header-jc .recharge,#com-header-jc .withdraw {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 96px;
    height: 29px;
    border-radius: 5px;
    font-size: 15px;
    color: #fff;
    cursor: pointer
}

#com-header-jc .withdraw {
    background-color: #1e5adc
}

#com-header-jc .login:hover {
    color: #303d2b;
    text-decoration: none;
    background-color: #60944f
}

#com-header-jc .recharge:hover {
    background: #5e8d4c;
    text-decoration: none
}

#com-header-jc .withdraw:hover {
    background-color: #1e48a2;
    text-decoration: none
}

#com-header-jc .logout a {
    font-size: 15px;
    color: #fff
}

#com-header-jc .logout a:hover {
    text-decoration: none;
    color: #fff
}

#com-header-jc .register {
    background-color: #1e5adc;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 96px;
    height: 29px;
    border-radius: 5px;
    margin-right: 10px;
    font-size: 15px;
    color: #fff;
    cursor: pointer
}

#com-header-jc .register:hover {
    background: #10327b;
    text-decoration: none
}

#com-header-jc .link-btn {
    display: flex;
    flex-direction: row;
    align-items: center
}

#com-header-jc .link-btn,#com-header-jc .link-btn a {
    font-size: 15px;
    color: #fff
}

#com-header-jc .link-btn a:hover {
    font-size: 15px;
    color: #939f9e;
    text-decoration: none
}

#com-header-jc .subnav-r a:hover>i,.subnav-r li.active a>i {
    -ms-background-position-y: -22px;
    background-position-y: -22px
}

#com-header-jc .refresh:hover .anticon-reload {
    transform: rotate(1turn);
    cursor: pointer;
    -moz-transform: rotate(1turn);
    -webkit-transform: rotate(1turn);
    -o-transform: rotate(1turn)
}

#com-header-jc .refresh {
    position: relative;
    color: #74b15e;
    font-size: 15px;
    margin-left: 5px
}

#com-header-jc .refresh .anticon {
    transition: 1s;
    color: #74b15e;
    font-size: 15px;
    margin-left: 5px
}

#com-header-jc .lang-wrapper {
    position: relative
}

#com-header-jc .lang-box {
    margin-left: 10px;
    cursor: pointer
}

#com-header-jc .lang-select {
    z-index: 100;
    position: absolute;
    top: calc(100% + 5px);
    background-color: rgba(0,0,0,.9);
    padding: 10px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    border-radius: 20px
}

#com-header-jc .lang-option {
    cursor: pointer
}

#page-404 {
    width: 100%;
    height: 100%;
    background-color: #fff
}

#page-404 .background {
    background: url(../images/404.png) no-repeat;
    width: 864px;
    height: 443px;
    margin: auto;
    position: relative
}

#page-404 .btn {
    position: absolute;
    right: 340px;
    bottom: 160px
}

#com-accountnavbar {
    width: 100%
}

#com-accountnavbar .tab {
    overflow: hidden;
    background: #2a8fbd;
    list-style: none
}

#com-accountnavbar li,ul {
    list-style: none;
    margin: 0;
    padding: 0
}

#com-accountnavbar li {
    display: list-item;
    text-align: -webkit-match-parent
}

#com-accountnavbar .tab a {
    display: block;
    padding: 10px 30px;
    float: left;
    text-decoration: none;
    color: #fff;
    outline: 0!important;
    font-size: 14px;
    box-sizing: content-box;
    width: auto;
    height: 21px;
    line-height: inherit
}

#com-accountnavbar .now {
    background: #0b6c99
}

#com-accountnavbar .tab a:hover {
    background-color: #0b6c99
}

.ccbfixed {
    position: fixed;
    right: 10px;
    transition: bottom .3s ease;
    z-index: 3;
    cursor: pointer;
    bottom: -200px
}

.ccbfixed .kf-ico {
    background: url(../images/i_service.png) 0 0 no-repeat
}

.ccbfixed .kf-ico:hover {
    background: url(../images/i_service.png) 0 -40px no-repeat
}

.ccbfixed .cbbtn-kf {
    width: 40px;
    height: 40px;
    display: block
}

.ccbfixed .cweixin {
    background: #dadbdd;
    margin-top: 6px
}

.ccbfixed .cbbtn {
    width: 40px;
    height: 40px;
    display: block
}

.ccbfixed .cweixin .weixin-ico {
    float: left;
    margin: 12px 0 0 11px;
    width: 18px;
    height: 18px;
    background: url(../images/all-ico.png) -32px -42px no-repeat
}

.ccbfixed .cweixin .qrcode {
    margin-top: 25px;
    margin-bottom: 6px
}

.ccbfixed .cweixin .qrcodediv p {
    color: #b7b7b7
}

.ccbfixed .cweixin .tip {
    position: absolute;
    top: 110px;
    right: -20px;
    width: 0;
    height: 0;
    font-size: 0;
    border: 10px solid transparent;
    border-left-color: #fff
}

.ccbfixed .cweixin .qrcodediv {
    width: 143px;
    height: 162px;
    background: #fff;
    position: absolute;
    left: -154px;
    top: -53px;
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 100% 70%;
    transform-origin: 100% 70%;
    transition: all .3s ease;
    box-shadow: 0 0 2px 2px #ddd;
    text-align: center
}

.ccbfixed .cweixin:hover div {
    transform: scale(1);
    opacity: 1
}

.ccbfixed .gotop {
    margin-top: 5px;
    width: 40px;
    height: 40px;
    display: block;
    background-color: #3cafe3
}

.ccbfixed .gotop:hover {
    background-color: #2c2d2e
}

.ccbfixed .gotop .up-icon {
    float: left;
    margin: 14px 0 0 9px;
    width: 23px;
    height: 12px;
    background: url(../images/all-ico.png) -60px -43px no-repeat
}

.float-logo {
    width: 135px;
    height: 121px;
    background: #2a8fbd;
    left: 12px;
    position: fixed;
    z-index: 4;
    top: 0;
    border-radius: 0 0 5px 5px;
    display: none
}

.float-logo .logo-img {
    display: inline-block;
    width: 119px;
    margin-left: 14px;
    height: 121px;
    background: url(../images/LOGO.png) -270px -17px no-repeat
}

#com-navbar-com .nav_c {
    width: 1200px
}

#com-navbar-com .nav_r {
    float: right;
    width: 890px
}

#com-navbar-com #nav-c {
    width: 1200px
}

#com-navbar-com #nav-c ul li {
    float: left;
    margin-top: 32px;
    margin-left: 15px;
    width: 83px;
    height: 49px;
    font-family: 微软雅黑
}

#com-navbar-com #nav-c ul li a {
    font-size: 14px
}

#com-navbar-com #nav-c ul li.active a,#com-navbar-com #nav-c ul li:hover a {
    color: #ff004d
}

#com-navbar-com .Positioning {
    width: 965px;
    left: 50%;
    margin-left: -482px
}

#com-navbar-com .Drop-down-menu {
    margin-top: 14px
}

#com-navbar-com .Drop-down-menu .Lottery-area {
    background: #fff
}

#com-navbar-com .nav-hx .nav_r {
    width: 935px
}

#com-navbar-com .nav-hx .nav_r #nav-c ul li {
    width: 84px;
    margin-left: 10px
}

#com-navbar-fzf .nav-rbg {
    background-image: -webkit-linear-gradient(top,#fff,#e6e6e6)
}

#com-navbar-fzf .nav {
    width: 100%;
    height: 70px
}

#com-navbar-fzf #nav-c {
    width: 1200px;
    height: 60px;
    position: relative;
    text-align: center;
    margin: 0 auto
}

#com-navbar-fzf .Here {
    color: #2ea7e0
}

#com-navbar-fzf .fixer {
    position: fixed;
    width: 100%;
    z-index: 2;
    top: 0;
    background: #e7e7e7
}

#com-navbar-fzf {
    height: 70px;
    background: #e7e7e7
}

#com-navbar-fzf #nav-c ul {
    width: 1200px;
    margin: 0 auto
}

#com-navbar-fzf #nav-c ul li {
    width: 117px;
    height: 50px;
    display: inline-block;
    margin: 8px auto 0;
    text-align: center
}

#com-navbar-fzf #nav-c ul li a {
    display: block;
    height: 50px;
    width: 117px;
    line-height: 50px;
    font-size: 14px
}

#com-navbar-fzf #nav-c ul li.active a,#com-navbar-fzf #nav-c ul li a:hover {
    color: #2ea7e0
}

#com-navbar-fzf #nav-c ul li i {
    border-left: 1px solid #dadada;
    display: block;
    height: 25px;
    float: left;
    margin-top: 11px;
    width: 1px
}

#com-navbar-fzf #nav-c .Here-ico-li {
    position: relative
}

#com-navbar-fzf #nav-c .Here-ico {
    width: 34px;
    height: 30px;
    position: absolute;
    top: 2px;
    right: 0;
    display: inline;
    background: url(../images/all-ico.png) -417px 0 no-repeat
}

#com-navbar-fzf .Drop-down-menu .Lottery-area {
    width: 1200px;
    height: auto;
    margin: 0 auto;
    text-align: center;
    position: relative
}

#com-navbar-fzf #Submenu-cp,#com-navbar-fzf #Submenu-cp-jd,#com-navbar-fzf #Submenu-electronic,#com-navbar-fzf #Submenu-pc,#com-navbar-fzf #Submenu-sports,#com-navbar-fzf #Submenu-Video {
    display: none
}

#com-navbar-fzf .Lottery-img {
    background: url(../images/Drop-down-menu-nav.jpg) 0 0 no-repeat
}

#com-navbar-fzf .Positioning {
    width: 100%;
    position: relative
}

#com-navbar-fzf .Drop-down-menu {
    background: #ececec;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    border-bottom: 5px solid #000;
    box-shadow: 0 2px 6px -1px #333
}

#com-navbar-fzf .Happy-Lottery {
    width: 100%;
    height: 237px;
    display: inline-block;
    margin-top: 10px;
    padding-left: 150px;
    box-sizing: border-box
}

#com-navbar-fzf .Happy-Lottery-size {
    width: 55px;
    height: 55px;
    float: left
}

#com-navbar-fzf .Lottery-name ul li {
    width: 16%;
    height: auto;
    float: left;
    margin-left: 1%
}

#com-navbar-fzf .Lottery-name .playspans {
    display: inline-block;
    float: left;
    text-align: left
}

#com-navbar-fzf .Lottery-name .playspans .playnamespan {
    position: relative;
    display: block;
    line-height: 34px;
    cursor: pointer;
    padding: 0 10px;
    min-width: 80px
}

#com-navbar-fzf .Lottery-name .playspans .playnamespan:after {
    position: absolute;
    top: 0;
    right: -6px;
    font-size: 12px;
    color: #fff;
    width: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    border-radius: 3px
}

#com-navbar-fzf .Lottery-name .playspans .hot:after {
    content: "热";
    background-color: #ea0813
}

#com-navbar-fzf .Lottery-name .playspans .new:after {
    content: "æ–°";
    background-color: #079ef1
}

#com-navbar-fzf .Lottery-name .playspans .playnamespan:first-child:last-child {
    margin-top: 20px
}

#com-navbar-fzf .LotteryJD .Lottery-name .playspans .playnamespan {
    position: relative;
    line-height: 26px;
    border-bottom: 1px solid #dfdfdf;
    padding-left: 25px;
    margin-top: 5px
}

#com-navbar-fzf .LotteryJD .Lottery-name .playspans .playnamespan:hover {
    background-color: inherit;
    color: #eb7e00;
    border-color: #dfdfdf;
    text-decoration: none
}

#com-navbar-fzf .LotteryJD .Lottery-name .playspans .playnamespan:before {
    position: absolute;
    top: 1px;
    left: 0;
    content: "";
    width: 24px;
    height: 24px;
    background: url(../images/i_classic.png) no-repeat
}

#com-navbar-fzf .LotteryJD .Lottery-name .playspans .playnamespan:first-child:last-child {
    margin-top: 0
}

#com-navbar-fzf .Lottery-name ul li i {
    float: left;
    margin: 10px
}

#com-navbar-fzf .Lottery-name a {
    color: #78797b
}

#com-navbar-fzf .Lottery-name ul li span:focus,#com-navbar-fzf .Lottery-name ul li span:hover {
    background-color: hsla(0,0%,100%,.3);
    color: #eb7e00;
    border-color: #f7f7f7;
    text-decoration: none
}

#com-navbar-fzf .Lottery-name ul li:first-child {
    width: 24%
}

#com-navbar-fzf .Lottery-name ul li:first-child .playspans {
    width: 177px
}

#com-navbar-fzf .Lottery-name ul li:first-child .playspans span {
    display: inline-block
}

#com-navbar-fzf .Lottery-name ul li:nth-child(3) {
    width: 21%
}

#com-navbar-fzf .Lottery-name ul li:nth-child(3) .playspans {
    width: 134px
}

#com-navbar-fzf .Lottery-name ul li:nth-child(3) .playspans span {
    display: inline-block
}

#com-navbar-fzf .Lottery-area .lucky28,.Lottery-area .cjnd28,.Lottery-area .clucky28,.Lottery-area .jnd28 {
    position: relative;
    width: 245px;
    height: 159px;
    float: left;
    border-radius: 12px 12px 12px 12px;
    margin: 20px;
    overflow: hidden
}

#com-navbar-fzf .Lottery-area .lucky28 {
    background: url(../images/navigationhover/pk28_bg.png)
}

#com-navbar-fzf .Lottery-area .jnd28 {
    background: url(../images/navigationhover/jndd28.png)
}

#com-navbar-fzf .Lottery-area .clucky28 {
    background: url(../images/navigationhover/cpk28_bg.png)
}

#com-navbar-fzf .Lottery-area .cjnd28 {
    background: url(../images/navigationhover/cjndd28.png)
}

#com-navbar-fzf .room-go {
    float: right;
    margin: 6px 30px 0 0
}

#com-navbar-fzf .room-go .room-size {
    display: block;
    float: right;
    width: 73px;
    height: 30px;
    margin-top: 8px
}

#com-navbar-fzf .primary-img {
    background: url(../images/navigationhover/roomSize_bg.png) 0 0 no-repeat
}

#com-navbar-fzf .primary-img:hover {
    background: url(../images/navigationhover/roomSize_bg.png) -73px 0 no-repeat
}

#com-navbar-fzf .intermediate-img {
    background: url(../images/navigationhover/roomSize_bg.png) 0 -37px no-repeat
}

#com-navbar-fzf .intermediate-img:hover {
    background: url(../images/navigationhover/roomSize_bg.png) -73px -37px no-repeat
}

#com-navbar-fzf .advanced-img {
    background: url(../images/navigationhover/roomSize_bg.png) 0 -74px no-repeat
}

#com-navbar-fzf .advanced-img:hover {
    background: url(../images/navigationhover/roomSize_bg.png) -73px -74px no-repeat
}

#com-navbar-fzf .goin-img {
    background: url(../images/navigationhover/icon-in.png) 0 no-repeat
}

#com-navbar-fzf .goin-img:hover {
    background: url(../images/navigationhover/icon-in-hover.png) 0 no-repeat
}

#com-navbar-fzf .Lottery-area .bottomtitle {
    position: absolute;
    left: 0;
    bottom: 0;
    text-align: center;
    line-height: 30px;
    width: 100%;
    color: #fff;
    display: inline-block;
    height: 26px
}

#com-navbar-fzf .Lottery-name .icon-nav-cqssc {
    display: inline-block;
    width: 55px;
    height: 57px;
    background: url(../images/navigationhover/icon-nav-cqssc.png) no-repeat
}

#com-navbar-fzf .Lottery-name .icon-nav-gd11x5 {
    display: inline-block;
    width: 55px;
    height: 57px;
    background: url(../images/navigationhover/icon-nav-gd11x5.png) no-repeat
}

#com-navbar-fzf .Lottery-name .icon-nav-pk10 {
    display: inline-block;
    width: 55px;
    height: 57px;
    background: url(../images/navigationhover/icon-nav-pk10.png) no-repeat
}

#com-navbar-fzf .Lottery-name .icon-nav-cqlhc {
    display: inline-block;
    width: 55px;
    height: 57px;
    background: url(../images/navigationhover/icon-nav-cqlhc.png) no-repeat
}

#com-navbar-fzf .Lottery-name .icon-nav-jsk3 {
    display: inline-block;
    width: 55px;
    height: 57px;
    background: url(../images/navigationhover/icon-nav-jsk3.png) no-repeat
}

#com-navbar-fzf .Lottery-name .icon-nav-ahk3 {
    display: inline-block;
    width: 55px;
    height: 57px;
    background: url(../images/navigationhover/icon-nav-ahk3.png) no-repeat
}

#com-navbar-fzf .Lottery-name .icon-nav-sh11x5 {
    display: inline-block;
    width: 55px;
    height: 57px;
    background: url(../images/navigationhover/icon-nav-sh11x5.png) no-repeat
}

#com-navbar-fzf .Lottery-name .icon-nav-jx11x5 {
    display: inline-block;
    width: 55px;
    height: 57px;
    background: url(../images/navigationhover/icon-nav-jx11x5.png) no-repeat
}

#com-navbar-fzf .Lottery-name .icon-nav-sd11x5 {
    display: inline-block;
    width: 55px;
    height: 57px;
    background: url(../images/navigationhover/icon-nav-sd11x5.png) no-repeat
}

#com-navbar-fzf .Lottery-name .icon-nav-xjssc {
    display: inline-block;
    width: 55px;
    height: 57px;
    background: url(../images/navigationhover/icon-nav-xjssc.png) no-repeat
}

#com-navbar-fzf .Lottery-name .icon-nav-tjssc {
    display: inline-block;
    width: 55px;
    height: 57px;
    background: url(../images/navigationhover/icon-nav-tjssc.png) no-repeat
}

#com-navbar-fzf .LotteryJD ul li i {
    display: inline-block;
    width: 172px;
    height: 70px;
    margin: 0 10px 5px
}

#com-navbar-fzf .Lottery-name .icon-nav-sscjd {
    background: url(../images/navigationhover/icon-nav-sscjd.jpg) no-repeat
}

#com-navbar-fzf .Lottery-name .icon-nav-pk10jd {
    background: url(../images/navigationhover/icon-nav-pk10jd.jpg) no-repeat
}

#com-navbar-fzf .Lottery-name .icon-nav-xglhc {
    background: url(../images/navigationhover/icon-nav-xglhc.png) no-repeat
}

#com-navbar-fzf .Lottery-name .icon-nav-rswfc {
    background: url(../images/navigationhover/icon-nav-rswfc.png) no-repeat
}

#com-navbar-fzf .Lottery-name i em {
    display: block;
    text-align: left;
    padding-left: 10px;
    background: rgba(0,0,0,.5);
    font-size: 14px;
    color: #fff;
    line-height: 70px;
    font-style: normal
}

#com-navbar-fzf .lucky28-logo {
    width: 94px;
    height: 65px;
    float: left;
    margin-top: 49px
}

#com-navbar-fzf .Beijing28-logo-img {
    background: url(../images/Drop-down-menu.jpg) -364px -458px no-repeat
}

#com-navbar-fzf .lucky28-size {
    width: 175px;
    height: 155px;
    float: left
}

#com-navbar-fzf .Beijing28img {
    background: url(../images/Drop-down-menu.jpg) 2px -376px no-repeat
}

#com-navbar-fzf .jianada28-logo-img {
    background: url(../images/Drop-down-menu.jpg) -361px -388px no-repeat
}

#com-navbar-fzf .jianada28img {
    background: url(../images/Drop-down-menu.jpg) -179px -376px no-repeat
}

#com-navbar-fzf .size-img {
    width: 407px;
    height: 188px;
    float: left;
    background: url(../images/Drop-down-menu.jpg) 0 -188px no-repeat
}

#com-navbar-fzf .Video-size {
    width: 206px;
    height: 188px;
    float: left;
    margin: 0 12px 0 38px
}

#com-navbar-fzf .size {
    width: 206px;
    height: 134px
}

#com-navbar-fzf .Ag-img {
    background: url(../images/Drop-down-menu.jpg) -458px -188px no-repeat
}

#com-navbar-fzf .Video-size span {
    display: inline-block;
    width: 129px;
    height: 26px;
    background: #2a8fbd;
    border-radius: 20px;
    line-height: 26px;
    text-align: center;
    margin: 10px 37px
}

#com-navbar-fzf .Video-size span:hover {
    background: #179e22;
    transition: all .1s ease
}

#com-navbar-fzf .Video-size span a {
    color: #fff
}

#com-navbar-fzf .Ag2-img {
    background: url(../images/Drop-down-menu.jpg) -963px -188px no-repeat
}

#com-navbar-fzf .bbin-img {
    background: url(../images/Drop-down-menu.jpg) -718px -188px no-repeat
}

#com-navbar-fzf .electronic-size {
    width: 220px;
    height: 154px;
    border: 5px solid #9e6591;
    float: left;
    margin: 14px 25px 10px 122px
}

#com-navbar-fzf .BB-electronic-img {
    background: url(../images/Drop-down-menu.jpg) -463px -381px no-repeat
}

#com-navbar-fzf .hover-rgb {
    display: none;
    color: #fff;
    width: 210px;
    height: 112px;
    background: rgba(0,0,0,.6);
    line-height: 120px;
    font-size: 16px;
    text-align: center
}

#com-navbar-fzf .PT-electronic-img {
    background: url(../images/Drop-down-menu.jpg) -694px -383px no-repeat
}

#com-navbar-fzf .AG-electronic-img {
    background: url(../images/Drop-down-menu.jpg) -937px -383px no-repeat
}

#com-navbar-fzf .electronic-size:hover .hover-rgb {
    display: block
}

#com-navbar-fzf .sports {
    width: 768px;
    height: 147px;
    float: left;
    margin: 41px 182px 0 213px;
    background: url(../images/Drop-down-menu.jpg) 2px -534px no-repeat
}

#com-navbar-fzf .sports .bb-sports {
    width: 234px;
    height: 45px;
    position: absolute;
    top: 53px;
    left: 727px
}

#com-navbar-fzf .sports .hg-sports {
    width: 234px;
    height: 45px;
    position: absolute;
    top: 103px;
    left: 712px
}

#com-navbar-ctd .nav-rbg {
    background-image: -webkit-linear-gradient(top,#fff,#e6e6e6)
}

#com-navbar-ctd .nav {
    width: 100%;
    height: 70px
}

#com-navbar-ctd #nav-c {
    width: 1200px;
    height: 60px;
    position: relative;
    text-align: center;
    margin: 0 auto
}

#com-navbar-ctd .Here {
    color: #2ea7e0
}

#com-navbar-ctd .fixer {
    position: fixed;
    width: 100%;
    z-index: 2;
    top: 0;
    background: #e7e7e7
}

#com-navbar-ctd {
    height: 70px;
    background: #e7e7e7
}

#com-navbar-ctd #nav-c ul {
    width: 1200px;
    margin: 0 auto
}

#com-navbar-ctd #nav-c ul li {
    width: 117px;
    height: 50px;
    display: inline-block;
    margin: 8px auto 0;
    text-align: center
}

#com-navbar-ctd #nav-c ul li a {
    display: block;
    height: 50px;
    width: 117px;
    line-height: 50px;
    font-size: 14px
}

#com-navbar-ctd #nav-c ul li.active a,#com-navbar-ctd #nav-c ul li a:hover {
    color: #2ea7e0
}

#com-navbar-ctd #nav-c ul li i {
    border-left: 1px solid #dadada;
    display: block;
    height: 25px;
    float: left;
    margin-top: 11px;
    width: 1px
}

#com-navbar-ctd #nav-c .Here-ico-li {
    position: relative
}

#com-navbar-ctd #nav-c .Here-ico {
    width: 34px;
    height: 30px;
    position: absolute;
    top: 2px;
    right: 0;
    display: inline;
    background: url(../images/all-ico.png) -417px 0 no-repeat
}

#com-navbar-ctd .Drop-down-menu .Lottery-area {
    width: 1200px;
    height: auto;
    margin: 0 auto;
    text-align: center;
    position: relative
}

#com-navbar-ctd #Submenu-cp,#com-navbar-ctd #Submenu-cp-jd,#com-navbar-ctd #Submenu-electronic,#com-navbar-ctd #Submenu-pc,#com-navbar-ctd #Submenu-sports,#com-navbar-ctd #Submenu-Video {
    display: none
}

#com-navbar-ctd .Lottery-img {
    background: url(../images/Drop-down-menu-nav.jpg) 0 0 no-repeat
}

#com-navbar-ctd .Positioning {
    width: 100%;
    position: relative
}

#com-navbar-ctd .Drop-down-menu {
    background: #ececec;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    border-bottom: 5px solid #d81e36;
    box-shadow: 0 2px 6px -1px #333
}

#com-navbar-ctd .Happy-Lottery {
    width: 100%;
    height: 237px;
    display: inline-block;
    margin-top: 10px;
    padding-left: 150px;
    box-sizing: border-box
}

#com-navbar-ctd .Happy-Lottery-size {
    width: 55px;
    height: 55px;
    float: left
}

#com-navbar-ctd .Lottery-name ul li {
    width: 16%;
    height: auto;
    float: left;
    margin-left: 1%
}

#com-navbar-ctd .Lottery-name .playspans {
    display: inline-block;
    float: left;
    text-align: left
}

#com-navbar-ctd .Lottery-name .playspans .playnamespan {
    position: relative;
    display: block;
    line-height: 34px;
    cursor: pointer;
    padding: 0 10px;
    min-width: 80px
}

#com-navbar-ctd .Lottery-name .playspans .playnamespan:after {
    position: absolute;
    top: 0;
    right: -6px;
    font-size: 12px;
    color: #fff;
    width: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    border-radius: 3px
}

#com-navbar-ctd .Lottery-name .playspans .hot:after {
    content: "热";
    background-color: #ea0813
}

#com-navbar-ctd .Lottery-name .playspans .new:after {
    content: "æ–°";
    background-color: #079ef1
}

#com-navbar-ctd .Lottery-name .playspans .playnamespan:first-child:last-child {
    margin-top: 20px
}

#com-navbar-ctd .LotteryJD .Lottery-name .playspans .playnamespan {
    position: relative;
    line-height: 26px;
    border-bottom: 1px solid #dfdfdf;
    padding-left: 25px;
    margin-top: 5px
}

#com-navbar-ctd .LotteryJD .Lottery-name .playspans .playnamespan:hover {
    background-color: inherit;
    color: #eb7e00;
    border-color: #dfdfdf;
    text-decoration: none
}

#com-navbar-ctd .LotteryJD .Lottery-name .playspans .playnamespan:before {
    position: absolute;
    top: 1px;
    left: 0;
    content: "";
    width: 24px;
    height: 24px;
    background: url(../images/i_classic.png) no-repeat
}

#com-navbar-ctd .LotteryJD .Lottery-name .playspans .playnamespan:first-child:last-child {
    margin-top: 0
}

#com-navbar-ctd .Lottery-name ul li i {
    float: left;
    margin: 10px
}

#com-navbar-ctd .Lottery-name a {
    color: #78797b
}

#com-navbar-ctd .Lottery-name ul li span:focus,#com-navbar-ctd .Lottery-name ul li span:hover {
    background-color: hsla(0,0%,100%,.3);
    color: #eb7e00;
    border-color: #f7f7f7;
    text-decoration: none
}

#com-navbar-ctd .Lottery-name ul li:first-child {
    width: 24%
}

#com-navbar-ctd .Lottery-name ul li:first-child .playspans {
    width: 177px
}

#com-navbar-ctd .Lottery-name ul li:first-child .playspans span {
    display: inline-block
}

#com-navbar-ctd .Lottery-name ul li:nth-child(3) {
    width: 21%
}

#com-navbar-ctd .Lottery-name ul li:nth-child(3) .playspans {
    width: 134px
}

#com-navbar-ctd .Lottery-name ul li:nth-child(3) .playspans span {
    display: inline-block
}

#com-navbar-ctd .Lottery-area .lucky28,.Lottery-area .cjnd28,.Lottery-area .clucky28,.Lottery-area .jnd28 {
    position: relative;
    width: 245px;
    height: 159px;
    float: left;
    border-radius: 12px 12px 12px 12px;
    margin: 20px;
    overflow: hidden
}

#com-navbar-ctd .Lottery-area .lucky28 {
    background: url(../images/navigationhover/pk28_bg.png)
}

#com-navbar-ctd .Lottery-area .jnd28 {
    background: url(../images/navigationhover/jndd28.png)
}

#com-navbar-ctd .Lottery-area .clucky28 {
    background: url(../images/navigationhover/cpk28_bg.png)
}

#com-navbar-ctd .Lottery-area .cjnd28 {
    background: url(../images/navigationhover/cjndd28.png)
}

#com-navbar-ctd .room-go {
    float: right;
    margin: 6px 30px 0 0
}

#com-navbar-ctd .room-go .room-size {
    display: block;
    float: right;
    width: 73px;
    height: 30px;
    margin-top: 8px
}

#com-navbar-ctd .primary-img {
    background: url(../images/navigationhover/roomSize_bg.png) 0 0 no-repeat
}

#com-navbar-ctd .primary-img:hover {
    background: url(../images/navigationhover/roomSize_bg.png) -73px 0 no-repeat
}

#com-navbar-ctd .intermediate-img {
    background: url(../images/navigationhover/roomSize_bg.png) 0 -37px no-repeat
}

#com-navbar-ctd .intermediate-img:hover {
    background: url(../images/navigationhover/roomSize_bg.png) -73px -37px no-repeat
}

#com-navbar-ctd .advanced-img {
    background: url(../images/navigationhover/roomSize_bg.png) 0 -74px no-repeat
}

#com-navbar-ctd .advanced-img:hover {
    background: url(../images/navigationhover/roomSize_bg.png) -73px -74px no-repeat
}

#com-navbar-ctd .goin-img {
    background: url(../images/navigationhover/icon-in.png) 0 no-repeat
}

#com-navbar-ctd .goin-img:hover {
    background: url(../images/navigationhover/icon-in-hover.png) 0 no-repeat
}

#com-navbar-ctd .Lottery-area .bottomtitle {
    position: absolute;
    left: 0;
    bottom: 0;
    text-align: center;
    line-height: 30px;
    width: 100%;
    color: #fff;
    display: inline-block;
    height: 26px
}

#com-navbar-ctd .Lottery-name .icon-nav-cqssc {
    display: inline-block;
    width: 55px;
    height: 57px;
    background: url(../images/navigationhover/icon-nav-cqssc.png) no-repeat
}

#com-navbar-ctd .Lottery-name .icon-nav-gd11x5 {
    display: inline-block;
    width: 55px;
    height: 57px;
    background: url(../images/navigationhover/icon-nav-gd11x5.png) no-repeat
}

#com-navbar-ctd .Lottery-name .icon-nav-pk10 {
    display: inline-block;
    width: 55px;
    height: 57px;
    background: url(../images/navigationhover/icon-nav-pk10.png) no-repeat
}

#com-navbar-ctd .Lottery-name .icon-nav-cqlhc {
    display: inline-block;
    width: 55px;
    height: 57px;
    background: url(../images/navigationhover/icon-nav-cqlhc.png) no-repeat
}

#com-navbar-ctd .Lottery-name .icon-nav-jsk3 {
    display: inline-block;
    width: 55px;
    height: 57px;
    background: url(../images/navigationhover/icon-nav-jsk3.png) no-repeat
}

#com-navbar-ctd .Lottery-name .icon-nav-ahk3 {
    display: inline-block;
    width: 55px;
    height: 57px;
    background: url(../images/navigationhover/icon-nav-ahk3.png) no-repeat
}

#com-navbar-ctd .Lottery-name .icon-nav-sh11x5 {
    display: inline-block;
    width: 55px;
    height: 57px;
    background: url(../images/navigationhover/icon-nav-sh11x5.png) no-repeat
}

#com-navbar-ctd .Lottery-name .icon-nav-jx11x5 {
    display: inline-block;
    width: 55px;
    height: 57px;
    background: url(../images/navigationhover/icon-nav-jx11x5.png) no-repeat
}

#com-navbar-ctd .Lottery-name .icon-nav-sd11x5 {
    display: inline-block;
    width: 55px;
    height: 57px;
    background: url(../images/navigationhover/icon-nav-sd11x5.png) no-repeat
}

#com-navbar-ctd .Lottery-name .icon-nav-xjssc {
    display: inline-block;
    width: 55px;
    height: 57px;
    background: url(../images/navigationhover/icon-nav-xjssc.png) no-repeat
}

#com-navbar-ctd .Lottery-name .icon-nav-tjssc {
    display: inline-block;
    width: 55px;
    height: 57px;
    background: url(../images/navigationhover/icon-nav-tjssc.png) no-repeat
}

#com-navbar-ctd .LotteryJD ul li i {
    display: inline-block;
    width: 172px;
    height: 70px;
    margin: 0 10px 5px
}

#com-navbar-ctd .Lottery-name .icon-nav-sscjd {
    background: url(../images/navigationhover/icon-nav-sscjd.jpg) no-repeat
}

#com-navbar-ctd .Lottery-name .icon-nav-pk10jd {
    background: url(../images/navigationhover/icon-nav-pk10jd.jpg) no-repeat
}

#com-navbar-ctd .Lottery-name .icon-nav-xglhc {
    background: url(../images/navigationhover/icon-nav-xglhc.png) no-repeat
}

#com-navbar-ctd .Lottery-name .icon-nav-rswfc {
    background: url(../images/navigationhover/icon-nav-rswfc.png) no-repeat
}

#com-navbar-ctd .Lottery-name i em {
    display: block;
    text-align: left;
    padding-left: 10px;
    background: rgba(0,0,0,.5);
    font-size: 14px;
    color: #fff;
    line-height: 70px;
    font-style: normal
}

#com-navbar-ctd .lucky28-logo {
    width: 94px;
    height: 65px;
    float: left;
    margin-top: 49px
}

#com-navbar-ctd .Beijing28-logo-img {
    background: url(../images/Drop-down-menu.jpg) -364px -458px no-repeat
}

#com-navbar-ctd .lucky28-size {
    width: 175px;
    height: 155px;
    float: left
}

#com-navbar-ctd .Beijing28img {
    background: url(../images/Drop-down-menu.jpg) 2px -376px no-repeat
}

#com-navbar-ctd .jianada28-logo-img {
    background: url(../images/Drop-down-menu.jpg) -361px -388px no-repeat
}

#com-navbar-ctd .jianada28img {
    background: url(../images/Drop-down-menu.jpg) -179px -376px no-repeat
}

#com-navbar-ctd .size-img {
    width: 407px;
    height: 188px;
    float: left;
    background: url(../images/Drop-down-menu.jpg) 0 -188px no-repeat
}

#com-navbar-ctd .Video-size {
    width: 206px;
    height: 188px;
    float: left;
    margin: 0 12px 0 38px
}

#com-navbar-ctd .size {
    width: 206px;
    height: 134px
}

#com-navbar-ctd .Ag-img {
    background: url(../images/Drop-down-menu.jpg) -458px -188px no-repeat
}

#com-navbar-ctd .Video-size span {
    display: inline-block;
    width: 129px;
    height: 26px;
    background: #2a8fbd;
    border-radius: 20px;
    line-height: 26px;
    text-align: center;
    margin: 10px 37px
}

#com-navbar-ctd .Video-size span:hover {
    background: #179e22;
    transition: all .1s ease
}

#com-navbar-ctd .Video-size span a {
    color: #fff
}

#com-navbar-ctd .Ag2-img {
    background: url(../images/Drop-down-menu.jpg) -963px -188px no-repeat
}

#com-navbar-ctd .bbin-img {
    background: url(../images/Drop-down-menu.jpg) -718px -188px no-repeat
}

#com-navbar-ctd .electronic-size {
    width: 220px;
    height: 154px;
    border: 5px solid #9e6591;
    float: left;
    margin: 14px 25px 10px 122px
}

#com-navbar-ctd .BB-electronic-img {
    background: url(../images/Drop-down-menu.jpg) -463px -381px no-repeat
}

#com-navbar-ctd .hover-rgb {
    display: none;
    color: #fff;
    width: 210px;
    height: 112px;
    background: rgba(0,0,0,.6);
    line-height: 120px;
    font-size: 16px;
    text-align: center
}

#com-navbar-ctd .PT-electronic-img {
    background: url(../images/Drop-down-menu.jpg) -694px -383px no-repeat
}

#com-navbar-ctd .AG-electronic-img {
    background: url(../images/Drop-down-menu.jpg) -937px -383px no-repeat
}

#com-navbar-ctd .electronic-size:hover .hover-rgb {
    display: block
}

#com-navbar-ctd .sports {
    width: 768px;
    height: 147px;
    float: left;
    margin: 41px 182px 0 213px;
    background: url(../images/Drop-down-menu.jpg) 2px -534px no-repeat
}

#com-navbar-ctd .sports .bb-sports {
    width: 234px;
    height: 45px;
    position: absolute;
    top: 53px;
    left: 727px
}

#com-navbar-ctd .sports .hg-sports {
    width: 234px;
    height: 45px;
    position: absolute;
    top: 103px;
    left: 712px
}

#com-navbar-jbcc .nav-rbg {
    background-image: -webkit-linear-gradient(top,#fff,#e6e6e6)
}

#com-navbar-jbcc .nav {
    width: 100%;
    height: 70px
}

#com-navbar-jbcc #nav-c {
    width: 1200px;
    height: 60px;
    position: relative;
    text-align: center;
    margin: 0 auto
}

#com-navbar-jbcc .Here {
    color: #2ea7e0
}

#com-navbar-jbcc .fixer {
    position: fixed;
    width: 100%;
    z-index: 2;
    top: 0;
    background: #e7e7e7
}

#com-navbar-jbcc {
    height: 70px;
    background: #e7e7e7
}

#com-navbar-jbcc #nav-c ul {
    width: 1200px;
    margin: 0 auto;
    display: flex
}

#com-navbar-jbcc #nav-c ul li {
    height: 50px;
    flex: 1;
    margin: 8px auto 0;
    text-align: center
}

#com-navbar-jbcc #nav-c ul li a {
    display: block;
    height: 50px;
    line-height: 50px;
    font-size: 14px
}

#com-navbar-jbcc #nav-c ul li.active a,#com-navbar-jbcc #nav-c ul li a:hover {
    color: #2ea7e0
}

#com-navbar-jbcc #nav-c ul li i {
    border-left: 1px solid #dadada;
    display: block;
    height: 25px;
    float: left;
    margin-top: 11px;
    width: 1px
}

#com-navbar-jbcc #nav-c .Here-ico-li {
    position: relative
}

#com-navbar-jbcc #nav-c .Here-ico {
    width: 34px;
    height: 30px;
    position: absolute;
    top: 2px;
    right: 0;
    display: inline;
    background: url(../images/all-ico.png) -417px 0 no-repeat
}

#com-navbar-jbcc .Drop-down-menu .Lottery-area {
    width: 1200px;
    height: auto;
    margin: 0 auto;
    text-align: center
}

#com-navbar-jbcc #Submenu-cp,#com-navbar-jbcc #Submenu-cp-jd,#com-navbar-jbcc #Submenu-electronic,#com-navbar-jbcc #Submenu-pc,#com-navbar-jbcc #Submenu-sports,#com-navbar-jbcc #Submenu-Video {
    display: none
}

#com-navbar-jbcc .Lottery-img-cqssc {
    background: url(../images/Drop-down-menu-nav.jpg) 0 0 no-repeat
}

#com-navbar-jbcc .Lottery-img-pk10 {
    background: url(../images/Drop-down-menu-nav_02.jpg) 0 0 no-repeat
}

#com-navbar-jbcc .Lottery-img-jsk3 {
    background: url(../images/Drop-down-menu-nav_03.jpg) 0 0 no-repeat
}

#com-navbar-jbcc .Lottery-img-xglhc {
    background: url(../images/Drop-down-menu-nav_04.jpg) 0 0 no-repeat
}

#com-navbar-jbcc .Lottery-img-gd11x5 {
    background: url(../images/Drop-down-menu-nav_05.jpg) 0 0 no-repeat
}

#com-navbar-jbcc .Lottery-img-egg {
    background: url(../images/Drop-down-menu-nav_06.jpg) 0 0 no-repeat
}

#com-navbar-jbcc .Positioning {
    width: 1200px;
    margin: auto
}

#com-navbar-jbcc .Drop-down-menu {
    background: #ececec;
    width: 100%;
    position: relative;
    z-index: 3;
    border-bottom: 5px solid #2a8fbd;
    box-shadow: 0 2px 6px -1px #333
}

#com-navbar-jbcc .Happy-Lottery {
    height: 237px;
    padding-left: 150px
}

#com-navbar-jbcc .Happy-Lottery-size {
    width: 55px;
    height: 55px;
    float: left
}

#com-navbar-jbcc .Lottery-name ul li {
    margin-left: 30px
}

#com-navbar-jbcc .Lottery-name .playspans {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    text-align: left;
    height: 250px;
    padding-top: 8px;
    margin-right: 30px
}

#com-navbar-jbcc .Lottery-name .playspans .playnamespan {
    position: relative;
    display: block;
    line-height: 26px;
    cursor: pointer;
    padding: 0 10px;
    min-width: 100px;
    background: -webkit-linear-gradient(#f9f9f9,#efefef);
    width: 100px;
    border-radius: 20px;
    box-shadow: 1px 1px 5px #ccc;
    margin: 5px 10px;
    text-align: center
}

#com-navbar-jbcc .Lottery-name .playspans .playnamespan:after {
    position: absolute;
    top: 0;
    right: -6px;
    font-size: 12px;
    color: #fff;
    width: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    border-radius: 3px
}

#com-navbar-jbcc .Lottery-name .playspans .hot:after {
    content: "热";
    background-color: #ea0813
}

#com-navbar-jbcc .Lottery-name .playspans .new:after {
    content: "æ–°";
    background-color: #079ef1
}

#com-navbar-jbcc .Lottery-name .playspans.column-1 {
    width: 135px
}

#com-navbar-jbcc .Lottery-name .playspans.column-2 {
    width: 250px
}

#com-navbar-jbcc .Lottery-name .playspans.column-3 {
    width: 365px
}

#com-navbar-jbcc .Lottery-name .playspans.column-4 {
    width: 480px
}

#com-navbar-jbcc .Lottery-name ul li i {
    float: left;
    margin: 10px
}

#com-navbar-jbcc .Lottery-name a {
    color: #78797b
}

#com-navbar-jbcc .Lottery-name ul li span:focus,#com-navbar-jbcc .Lottery-name ul li span:hover {
    background-color: hsla(0,0%,100%,.3);
    color: #eb7e00;
    border-color: #f7f7f7;
    text-decoration: none
}

#com-navbar-jbcc .Lottery-name .icon-nav-cqssc {
    display: inline-block;
    width: 55px;
    height: 57px;
    background: url(../images/navigationhover/icon-nav-cqssc.png) no-repeat
}

#com-navbar-jbcc .Lottery-name .icon-nav-gd11x5 {
    display: inline-block;
    width: 55px;
    height: 57px;
    background: url(../images/navigationhover/icon-nav-gd11x5.png) no-repeat
}

#com-navbar-jbcc .Lottery-name .icon-nav-pk10 {
    display: inline-block;
    width: 55px;
    height: 57px;
    background: url(../images/navigationhover/icon-nav-pk10.png) no-repeat
}

#com-navbar-jbcc .Lottery-name .icon-nav-jsk3 {
    display: inline-block;
    width: 55px;
    height: 57px;
    background: url(../images/navigationhover/icon-nav-jsk3.png) no-repeat
}

#com-navbar-jbcc .Lottery-name .icon-nav-xglhc {
    display: inline-block;
    width: 55px;
    height: 57px;
    background: url(../images/navigationhover/icon-nav-cqlhc.png) no-repeat
}

#com-navbar-jbcc .Lottery-name .icon-nav-egg {
    display: inline-block;
    width: 55px;
    height: 57px;
    background: url(../images/navigationhover/icon-nav-egg.png) no-repeat
}

#com-navbar-jbcc .Lottery-name i em {
    display: block;
    text-align: left;
    padding-left: 10px;
    background: rgba(0,0,0,.5);
    font-size: 14px;
    color: #fff;
    line-height: 70px;
    font-style: normal
}

#com-navbar-jbcc .Drop-down-menu .Lottery-area.only-drop:before {
    position: absolute;
    top: -15px;
    left: 40px;
    width: 7px;
    height: 23px;
    content: "";
    background: url(../images/2/all_ico.png) -294px 0 no-repeat
}

#com-navbar-jbcc .Drop-down-menu .Lottery-area.only-drop:after {
    position: absolute;
    top: -15px;
    right: 40px;
    width: 7px;
    height: 23px;
    content: "";
    background: url(../images/2/all_ico.png) -294px 0 no-repeat
}

#com-navbar-jbcc div[id^=Submenu-cp-] {
    display: none;
    position: absolute
}

#com-navbar-jbcc #Submenu-cp-cqssc {
    left: 8%;
    margin-top: 20px;
    width: auto;
    height: 250px
}

#com-navbar-jbcc #Submenu-cp-pk10 {
    left: 18%;
    margin-top: 20px;
    width: auto;
    height: 250px
}

#com-navbar-jbcc #Submenu-cp-jsk3 {
    left: 28%;
    margin-top: 20px;
    width: auto;
    height: 250px
}

#com-navbar-jbcc #Submenu-cp-xglhc {
    left: 38%;
    margin-top: 20px;
    width: auto;
    height: 250px
}

#com-navbar-jbcc #Submenu-cp-gd11x5 {
    left: 48%;
    margin-top: 20px;
    width: auto;
    height: 250px
}

#com-navbar-jbcc #Submenu-cp-egg {
    left: 58%;
    margin-top: 20px;
    width: auto;
    height: 250px
}

#com-navbar-jbcc .Happy-Lottery {
    width: 100%;
    height: auto;
    display: inline-block;
    margin-top: 10px;
    padding-left: 160px;
    box-sizing: border-box
}

#com-navbar-jbcc .Happy-Lottery .Lottery-name {
    height: auto
}

#com-homeks .Game-a {
    height: 275px!important
}

#com-navbar-com {
    position: relative;
    z-index: 3;
}

#com-navbar-com .nav {
    background: #fff;
    box-shadow: 0 5px 12px rgba(0,0,0,.175)
}

#com-navbar-com .nav_c {
    width: 1300px;
    height: 81px;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center
}

#com-navbar-com .nav_c .logoGroup {
    height: 70px;
    width: 115px
}

#com-navbar-com .nav-hx .logo {
    float: left;
    width: 217px;
    height: 72px;
    margin-top: 4px;
    background: url(../images/2/logo_2.png) 0 0 no-repeat;
    background-size: contain
}

#com-navbar-com .nav-hr .logo {
    float: left;
    width: 217px;
    height: 72px;
    background: url(../images/3/logo_3.png) 0 0 no-repeat
}

#com-navbar-com .nav-fh .logo {
    float: left;
    width: 217px;
    height: 72px;
    background: url(../images/8/logo_8.png) 0 0 no-repeat
}

#com-navbar-com .nav-js .logo {
    width: 179px;
    height: 70px;
    background: url(../images/4/logo_4.png) 0 0 no-repeat;
    margin-top: 7px
}

#com-navbar-com .nav-by .logo {
    float: left;
    width: 225px;
    height: 70px;
    background: url(../images/5/logo_5.png) 0 0 no-repeat;
    background-size: cover;
    margin-top: 7px
}

#com-navbar-com .nav-jc .logo {
    float: left;
    width: 70px;
    height: 70px;
    background: url(../images/4/logo_4.png) 0 0 no-repeat;
    background-size: 100%;
    margin-top: 7px
}

#com-navbar-com .nav-khg .logo {
    float: left;
    width: 70px;
    height: 70px;
    background: url(../images/6/logo.png) 0 0 no-repeat;
    background-size: 100%;
    margin-top: 7px
}

#com-navbar-com .nav-hs {
    background: #252121 url(/res/images/6/bright-squares.png)
}

#com-navbar-com .nav-js {
    background: #252121 url(/res/images/22/bright-squares.png)
}

#com-navbar-com .nav-px {
    background: #252121 url(/res/images/24/bright-squares.png)
}

#com-navbar-com .nav-hs .logo {
    float: left;
    width: 170px;
    height: 60px;
    background: url(../images/6/logo_6.png) 0 0 no-repeat;
    background-size: cover;
    margin-top: 11px
}

#com-navbar-com .nav-js .logo {
    float: left;
    width: 170px;
    height: 60px;
    background: url(../images/22/logo_22.png) 0 0 no-repeat;
    background-size: cover;
    margin-top: 11px
}

#com-navbar-com .nav-shh {
    background: linear-gradient(0deg,#000,#232323)
}

#com-navbar-com .nav-shh .logo {
    float: left;
    width: 136px;
    height: 60px;
    background: url(../images/7/logo_7.png) 0 0 no-repeat;
    background-size: cover;
    margin-top: 11px
}

#com-navbar-com .nav-ctd {
    background: #3247c7 url(/res/images/8/diagmonds.png)
}

#com-navbar-com .nav-ctd .logo {
    float: left;
    width: 140px;
    height: 120px;
    background: url(../images/8/logo_8.png) 0 0 no-repeat;
    background-size: contain;
    margin-top: 0
}

#com-navbar-com .nav-cqyl .logo {
    float: left;
    width: 211px;
    height: 70px;
    background: url(../images/9/logo_9.png) 0 0 no-repeat;
    background-size: cover
}

#com-navbar-com .nav-kl .logo {
    float: left;
    width: 105px;
    height: 60px;
    background: url(../images/10/logo_10.png) 0 0 no-repeat;
    background-size: cover;
    margin-top: 11px
}

#com-navbar-com .nav-ds {
    background: #3247c7 url(/res/images/23/diagmonds.png)
}

#com-navbar-com .nav-ds .logo {
    float: left;
    width: 260px;
    height: 120px;
    background: url(../images/23/logo_23.png) 0 0 no-repeat;
    background-size: initial;
    margin-top: 0
}

#com-navbar-com .nav-zc .logo {
    float: left;
    width: 217px;
    height: 72px;
    background: url(../images/8/logo_8.png) 0 0 no-repeat
}

#com-navbar-com .nav-px .logo {
    float: left;
    width: 255px;
    height: 60px;
    background: url(../images/24/logo_24.png) 0 0 no-repeat;
    background-size: cover;
    margin-top: 11px
}

#com-navbar-com .nav_r {
    position: relative;
    height: 81px;
    width: 100%;
    display: flex;
    flex-direction: row-reverse
}

#com-navbar-com #nav-c {
    width: 100%;
    height: 60px;
    position: relative;
    text-align: center;
    margin: 0 auto
}

#com-navbar-com .Here {
    color: #2ea7e0
}

#com-navbar-com .fixer {
    position: fixed;
    width: 100%;
    z-index: 999;
    top: 0
}

#com-navbar-com #nav-c ul {
    list-style: none
}

#com-navbar-com #nav-c ul li {
    float: right;
    margin-top: 0;
    width: auto;
    height: 81px;
    text-align: center;
    display: inline;
    line-height: 81px;
    margin-left: 2%
}

#com-navbar-com .nav-hs #nav-c ul li,#com-navbar-com .nav-js #nav-c ul li,#com-navbar-com .nav-px #nav-c ul li {
    border-bottom: none
}

#com-navbar-com #nav-c ul li a {
    display: block;
    text-align: right;
    color: #333;
    font-size: 19px;
    font-weight: bolder;
    text-align: center
}

#com-navbar-com .nav-ctd #nav-c ul li a,#com-navbar-com .nav-hs #nav-c ul li a,#com-navbar-com .nav-js #nav-c ul li a,#com-navbar-com .nav-px #nav-c ul li a,#com-navbar-com .nav-shh #nav-c ul li a {
    color: #fff
}

#com-navbar-com #nav-c ul li a i {
    display: block;
    color: #bab9b9;
    font-size: 12px;
    font-style: normal
}

#com-navbar-com #nav-c ul li.active a,#com-navbar-com #nav-c ul li:hover a {
    color: #ff2f6e
}

#com-navbar-com .nav-shh #nav-c ul li.active a,#com-navbar-com .nav-shh #nav-c ul li:hover a {
    color: #ffcf23
}

#com-navbar-com .nav-ds #nav-c ul li a {
    color: #fff
}

#com-navbar-com #Submenu-blockchain,#com-navbar-com #Submenu-cp,#com-navbar-com #Submenu-cp-jd,#com-navbar-com #Submenu-electronic,#com-navbar-com #Submenu-esport,#com-navbar-com #Submenu-fish,#com-navbar-com #Submenu-live,#com-navbar-com #Submenu-pc,#com-navbar-com #Submenu-poker,#com-navbar-com #Submenu-sk,#com-navbar-com #Submenu-slot,#com-navbar-com #Submenu-sport,#com-navbar-com #Submenu-sports,#com-navbar-com #Submenu-Video {
    display: none
}

#com-navbar-com .Positioning {
    position: absolute;
    width: 100%;
    left: 0;
    margin-left: 0;
    z-index: 999
}

#com-navbar-com .Drop-down-menu {
    position: relative;
    margin-top: 0
}

#com-navbar-com .Drop-down-menu .Lottery-area {
    position: relative;
    background: hsla(0,0%,100%,.85);
    box-shadow: 0 3px 3px rgba(0,0,0,.175);
    border-top: 1px solid #eee;
    font-size: 14px
}

#com-navbar-com .Drop-down-menu .Lottery-area .P-01 {
    left: 40px
}

#com-navbar-com .Drop-down-menu .Lottery-area .P-01,#com-navbar-com .Drop-down-menu .Lottery-area .P-02 {
    position: absolute;
    top: -15px;
    width: 7px;
    height: 23px;
    background: url(../images/2/all_ico.png) -294px 0 no-repeat
}

#com-navbar-com .Drop-down-menu .Lottery-area .P-02 {
    right: 40px
}

#com-navbar-com .Happy-Lottery {
    width: 100%;
    display: inline-block;
    box-sizing: border-box;
    height: auto
}

#com-navbar-com .Lottery-img {
    height: 374px!important;
    margin-top: 15px;
    background-position: 0;
    background: url(../images/2/Atlas_level_01.jpg) 2px 0 no-repeat
}

#com-navbar-com .Positioning_jc .Lottery-img,#com-navbar-com .Positioning_khg .Lottery-img {
    background: url(../images/4/Lottery_bg_4.jpg) no-repeat;
    background-size: cover
}

#com-navbar-com .Positioning_by .Lottery-img {
    background: url(../images/5/Lottery_bg_5.jpg) no-repeat;
    background-size: cover
}

#com-navbar-com .Positioning_hs .Lottery-img {
    background: url(../images/6/Lottery_bg_6.jpg) no-repeat;
    background-size: cover
}

#com-navbar-com .Positioning_shh .Lottery-img {
    background: url(../images/7/Lottery_bg_7.jpg) no-repeat;
    background-size: cover
}

#com-navbar-com .LotteryJD-img {
    display: inline-block;
    float: left;
    width: 281px;
    height: 367px;
    margin-top: 15px;
    background: url(../images/2/LotteryJD_bg_2.jpg) 2px 0 no-repeat;
    background-size: cover
}

#com-navbar-com .Positioning_jc .LotteryJD-img,#com-navbar-com .Positioning_khg .LotteryJD-img {
    background: url(../images/4/LotteryJD_bg_4.jpg) no-repeat;
    background-size: cover
}

#com-navbar-com .Positioning_by .LotteryJD-img {
    background: url(../images/5/LotteryJD_bg_5.jpg) no-repeat;
    background-size: cover
}

#com-navbar-com .Positioning_hs .LotteryJD-img {
    background: url(../images/6/LotteryJD_bg_6.jpg) no-repeat;
    background-size: cover
}

#com-navbar-com .Positioning_shh .LotteryJD-img {
    background: url(../images/7/LotteryJD_bg_7.jpg) no-repeat;
    background-size: cover
}

#com-navbar-com .Happy-Lottery-size {
    width: 55px;
    height: 55px;
    float: left
}

#com-navbar-com .pc_img {
    float: left;
    display: inline-block;
    width: 280px;
    height: 322px;
    background: url(../images/2/Atlas_level_01.jpg) -1104px -1px no-repeat
}

#com-navbar-com .Positioning_jc .pc_img,#com-navbar-com .Positioning_khg .pc_img {
    background: url(../images/4/pc00_bg_4.jpg) no-repeat;
    background-size: cover
}

#com-navbar-com .Positioning_by .pc_img {
    background: url(../images/5/pc00_bg_5.jpg) no-repeat;
    background-size: cover
}

#com-navbar-com .Positioning_hs .pc_img {
    background: url(../images/6/pc00_bg_6.jpg) no-repeat;
    background-size: cover
}

#com-navbar-com .Positioning_shh .pc_img {
    background: url(../images/7/pc00_bg_7.jpg) no-repeat;
    background-size: cover
}

#com-navbar-com .Lottery-name {
    display: inline-block;
    float: left;
    width: 680px;
    height: 393px
}

#com-navbar-com .Lottery-name ul li {
    position: relative;
    padding: 0 20px;
    width: auto;
    margin: 20px 0
}

#com-navbar-com .Lottery-name ul li .submenu_title {
    float: left;
    width: 15%;
    height: 30px;
    color: #707070;
    font-size: 16px;
    line-height: 30px
}

#com-navbar-com .Lottery-name .playspans {
    float: left;
    position: relative;
    padding: 0 25px 0 0;
    width: 85%;
    line-height: 28px;
    border-left: 2px solid #ff004d
}

#com-navbar-com .Lottery-name .playspans:before {
    content: "";
    position: absolute;
    top: 6px;
    left: -10px;
    width: 10px;
    height: 15px;
    background: url(../images/playspans_bg.png) no-repeat
}

#com-navbar-com .Lottery-name .playspans .playnamespan {
    position: relative;
    display: inline-block;
    font-size: 13px;
    color: #9d9c9c;
    padding: 0 20px;
    line-height: 28px;
    cursor: pointer
}

#com-navbar-com .Lottery-name .playspans .playnamespan:after {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 12px;
    color: #fff;
    width: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    border-radius: 3px
}

#com-navbar-com .Lottery-name .playspans .hot:after {
    content: "热";
    background-color: #ff004d
}

#com-navbar-com .Lottery-name .playspans .new:after {
    content: "æ–°";
    background-color: #079ef1
}

#com-navbar-com .Lottery-name .playspans .playnamespan:hover {
    color: #0280a0
}

#com-navbar-com .Positioning_jc .Lottery-name .playspans .playnamespan:hover,#com-navbar-com .Positioning_khg .Lottery-name .playspans .playnamespan:hover {
    color: #ff004d
}

#com-navbar-com .Positioning_shh .Lottery-name .playspans .playnamespan:hover {
    color: #efbc09
}

#com-navbar-com .Lottery-name .playspans .playnamespan i {
    position: absolute;
    right: 0;
    top: 5px;
    display: block;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    font-size: 12px;
    line-height: 18px;
    font-style: normal
}

#com-navbar-com .Lottery-name .playspans .playnamespan i.tag-hot {
    background: #da6077
}

#com-navbar-com .Lottery-name .playspans .playnamespan i.tag-new {
    background: #60da9c
}

#com-navbar-com .Lottery-name a {
    color: #78797b
}

#com-navbar-com .Lottery-name ul li span:focus,#com-navbar-com .Lottery-name ul li span:hover {
    background-color: hsla(0,0%,100%,.3);
    color: #eb7e00;
    border-color: #f7f7f7;
    text-decoration: none
}

#com-navbar-com .Lottery-area .lucky28,.Lottery-area .jnd28 {
    position: relative;
    width: 390px;
    height: 159px;
    float: left;
    border-radius: 12px 12px 12px 12px;
    margin: 14px 0 15px 151px;
    overflow: hidden
}

#com-navbar-com .Lottery-area .lucky28 {
    background: url(../images/navigationhover/pk28_bg.jpg)
}

#com-navbar-com .Lottery-area .jnd28 {
    background: url(../images/navigationhover/jndd28.jpg)
}

#com-navbar-com .lucky28 .room-go {
    float: right;
    margin: 6px 30px 0 0
}

#com-navbar-com .jnd28 .room-go {
    float: left;
    margin: 6px 0 0 30px
}

#com-navbar-com .room-go .room-size {
    display: block;
    float: left;
    width: 73px;
    height: 30px;
    margin-top: 8px
}

#com-navbar-com .primary-img {
    background: url(../images/navigationhover/roomSize_bg.png) 0 0 no-repeat
}

#com-navbar-com .primary-img:hover {
    background: url(../images/navigationhover/roomSize_bg.png) -73px 0 no-repeat
}

#com-navbar-com .intermediate-img {
    background: url(../images/navigationhover/roomSize_bg.png) 0 -37px no-repeat
}

#com-navbar-com .intermediate-img:hover {
    background: url(../images/navigationhover/roomSize_bg.png) -73px -37px no-repeat
}

#com-navbar-com .advanced-img {
    background: url(../images/navigationhover/roomSize_bg.png) 0 -74px no-repeat
}

#com-navbar-com .advanced-img:hover {
    background: url(../images/navigationhover/roomSize_bg.png) -73px -74px no-repeat
}

#com-navbar-com .Lottery-area .bottomtitle {
    position: absolute;
    left: 0;
    bottom: 0;
    text-align: center;
    line-height: 30px;
    background: rgba(42,143,189,.9);
    width: 100%;
    color: #fff;
    display: inline-block;
    height: 30px
}

#com-navbar-com .Lottery-name .icon-nav-cqssc {
    display: inline-block;
    width: 55px;
    height: 57px;
    background: url(../images/navigationhover/icon-nav-cqssc.png) no-repeat
}

#com-navbar-com .Lottery-name .icon-nav-gd11x5 {
    display: inline-block;
    width: 55px;
    height: 57px;
    background: url(../images/navigationhover/icon-nav-gd11x5.png) no-repeat
}

#com-navbar-com .Lottery-name .icon-nav-pk10 {
    display: inline-block;
    width: 55px;
    height: 57px;
    background: url(../images/navigationhover/icon-nav-pk10.png) no-repeat
}

#com-navbar-com .Lottery-name .icon-nav-cqlhc {
    display: inline-block;
    width: 55px;
    height: 57px;
    background: url(../images/navigationhover/icon-nav-cqlhc.png) no-repeat
}

#com-navbar-com .Lottery-name .icon-nav-jsk3 {
    display: inline-block;
    width: 55px;
    height: 57px;
    background: url(../images/navigationhover/icon-nav-jsk3.png) no-repeat
}

#com-navbar-com .Lottery-name .icon-nav-ahk3 {
    display: inline-block;
    width: 55px;
    height: 57px;
    background: url(../images/navigationhover/icon-nav-ahk3.png) no-repeat
}

#com-navbar-com .Lottery-name .icon-nav-sh11x5 {
    display: inline-block;
    width: 55px;
    height: 57px;
    background: url(../images/navigationhover/icon-nav-sh11x5.png) no-repeat
}

#com-navbar-com .Lottery-name .icon-nav-jx11x5 {
    display: inline-block;
    width: 55px;
    height: 57px;
    background: url(../images/navigationhover/icon-nav-jx11x5.png) no-repeat
}

#com-navbar-com .Lottery-name .icon-nav-sd11x5 {
    display: inline-block;
    width: 55px;
    height: 57px;
    background: url(../images/navigationhover/icon-nav-sd11x5.png) no-repeat
}

#com-navbar-com .Lottery-name .icon-nav-xjssc {
    display: inline-block;
    width: 55px;
    height: 57px;
    background: url(../images/navigationhover/icon-nav-xjssc.png) no-repeat
}

#com-navbar-com .Lottery-name .icon-nav-tjssc {
    display: inline-block;
    width: 55px;
    height: 57px;
    background: url(../images/navigationhover/icon-nav-tjssc.png) no-repeat
}

#com-navbar-com .lucky28-logo {
    width: 94px;
    height: 65px;
    float: left;
    margin-top: 49px
}

#com-navbar-com .Beijing28-logo-img {
    background: url(../images/Drop-down-menu.jpg) -364px -458px no-repeat
}

#com-navbar-com .lucky28-size {
    width: 175px;
    height: 155px;
    float: left
}

#com-navbar-com .Beijing28img {
    background: url(../images/Drop-down-menu.jpg) 2px -376px no-repeat
}

#com-navbar-com .jianada28-logo-img {
    background: url(../images/Drop-down-menu.jpg) -361px -388px no-repeat
}

#com-navbar-com .jianada28img {
    background: url(../images/Drop-down-menu.jpg) -179px -376px no-repeat
}

#com-navbar-com .size-img {
    width: 407px;
    height: 188px;
    float: left;
    background: url(../images/Drop-down-menu.jpg) 0 -188px no-repeat
}

#com-navbar-com .Video-size {
    width: 206px;
    height: 188px;
    float: left;
    margin: 0 12px 0 38px
}

#com-navbar-com .size {
    width: 206px;
    height: 134px
}

#com-navbar-com .Ag-img {
    background: url(../images/Drop-down-menu.jpg) -458px -188px no-repeat
}

#com-navbar-com .Video-size span {
    display: inline-block;
    width: 129px;
    height: 26px;
    background: #2a8fbd;
    border-radius: 20px;
    line-height: 26px;
    text-align: center;
    margin: 10px 37px
}

#com-navbar-com .Video-size span:hover {
    background: #179e22;
    transition: all .1s ease
}

#com-navbar-com .Video-size span a {
    color: #fff
}

#com-navbar-com .Ag2-img {
    background: url(../images/Drop-down-menu.jpg) -963px -188px no-repeat
}

#com-navbar-com .bbin-img {
    background: url(../images/Drop-down-menu.jpg) -718px -188px no-repeat
}

#com-navbar-com .electronic-size {
    width: 220px;
    height: 154px;
    border: 5px solid #9e6591;
    float: left;
    margin: 14px 25px 10px 122px
}

#com-navbar-com .BB-electronic-img {
    background: url(../images/Drop-down-menu.jpg) -463px -381px no-repeat
}

#com-navbar-com .hover-rgb {
    display: none;
    color: #fff;
    width: 210px;
    height: 112px;
    background: rgba(0,0,0,.6);
    line-height: 120px;
    font-size: 16px;
    text-align: center
}

#com-navbar-com .PT-electronic-img {
    background: url(../images/Drop-down-menu.jpg) -694px -383px no-repeat
}

#com-navbar-com .AG-electronic-img {
    background: url(../images/Drop-down-menu.jpg) -937px -383px no-repeat
}

#com-navbar-com .electronic-size:hover .hover-rgb {
    display: block
}

#com-navbar-com .sports {
    width: 768px;
    height: 147px;
    float: left;
    margin: 41px 182px 0 213px;
    background: url(../images/Drop-down-menu.jpg) 2px -534px no-repeat
}

#com-navbar-com .sports .bb-sports {
    width: 234px;
    height: 45px;
    position: absolute;
    top: 53px;
    left: 727px
}

#com-navbar-com .sports .hg-sports {
    width: 234px;
    height: 45px;
    position: absolute;
    top: 103px;
    left: 712px
}

#com-navbar-com .pc-Lottery {
    width: 1280px;
    margin-left: -115px
}

#com-navbar-com .pc00_c {
    position: relative;
    margin-top: 10px;
    height: 333px;
    background: #fff
}

#com-navbar-com .pc00_c_r {
    float: left;
    display: inline-block;
    width: 1000px
}

#com-navbar-com .title_top {
    width: 100%
}

#com-navbar-com .title_pc {
    float: left;
    margin: 0 2.5%;
    width: 11.66%;
    height: 60px;
    line-height: 60px;
    border-bottom: 1px solid #f2f2f2;
    color: #707070;
    font-size: 17px;
    text-align: center
}

#com-navbar-com .game_room {
    position: relative;
    float: left;
    padding-top: 50px;
    width: 16.66%;
    font-size: 15px
}

#com-navbar-com .game_room a {
    position: relative;
    display: block;
    margin: 0 auto 15px;
    width: 90%;
    height: 36px;
    border-radius: 50px;
    background: #f2f2f2;
    font-size: 14px;
    color: #9d9c9c;
    text-align: center;
    letter-spacing: 3px;
    line-height: 35px
}

#com-navbar-com .game_room a:hover {
    background: #0280a0;
    color: #fff
}

#com-navbar-com .game_room a i.tag-hot {
    position: absolute;
    right: 10%;
    top: 9px;
    display: block;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    font-size: 12px;
    line-height: 18px;
    font-style: normal;
    background: #da6077;
    letter-spacing: 0
}

#com-navbar-com .Positioning_shh .game_room a:hover {
    background: #efbc09
}

#com-navbar-com .live {
    width: 100%;
    flex-direction: row;
    padding: 20px;
    gap: 40px;
    flex-flow: wrap
}

#com-navbar-com .live,#com-navbar-com .liveItem {
    display: flex;
    align-items: center;
    justify-content: center
}

#com-navbar-com .liveItem {
    flex-direction: column;
    width: auto;
    cursor: pointer;
    font-family: 微软雅黑
}

#com-navbar-com .live-evo-img {
    width: 110px;
    height: 50px;
    background: url(../images/4/nav_evo.png) 0 0 no-repeat
}

#com-navbar-com .live-dg-img {
    width: 110px;
    height: 50px;
    background: url(../images/4/nav_dg.png) 0 0 no-repeat
}

#com-navbar-com .live-wm-img {
    width: 110px;
    height: 50px;
    background: url(../images/4/nav_wm.png) 0 0 no-repeat
}

#com-navbar-com .live-sexy-img {
    width: 110px;
    height: 50px;
    background: url(../images/4/nav_sexy.png) 0 0 no-repeat
}

#com-navbar-com .live-pp-img {
    width: 110px;
    height: 50px;
    background: url(../images/4/nav_pp.svg) 0 0 no-repeat
}

#com-navbar-com .live-ob-img {
    width: 110px;
    height: 50px;
    background: url(../images/4/nav_live_ob.png) 0 0 no-repeat;
    background-size: 110px 50px
}

#com-navbar-com .live-t9-img {
    width: 110px;
    height: 50px;
    background: url(../images/4/nav_live_t9.png) 50% no-repeat;
    background-size: 65px 45px
}

#com-navbar-com .live-evo-txt {
    font-size: 19px;
    font-weight: bolder;
    color: #333;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center
}

#com-navbar-com .live-evo-txt:hover {
    color: #fb2d00
}

#com-navbar-com .poker-g1-icon {
    width: 110px;
    height: 50px;
    background: url(../images/4/nav_g1.png) 0 0 no-repeat
}

#com-navbar-com .poker-leg-icon {
    width: 110px;
    height: 50px;
    background: url(../images/4/nav_leg.png) 0 0 no-repeat
}

#com-navbar-com .poker-ky-icon {
    width: 110px;
    height: 50px;
    background: url(../images/4/nav_ky.png) 0 0 no-repeat
}

#com-navbar-com .poker-baison-icon {
    width: 110px;
    height: 50px;
    background: url(../images/4/nav_baison_poker.png) 0 0 no-repeat;
    background-size: contain
}

#com-navbar-com .fish-baison-icon {
    width: 110px;
    height: 50px;
    background: url(../images/4/nav_baison_fish.png) 0 0 no-repeat;
    background-size: contain
}

#com-navbar-com .poker-ob-icon {
    width: 110px;
    height: 50px;
    background: url(../images/4/nav_ob.png) 0 0 no-repeat
}

#com-navbar-com .poker-vg-icon {
    width: 110px;
    height: 50px;
    background: url(../images/4/nav_vg.png) 0 0 no-repeat
}

#com-navbar-com .poker-bole-icon {
    width: 110px;
    height: 50px;
    background: url(../images/4/nav_bole.png) 0 0 no-repeat;
    background-size: contain
}

#com-navbar-com .slot-cq9-icon {
    width: 110px;
    height: 50px;
    background: url(../images/4/nav_cq9.png?v2) 0 0 no-repeat
}

#com-navbar-com .live-cq9-icon {
    width: 135px;
    height: 44px;
    background: url(../images/4/nav_cq9v2.png?v2) 0 0 no-repeat
}

#com-navbar-com .slot-swg-icon {
    width: 110px;
    height: 50px;
    background: url(../images/4/nav_swg.png) 50%/contain no-repeat
}

#com-navbar-com .slot-tpg-icon {
    width: 110px;
    height: 50px;
    background: url(../images/4/nav_tpg.png) 50%/contain no-repeat
}

#com-navbar-com .slot-jdb-icon {
    width: 110px;
    height: 50px;
    background: url(../images/4/nav_jdb.png) 0 0 no-repeat
}

#com-navbar-com .slot-joker-icon {
    width: 110px;
    height: 50px;
    background: url(../images/4/nav_joker.png) 0 0 no-repeat
}

#com-navbar-com .slot-bng-icon {
    width: 110px;
    height: 50px;
    background: url(../images/4/nav_bng.png) 50%/contain no-repeat
}

#com-navbar-com .slot-pg-icon {
    width: 110px;
    height: 50px;
    background: url(../images/4/nav_pg.png) 0 0 no-repeat
}

#com-navbar-com .sport-g1-sport-icon {
    width: 110px;
    height: 50px;
    background: url(../images/4/nav_g1_sport.png) 0 0 no-repeat
}

#com-navbar-com .sport-sbo-icon {
    width: 110px;
    height: 50px;
    background: url(../images/4/nav_sbo.png) 0 0 no-repeat
}

#com-navbar-com .sport-fb-icon {
    width: 110px;
    height: 50px;
    background: url(../images/4/nav_fb.png) no-repeat 50%/contain
}

#com-navbar-com .sport-hg-icon {
    width: 110px;
    height: 50px;
    background: url(../images/4/nav_hg.png) 0 0 no-repeat
}

#com-navbar-com .sport-igx-icon {
    width: 110px;
    height: 50px;
    background: url(../images/4/nav_igx.png) 50%/contain no-repeat
}

#com-navbar-com .sk-sv-icon {
    width: 110px;
    height: 50px;
    background: url(../images/4/nav_digmaan.png) 50% no-repeat;
    background-size: contain
}

#com-navbar-com .esport-ia-icon {
    width: 110px;
    height: 50px;
    background: url(../images/4/nav_ia.png) 0 0 no-repeat
}

#com-navbar-com .esport-lh-icon {
    width: 110px;
    height: 50px;
    background: url(../images/4/nav_lh.png) 0 0 no-repeat
}

#com-navbar-com .esport-fy-icon {
    width: 110px;
    height: 50px;
    background: url(../images/4/nav_fy.png) 0 0 no-repeat
}

#com-navbar-com .esport-ks-icon {
    width: 110px;
    height: 50px;
    background: url(../images/4/nav_ks.png) 50% no-repeat;
    background-size: contain;
    filter: drop-shadow(0 -1px 1px black)
}

#com-navbar-com .slot-ka-icon {
    width: 110px;
    height: 50px;
    background: url(../images/4/nav_ka.png) 50% no-repeat;
    background-size: contain
}

#com-navbar-com .slot-mw-icon {
    width: 110px;
    height: 50px;
    background: url(../images/4/nav_mw.png) 50% no-repeat;
    background-size: contain
}

#com-navbar-com .live-we-img {
    width: 110px;
    height: 50px;
    background: url(../images/4/nav_we.png) 50% no-repeat;
    background-size: contain
}

#com-navbar-com .slot-pp-icon {
    width: 110px;
    height: 50px;
    background: url(../images/4/nav_pp.svg) 50% no-repeat;
    background-size: contain
}

#com-navbar-com .live-rsg-img,#com-navbar-com .slot-rsg-icon {
    width: 110px;
    height: 50px;
    background: url(../images/4/nav_rsg.png) 50% no-repeat;
    background-size: contain
}

#com-navbar-com .slot-ug-icon {
    width: 110px;
    height: 50px;
    background: url(../images/4/nav_ug.png) 50% no-repeat;
    background-size: contain
}

#com-navbar-com .live-astar-img {
    width: 110px;
    height: 50px;
    background: url(../images/4/nav_live_astar.png) 50% no-repeat;
    background-size: 65px 45px
}

#com-navbar-com .blockchain-uuwin-img {
    width: 110px;
    height: 50px;
    background: url(../images/4/nav_uuwin.png) 50% no-repeat;
    background-size: contain;
    filter: drop-shadow(1px -2px 2px black)
}

#com-navbar-com .float-navigations {
    position: fixed;
    right: 2%;
    top: 239px;
    z-index: 9999
}

#com-navbar-com .float-navigations ul {
    list-style: none;
    background-color: rgba(0,0,0,.6313725490196078);
    width: 145px;
    border-radius: 6px;
    position: relative
}

#com-navbar-com .float-navigations ul li {
    width: 100%;
    text-align: center;
    height: 45px;
    margin: 5px 0
}

#com-navbar-com .float-navigations ul li span {
    width: 100%;
    line-height: 45px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-weight: 600
}

#com-navbar-com .float-navigations .float-nav-qrcode {
    display: none;
    position: absolute;
    left: -130px;
    bottom: -50px;
    width: 120px;
    height: 130px;
    background: #fff;
    border-radius: 6px
}

#com-navbar-com .float-navigations ul li.float-nav3:hover~.float-nav-qrcode {
    display: flex;
    justify-content: center;
    align-items: center
}

#com-navbar .nav-rbg {
    background-image: -webkit-linear-gradient(top,#fff,#e6e6e6)
}

#com-navbar .nav {
    width: 100%;
    height: 70px
}

#com-navbar #nav-c {
    width: 1200px;
    height: 60px;
    position: relative;
    text-align: center;
    margin: 0 auto
}

#com-navbar .Here {
    color: #2ea7e0
}

#com-navbar .fixer {
    position: fixed;
    width: 100%;
    z-index: 2;
    top: 0;
    background: #e7e7e7
}

#com-navbar {
    height: 70px;
    background: #e7e7e7
}

#com-navbar #nav-c ul {
    width: 1200px;
    margin: 0 auto
}

#com-navbar #nav-c ul li {
    width: 117px;
    height: 50px;
    display: inline-block;
    margin: 8px auto 0;
    text-align: center
}

#com-navbar #nav-c ul li a {
    display: block;
    height: 50px;
    width: 117px;
    line-height: 50px;
    font-size: 14px
}

#com-navbar #nav-c ul li.active a,#com-navbar #nav-c ul li a:hover {
    color: #2ea7e0
}

#com-navbar #nav-c ul li i {
    border-left: 1px solid #dadada;
    display: block;
    height: 25px;
    float: left;
    margin-top: 11px;
    width: 1px
}

#com-navbar #nav-c .Here-ico-li {
    position: relative
}

#com-navbar #nav-c .Here-ico {
    width: 34px;
    height: 30px;
    position: absolute;
    top: 2px;
    right: 0;
    display: inline;
    background: url(../images/all-ico.png) -417px 0 no-repeat
}

#com-navbar .Drop-down-menu .Lottery-area {
    width: 1200px;
    height: auto;
    margin: 0 auto;
    text-align: center;
    position: relative
}

#com-navbar #Submenu-cp,#com-navbar #Submenu-cp-jd,#com-navbar #Submenu-electronic,#com-navbar #Submenu-pc,#com-navbar #Submenu-sports,#com-navbar #Submenu-Video {
    display: none
}

#com-navbar .Lottery-img {
    background: url(../images/Drop-down-menu-nav.jpg) 0 0 no-repeat
}

#com-navbar .Positioning {
    width: 100%;
    position: relative
}

#com-navbar .Drop-down-menu {
    background: #ececec;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    border-bottom: 5px solid #2a8fbd;
    box-shadow: 0 2px 6px -1px #333
}

#com-navbar .nav-zb .Drop-down-menu {
    border-bottom: 5px solid #e2393c
}

#com-navbar .Happy-Lottery {
    width: 100%;
    height: 237px;
    display: inline-block;
    margin-top: 10px;
    padding-left: 150px;
    box-sizing: border-box
}

#com-navbar .Happy-Lottery-size {
    width: 55px;
    height: 55px;
    float: left
}

#com-navbar .Lottery-name ul li {
    width: 16%;
    height: auto;
    float: left;
    margin-left: 1%
}

#com-navbar .Lottery-name .playspans {
    display: inline-block;
    float: left;
    text-align: left
}

#com-navbar .Lottery-name .playspans .playnamespan {
    position: relative;
    display: block;
    line-height: 34px;
    cursor: pointer;
    padding: 0 10px;
    min-width: 80px
}

#com-navbar .Lottery-name .playspans .playnamespan:after {
    position: absolute;
    top: 0;
    right: -6px;
    font-size: 12px;
    color: #fff;
    width: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    border-radius: 3px
}

#com-navbar .Lottery-name .playspans .hot:after {
    content: "热";
    background-color: #ea0813
}

#com-navbar .Lottery-name .playspans .new:after {
    content: "æ–°";
    background-color: #079ef1
}

#com-navbar .Lottery-name .playspans .playnamespan:first-child:last-child {
    margin-top: 20px
}

#com-navbar .LotteryJD .Lottery-name .playspans .playnamespan {
    position: relative;
    line-height: 26px;
    border-bottom: 1px solid #dfdfdf;
    padding-left: 25px;
    margin-top: 5px
}

#com-navbar .LotteryJD .Lottery-name .playspans .playnamespan:hover {
    background-color: inherit;
    color: #eb7e00;
    border-color: #dfdfdf;
    text-decoration: none
}

#com-navbar .LotteryJD .Lottery-name .playspans .playnamespan:before {
    position: absolute;
    top: 1px;
    left: 0;
    content: "";
    width: 24px;
    height: 24px;
    background: url(../images/i_classic.png) no-repeat
}

#com-navbar .LotteryJD .Lottery-name .playspans .playnamespan:first-child:last-child {
    margin-top: 0
}

#com-navbar .Lottery-name ul li i {
    float: left;
    margin: 10px
}

#com-navbar .Lottery-name a {
    color: #78797b
}

#com-navbar .Lottery-name ul li span:focus,#com-navbar .Lottery-name ul li span:hover {
    background-color: hsla(0,0%,100%,.3);
    color: #eb7e00;
    border-color: #f7f7f7;
    text-decoration: none
}

#com-navbar .Lottery-name ul li:first-child {
    width: 24%
}

#com-navbar .Lottery-name ul li:first-child .playspans {
    width: 177px
}

#com-navbar .Lottery-name ul li:first-child .playspans span {
    display: inline-block
}

#com-navbar .Lottery-name ul li:nth-child(3) {
    width: 21%
}

#com-navbar .Lottery-name ul li:nth-child(3) .playspans {
    width: 134px
}

#com-navbar .Lottery-name ul li:nth-child(3) .playspans span {
    display: inline-block
}

#com-navbar .Lottery-area .lucky28,.Lottery-area .bg28,.Lottery-area .bitcoin28,.Lottery-area .caomen28,.Lottery-area .cjnd28,.Lottery-area .clucky28,.Lottery-area .ctaiwan28,.Lottery-area .jnd28,.Lottery-area .mc28,.Lottery-area .tw28 {
    position: relative;
    width: 245px;
    height: 159px;
    float: left;
    border-radius: 12px 12px 12px 12px;
    margin: 20px;
    overflow: hidden
}

#com-navbar .Lottery-area .lucky28 {
    background: url(../images/navigationhover/pc00_bg.png)
}

#com-navbar .Lottery-area .jnd28 {
    background: url(../images/navigationhover/jndd28.png)
}

#com-navbar .Lottery-area .clucky28 {
    background: url(../images/navigationhover/cpk28_bg.png)
}

#com-navbar .Lottery-area .cjnd28 {
    background: url(../images/navigationhover/cjndd28.png)
}

#com-navbar .Lottery-area .caomen28 {
    background: url(../images/navigationhover/caomen28.jpg)
}

#com-navbar .Lottery-area .ctaiwan28 {
    background: url(../images/navigationhover/ctaiwan28.jpg)
}

#com-navbar .Lottery-area .mc28 {
    background: url(../images/navigationhover/mc28.jpg)
}

#com-navbar .Lottery-area .tw28 {
    background: url(../images/navigationhover/tw28.jpg)
}

#com-navbar .Lottery-area .bg28 {
    background: url(../images/navigationhover/bg00_bk.png)
}

#com-navbar .Lottery-area .bitcoin28 {
    background: url(../images/navigationhover/bitcoin28_bk.png)
}

#com-navbar .room-go {
    float: right;
    margin: 6px 30px 0 0
}

#com-navbar .room-go .room-size {
    display: block;
    float: right;
    width: 73px;
    height: 30px;
    margin-top: 8px
}

#com-navbar .primary-img {
    background: url(../images/navigationhover/roomSize_bg.png) 0 0 no-repeat
}

#com-navbar .primary-img:hover {
    background: url(../images/navigationhover/roomSize_bg.png) -73px 0 no-repeat
}

#com-navbar .intermediate-img {
    background: url(../images/navigationhover/roomSize_bg.png) 0 -37px no-repeat
}

#com-navbar .intermediate-img:hover {
    background: url(../images/navigationhover/roomSize_bg.png) -73px -37px no-repeat
}

#com-navbar .advanced-img {
    background: url(../images/navigationhover/roomSize_bg.png) 0 -74px no-repeat
}

#com-navbar .advanced-img:hover {
    background: url(../images/navigationhover/roomSize_bg.png) -73px -74px no-repeat
}

#com-navbar .goin-img {
    background: url(../images/navigationhover/icon-in.png) 0 no-repeat
}

#com-navbar .goin-img:hover {
    background: url(../images/navigationhover/icon-in-hover.png) 0 no-repeat
}

#com-navbar .Lottery-area .bottomtitle {
    position: absolute;
    left: 0;
    bottom: 0;
    text-align: center;
    line-height: 30px;
    width: 100%;
    color: #fff;
    display: inline-block;
    height: 26px
}

#com-navbar .Lottery-area .bottomtitle-mask {
    background-color: rgba(58,121,215,.5);
    height: 22px;
    line-height: 22px
}

#com-navbar .Lottery-name .icon-nav-cqssc {
    display: inline-block;
    width: 55px;
    height: 57px;
    background: url(../images/navigationhover/icon-nav-cqssc.png) no-repeat
}

#com-navbar .Lottery-name .icon-nav-gd11x5 {
    display: inline-block;
    width: 55px;
    height: 57px;
    background: url(../images/navigationhover/icon-nav-gd11x5.png) no-repeat
}

#com-navbar .Lottery-name .icon-nav-pk10 {
    display: inline-block;
    width: 55px;
    height: 57px;
    background: url(../images/navigationhover/icon-nav-pk10.png) no-repeat
}

#com-navbar .Lottery-name .icon-nav-cqlhc {
    display: inline-block;
    width: 55px;
    height: 57px;
    background: url(../images/navigationhover/icon-nav-cqlhc.png) no-repeat
}

#com-navbar .Lottery-name .icon-nav-jsk3 {
    display: inline-block;
    width: 55px;
    height: 57px;
    background: url(../images/navigationhover/icon-nav-jsk3.png) no-repeat
}

#com-navbar .Lottery-name .icon-nav-ahk3 {
    display: inline-block;
    width: 55px;
    height: 57px;
    background: url(../images/navigationhover/icon-nav-ahk3.png) no-repeat
}

#com-navbar .Lottery-name .icon-nav-sh11x5 {
    display: inline-block;
    width: 55px;
    height: 57px;
    background: url(../images/navigationhover/icon-nav-sh11x5.png) no-repeat
}

#com-navbar .Lottery-name .icon-nav-jx11x5 {
    display: inline-block;
    width: 55px;
    height: 57px;
    background: url(../images/navigationhover/icon-nav-jx11x5.png) no-repeat
}

#com-navbar .Lottery-name .icon-nav-sd11x5 {
    display: inline-block;
    width: 55px;
    height: 57px;
    background: url(../images/navigationhover/icon-nav-sd11x5.png) no-repeat
}

#com-navbar .Lottery-name .icon-nav-xjssc {
    display: inline-block;
    width: 55px;
    height: 57px;
    background: url(../images/navigationhover/icon-nav-xjssc.png) no-repeat
}

#com-navbar .Lottery-name .icon-nav-tjssc {
    display: inline-block;
    width: 55px;
    height: 57px;
    background: url(../images/navigationhover/icon-nav-tjssc.png) no-repeat
}

#com-navbar .LotteryJD ul li i {
    display: inline-block;
    width: 172px;
    height: 70px;
    margin: 0 10px 5px
}

#com-navbar .Lottery-name .icon-nav-sscjd {
    background: url(../images/navigationhover/icon-nav-sscjd.jpg) no-repeat
}

#com-navbar .Lottery-name .icon-nav-pk10jd {
    background: url(../images/navigationhover/icon-nav-pk10jd.jpg) no-repeat
}

#com-navbar .Lottery-name .icon-nav-xglhc {
    background: url(../images/navigationhover/icon-nav-xglhc.png) no-repeat
}

#com-navbar .Lottery-name .icon-nav-rswfc {
    background: url(../images/navigationhover/icon-nav-rswfc.png) no-repeat
}

#com-navbar .Lottery-name i em {
    display: block;
    text-align: left;
    padding-left: 10px;
    background: rgba(0,0,0,.5);
    font-size: 14px;
    color: #fff;
    line-height: 70px;
    font-style: normal
}

#com-navbar .lucky28-logo {
    width: 94px;
    height: 65px;
    float: left;
    margin-top: 49px
}

#com-navbar .Beijing28-logo-img {
    background: url(../images/Drop-down-menu.jpg) -364px -458px no-repeat
}

#com-navbar .lucky28-size {
    width: 175px;
    height: 155px;
    float: left
}

#com-navbar .Beijing28img {
    background: url(../images/Drop-down-menu.jpg) 2px -376px no-repeat
}

#com-navbar .jianada28-logo-img {
    background: url(../images/Drop-down-menu.jpg) -361px -388px no-repeat
}

#com-navbar .jianada28img {
    background: url(../images/Drop-down-menu.jpg) -179px -376px no-repeat
}

#com-navbar .size-img {
    width: 407px;
    height: 188px;
    float: left;
    background: url(../images/Drop-down-menu.jpg) 0 -188px no-repeat
}

#com-navbar .Video-size {
    width: 206px;
    height: 188px;
    float: left;
    margin: 0 12px 0 38px
}

#com-navbar .size {
    width: 206px;
    height: 134px
}

#com-navbar .Ag-img {
    background: url(../images/Drop-down-menu.jpg) -458px -188px no-repeat
}

#com-navbar .Video-size span {
    display: inline-block;
    width: 129px;
    height: 26px;
    background: #2a8fbd;
    border-radius: 20px;
    line-height: 26px;
    text-align: center;
    margin: 10px 37px
}

#com-navbar .Video-size span:hover {
    background: #179e22;
    transition: all .1s ease
}

#com-navbar .Video-size span a {
    color: #fff
}

#com-navbar .Ag2-img {
    background: url(../images/Drop-down-menu.jpg) -963px -188px no-repeat
}

#com-navbar .bbin-img {
    background: url(../images/Drop-down-menu.jpg) -718px -188px no-repeat
}

#com-navbar .electronic-size {
    width: 220px;
    height: 154px;
    border: 5px solid #9e6591;
    float: left;
    margin: 14px 25px 10px 122px
}

#com-navbar .BB-electronic-img {
    background: url(../images/Drop-down-menu.jpg) -463px -381px no-repeat
}

#com-navbar .hover-rgb {
    display: none;
    color: #fff;
    width: 210px;
    height: 112px;
    background: rgba(0,0,0,.6);
    line-height: 120px;
    font-size: 16px;
    text-align: center
}

#com-navbar .PT-electronic-img {
    background: url(../images/Drop-down-menu.jpg) -694px -383px no-repeat
}

#com-navbar .AG-electronic-img {
    background: url(../images/Drop-down-menu.jpg) -937px -383px no-repeat
}

#com-navbar .electronic-size:hover .hover-rgb {
    display: block
}

#com-navbar .sports {
    width: 768px;
    height: 147px;
    float: left;
    margin: 41px 182px 0 213px;
    background: url(../images/Drop-down-menu.jpg) 2px -534px no-repeat
}

#com-navbar .sports .bb-sports {
    width: 234px;
    height: 45px;
    position: absolute;
    top: 53px;
    left: 727px
}

#com-navbar .sports .hg-sports {
    width: 234px;
    height: 45px;
    position: absolute;
    top: 103px;
    left: 712px
}

#divid {
    height: 10px;
    border-top: 1px solid #fff;
    background: #e7e7e7
}

#com-navbar .Lottery-name .icon-nav-ft {
    display: inline-block;
    width: 55px;
    height: 57px;
    background: url(../images/navigationhover/icon-nav-ft.png) no-repeat
}

#com-navbar .Lottery-name ul li:nth-child(3) {
    width: 16%
}

#com-navbar .Lottery-name ul li:last-child {
    width: 16%
}

#com-navbar .nav-zb #nav-c ul li {
    width: 108px
}

#com-navbar .nav-zb .Lottery-name ul li:nth-child(3) {
    width: 20%
}

.service-line-zb .ant-modal-header {
    background-color: #e2393c
}

.service-line-zb .ant-modal-header .ant-modal-title {
    color: #fff
}

.service-line-zb .online-addr {
    display: flex;
    align-items: center
}

.service-line-zb .online-addr :first-child {
    margin-right: 10px
}

.service-line-zb .online-addr .icon {
    background-size: contain;
    width: 40px;
    height: 40px
}

#dlg-setting .tit-y {
    height: 30px;
    background: #f0f9fe;
    line-height: 30px;
    color: #2a8fbd;
    padding-left: 10px
}

#dlg-setting .tit-y span {
    margin-left: 5px
}

#dlg-setting .login-password {
    width: 420px;
    height: 236px;
    margin: 50px auto;
    color: #6e6e6e;
    font-size: 14px
}

#dlg-setting .modify-size {
    height: 40px;
    line-height: 40px
}

#dlg-setting .modify-size span {
    float: left;
    font-size: 14px
}

#dlg-setting .modify-size .Input-box {
    display: inline-block;
    font-size: 14px;
    text-align: left;
    width: 322px;
    height: 40px;
    border: 1px solid #ccc;
    border-radius: 3px 3px 3px 3px;
    padding: 6px 12px;
    float: right
}

#dlg-setting .modify-size .Input-box:focus {
    outline: 0;
    border-color: #80befd;
    box-shadow: 0 0 10px rgba(60,149,229,.5);
    transition: all .5s ease
}

#dlg-setting .modify-t {
    width: 416px;
    height: 50px;
    cursor: pointer;
    background: #2a8fbd;
    color: #fff;
    font-size: 16px;
    line-height: 30px;
    padding: 0;
    border: 0;
    outline: 0;
    border-radius: 5px;
    margin-top: 50px
}

#dlg-setting .modify-size {
    height: 42px;
    margin-top: 10px
}

#dlg-setting .button-panel {
    width: 100%;
    margin: 20px 0 0;
    text-align: right
}

#dlg-setting .button-panel input {
    width: 150px
}

#com-perinf {
    width: 100%;
    height: 100%
}

#com-perinf .us-w {
    float: left;
    width: 20%;
    color: #757373;
    background: #f0f9ff;
    border-radius: 12px;
    padding: 10px;
    margin-right: 2%
}

#com-perinf .us-w .Avatar {
    float: left;
    width: 63px;
    height: 63px;
    margin: 0 12px 12px 6px;
    background: url(../images/all-ico.png) -288px -146px no-repeat
}

#com-perinf .us-w .baseInfo {
    float: left;
    margin-top: 20px
}

#com-perinf .us-w .us-information .r-us {
    height: 25px;
    margin-top: 4px;
    position: relative
}

#com-perinf .us-w .us-information p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 200px
}

#com-perinf .us-w .us-information .r-us.jc {
    height: auto;
    margin-top: 0;
    position: relative
}

#com-perinf .us-w .Rebate-data {
    padding: 10px 10px 0;
    border-top: 1px solid #e8e8e8
}

#com-perinf .personal-information {
    float: left;
    width: 78%;
    color: #757373;
    border: 1px solid #e8e8e8;
    padding: 20px
}

#com-perinf .Rebate-data dt {
    color: #2a8fbd;
    margin-bottom: 5px
}

#com-perinf .Rebate-data dd {
    height: 24px;
    line-height: 24px;
    color: #777
}

#com-perinf .Log-time {
    color: #757373;
    width: 970px;
    height: 18px;
    margin: 20px 15px 20px 30px;
    letter-spacing: 1px
}

#com-perinf .Log-time .time-l {
    width: 443px;
    height: 18px;
    float: left
}

#com-perinf .Log-time span {
    display: block;
    float: left
}

#com-perinf .mark {
    background: #43a8fb;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    margin: 4px 8px 4px 5px
}

#com-perinf .item {
    margin-bottom: 30px
}

#com-perinf .item:last-child {
    margin-bottom: 0
}

#com-perinf .totalAccount {
    font-size: 16px;
    color: #999
}

#com-perinf .totalAccount>span {
    color: #e43f3f
}

#com-perinf .totalAccount .anticon-bank {
    font-size: 28px;
    color: #dc6565;
    margin-right: 5px
}

#com-perinf .refresh {
    position: relative;
    font-size: 12px;
    color: #b0b1b1;
    margin-left: 20px
}

#com-perinf .refresh .anticon {
    transition: 1s;
    color: #7ac7f1;
    font-size: 14px
}

#com-perinf .refresh:hover .anticon-reload {
    transform: rotate(1turn)
}

#com-perinf .platforms {
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap
}

#com-perinf .platforms>div {
    width: calc(20% - 5px);
    margin-bottom: 15px
}

#com-perinf .platforms>div>div {
    display: flex;
    flex-direction: column;
    height: 60px;
    background-color: #a7d7f1;
    border-radius: 8px;
    margin: 0 15px 8px 0
}

#com-perinf .platforms button {
    cursor: pointer;
    width: calc(100% - 15px);
    height: 30px;
    background-color: #169bd5;
    color: #fff;
    border-radius: 8px
}

#com-perinf .platforms button:focus {
    outline: none
}

#com-perinf .platforms label {
    display: flex;
    flex: 3;
    padding: 5px 0 0 5px;
    align-items: flex-start;
    font-size: 14px;
    color: #333
}

#com-perinf .platforms p {
    text-align: right;
    margin: 0 5px 4px 0;
    flex: 1
}

#com-perinf .platforms a {
    color: #2ea7e0
}

#com-perinf .platforms a:hover {
    color: #e43f3f!important
}

#com-perinf .platforms>span {
    color: #e43f3f;
    margin: 0 2px
}

#com-conversion {
    width: 100%;
    height: 100%;
    margin: 30px 0 40px
}

#com-perinf .tit {
    font-size: 16px;
    line-height: 30px;
    border-bottom: 1px solid #e8e8e8;
    padding-left: 10px;
    margin-bottom: 5px
}

#com-perinf .tit .anticon {
    font-size: 20px;
    color: #dc6565;
    margin-right: 5px
}

#com-conversion .tit .anticon {
    font-size: 18px
}

#com-perinf .tip {
    color: #999;
    line-height: 30px;
    margin-bottom: 10px;
    padding-left: 10px
}

#com-perinf .tip .anticon {
    font-size: 12px;
    color: #71c0ea;
    margin-right: 5px
}

#com-perinf .securityCenter .baseSet li {
    float: left;
    line-height: 36px;
    width: 50%;
    height: 36px;
    text-align: left;
    margin-bottom: 6px
}

#com-perinf .securityCenter .baseSet label {
    font-family: 微软雅黑;
    display: inline-block;
    width: 65px;
    text-align: right
}

#com-perinf .inputText {
    display: inline-block;
    font-size: 12px;
    text-align: left;
    width: 235px;
    height: 34px;
    border: 1px solid #e6e6e6;
    border-radius: 3px 3px 3px 3px;
    padding: 0 12px;
    color: #333
}

#com-conversion .selectPocket {
    float: left
}

#com-conversion .inputText {
    margin: 10px 20px 0 0
}

#com-conversion .doubleRightArrow {
    margin: 0 20px 0 0;
    color: #dc6565
}

#com-perinf .submit-p {
    background: #05bfbf;
    color: #fff;
    font-size: 16px;
    width: 80px;
    height: 30px;
    line-height: 30px;
    border: 0;
    outline: 0;
    border-radius: 5px
}

#com-perinf .securityCenter .baseSet .submit-p {
    margin-left: 216px
}

#com-perinf .pwdEdit .anticon-unlock {
    font-size: 14px;
    color: #dc6565;
    margin-right: 5px
}

#com-perinf .pwdEdit li {
    color: #333;
    line-height: 24px;
    padding-left: 20px
}

#com-perinf .pwdEdit .anticon-arrow-right {
    color: #71c0ea;
    margin-left: 10px;
    font-size: 13px
}

#com-carman .Bank-card-w .card-operating {
    cursor: pointer;
    overflow: hidden
}

#dlg-addCard .card-add .ant-input-lg {
    font-size: 12px
}

#dlg-addCard .card-add .item {
    display: flex;
    align-items: center
}

#dlg-addCard .card-add .item>span {
    width: 95px
}

#dlg-addCard .card-add .item input.input-pay_no {
    border: 1px solid #d9d9d9;
    width: 300px;
    height: 40px;
    line-height: 40px;
    padding-left: 12px;
    border-radius: 4px
}

#dlg-addCard .dialog-tab {
    display: flex
}

#dlg-addCard .dialog-tab li {
    margin-left: 2px
}

#dlg-addCard .dialog-tab li:first-child {
    margin-left: 0
}

#dlg-addCard .dialog-tab li button {
    padding: 10px 30px;
    color: #fff;
    font-size: 14px;
    border: 0;
    background: transparent;
    cursor: pointer
}

#dlg-addCard .dialog-tab li button.on {
    background: #0b6c99
}

#dlg-addCard .payName {
    margin-left: 5px
}

#com-bonus {
    width: 100%;
    height: 100%
}

#com-bonus .bonus-w {
    width: 1000px;
    height: 516px;
    font-family: 微软雅黑;
    margin: 0 auto;
    background: #fff
}

#com-bonus .bonus-c {
    overflow: hidden;
    background: #88bdd5;
    display: block;
    list-style: none
}

#com-bonus .now a {
    background: #0b6c99;
    text-decoration: none
}

#com-bonus .bonus-w .bonus-c a {
    display: block;
    padding: 0 30px;
    float: left;
    width: auto;
    text-decoration: none;
    color: #fff;
    font-size: 14px
}

#com-bonus .bonus-w p {
    margin-top: 10px;
    margin-left: 12px;
    color: #000
}

#com-bonus .bonus-w .bonus-t {
    overflow: hidden;
    width: 1000px;
    height: 453px;
    position: relative
}

#com-bonus .bonus-table {
    width: 990px;
    height: 424px;
    margin: 10px 5px 20px;
    overflow-y: scroll
}

#com-bonus .bonus-table table {
    width: inherit;
    height: 30px;
    border-collapse: collapse;
    width: 973px
}

#com-bonus .bonus-table td {
    height: 31px;
    border: 1px solid #ddd!important;
    color: #6a6a6a;
    font-size: 13px;
    margin: 0;
    padding: 0;
    text-align: -webkit-center;
    vertical-align: inherit
}

#com-bonus .bonus-table tr {
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
    width: 972px
}

#com-bonus .bonus-table tbody {
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit
}

#com-querycondition {
    width: 100%
}

#com-agenttransrecord {
    width: 100%;
    height: 100%
}

#com-agentdetail th.cust_name {
    vertical-align: top;
    line-height: 32px
}

#com-agentdetail table tr td,#com-agentdetail table tr th {
    line-height: 1.4;
    font-size: 14px;
    padding: 8px 12px
}

#com-agentdetail table.slider_tbl {
    width: 549px
}

#com-agentdetail table th {
    width: 140px
}

#com-agentdetail table.slider_tbl td.rebate {
    width: 72px;
    text-align: right
}

#com-agentusers {
    width: 100%;
    height: 100%
}

#com-agentusers .ant-select-selection {
    width: 80px
}

.dialog-agent-users {
    margin: 0;
    width: 800px;
    height: auto;
    max-height: 600px;
    background-color: #fff
}

.dialog-agent-users .rc-dialog-close {
    top: 15px
}

.dialog-agent-users-agentpermission {
    margin: 0;
    width: 720px;
    background-color: #fff
}

.rc-dialog .dialog-content.upgrade-member {
    padding: 40px 20px;
    font-size: 18px;
    font-weight: 700;
    text-align: center
}

#dlg-agentedit {
    width: 100%;
    height: 100%
}

#dlg-agentedit .card-container>.ant-tabs-card>.ant-tabs-bar .ant-tabs-tab-active {
    background: #fff
}

#com-agentaccountbook,#com-agentbankinfo,#com-agentsubs,#com-agentuserinfo,#com-agentwithdrawinfo {
    width: 100%;
    height: 100%
}

#com-agentsubs table.treetable thead tr th {
    padding: 2px
}

#com-agentsubs table.treetable tbody tr td {
    padding: 0;
    background: #fff
}

#com-agentsubs .ant-table-thead>tr>th {
    padding: 10px 0;
    word-break: break-all;
    font-weight: 400;
    text-align: center
}

#com-agentsubs .table-row>td {
    padding: 0;
    line-height: 40px;
    word-break: break-all;
    text-align: center
}

#com-agentsubs .table-row>td:first-child {
    text-align: left
}

#com-agentsubs .ant-table-bordered .ant-table-tbody>tr>td {
    text-align: center
}

#com-agentadd th.cust_name {
    vertical-align: top;
    line-height: 32px
}

#com-agentadd table tr td,#com-agentadd table tr th {
    line-height: 1.4;
    font-size: 14px;
    padding: 8px 12px
}

#com-agentadd table.slider_tbl {
    width: 549px
}

#com-agentadd table th {
    width: 140px
}

#com-agentadd table.slider_tbl td.rebate {
    width: 72px;
    text-align: right
}

#dlg-agentpromotiondetail {
    width: 100%;
    height: 100%
}

#dlg-agentpromotiondetail p.rebate_tit {
    margin-bottom: 0
}

#dlg-agentpromotiondetail div.rebate_content {
    display: flex
}

#dlg-agentpromotiondetail div.rebate_content div {
    flex: 1
}

#dlg-agentpromotiondetail div.rebate_content .val {
    color: #b82b2b;
    margin-left: 5px
}

#dlg-agentpromotiondetail div.rebate_content .val:after {
    content: "%"
}

#dlg-agentpromotiondetail .agent-table tbody th {
    width: 124px
}

#dlg-agentpromotionadd {
    width: 100%;
    height: 100%
}

#dlg-agentpromotionadd .dialog-content .agent-dlg-btn-wapper {
    margin: 3rem auto 1rem
}

#dlg-agentpromotionadd .dialog-content {
    padding: 10px 20px
}

#dlg-agentpromotionadd table {
    width: 96%;
    margin: 0 auto
}

#dlg-agentpromotionadd td,#dlg-agentpromotionadd th {
    vertical-align: middle;
    line-height: 32px
}

#dlg-agentpromotionadd th {
    width: 102px
}

#dlg-agentpromotionadd td.rebate {
    width: 36px
}

#dlg-agentpromotionadd td.input,#dlg-agentpromotionadd td.slider {
    width: calc(100% - 138px);
    padding: 0 15px
}

#dlg-agentpromotionadd td input {
    border: 1px solid #ddd;
    border-radius: 6px;
    padding-left: 15px;
    width: 80px;
    height: 27px
}

#dlg-agentpromotionadd .buttons {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    margin-top: 10px
}

#dlg-agentpromotionadd .date-type {
    padding: 7px;
    margin: 0 5px 5px;
    border-radius: 5px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-items: center;
    border: 1px solid rgba(63,63,63,.5);
    color: #3f3f3f
}

#dlg-agentpromotionadd .active {
    background: #1890ff;
    color: #fff;
    border-color: #1890ff
}

#com-agentpromotion {
    width: 100%;
    height: 100%
}

.dialog-agentpromotion {
    margin: 0;
    width: 734px;
    background-color: #fff
}

#com-agent,#com-agentdaysettle,#com-teambalance,#com-teamdaysettle,#com-teamelot,#com-teampay,#com-teamprofitorlost,#com-teamwithdraw {
    width: 100%;
    height: 100%
}

#com-agent {
    background: transparent
}

#com-agent,#com-agent .agent_head {
    border: 1px solid #d8d8d8
}

#com-agent .ant-input-number-handler-wrap {
    display: none
}

.agent-border {
    border: 1px solid #d8d8d8
}

.agent-table {
    margin: auto;
    width: 100%;
    overflow: scroll;
    border: 0;
    border-collapse: separate;
    padding: 0;
    -webkit-border-vertical-spacing: 1px;
    -webkit-border-horizontal-spacing: 1px;
    border-spacing: 0;
    border-collapse: collapse
}

.agent-table tbody th {
    width: 166px;
    text-align: right;
    padding-right: 10px
}

.agent-table tbody th,.agent-table td {
    height: 36px;
    line-height: 36px;
    border: 1px solid #d8d8d8
}

.agent-table td {
    text-align: left;
    padding-left: 10px
}

.agent-table td>span {
    padding: 0 10px
}

.agent-table td input {
    width: 200px
}

.agent-table td textarea {
    margin-top: 10px;
    margin-bottom: 10px;
    width: 400px
}

.agent-table td>button {
    background-color: #fff;
    border-width: 0
}

.agent-table td>.ant-slider {
    width: 340px;
    display: inline-block;
    margin: auto 16px auto 10px;
    padding: 0;
    height: 5px
}

.agent-table-td a {
    line-height: 20px;
    color: #108ee9;
    margin: auto 2px;
    padding: 0 5px
}

.agent-dlg-btn-wapper {
    width: 100%;
    text-align: center;
    vertical-align: "middle";
    height: 40px;
    margin: 10px auto auto
}

#com-agentDescription {
    padding: 10px 25px;
    font-size: 14px
}

#com-agentDescription h2 {
    position: relative;
    line-height: 60px;
    border-bottom: 1px solid #f0f0f0;
    background-color: #fff;
    border-radius: 5px 5px 0 0;
    font-size: 16px;
    font-weight: 700;
    color: #4a4a4a
}

#com-agentDescription .note {
    font-size: 14px;
    margin: 25px 0;
    font-weight: 600
}

#com-agentDescription .question p {
    color: #e2393c;
    font-size: 15px;
    font-weight: 700;
    line-height: 30px
}

#com-agentDescription .question ul li {
    list-style: disc inside;
    padding-bottom: 5px
}

#com-recorddetail {
    width: 100%;
    height: 100%;
    padding: 10px 20px 20px
}

#com-recorddetail .multx {
    display: inline-block;
    margin-left: 10px;
    color: #999;
    font-size: 1.2rem
}

#com-recorddetail .fc-blue {
    color: #33a6f6
}

#com-recorddetail #com-header .rbtn {
    float: right;
    position: absolute;
    right: .75rem;
    top: 0;
    color: #fff;
    font-size: 1.4rem
}

#com-recorddetail #com-header .rbtn_1,#com-recorddetail #com-header .rbtn_22 {
    color: #333
}

#com-recorddetail .border_top {
    border-top: 1px solid #dfdfdf
}

#com-recorddetail .content .item .info {
    height: 36px;
    line-height: 36px;
    padding: 0 .8334rem
}

#com-recorddetail .content .item .info_i {
    font-size: 1.5rem;
    color: #d91d37;
    margin-right: 4.8rem
}

#com-recorddetail .content .item .info_ii {
    font-size: 1.2rem;
    color: #333;
    margin-right: 4.8rem
}

#com-recorddetail .content .item .info_iii {
    font-size: 1.5rem;
    color: #999
}

#com-recorddetail .content .item .infoo {
    padding: .5rem .8334rem;
    box-sizing: border-box
}

#com-recorddetail .content .item .infoo dl dd,#com-recorddetail .content .item .infoo dl dt {
    display: inline-block;
    width: 25%;
    text-align: left;
    line-height: 2rem
}

#com-recorddetail .content .item .infoo dl dt {
    font-size: 1.2rem;
    color: #999
}

#com-recorddetail .content .item .infoo dl dd {
    font-size: 1.5rem;
    color: #333;
    font-weight: 700
}

#com-recorddetail .betting_info {
    display: inline-block;
    float: left;
    width: 50%;
    color: #333;
    font-size: 1.5rem;
    line-height: 2rem
}

#com-recorddetail .betting_info ul {
    padding: 10px 0
}

#com-recorddetail .betting_info ul li {
    float: left;
    width: 50%;
    height: 2rem;
    line-height: 2rem;
    text-align: left
}

#com-recorddetail .betting_info ul li.wholeW {
    width: 100%
}

#com-recorddetail .betting_info em {
    font-style: normal
}

#com-recorddetail .betting_info>span {
    margin: 0 .5rem
}

#com-recorddetail .betting_infoo {
    padding: .5rem .8834rem;
    box-sizing: border-box
}

#com-recorddetail .betting_infoo p {
    line-height: 2rem;
    color: #333;
    font-size: 1.5rem
}

#com-recorddetail .betting_infoo p span {
    color: #999;
    font-size: 1.2rem;
    margin-left: 1rem
}

#com-recorddetail .codes {
    display: inline-block;
    float: left;
    width: 45%
}

#com-recorddetail .tit {
    position: relative;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    color: #333;
    text-align: left;
    padding-left: 10px
}

#com-recorddetail .tit:before {
    position: absolute;
    left: 0;
    top: 10px;
    content: "";
    width: 4px;
    height: 15px;
    background: #cf0a2c
}

#com-recorddetail .recordElementsdiv {
    width: 100%;
    height: 165px;
    padding: 10px;
    overflow-y: auto;
    background: #fff;
    border: 1px solid #dfdfdf
}

#com-recorddetail .recordElementsdiv p {
    position: relative;
    padding-left: 10px;
    text-align: left;
    line-height: 2rem;
    color: #333;
    font-size: 1.5rem;
    word-break: break-all;
    word-wrap: break-word
}

#com-recorddetail .recordElementsdiv p:before {
    position: absolute;
    left: 0;
    top: 4px;
    content: "*";
    color: #cf0a2c
}

#com-recorddetail .recordElementsdiv p .play-name {
    color: #666;
    font-size: 1.2rem
}

#com-recorddetail .recordElementsdiv p .code {
    color: #999;
    font-size: 1.2rem;
    margin-left: 1rem
}

#com-recorddetail .page_foot {
    margin-top: 20px;
    border-top: none;
    height: 4rem;
    text-align: center
}

#com-recorddetail .btns a {
    display: block;
    height: 4rem;
    line-height: 4rem;
    width: 100%;
    text-align: center;
    font-size: 1.6rem;
    color: #fff;
    background-color: #d83332
}

#com-recorddetail .btns span {
    width: 30%;
    height: 40px;
    background: #0b6c99;
    color: #fff;
    border-radius: 5px;
    line-height: 40px;
    font-size: 20px
}

#com-recorddetail .content .item .info {
    height: 60px;
    line-height: 60px;
    margin: 0
}

#com-recorddetail .chase {
    margin-top: 20px
}

#com-recorddetail .chase-content {
    border: 1px solid #eb7e00;
    max-height: 300px;
    overflow-y: scroll
}

#com-recorddetail .chase-title {
    margin-top: 10px;
    background: #eb7300;
    color: #fff;
    width: auto;
    height: 40px;
    line-height: 40px
}

#com-recorddetail .chase li {
    float: left;
    width: 25%;
    text-align: center
}

#com-recorddetail .chase-content li {
    height: 30px;
    line-height: 30px;
    border-bottom: 1px dotted #ccc
}

#com-recorddetail .chase-content ul:last-child li {
    border-bottom: none
}

#com-recorddetail .betting_info .leagueName {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 213px
}

#com-recorddetail .betting_info.betting_detail li {
    display: flex;
    align-items: center
}

#com-recorddetail .betting_info.betting_detail .dn {
    display: none
}

#com-recorddetail .betting_info.betting_detail .detail_number {
    font-weight: 400;
    font-size: 13px
}

#com-imrecorddetail,#com-imrecorddetail .clearfix {
    width: 100%;
    height: 100%;
    padding: 10px 20px 20px
}

#com-imrecorddetail .container {
    display: flex
}

#com-imrecorddetail .item {
    flex: 1
}

#com-imrecorddetail .tit {
    position: relative;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    color: #333;
    text-align: left;
    padding-left: 10px
}

#com-imrecorddetail .tit:before {
    position: absolute;
    left: 0;
    top: 10px;
    content: "";
    width: 4px;
    height: 15px;
    background: #cf0a2c
}

#com-imrecorddetail li {
    width: 100%;
    text-align: left;
    height: 30px;
    line-height: 30px
}

#com-npg-recorddetail,#com-userstat {
    width: 100%;
    height: 100%
}

#com-npg-recorddetail {
    padding: 10px 20px 20px
}

#com-npg-recorddetail .multx {
    display: inline-block;
    margin-left: 10px;
    color: #999;
    font-size: 1.2rem
}

#com-npg-recorddetail .fc-blue {
    color: #33a6f6
}

#com-npg-recorddetail #com-header .rbtn {
    float: right;
    position: absolute;
    right: .75rem;
    top: 0;
    color: #fff;
    font-size: 1.4rem
}

#com-npg-recorddetail #com-header .rbtn_1,#com-npg-recorddetail #com-header .rbtn_22 {
    color: #333
}

#com-npg-recorddetail .border_top {
    border-top: 1px solid #dfdfdf
}

#com-npg-recorddetail .content .item .info {
    padding: 0 .8334rem;
    height: 60px;
    line-height: 60px;
    margin: 0
}

#com-npg-recorddetail .content .item .info_i {
    font-size: 1.5rem;
    color: #d91d37;
    margin-right: 4.8rem
}

#com-npg-recorddetail .content .item .info_ii {
    font-size: 1.2rem;
    color: #333;
    margin-right: 4.8rem
}

#com-npg-recorddetail .content .item .info_iii {
    font-size: 1.5rem;
    color: #999
}

#com-npg-recorddetail .content .item .infoo {
    padding: .5rem .8334rem;
    box-sizing: border-box
}

#com-npg-recorddetail .content .item .infoo dl dd,#com-npg-recorddetail .content .item .infoo dl dt {
    display: inline-block;
    width: 25%;
    text-align: left;
    line-height: 2rem
}

#com-npg-recorddetail .content .item .infoo dl dt {
    font-size: 1.2rem;
    color: #999
}

#com-npg-recorddetail .content .item .infoo dl dd {
    font-size: 1.5rem;
    color: #333;
    font-weight: 700
}

#com-npg-recorddetail .betting_info {
    display: inline-block;
    float: left;
    width: 55%;
    color: #333;
    font-size: 1.5rem;
    line-height: 2rem
}

#com-npg-recorddetail .betting_info ul {
    padding: 10px 0
}

#com-npg-recorddetail .betting_info ul li {
    float: left;
    width: 50%;
    height: 2rem;
    line-height: 2rem;
    text-align: left
}

#com-npg-recorddetail .betting_info ul li.wholeW {
    width: 100%
}

#com-npg-recorddetail .betting_info em {
    font-style: normal
}

#com-npg-recorddetail .betting_info>span {
    margin: 0 .5rem
}

#com-npg-recorddetail .betting_infoo {
    padding: .5rem .8834rem;
    box-sizing: border-box
}

#com-npg-recorddetail .betting_infoo p {
    line-height: 2rem;
    color: #333;
    font-size: 1.5rem
}

#com-npg-recorddetail .betting_infoo p span {
    color: #999;
    font-size: 1.2rem;
    margin-left: 1rem
}

#com-npg-recorddetail .codes {
    display: inline-block;
    float: left;
    width: 45%
}

#com-npg-recorddetail .tit {
    position: relative;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    color: #333;
    text-align: left;
    padding-left: 10px
}

#com-npg-recorddetail .tit:before {
    position: absolute;
    left: 0;
    top: 10px;
    content: "";
    width: 4px;
    height: 15px;
    background: #cf0a2c
}

#com-npg-recorddetail .recordElementsdiv {
    width: 100%;
    height: 165px;
    padding: 10px;
    overflow-y: auto;
    background: #fff;
    border: 1px solid #dfdfdf
}

#com-npg-recorddetail .recordElementsdiv p {
    position: relative;
    padding-left: 10px;
    text-align: left;
    line-height: 2rem;
    color: #333;
    font-size: 1.5rem;
    word-break: break-all;
    word-wrap: break-word
}

#com-npg-recorddetail .recordElementsdiv p:before {
    position: absolute;
    left: 0;
    top: 4px;
    content: "*";
    color: #cf0a2c
}

#com-npg-recorddetail .recordElementsdiv p .play-name {
    color: #666;
    font-size: 1.2rem
}

#com-npg-recorddetail .recordElementsdiv p .code {
    color: #999;
    font-size: 1.2rem;
    margin-left: 1rem
}

#com-npg-recorddetail .page_foot {
    margin-top: 20px;
    border-top: none;
    height: 4rem;
    text-align: center
}

#com-npg-recorddetail .btns a {
    display: block;
    height: 4rem;
    line-height: 4rem;
    width: 100%;
    text-align: center;
    font-size: 1.6rem;
    color: #fff;
    background-color: #d83332
}

#com-npg-recorddetail .btns span {
    width: 30%;
    height: 40px;
    background: #0b6c99;
    color: #fff;
    border-radius: 5px;
    line-height: 40px;
    font-size: 20px
}

#com-npg-recorddetail .chase {
    margin-top: 20px
}

#com-npg-recorddetail .chase li {
    float: left;
    width: 25%;
    text-align: center
}

#com-npg-recorddetail .chase-content {
    border: 1px solid #eb7e00;
    max-height: 300px;
    overflow-y: scroll
}

#com-npg-recorddetail .chase-content li {
    height: 30px;
    line-height: 30px;
    border-bottom: 1px dotted #ccc
}

#com-npg-recorddetail .chase-content ul:last-child li {
    border-bottom: none
}

#com-npg-recorddetail .chase-title {
    margin-top: 10px;
    background: #eb7300;
    color: #fff;
    width: auto;
    height: 40px;
    line-height: 40px
}

.yuebaoBox {
    min-height: 100vh;
    align-items: center;
    background: #fff;
    flex-direction: column;
    border-radius: 3px;
    color: #757373;
    border: 1px solid #e8e8e8
}

.yuebaoBox,.yuebaoBox .txt-header {
    position: relative;
    width: 100%;
    display: flex
}

.yuebaoBox .txt-header {
    justify-content: center;
    padding: 5px 8px;
    background: #fafafa;
    border-bottom: 1px solid #e8e8e8
}

.yuebaoBox .txt-header .txt-title {
    font-size: 15px;
    letter-spacing: 5px;
    font-weight: 600;
    color: #fff;
    color: #757373
}

.yuebaoBox .content-box {
    width: 100%;
    font-size: 16px;
    line-height: 1.5;
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    padding: 10px 15px 5px
}

.yuebaoBox .content-box p {
    font-weight: 600;
    color: #fff;
    font-size: 14px;
    width: 119px;
    height: 33px;
    background-color: #5ab7ea;
    border-radius: 8px;
    margin: 0 10px 10px 0;
    text-align: center;
    line-height: 33px;
    letter-spacing: 3px
}

.yuebaoBox .content-box ul {
    padding: 5px 15px 10px 5px
}

.yuebaoBox .content-box ul li {
    list-style: disc;
    list-style-position: inside;
    font-size: 13px;
    padding-bottom: 5px
}

.yuebaoBox .content-box .list-box {
    width: 100%;
    height: 100%;
    padding: 0 5px 20px
}

.yuebaoBox .content-box .list-box table {
    width: 100%
}

.yuebaoBox .content-box .list-box .split-tbl {
    margin: 30px 0 5px;
    font-size: 2rem;
    border-left: 6px solid #0092dd;
    padding: 0 0 0 6px
}

.yuebaoBox .content-box .list-box .pagination {
    display: flex;
    justify-content: center;
    padding: 20px 0 0
}

.yuebaoBox .content-box .list-box .pagination .ant-pagination-next .ant-pagination-item-link,.yuebaoBox .content-box .list-box .pagination .ant-pagination-prev .ant-pagination-item-link {
    height: auto;
    line-height: 30px
}

.yuebaoBox .content-box .product-box {
    border: 1px solid #f0f0f0;
    border-radius: 3px
}

.yuebaoBox .content-box .product-box thead {
    font-size: 13px;
    background: #f6f5f5
}

.yuebaoBox .content-box .product-box thead th {
    width: calc(11.11111% - 6px);
    padding: 8px 6px;
    background: #eaeaea
}

.yuebaoBox .content-box .product-box thead th.remaining-time {
    text-align: center
}

.yuebaoBox .content-box .product-box tbody {
    font-size: 13px
}

.yuebaoBox .content-box .product-box tbody tr:nth-child(2n) {
    background: #fafafa
}

.yuebaoBox .content-box .product-box tbody td,.yuebaoBox .content-box .product-box tbody th {
    width: calc(11.11111% - 6px);
    padding: 8px 6px;
    border-bottom: 1px solid #f6f5f5;
    border-right: 1px solid #f6f5f5
}

.yuebaoBox .content-box .product-box tbody td .btn_buy,.yuebaoBox .content-box .product-box tbody th .btn_buy {
    font-size: 13px;
    border: 0;
    background: transparent;
    color: #f83e3e;
    cursor: pointer
}

.yuebaoBox .content-box .product-box tbody td .btn_buy:focus,.yuebaoBox .content-box .product-box tbody th .btn_buy:focus {
    outline: none
}

.yuebaoBox .content-box .product-box tbody .remaining-time {
    text-align: center;
    color: #f83e3e
}

.yuebaoBox .content-box .product-box tbody th {
    background: #eaeaea;
    border-top: 2px solid #c6c5c5
}

.yuebaoBox .yuebao-params {
    position: absolute;
    display: flex;
    flex-direction: column;
    top: 17%;
    left: calc(100% - 400px)/2;
    width: 400px;
    background: #f8f8f8;
    font-size: 18px;
    height: 200px;
    border-radius: 8px;
    text-align: center;
    border: 1px solid #d8d8d8;
    justify-content: space-between;
    padding-bottom: 10px
}

.yuebaoBox .yuebao-params .params-head {
    height: 40px;
    line-height: 40px;
    width: 100%
}

.yuebaoBox .yuebao-params .params-head .params-close {
    position: absolute;
    font-size: 28px;
    top: -5px;
    right: 0;
    cursor: pointer;
    display: block;
    width: 40px
}

.yuebaoBox .yuebao-params .params-body {
    padding: 20px 15px
}

.yuebaoBox .yuebao-params .params-footer {
    height: 40px;
    line-height: 40px;
    display: flex;
    width: 100%;
    padding-right: 20px;
    align-items: flex-end;
    justify-content: flex-end
}

.yuebaoBox .yuebao-params .params-footer .params-btn {
    background: #05bfbf;
    color: #fff;
    width: 80px;
    height: 30px;
    line-height: 30px;
    border: 0;
    outline: 0;
    border-radius: 5px;
    margin-left: 10px;
    cursor: pointer
}

.yuebaoBox .yuebao-params .params-footer .params-btn:hover {
    background: #06d8d8
}

.yuebaoBox .yuebao-params .inputText {
    display: inline-block;
    text-align: left;
    width: 235px;
    height: 34px;
    border: 1px solid #e6e6e6;
    border-radius: 3px 3px 3px 3px;
    padding: 0 12px;
    color: #333
}

#page-account {
    height: 800px
}

#page-account .content {
    position: relative;
    width: 1200px;
    margin: 20px auto 50px
}

#page-account .accountMain {
    margin-top: 20px
}

#page-account .tab-ul {
    width: 100%;
    height: 44px;
    margin: 0 auto
}

#page-account .tab-ul li {
    float: left;
    height: 44px;
    background: #4d4d4d
}

#page-account .tab-ul li a {
    display: block;
    padding: 0 18px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    color: #fff;
    font-family: 微软雅黑;
    font-size: 14px
}

#page-account .tab-ul li a.now,#page-account .tab-ul li a:hover {
    background: #2699de
}

#com-finance .finance-ops {
    margin-bottom: 10px
}

#com-finance .finance-ops dd {
    float: left;
    margin: 0 10px 10px 0
}

#com-finance .finance-ops dd a {
    display: block;
    width: 150px;
    height: 48px;
    line-height: 48px;
    background-color: #a7d7f1;
    border-radius: 8px;
    font-size: 16px;
    color: #333;
    text-align: center
}

#com-finance .finance-ops dd a.easterBtn {
    color: #000;
    background-color: #3fd045;
    box-shadow: 1px 3px 8px rgba(208,63,202,.4)
}

#com-finance .finance-ops dd .anticon {
    font-size: 18px;
    color: #2ea7e0;
    margin-left: 5px
}

#com-finance .tit-recording {
    height: 565px;
    margin: 0 auto;
    color: #7c7b7b
}

#com-finance .tit-recording-c {
    margin: 0 auto 5px;
    overflow: hidden;
    background: #f0f9fe;
    padding-top: 10px
}

#com-finance .query-span {
    float: left;
    line-height: 32px;
    margin-left: 5px
}

#com-finance .select-query {
    line-height: 32px;
    vertical-align: middle;
    display: table-cell
}

#com-finance .date-query,#com-finance .select-query {
    height: 32px;
    margin-bottom: 5px;
    margin-left: 5px;
    float: left
}

#com-finance .date-middle {
    margin: auto 5px
}

#com-finance .btn-query {
    width: 56px;
    height: 28px;
    float: left;
    margin-left: 10px
}

#com-promotion .promotion-ops {
    margin-bottom: 10px
}

#com-promotion .promotion-ops dd {
    float: left;
    margin: 0 10px 10px 0
}

#com-promotion .promotion-ops dd a {
    display: block;
    min-width: 150px;
    width: auto;
    padding: 0 10px;
    height: 48px;
    line-height: 48px;
    background-color: #a7d7f1;
    border-radius: 8px;
    font-size: 16px;
    color: #333;
    text-align: center;
    transition: .3s
}

#com-promotion .promotion-ops dd a.easterBtn {
    color: #000;
    background-color: #3fd045;
    box-shadow: 1px 3px 8px rgba(208,63,202,.4)
}

#com-promotion .promotion-ops dd a.active {
    color: #fff;
    background-color: #2699de
}

#com-promotion .finance-ops dd .anticon {
    font-size: 18px;
    color: #2ea7e0;
    margin-left: 5px
}

#com-promotion .tit-recording {
    height: 565px;
    margin: 0 auto;
    color: #7c7b7b
}

#com-promotion .tit-recording-c {
    margin: 0 auto 5px;
    overflow: hidden;
    background: #f0f9fe;
    padding-top: 10px
}

#com-promotion .query-span {
    float: left;
    line-height: 32px;
    margin-left: 5px
}

#com-promotion .select-query {
    line-height: 32px;
    vertical-align: middle;
    display: table-cell
}

#com-promotion .date-query,#com-promotion .select-query {
    height: 32px;
    margin-bottom: 5px;
    margin-left: 5px;
    float: left
}

#com-promotion .date-middle {
    margin: auto 5px
}

#com-promotion .btn-query {
    width: 56px;
    height: 28px;
    float: left;
    margin-left: 10px
}

#com-promotion .btn-apply {
    font-size: 13px;
    border: 0;
    background: #3fd045;
    color: #000;
    cursor: pointer;
    padding: 0 10px;
    border-radius: 5px;
    height: 25px;
    line-height: 25px
}

#com-promotion .btn-apply:focus {
    outline: none
}

#page-account .recordTab {
    width: 99%;
    margin: auto;
    width: 100%;
    overflow: scroll;
    border: 0;
    cell-spacing: 0;
    cell-padding: 0;
    -webkit-border-vertical-spacing: 1px;
    -webkit-border-horizontal-spacing: 1px;
    border-spacing: 0;
    border-collapse: collapse
}

#page-account .recordTab td,#page-account .recordTab th {
    text-align: center;
    border: 1px solid #d8d8d8
}

#page-account .recordTab th {
    height: 40px;
    line-height: 40px;
    background: #eaeaea
}

#page-account .recordTab td {
    line-height: 30px
}

#com-finance .no-record {
    text-align: center
}

#com-finance .ant-calendar-range-picker {
    display: inline-block;
    font-size: 14px;
    width: 145px;
    height: 28px;
    border: 1px solid #ccc;
    border-radius: 3px;
    text-align: center;
    color: #919090
}

#com-finance .ant-calendar-range-picker:focus {
    outline: 0;
    border-color: #80befd;
    box-shadow: 0 0 10px rgba(60,149,229,.5);
    transition: all .5s ease
}

#com-finance .ant-select-selection {
    display: block;
    width: 105px;
    height: 28px;
    font-size: 12px;
    line-height: 20;
    color: #7c7b7b;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    float: right
}

#com-promotion .no-record {
    text-align: center
}

#com-promotion .ant-calendar-range-picker {
    display: inline-block;
    font-size: 14px;
    width: 145px;
    height: 28px;
    border: 1px solid #ccc;
    border-radius: 3px;
    text-align: center;
    color: #919090
}

#com-promotion .ant-calendar-range-picker:focus {
    outline: 0;
    border-color: #80befd;
    box-shadow: 0 0 10px rgba(60,149,229,.5);
    transition: all .5s ease
}

#com-promotion .ant-select-selection {
    display: block;
    width: 105px;
    height: 28px;
    font-size: 12px;
    line-height: 20;
    color: #7c7b7b;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    float: right
}

#page-account .menu {
    margin-bottom: -1px
}

#page-account .menu li {
    float: left
}

#page-account .menu a {
    display: block;
    height: 40px;
    line-height: 40px;
    background: #f8f8f8;
    color: rgba(0,0,0,.65);
    padding: 0 9px 1px;
    border: 1px solid #e8e8e8;
    border-radius: 4px 4px 0 0;
    margin-right: 5px;
    -webkit-transition: all .3s cubic-bezier(.645,.045,.355,1);
    transition: all .3s cubic-bezier(.645,.045,.355,1)
}

#page-account .menu a.on,#page-account .menu a:hover {
    background: #fff;
    color: #2ea7e0;
    border-bottom: 1px solid #fff
}

#page-account .records>td {
    min-height: 500px;
    padding: 10px;
    color: #7c7b7b;
    border: 1px solid #e8e8e8
}

#page-account .bet-record:hover {
    background-color: #f3f3f3
}

#page-account .records_head {
    margin: 0 auto 5px;
    overflow: hidden;
    background: #f0f9fe;
    padding-top: 10px
}

#page-account .records_head .query-span {
    float: left;
    line-height: 32px;
    margin-left: 10px
}

#page-account .records_head .select-query {
    line-height: 32px;
    vertical-align: middle;
    display: table-cell
}

#page-account .records_head .date-query,#page-account .records_head .select-query {
    height: 32px;
    margin-bottom: 5px;
    margin-left: 5px;
    float: left
}

#page-account .records_head .btn-query {
    width: 56px;
    height: 28px;
    margin-left: 10px
}

#page-account .records_head .ant-calendar-range-picker {
    display: inline-block;
    font-size: 14px;
    width: 145px;
    height: 28px;
    border: 1px solid #ccc;
    border-radius: 3px;
    text-align: center;
    color: #919090
}

#page-account .records_head .ant-calendar-range-picker:focus {
    outline: 0;
    border-color: #80befd;
    box-shadow: 0 0 10px rgba(60,149,229,.5);
    transition: all .5s ease
}

#page-account .records_head .ant-select-selection {
    display: block;
    width: 142px;
    height: 28px;
    font-size: 12px;
    line-height: 20;
    color: #7c7b7b;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    float: right
}

#page-account .page-controller {
    margin: 25px auto;
    text-align: center;
    width: max-content
}

#page-account .records .play-history-div {
    display: inline-block
}

#page-account .records .detail-item {
    text-align: left;
    padding: 0 10px
}

#page-account .records .buyNumber {
    position: relative;
    width: 98%;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 30px 0 10px
}

#page-account .records .buyNumber:after {
    position: absolute;
    right: 0;
    top: 14px;
    content: "";
    width: 12px;
    height: 12px;
    background: url(../images/i_upDown.png) 0 0 no-repeat
}

#page-account .records .buyNumber-td {
    max-width: 40%
}

#page-account .records .detail-content {
    border-right: 1px solid #ccc;
    width: 100%;
    background: #f5f5f5
}

#page-account .records .zhanwei {
    height: 300px
}

#page-account .records .detaila {
    color: orange
}

#page-account .records .detaila:hover {
    color: #0ff
}

#page-account .records .content-operating {
    color: orange;
    cursor: pointer;
    display: inline-block
}

#page-account .records .Inquire-t {
    border: 0 solid #fff;
    background-color: hsla(0,0%,100%,0)
}

#page-account .records .category-02 {
    margin-top: 5px;
    border-left: 1px solid #ccc
}

#page-account .records .total-div {
    margin-top: 10px;
    line-height: 24px;
    padding-bottom: 30px;
    width: 60%
}

#page-account .bet-record {
    cursor: pointer
}

#page-account .recordTab.memberList th:first-child {
    width: 52px
}

#page-account .recordTab.memberList th:nth-child(3),#page-account .recordTab.memberList th:nth-child(4) {
    width: 84px
}

#page-account .recordTab.memberList th:nth-child(5) {
    width: 292px
}

#page-account .records_head.agent_head.promotion_head {
    padding: 10px 0
}

#page-account .recordTab.all .operate-button {
    color: #2699de
}

#page-account .records .total-div .total-item {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(33.33%,1fr))
}

#page-account .select-section {
    height: 28px;
    white-space: nowrap;
    padding-left: 20px;
    display: inline-flex;
    align-items: center
}

#page-account .select-section select {
    width: 67px;
    height: 28px;
    padding-left: 5px;
    background-color: #eaeaea;
    border-radius: 2px
}

#com-rebate .rebate-rule h3 {
    margin-bottom: 15px;
    font-family: 微软雅黑;
    font-weight: 700;
    font-size: 15px
}

#com-rebate .rebate-rule ul {
    color: #999898;
    margin-left: 15px;
    padding-bottom: 15px;
    line-height: 28px
}

#com-rebate .rebate-rule li {
    list-style: none;
    margin-left: 20px
}

#page-account .withdraw-apply {
    color: #00f;
    cursor: pointer;
    transition: .2s
}

#page-account .withdraw-apply:hover {
    opacity: .85
}

#page-account .withdraw-apply span {
    border-bottom: 1px solid #00f
}

#com-finance .withdraw-info {
    margin-bottom: 20px
}

#com-finance .withdraw-info-item {
    display: flex;
    align-items: center
}

#com-finance .withdraw-info-item h2 {
    margin: 0 10px 0 0;
    padding: 3px 10px;
    background: #a7d7f1;
    font-size: 15px
}

#com-finance .withdraw-info-item button {
    color: #729bb1;
    background-color: transparent;
    margin-left: 20px;
    border: none;
    border-bottom: 1px solid #729bb1;
    cursor: pointer
}

#page-account .recordTab .withdrawal-tracking-list td {
    line-height: 50px
}

#page-account .recordTab .withdrawal-tracking-list td:nth-child(2) {
    width: 400px
}

#page-account .recordTab .withdrawal-tracking-confirm-btn {
    background: #2699de;
    color: #fff;
    line-height: 30px;
    padding: 2px 24px;
    border: none;
    border-radius: 4px;
    cursor: pointer
}

#page-account .withdraw-tracking-hint {
    color: red;
    margin-bottom: 20px;
    animation: breath 1s ease-in-out infinite alternate
}

@keyframes breath {
    0% {
        opacity: .2
    }

    50% {
        opacity: 1
    }

    to {
        opacity: .2
    }
}

#page-account {
    position: relative;
    width: 100%;
    height: 100%
}

#com-finance .note {
    font-size: 12px;
    color: #9b9b9b;
    margin-top: 5px;
    float: right
}

.vip-level {
    min-height: 100vh;
    align-items: center;
    background: #fff;
    flex-direction: column;
    border-radius: 3px;
    color: #757373;
    border: 1px solid #e8e8e8
}

.vip-level,.vip-level .txt-header {
    position: relative;
    width: 100%;
    display: flex
}

.vip-level .txt-header {
    justify-content: center;
    padding: 5px 8px;
    background: #fafafa;
    border-bottom: 1px solid #e8e8e8
}

.vip-level .txt-header .txt-title {
    font-size: 15px;
    letter-spacing: 5px;
    font-weight: 600;
    color: #fff;
    color: #757373
}

.vip-level .info {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    padding: 10px 15px 5px
}

.vip-level .info .info-item {
    display: flex
}

.vip-level .info .info-item div {
    font-size: 20px;
    color: rgba(0,0,0,.85)
}

.vip-level .info .button-area {
    display: flex;
    justify-content: center;
    margin: 20px 0 0 10%
}

.vip-level .info .confirm-button {
    font-size: 18px;
    width: 100px;
    height: 37px;
    background-color: #169bd5;
    color: #fff;
    border-radius: 8px;
    cursor: pointer
}

.vip-level .info .badge {
    width: 150px;
    height: 83px;
    margin-left: 50px
}

.vip-level .info .vip-level-1 {
    background: url(../images/vipLevel/badge_1.png) 50% no-repeat;
    background-size: contain
}

.vip-level .info .vip-level-2 {
    background: url(../images/vipLevel/badge_2.png) 50% no-repeat;
    background-size: contain
}

.vip-level .info .vip-level-3 {
    background: url(../images/vipLevel/badge_3.png) 50% no-repeat;
    background-size: contain
}

.vip-level .info .vip-level-4 {
    background: url(../images/vipLevel/badge_4.png) 50% no-repeat;
    background-size: contain
}

.vip-level .info .vip-level-5 {
    background: url(../images/vipLevel/badge_5.png) 50% no-repeat;
    background-size: contain
}

.vip-level .info .vip-level-6 {
    background: url(../images/vipLevel/badge_6.png) 50% no-repeat;
    background-size: contain
}

.vip-level .info .vip-level-7 {
    background: url(../images/vipLevel/badge_7.png) 50% no-repeat;
    background-size: contain
}

.vip-level .info .vip-level-8 {
    background: url(../images/vipLevel/badge_8.png) 50% no-repeat;
    background-size: contain
}

.vip-level .info .vip-level-9 {
    background: url(../images/vipLevel/badge_9.png) 50% no-repeat;
    background-size: contain
}

.vip-level .content-box {
    width: 100%;
    font-size: 16px;
    line-height: 1.5;
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    padding: 25px 15px 5px
}

.vip-level .content-box p {
    font-weight: 600;
    color: #fff;
    font-size: 14px;
    width: 119px;
    height: 33px;
    background-color: #5ab7ea;
    border-radius: 8px;
    margin: 0 10px 10px 0;
    text-align: center;
    line-height: 33px;
    letter-spacing: 3px
}

.vip-level .content-box ul {
    padding: 5px 15px 10px 5px
}

.vip-level .content-box ul li {
    list-style: disc;
    list-style-position: inside;
    font-size: 13px;
    padding-bottom: 5px
}

.vip-level .content-box .list-box {
    width: 100%;
    height: 100%;
    padding: 0 5px 20px
}

.vip-level .content-box .list-box table {
    width: 100%
}

.vip-level .content-box .list-box .split-tbl {
    margin: 30px 0 5px;
    font-size: 2rem;
    border-left: 6px solid #0092dd;
    padding: 0 0 0 6px
}

.vip-level .content-box .list-box .pagination {
    display: flex;
    justify-content: center;
    padding: 20px 0 0
}

.vip-level .content-box .list-box .pagination .ant-pagination-next .ant-pagination-item-link,.vip-level .content-box .list-box .pagination .ant-pagination-prev .ant-pagination-item-link {
    height: auto;
    line-height: 30px
}

.vip-level .content-box .product-box {
    border: 1px solid #f0f0f0;
    border-radius: 3px
}

.vip-level .content-box .product-box thead {
    font-size: 13px;
    background: #f6f5f5
}

.vip-level .content-box .product-box thead th {
    width: calc(11.11111% - 6px);
    padding: 8px 6px;
    background: #eaeaea
}

.vip-level .content-box .product-box thead th.remaining-time {
    text-align: center
}

.vip-level .content-box .product-box tbody {
    font-size: 13px
}

.vip-level .content-box .product-box tbody tr:nth-child(2n) {
    background: #fafafa
}

.vip-level .content-box .product-box tbody td,.vip-level .content-box .product-box tbody th {
    width: calc(11.11111% - 6px);
    padding: 8px 6px;
    border-bottom: 1px solid #f6f5f5;
    border-right: 1px solid #f6f5f5
}

.vip-level .content-box .product-box tbody td .btn_buy,.vip-level .content-box .product-box tbody th .btn_buy {
    font-size: 13px;
    border: 0;
    background: transparent;
    color: #f83e3e;
    cursor: pointer
}

.vip-level .content-box .product-box tbody td .btn_buy:focus,.vip-level .content-box .product-box tbody th .btn_buy:focus {
    outline: none
}

.vip-level .content-box .product-box tbody .remaining-time {
    text-align: center;
    color: #f83e3e
}

.vip-level .content-box .product-box tbody th {
    background: #eaeaea;
    border-top: 2px solid #c6c5c5
}

.vip-level .content-box .range-note {
    text-align: right;
    margin-top: 5px;
    font-size: 14px
}

.vip-level .yuebao-params {
    position: absolute;
    display: flex;
    flex-direction: column;
    top: 17%;
    left: calc(100% - 400px)/2;
    width: 400px;
    background: #f8f8f8;
    font-size: 18px;
    height: 200px;
    border-radius: 8px;
    text-align: center;
    border: 1px solid #d8d8d8;
    justify-content: space-between;
    padding-bottom: 10px
}

.vip-level .yuebao-params .params-head {
    height: 40px;
    line-height: 40px;
    width: 100%
}

.vip-level .yuebao-params .params-head .params-close {
    position: absolute;
    font-size: 28px;
    top: -5px;
    right: 0;
    cursor: pointer;
    display: block;
    width: 40px
}

.vip-level .yuebao-params .params-body {
    padding: 20px 15px
}

.vip-level .yuebao-params .params-footer {
    height: 40px;
    line-height: 40px;
    display: flex;
    width: 100%;
    padding-right: 20px;
    align-items: flex-end;
    justify-content: flex-end
}

.vip-level .yuebao-params .params-footer .params-btn {
    background: #05bfbf;
    color: #fff;
    width: 80px;
    height: 30px;
    line-height: 30px;
    border: 0;
    outline: 0;
    border-radius: 5px;
    margin-left: 10px;
    cursor: pointer
}

.vip-level .yuebao-params .params-footer .params-btn:hover {
    background: #06d8d8
}

.vip-level .yuebao-params .inputText {
    display: inline-block;
    text-align: left;
    width: 235px;
    height: 34px;
    border: 1px solid #e6e6e6;
    border-radius: 3px 3px 3px 3px;
    padding: 0 12px;
    color: #333
}

#com-agentpromotionlink {
    width: 100%;
    height: 100%;
    padding: 10px;
    background: #fff;
    border: 1px solid #e8e8e8
}

#com-agentpromotionlink .agentLinkTitle {
    width: 100%;
    height: auto;
    background-color: #f0f9fe;
    padding: 0 10px;
    line-height: 36px
}

#com-agentpromotionlink .agentLinkTitle .agentLinkText {
    font-size: 20px;
    font-weight: 600;
    color: #2a8fbd
}

#com-agentpromotionlink .agentLinkTitleText {
    font-size: 20px;
    font-weight: 700;
    color: #000
}

#com-agentpromotionlink .agentLinkText {
    font-size: 20px;
    font-weight: 400;
    color: #000
}

#com-agentpromotionlink .agentLinkNoData {
    padding: 10px;
    margin: 10px auto;
    min-height: 100px
}

#com-agentpromotionlink .agentLinkData {
    display: flex
}

#com-agentpromotionlink .agentQRCode {
    border-radius: 20px;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
    width: max-content;
    margin: 20px auto;
    border: 1px solid #7c7c7c
}

#com-agentpromotionlink .agentFriendData {
    padding: 10px;
    margin: 10px auto
}

#com-agentpromotionlink .agentLink {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    width: max-content;
    padding: 10px;
    margin: 10px auto
}

#com-agentpromotionlink .agentLink .copyBtn {
    min-width: 70px;
    width: max-content;
    background-color: #a7d7f1;
    border-radius: 20px;
    margin-left: 15px;
    padding: 1px 18px 2px;
    cursor: pointer;
    display: inline-block
}

#com-agentpromotionlink .copyBtn .copyText {
    color: #000;
    font-size: 15px;
    line-height: 20px;
    font-weight: 400
}

#com-agentpromotionlink .agentLink .copyBtn:hover {
    color: #fff;
    background-color: #2699de
}

#com-agentpromotionlink .agentLink .copyBtn:hover .copyText {
    color: #fff
}

#com-beijingballarea {
    width: 782px;
    min-height: 555px;
    float: left
}

#com-beijingballarea .Betting28 {
    width: 391px;
    height: 38px;
    line-height: 30px;
    color: #999898;
    padding: 5px 10px 5px 18px
}

#com-beijingballarea .Betting28 span {
    color: #000;
    font-weight: 700;
    line-height: 27px;
    font-size: 12px;
    text-align: center;
    display: block;
    width: 29px;
    height: 29px;
    float: left
}

#com-beijingballarea .Betting28 .unb-ico00 {
    background: url(../images/all-ico.png) -239px 0 no-repeat
}

#com-beijingballarea .Betting28 .unb-ico01 {
    background: url(../images/game-cqlhc-imgs.png) -129px -106px no-repeat
}

#com-beijingballarea .Betting28 .unb-ico02 {
    background: url(../images/game-cqlhc-imgs.png) -129px -74px no-repeat
}

#com-beijingballarea .Betting28 .unb-ico03 {
    background: url(../images/game-cqlhc-imgs.png) -161px -74px no-repeat
}

#com-beijingballarea .Betting28 .unb-ico21 {
    background: url(../images/game-cqlhc-imgs.png) -129px -106px no-repeat
}

#com-beijingballarea .Betting28 dt {
    display: inline-block;
    height: 29px;
    width: 56px;
    float: left;
    margin-left: 29px
}

#com-beijingballarea .Betting28 dd {
    display: inline-block;
    width: 23px;
    height: 23px;
    float: left;
    margin-left: 34px;
    border-radius: 5px;
    margin-top: 4px
}

#com-beijingballarea .Betting28 dd:hover {
    border-color: #98daff
}

#com-beijingballarea .Betting28 .magic-checkbox {
    position: absolute;
    display: none
}

#com-beijingballarea .Betting28 .Import-w .Import-price {
    display: inline-block;
    width: 80px;
    height: 24px;
    border: 1px solid #989797;
    border-radius: 3px 3px 3px 3px;
    margin-left: 20px;
    margin-right: 10px;
    text-align: center
}

#com-beijingballarea .Betting28 .Import-w {
    width: 364px;
    height: 30px
}

#com-beijingballarea .Betting28 .Import-w .addBtn {
    display: block;
    line-height: 30px;
    text-align: center;
    float: right;
    width: 31px;
    height: 28px;
    background: #f1eeee;
    border-radius: 2px 2px 2px 2px;
    margin-left: 2px;
    color: #999898;
    cursor: pointer;
    font-size: 14px;
    font-style: italic
}

#com-beijingballarea .Betting28:hover {
    background: #f0f8fc
}

#com-beijingballspec {
    width: 100%
}

#com-beijingballspec ul {
    height: 348px;
    border-bottom: 1px solid #e6e6e6
}

#com-beijingballspec .b-b {
    width: 94.5px;
    height: 87px;
    float: left;
    text-align: center;
    border-bottom: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    border-left: 1px solid transparent
}

#com-beijingballspec .b-b:nth-child(4n+4) {
    border-right: none
}

#com-beijingballspec .a {
    display: block;
    color: #d5d5d5
}

#com-beijingballspec h4 {
    margin-top: 0;
    font-size: 20px;
    color: #666;
    line-height: 55px;
    font-weight: 700;
    font-family: Helvetica Neue,Helvetica,Microsoft Yahei,Hiragino Sans GB,WenQuanYi Micro Hei,sans-serif
}

#com-beijingballspec span {
    display: block;
    width: 100%;
    color: #5c5c5d;
    line-height: 30px
}

#com-beijingballspec .bb {
    width: 189px;
    height: 95px;
    float: left;
    text-align: center;
    border-bottom: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6
}

#com-beijingballspec .bb .a {
    width: 189px;
    height: 95px;
    display: inline-block
}

#com-beijingballspec .bb dt h3 {
    font-weight: 700;
    font-size: 22px
}

#com-beijingballspec li a:hover,.item_select {
    background: #2699de
}

#com-beijingballspec li .item_select h4,#com-beijingballspec li .item_select span,#com-beijingballspec li a:hover h4,#com-beijingballspec li a:hover span {
    color: #fff
}

#com-ballarea {
    width: 100%;
    height: 100%
}

#com-ballarea .ripple {
    display: inline-block;
    position: relative;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: all .3s ease-out;
    cursor: pointer
}

#com-ballarea .ball-control {
    position: relative;
    float: right;
    width: 48px;
    height: 46px;
    margin: 1px 20px
}

#com-ballarea .ball-f {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1
}

#com-ballarea a.num.active,a.num:active {
    border: 1px solid #e53e41;
    line-height: 44px;
    color: #fff;
    -webkit-box-shadow: inset 0 3px 6px #000;
    -moz-box-shadow: inset 0 3px 6px #c71849;
    box-shadow: inset 0 0 6px #c71849;
    background: #f97f1a
}

#com-ballarea a.num.active:hover,.active:hover {
    transform: scale(1)
}

#com-ballarea a.num:hover {
    color: #fd0f31;
    transform: scale(1.1)
}

#com-ballarea .bu-unb {
    height: 46px;
    width: 46px;
    font-size: 25px;
    float: left;
    display: block;
    text-align: right;
    background: #fcfcfc;
    overflow: hidden;
    border-radius: 5px;
    border: 1px solid #d7d9dd;
    box-shadow: 0 2px 3px #d6d6d6;
    transition: width .3s
}

#com-ballarea .bu-unb:hover {
    width: 255px
}

#com-ballarea .bu-unb ul li {
    line-height: 47px;
    float: left;
    width: 48px;
    text-align: center
}

#com-ballarea .bu-unb a {
    color: #666;
    font-size: 25px;
    font-weight: 700
}

#com-ballarea .bu-unb a:hover {
    color: #2a8fbd;
    background: #fff;
    border: 0;
    font-weight: 700
}

#Betting-record {
    margin-top: 20px;
    padding: 20px
}

#Betting-record .record-tab li {
    float: left;
    width: 100px
}

#Betting-record .record-tab>li>a {
    display: block;
    height: 34px;
    line-height: 34px;
    color: #999;
    margin-right: 2px;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0
}

#Betting-record .record-tab>li.active>a {
    background-color: #d8620b;
    border-color: #d8620b;
    color: #fff;
    border-bottom: 1px solid #f0f0f0
}

#Betting-record .record-tab>li.active>a:focus,#Betting-record .record-tab>li.active>a:hover {
    background-color: #d8620b;
    border-color: #d8620b;
    color: #fff;
    border-bottom: 1px solid #f0f0f0
}

#Betting-record li {
    float: left;
    font-size: 14px;
    text-align: center
}

#Betting-record .record-head li {
    height: 34px;
    line-height: 34px;
    color: #fff;
    background: #eb7e00
}

#Betting-record .record-head span {
    line-height: 16px
}

#Betting-record .record-content-w .record-body {
    background: #fafafa;
    border: 1px solid #dad9d9;
    height: 225px
}

#Betting-record .record-body ul {
    height: 45px;
    line-height: 45px;
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 0
}

#Betting-record .record-body ul:hover {
    background-color: #efefef
}

#Betting-record .record-body ul:last-child {
    border-bottom: none
}

#Betting-record .record-02 .cell1,#Betting-record .record-02 .cell2,#Betting-record .record-02 .cell3 {
    width: 20%
}

#Betting-record .record-02 .cell4,#Betting-record .record-02 .cell5,#Betting-record .record-02 .cell6,#Betting-record .record-02 .cell7 {
    width: 10%
}

#Betting-record .cell3>a {
    color: #0280a0;
    text-align: center;
    outline: none;
    cursor: pointer;
    transition: color .3s ease
}

#Betting-record .cell3>a:hover {
    color: #04b4fd
}

#Betting-record .button-detailed {
    width: 100%;
    text-align: right;
    line-height: 1.42857143;
    vertical-align: top;
    padding: 8px 0;
    border-bottom: 2px solid #eb7e00
}

#Betting-record .button-detailed a {
    position: relative;
    display: inline-block;
    font-size: 12px;
    margin-right: 2%;
    color: #eb7e00;
    cursor: pointer
}

#Betting-record .button-detailed a:hover {
    color: #ff2906
}

#Betting-record .button-detailed .anticon {
    margin-right: 5px
}

#Betting-record {
    width: 100%;
    margin-top: 0;
    padding: 0 14px;
    border-right: 0 solid #e6e6e6;
    background: #fff
}

#Betting-record .record-tab {
    display: flex;
    justify-content: flex-start;
    width: auto;
    text-align: center;
    border-bottom: 1px solid #f0f0f0;
    margin-bottom: 5px;
    padding-top: 12px
}

#Betting-record .record-tab>li {
    float: none;
    width: 100px;
    font-size: 14px;
    text-align: center
}

#Betting-record .record-tab>li a {
    display: block;
    height: 34px;
    line-height: 34px;
    margin-right: 2px;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0
}

#Betting-record .record-tab>li.active>a,#Betting-record .record-tab>li.active>a:focus,#Betting-record .record-tab>li.active>a:hover {
    background-color: #56a2cf;
    border-color: #56a2cf;
    color: #fff;
    border-bottom: 1px solid #f0f0f0
}

#Betting-record .record-tab .button-detailed {
    width: 100%;
    text-align: right;
    line-height: 1.42857143;
    vertical-align: top;
    padding: 8px 0;
    border-bottom: 0 solid #2699de
}

#Betting-record .record-tab .button-detailed a {
    color: #2e2e2e;
    position: relative;
    display: inline-block;
    font-size: 12px;
    margin-right: 3px;
    cursor: pointer
}

#Betting-record .record-tab .button-detailed a .anticon {
    display: inline-block;
    color: inherit;
    font-style: normal;
    line-height: 0;
    text-align: center;
    text-transform: none;
    vertical-align: -.125em;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    margin-right: 5px
}

#Betting-record .record-tab .button-detailed a .anticon svg {
    display: inline-block
}

#Betting-record .record-tab .button-detailed a:first-child {
    margin-right: 2%
}

#Betting-record .record-head>ul {
    display: flex;
    justify-content: flex-start;
    border-radius: 3px;
    margin-bottom: 4px
}

#Betting-record .record-head>ul>li {
    background: #dbdbdb;
    color: #333;
    height: 34px;
    line-height: 34px;
    float: none;
    font-size: 14px;
    text-align: center
}

#Betting-record .record-01 .cell1,#Betting-record .record-01 .cell2 {
    width: 20%
}

#Betting-record .record-01 .cell3,#Betting-record .record-01 .cell4,#Betting-record .record-01 .cell5,#Betting-record .record-01 .cell6,#Betting-record .record-01 .cell7,#Betting-record .record-01 .cell8 {
    width: 10%
}

#Betting-record .record-content-w {
    border-radius: 3px;
    width: 100%;
    color: #878787;
    font-size: 14px
}

#Betting-record .record-content-w .record-body {
    width: 100%;
    height: 195px;
    border: 1px solid #f0f0f0;
    background: #fcfcfc;
    overflow-y: scroll
}

#Betting-record .record-content-w .record-body ul {
    height: 38px;
    line-height: 38px
}

#Betting-record .record-content-w.pc00 .record-body {
    height: 116px
}

#com-footer {
    width: 100%;
    height: auto;
    margin-top: -1px
}

#com-footer .Footer {
    width: 100%;
    background: #176090
}

#com-footer .Footer-hs {
    background: linear-gradient(90deg,#060000,#504d4d 50%,#060000)
}

#com-footer .Footer-shh {
    background: linear-gradient(0deg,#000,#3c3320)
}

#com-footer .Footer-ctd {
    background: linear-gradient(180deg,#02091f,#223675)
}

#com-footer .Footer-js {
    background: linear-gradient(90deg,#060000,#504d4d 50%,#060000)
}

#com-footer .Footer-zb {
    background: #7a2022
}

#com-footer .Footer-cqyl {
    background: linear-gradient(180deg,#1b1211,#635026)
}

#com-footer .Footer-kl {
    background: linear-gradient(180deg,#4c0803,#10100d)
}

#com-footer .Footer-ds {
    background: linear-gradient(180deg,#02091f,#223675)
}

#com-footer .Footer-c {
    width: 1200px;
    margin: 0 auto
}

#com-footer .Footer .partner {
    text-align: center;
    padding: 20px 0
}

#com-footer .Footer .partner-jc,#com-footer .Footer .partner-khg {
    text-align: center;
    padding: 20px 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center
}

#com-footer .Footer .partner-jc div,#com-footer .Footer .partner-khg div {
    padding: 0 10px
}

#com-footer .Footer .partner-jc img,#com-footer .Footer .partner-khg img {
    object-fit: contain
}

#com-footer .Footer .about {
    text-align: center;
    line-height: 30px
}

#com-footer .Footer .about a {
    padding: 0 5px;
    color: #fff;
    border-right: 1px solid #909090
}

#com-footer .Footer .about a:last-child {
    border-right: none
}

#com-footer .Footer-c p {
    display: inline-block;
    line-height: 50px;
    width: 1200px;
    height: 50px;
    margin: 0 auto;
    text-align: center;
    font-size: 14px;
    color: #fff
}

#com-footer-hx {
    width: 100%;
    height: auto;
    bottom: 0
}

#com-footer-hx .Footer-hx {
    width: 100%;
    background: #fff
}

#com-footer-hx .Footer-hr {
    width: 100%;
    background: #1e1f1f;
    padding-top: 10px
}

#com-footer-hx .Footer-by .partner,#com-footer-hx .Footer-hx .partner {
    margin: 0 auto;
    width: 1200px;
    height: 77px;
    background: url(../images/2/footer_partners.jpg) top no-repeat
}

#com-footer-hx .Footer-by {
    border-top: 1px solid #eee
}

#com-footer-hx .Footer-hr .partner {
    margin: 0 auto;
    width: 1200px;
    height: 77px;
    background: url(../images/3/footer_partners.png) top no-repeat
}

#com-footer-hx .Footer .bottom_b {
    width: 100%;
    height: 60px;
    line-height: 60px;
    background: #1e1f1f;
    text-align: center;
    letter-spacing: 1px
}

#com-footer-hx .Footer-hr .bottom_b {
    height: 50px;
    line-height: 40px
}

#com-footer-hx .Footer .bottom_b p {
    display: block;
    margin: 0 auto;
    width: 1200px;
    font-size: 14px
}

#com-footer-hx .Footer .bottom_b p label {
    font-size: 14px;
    color: #9f9e9e
}

#com-footer-hx .Footer-hr .bottom_b p label {
    line-height: 0
}

#com-footer-hx .Footer .bottom_b p label b {
    margin-right: 20px
}

#com-footer-hx .Footer .bottom_b p label span {
    margin: 0 5px
}

#com-footer-hx .Footer .bottom_b p a {
    margin-left: 1px;
    color: #9f9e9e
}

#com-footer-hx .Footer .bottom_b p a:hover {
    color: #247ac3
}

#com-footer .Footer-jc,#com-footer .Footer-khg {
    background: #103051;
    background-image: url(../images/footer_jc/footer-bg.png);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    background-color: #091211;
    padding: 2vw 0 1.5vw;
    height: auto
}

#com-footer .footer-row {
    position: relative;
    max-width: 1400px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between
}

#com-footer .footer-item {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: flex-start;
    margin: 7px
}

#com-footer .footer-item:first-child {
    width: 39%
}

#com-footer .footer-item:nth-child(2) {
    width: 29%
}

#com-footer .footer-item:nth-child(3) {
    width: 32%
}

#com-footer .footer-heading {
    display: flex;
    align-items: center;
    margin: 0;
    height: 30px;
    padding-left: 10px;
    border-left: 1px solid hsla(0,0%,100%,.5);
    font-size: 2em;
    color: #fff
}

#com-footer .footer-heading>span {
    font-size: 12px;
    margin: 0 5px;
    display: inline-block;
    vertical-align: bottom
}

#com-footer .footer-item:first-child .footer-item-content {
    color: #fff
}

#com-footer .footer-item:first-child .footer-item-content img {
    width: 85px;
    height: 85px;
    margin: 1vw 0
}

#com-footer .footer-item:nth-child(2) .footer-item-content,#com-footer .footer-item:nth-child(3) .footer-item-content {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin: 1vw 0
}

#com-footer .footer-item:nth-child(3) .footer-item-content {
    align-items: center;
    justify-content: space-around
}

#com-footer .footer-item:nth-child(3) .footer-item-content .broswer-item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    height: 85px
}

#com-footer .footer-item:nth-child(3) .footer-item-content .broswer-bottom {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-around
}

#com-footer .footer-item:nth-child(3) .footer-item-content p {
    color: #fff;
    font-weight: 600
}

#com-footer .footer-row-2 .footer-item-content {
    margin: 1vw 0;
    display: flex;
    align-items: center;
    justify-content: space-around;
    gap: 50px;
    padding-left: 20px
}

#com-footer .footer-row-2 .footer-item:first-child {
    width: auto
}

#com-footer .footer-row-2 .footer-item-content a {
    color: #fff;
    position: relative
}

#com-footer .footer-row-2 .footer-item-content a:before {
    content: "";
    width: 16px;
    height: 16px;
    background-image: url(../images/footer_jc/arrow-right.png);
    background-size: cover;
    position: absolute;
    left: -23px;
    top: 50%;
    transform: translateY(-50%)
}

#com-footer .footer-copyright {
    color: #fff;
    padding: 1.5vw 0;
    background-color: #24282d;
    position: relative;
    text-align: center
}

#com-footer .broswer-icon {
    width: 46px;
    height: 49px
}

#com-footer .broswer-ie {
    background: url(../images/footer_jc/icon-browser.png) 0 -49px no-repeat
}

#com-footer .broswer-firefox {
    background: url(../images/footer_jc/icon-browser.png) -46px -49px no-repeat
}

#com-footer .broswer-chrome {
    background: url(../images/footer_jc/icon-browser.png) -92px -49px no-repeat
}

#com-footer .broswer-chrome:hover,#com-footer .broswer-firefox:hover,#com-footer .broswer-ie:hover {
    background-position-y: 0
}

#com-helpcqlhc {
    width: 100%;
    height: 100%;
    background: #fff
}

#com-helpcqlhc div {
    font-size: 14px
}

#com-helpcqlhc .game-helper-head,#com-helpcqlhc .game-helper-wrap {
    padding: 10px
}

#com-helpcqlhc p {
    margin: 10px 0
}

#com-helpcqlhc h2,#com-helpcqlhc h4 {
    margin-top: 12px;
    font-size: 24px;
    line-height: 48px;
    font-weight: 400;
    color: #333;
    text-align: center
}

#com-helpcqlhc .table-background {
    background: #aaa;
    margin: 0 auto;
    width: 100%
}

#com-helpcqlhc table {
    -webkit-border-vertical-spacing: 1px;
    -webkit-border-horizontal-spacing: 1px;
    border-spacing: 1px;
    border-collapse: separate;
    width: 100%;
    font-size: 14px
}

#com-helpcqlhc td {
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    background-color: #fff;
    border: 1px solid #eee
}

#com-helpcqlhc td,#com-helpcqlhc th {
    color: #333;
    padding: 12px 0;
    text-align: center
}

#com-helpcqlhc th {
    font-weight: 700;
    background-color: #f2f2f2;
    border: 1px solid #ececec
}

#com-helpcqlhc .text-head {
    font-weight: 700
}

#com-helpcqlhc .text-row {
    color: #555;
    margin: 5px auto
}

#com-helpcqlhc ul {
    padding: 0;
    margin: 0;
    font-size: 12px;
    color: #666
}

#com-helpcqlhc ul li {
    margin: 5px auto;
    padding: 0 0 0 24px
}

#com-helpcqlhc ul .warn {
    color: #ea9158
}

#com-helpcqlhc .layui-layer-content::-webkit-scrollbar {
    width: 4px
}

#com-helpcqlhc .layui-layer-content::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: #d8d8d8
}

#com-helpcqlhc .layui-layer-content::-webkit-scrollbar-track {
    background-color: transparent
}

#com-helppc00 {
    width: 100%;
    height: 100%
}

.explain {
    font-size: 15px;
    color: #000;
    margin: auto;
    width: 85%
}

#com-introduction {
    padding: 20px 20px 80px;
    width: 100%;
    height: 100%;
    max-height: 700px;
    overflow-y: scroll
}

#com-introduction .content {
    width: 100%;
    height: auto
}

#com-introduction .content .infoTab .tit {
    height: 2.334rem;
    line-height: 2.334rem;
    padding-left: .8334rem;
    background-color: #f7f7f7;
    color: #999
}

#com-introduction .content .infoTab dl dd,#com-introduction .content .infoTab dl dt {
    float: left;
    width: 50%;
    box-sizing: border-box;
    text-align: center;
    border-bottom: 1px solid #dfdfdf;
    border-right: 1px solid #dfdfdf
}

#com-introduction .content .infoTab dl dd:last-child,#com-introduction .content .infoTab dl dt:last-child {
    border-right: none
}

#com-introduction .content .infoTab dl dt {
    background-color: #ccc;
    height: 2.5rem;
    line-height: 2.5rem
}

#com-introduction .content .infoTab dl dd {
    background-color: #fff;
    height: 2rem;
    line-height: 2rem
}

#com-introduction .content .infoTips {
    padding: .83334rem
}

#com-introduction .content .infoTips p {
    font-size: 1.2rem;
    color: #333;
    line-height: 1.2rem;
    height: auto;
    display: block
}

#com-introduction .content .infoTips p em {
    color: red;
    font-size: 1.2rem;
    margin-right: .2rem
}

#com-introduction h1 {
    text-align: center;
    font-size: 30px;
    margin: 0;
    border-bottom: 0 solid #ccc
}

#com-time {
    width: 168px;
    float: left
}

#com-winnum {
    width: 100%;
    height: 100%
}

#com-winnum .green {
    color: green
}

#com-winnum .blue {
    color: #00f
}

#com-winnum .bigblue {
    background: url(../images/blue.png) -5px -6px no-repeat
}

#com-winnum .bigred {
    background: url(../images/red.png) -5px -6px no-repeat
}

#com-winnum .biggreen {
    background: url(../images/green.png) -5px -6px no-repeat
}

#com-winnum .bigtransparent {
    background: url(../images/transparent.png) -5px -6px no-repeat
}

#com-playhead .number {
    float: left
}

.playhead_K3 .number {
    margin-top: 20px
}

.playhead_115 .number,.playhead_SSC .number,.playhead_XYFT .number {
    margin-top: 10px
}

.playhead_PK10 .number {
    margin-top: 5px
}

#com-winnum .cqlhcend>b {
    font-size: 16px;
    color: #0ff
}

#com-winnum .cqlhcend>span {
    display: inline;
    float: none;
    width: 22px;
    height: 22px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    line-height: 22px;
    text-shadow: rgba(0,0,0,.3) 1px 2px 5px;
    background: transparent;
    margin: 0 10px
}

#com-winnum .ball {
    display: block;
    float: left;
    width: 33px;
    height: 33px;
    text-align: center;
    line-height: 33px;
    background: url(../images/i_num_bg.png) no-repeat;
    margin-left: 2px;
    margin-right: 2px
}

#com-winnum .ball,#com-winnum .com-ball {
    font-size: 16px;
    text-shadow: rgba(0,0,0,.3) 1px 2px 5px
}

#com-winnum .com-ball {
    border-radius: 50%;
    width: 31px;
    height: 31px;
    line-height: 31px;
    margin: 0 2px 10px
}

.playhead_PK10 #com-winnum .com-ball,.playhead_PK10JDC #com-winnum .com-ball {
    border-radius: inherit;
    height: 26px;
    font-size: 14px;
    line-height: 26px;
    margin: 0 8px 5px 2px
}

#com-winnum .ball-border-ccc {
    border: 1px solid #ccc
}

#com-winnum .ball-bg-white {
    background: #fff
}

#com-winnum .small {
    width: 29px
}

#com-winnum .big {
    width: 31px
}

#com-winnum .xglhc-plush {
    display: inline-block
}

#com-winnum .font-white {
    color: #fff
}

#com-winnum .ball-font-red {
    color: #fb4a4a
}

#com-winnum .ball-font-blue {
    color: #2bafef
}

#com-winnum .ball-font-green {
    color: #22ca17
}

#com-winnum .sec-coms-item {
    text-align: center;
    color: #fff;
    line-height: 25px;
    display: inline-block;
    width: 25px;
    height: 25px;
    margin: 4px 7px;
    border: 1px solid #fff;
    border-radius: 6px
}

#com-winnum .hksix-item {
    display: inline-block
}

#com-winnum .hksix-item div {
    font-size: 14px
}

#com-winnum .twoline {
    margin-top: 3px
}

#com-winnum .balldiv dd,#com-winnum .balldiv span {
    display: block;
    width: 33px;
    height: 33px;
    float: left;
    font-size: 16px;
    color: #fff;
    text-align: center;
    line-height: 33px;
    text-shadow: rgba(0,0,0,.3) 1px 2px 5px;
    background: url(http://cf.chntepu.cn:3000/i_num_bg.png) no-repeat
}

#com-winnum .balldiv {
    display: inline-block;
    float: left;
    margin-right: 4px
}

#com-winnum .balldiv dt {
    display: block;
    float: left;
    width: 20px;
    font-size: 30px;
    color: #fff;
    text-align: center;
    line-height: 28px;
    text-shadow: rgba(0,0,0,.3) 1px 2px 5px
}

#com-winnum .balldiv .tet-style {
    display: block;
    float: left;
    width: 20px;
    height: 20px;
    font-size: 16px;
    line-height: 20px
}

#com-winnum .pk10_1 {
    background: linear-gradient(0deg,#e6d50e,#f7e404)
}

#com-winnum .pk10_2 {
    background: linear-gradient(180deg,#00c6fb 0,#054fc3)
}

#com-winnum .pk10_3 {
    background: linear-gradient(180deg,hsla(0,0%,100%,.15) 0,rgba(0,0,0,.15)),radial-gradient(at top center,hsla(0,0%,100%,.4) 0,rgba(0,0,0,.4) 120%) #6d6c6c;
    background-blend-mode: multiply,multiply
}

#com-winnum .pk10_4 {
    background: linear-gradient(0deg,#f84500 0,#f9a323)
}

#com-winnum .pk10_5 {
    background: linear-gradient(-20deg,#00bacd,#8ddad5)
}

#com-winnum .pk10_6 {
    background-image: linear-gradient(135deg,#320ec5,#7908ec)
}

#com-winnum .pk10_7 {
    background: linear-gradient(0deg,#888785,#ada8a8,#b5b0b0,#d8d5d5)
}

#com-winnum .pk10_8 {
    background: linear-gradient(0deg,#c10505,#f34f4f)
}

#com-winnum .pk10_9 {
    background: linear-gradient(180deg,#a73737,#7a2828)
}

#com-winnum .pk10_10 {
    background: linear-gradient(0deg,#0b7103,#06f306)
}

#com-winnum .pk10_21,#com-winnum .pk10_22 {
    background: linear-gradient(0deg,#e6d50e,#f7e404)
}

#com-winnum .dice {
    background: url(../images/DICE_SET.png);
    display: inline-block;
    background-size: 200% 600%;
    vertical-align: middle;
    width: 24px;
    height: 24px
}

#com-winnum .dice-1 {
    background-position: 0 0
}

#com-winnum .dice-2 {
    background-position: 0 -100%
}

#com-winnum .dice-3 {
    background-position: 0 -200%
}

#com-winnum .dice-4 {
    background-position: 0 -300%
}

#com-winnum .dice-5 {
    background-position: 0 -400%
}

#com-winnum .dice-6 {
    background-position: 0 -500%
}

#com-winnum .dice-21 {
    background-position: 0 0
}

#com-winnum .dice-ani-0 {
    background-position: -100% 0
}

#com-winnum .dice-ani-1 {
    background-position: -100% -100%
}

#com-winnum .dice-ani-2 {
    background-position: -100% -200%
}

#com-winnum .dice-ani-3 {
    background-position: -100% -300%
}

#com-winnum .dice-ani-21,#com-winnum .dice-ani-22 {
    background-position: -100% -100%
}

#com-winnum .date-t {
    width: 100px;
    float: left
}

#com-winnum .date-k {
    width: 33%;
    width: -moz-calc(100% - 245px);
    width: -webkit-calc(100% - 245px);
    width: calc(100% - 245px);
    height: 20px;
    float: right
}

#com-winnum .loader {
    border-radius: 50%;
    border: 1px solid transparent;
    border-top-color: #2699de;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite
}

#com-winnum .loader:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border-radius: 50%;
    border: 1px solid transparent;
    border-top-color: #2699de;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        -ms-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        -ms-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

#com-winnumlist {
    width: 100%;
    height: 100%;
    padding: 10px 0
}

#com-winnumlist .winnumlist {
    width: 100%;
    height: 250px;
    max-height: 250px;
    overflow: auto
}

#com-winnumlist .winnumlist li {
    margin-top: 10px
}

#com-winnumlist .cqlhcend {
    display: inline-block;
    width: calc(100% - 230px);
    height: 21px;
    line-height: 21px;
    text-align: center
}

#page-lottery .multxNumber::-webkit-inner-spin-button {
    -webkit-appearance: none!important
}

#page-lottery .scroll-y {
    width: 782px;
    margin-bottom: 96px;
    padding-bottom: 10px
}

.Recent-numbers:before {
    border-color: rgba(0,0,0,.1) transparent;
    border-style: solid;
    border-width: 0 9px 9px;
    bottom: 100%;
    content: "";
    height: 0;
    position: absolute;
    left: 270px;
    width: 0
}

#com-winnumlist .bj28ball {
    display: inline-block
}

#com-winnumlist .date-t {
    width: 101px;
    height: 21px;
    float: left
}

#com-winnumlist .date-t-k3 {
    width: 35%;
    height: 21px;
    float: left
}

#com-winnumlist .date-k {
    width: 64px;
    height: 21px;
    float: right
}

#com-winnumlist ul li {
    width: 100%;
    color: #999;
    text-align: left
}

#com-winnumlist ul li .Recent-time {
    display: inline-block;
    width: 99px;
    height: 21px;
    line-height: 23px;
    text-align: center
}

#com-winnumlist ul li .common-balls {
    display: inline-block;
    float: right;
    text-align: right
}

#com-winnumlist ul li .pc00-balls {
    width: calc(100% - 99px)
}

#com-winnumlist ul li .nub {
    display: block;
    color: #fff;
    width: 22px;
    height: 22px;
    float: right;
    background: #3db1f6;
    line-height: 20px;
    text-align: center;
    border-radius: 50%;
    margin-right: 2px;
    margin-left: 2px
}

#com-winnumlist .winnumlist-k3 .Recent-time {
    width: 35%
}

#com-winnumlist .winnumlist-k3 .common-balls {
    width: 35%;
    text-align: center
}

.spacing-top {
    margin-top: 8px
}

.fleft {
    float: left!important
}

#com-winnumlist .titlewincode {
    text-align: center;
    height: 30px;
    line-height: 30px;
    border-bottom: 1px solid #f7f7f7
}

#com-winnumlist .sumbigonly-k3 {
    width: 35%;
    display: inline-block;
    text-align: center;
    float: right
}

#com-winnumlist .sumbigonly {
    width: 10%;
    display: inline-block;
    text-align: center
}

#com-winnumlist .danshuang {
    margin-right: 11px
}

#com-winnumlist .rencentopen {
    margin-right: 13px
}

#com-winnumlist .nub-pk10 {
    display: block;
    color: #fff;
    width: 22px;
    height: 22px;
    float: right;
    line-height: 20px;
    text-align: center;
    border-radius: 50%;
    margin-right: 2px;
    margin-left: 2px
}

#com-winnumlist .pk10_1 {
    background: linear-gradient(0deg,#e6d50e,#f7e404)
}

#com-winnumlist .pk10_2 {
    background: linear-gradient(180deg,#00c6fb 0,#054fc3)
}

#com-winnumlist .pk10_3 {
    background: linear-gradient(180deg,hsla(0,0%,100%,.15) 0,rgba(0,0,0,.15)),radial-gradient(at top center,hsla(0,0%,100%,.4) 0,rgba(0,0,0,.4) 120%) #6d6c6c;
    background-blend-mode: multiply,multiply
}

#com-winnumlist .pk10_4 {
    background: linear-gradient(0deg,#f84500 0,#f9a323)
}

#com-winnumlist .pk10_5 {
    background: linear-gradient(-20deg,#00bacd,#8ddad5)
}

#com-winnumlist .pk10_6 {
    background-image: linear-gradient(135deg,#320ec5,#7908ec)
}

#com-winnumlist .pk10_7 {
    background: linear-gradient(0deg,#888785,#ada8a8,#b5b0b0,#d8d5d5)
}

#com-winnumlist .pk10_8 {
    background: linear-gradient(0deg,#c10505,#f34f4f)
}

#com-winnumlist .pk10_9 {
    background: linear-gradient(180deg,#a73737,#7a2828)
}

#com-winnumlist .pk10_10 {
    background: linear-gradient(0deg,#0b7103,#06f306)
}

#com-winnumlist .pk10_21,#com-winnumlist .pk10_22 {
    background: linear-gradient(0deg,#e6d50e,#f7e404)
}

#com-winnumlist .ball-lhc-r {
    background: #fb4a4a;
    color: #fff
}

#com-winnumlist .ball-lhc-b {
    background: #2bafef;
    color: #fff
}

#com-winnumlist .ball-lhc-g {
    background: #22ca17;
    color: #fff
}

#com-winnumlist .dice {
    background: url(../images/DICE_SET.png);
    display: inline-block;
    background-size: 200% 600%;
    vertical-align: middle;
    margin-right: 5px;
    width: 24px;
    height: 24px
}

#com-winnumlist .dice-1 {
    background-position: 0 0
}

#com-winnumlist .dice-2 {
    background-position: 0 -100%
}

#com-winnumlist .dice-3 {
    background-position: 0 -200%
}

#com-winnumlist .dice-4 {
    background-position: 0 -300%
}

#com-winnumlist .dice-5 {
    background-position: 0 -400%
}

#com-winnumlist .dice-6 {
    background-position: 0 -500%
}

#com-winnumlist .dice-21 {
    background-position: 0 0
}

#com-winnumlist .dice-ani-0 {
    background-position: -100% 0
}

#com-winnumlist .dice-ani-1 {
    background-position: -100% -100%
}

#com-winnumlist .dice-ani-2 {
    background-position: -100% -200%
}

#com-winnumlist .dice-ani-3 {
    background-position: -100% -300%
}

#com-winnumlist .sec-coms {
    float: right;
    margin: 4px auto
}

#com-winnumlist .jdchz {
    border-radius: 3px;
    color: #999;
    margin: auto 6px;
    border: 1px solid #999;
    padding: 2px 3px
}

#com-playhead {
    width: 1250px;
    height: 140px;
    margin: 1px auto 0;
    font-size: 14px;
    color: #50bff1;
    clear: both
}

#com-playhead .game-logo {
    width: 135px;
    height: 88px;
    float: left;
    margin: 30px 5px 21px 25px
}

#com-playhead .game-f1sca,#com-playhead .game-f1scb,#com-playhead .game-jsfta,#com-playhead .game-jsftb,#com-playhead .game-pk10,#com-playhead .game-pk10kai,#com-playhead .game-pk10kaib {
    margin: 30px 5px 21px 0
}

#com-playhead .Countdown,#com-playhead .winNums {
    float: left;
    text-align: center;
    height: 98px;
    padding: 20px;
    box-sizing: border-box;
    margin-top: 20px;
    margin-right: 20px;
    border: 1px solid rgba(0,0,0,.1);
    background-color: hsla(0,0%,100%,.2);
    -webkit-border-radius: 5%;
    -moz-border-radius: 5%;
    border-radius: 10px
}

#com-playhead.playhead_XYFT .Countdown,#com-playhead.playhead_XYFT .winNums {
    margin-right: 10px
}

#com-playhead.playhead_XYFT .game-logo {
    width: 123px;
    margin: 30px 5px 21px 0
}

#com-playhead.playhead_xyft_sd {
    width: 1270px
}

#com-playhead .title {
    float: left;
    text-align: center;
    color: #fff;
    margin: 10px 20px 0 0
}

#com-playhead .title p {
    float: left;
    clear: both
}

#com-playhead .Countdown .number-size span,#com-playhead .winNums .title span {
    color: #04b4fd
}

#com-playhead .Countdown .number-size,#com-playhead .winNums .title {
    float: left;
    text-align: center;
    color: #fff;
    margin: 10px 20px 0 0;
    font-size: 14px;
    font-family: 微软雅黑
}

#com-playhead .Countdown .time-item {
    width: 193px;
    float: left
}

#com-playhead .Countdown .time-item span,#com-playhead .Countdown .time-item strong {
    float: left;
    line-height: 49px;
    font-size: 34px;
    font-family: Arial;
    margin: 8px 10px 0 0;
    color: #fff;
    background: none
}

#com-playhead .Countdown .time-item .spinner {
    font-size: 24px
}

#com-playhead .spinner>i {
    width: 12px;
    height: 12px;
    margin-left: 10px;
    background-color: #fff;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: bouncedelay 1.4s ease-in-out infinite;
    animation: bouncedelay 1.4s ease-in-out infinite;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

#com-playhead .spinner .i_1 {
    -webkit-animation-delay: -.32s;
    animation-delay: -.32s
}

#com-playhead .spinner .i_2 {
    -webkit-animation-delay: -.16s;
    animation-delay: -.16s
}

#com-playhead .Countdown .time-item .Split-point {
    display: block;
    float: left;
    width: 5px;
    height: 22px
}

#com-playhead .Lottery-information {
    width: 130px;
    height: 98px;
    text-align: center;
    margin-top: 20px;
    border: 1px solid rgba(0,0,0,.1);
    background-color: hsla(0,0%,100%,.2);
    -webkit-border-radius: 5%;
    -moz-border-radius: 5%;
    border-radius: 10px;
    float: left;
    position: relative
}

#com-playhead .Lottery-information li {
    height: 30px;
    position: relative;
    display: block;
    margin: 5px auto
}

#com-playhead .Lottery-information .information {
    float: left;
    display: block;
    width: 36px;
    height: 18px
}

#com-playhead .Lottery-information .img-top01,#com-playhead .Lottery-information .img-top21 {
    margin: 42px 25px 0 26px
}

#com-playhead .Lottery-information .if-ico01,#com-playhead .Lottery-information .if-ico21 {
    background: url(../images/all-ico.png) -102px -125px no-repeat
}

#com-playhead .Lottery-information .img-top02 {
    margin: 18px 25px 0 26px
}

#com-playhead .Lottery-information .if-ico02 {
    background: url(../images/all-ico.png) -81px -67px no-repeat
}

#com-playhead .Lottery-information .shape-top {
    display: block;
    float: left
}

#com-playhead .Lottery-information a {
    position: relative;
    display: block;
    color: #50bff1;
    height: 49px;
    line-height: 49px
}

#com-playhead .Lottery-information a:hover {
    color: #fff
}

#com-playhead .Lottery-information .i_newestLots {
    position: absolute;
    top: 50%;
    left: 75%;
    margin-top: -6px;
    width: 13px;
    height: 12px;
    background: url(../images/i_newestLots.png) 0 0 no-repeat
}

#com-playhead .Lottery-information a:hover .i_newestLots {
    background-position: 0 -12px
}

#com-playhead .Lottery-information .Recent-numbers {
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    position: absolute;
    background: #fff;
    width: 410px;
    height: 300px;
    padding: 0 10px;
    top: 111px;
    right: -70px;
    z-index: 9999;
    border: 1px solid rgba(0,0,0,.1);
    border-radius: 4px
}

#com-playhead .Lottery-information .Recent-numbers:before {
    border-color: rgba(0,0,0,.1) transparent;
    border-style: solid;
    border-width: 0 9px 9px;
    bottom: 100%;
    content: "";
    height: 0;
    position: absolute;
    left: 270px;
    width: 0
}

#com-playhead .Lottery-information .Recent-numbers:after {
    border-color: #fff transparent;
    border-style: solid;
    border-width: 0 9px 9px;
    bottom: 100%;
    content: "";
    height: 0;
    position: absolute;
    left: 270px;
    width: 0
}

#com-playhead .Lottery-information .Recent-numbers {
    transform: translate3d(0,10px,0);
    -moz-transform: translate3d(0,10px,0);
    -webkit-transform: translate3d(0,10px,0);
    transition: all .3s ease-out 0s;
    visibility: hidden;
    display: block;
    opacity: 0
}

#com-playhead .Lottery-information .specialWidth {
    width: 300px
}

#com-playhead .Lottery-information .specialWidth:before {
    left: 50%
}

#com-playhead .Lottery-information .specialWidth:after {
    left: 50%
}

#com-playhead .Lottery-information li:hover>.Recent-numbers {
    opacity: 1;
    visibility: visible;
    transform: translateZ(0);
    -moz-transform: translateZ(0);
    -webkit-transform: translateZ(0)
}

#com-playhead .date-t {
    width: 100px;
    float: left
}

#com-playhead .date-k {
    height: 20px;
    float: right
}

#com-playhead .game-cqlhc {
    background: url(../images/icons/game-cqlhc.png)
}

#com-playhead .game-115-guangdong {
    background: url(../images/icons/game-115-guangdong.png)
}

#com-playhead .game-pk10 {
    background: url(../images/icons/game-pk10.png)
}

#com-playhead .game-pk10kai {
    background: url(../images/icons/game-pk10kai.png)
}

#com-playhead .game-pk10kaib {
    background: url(../images/icons/game-pk10kaib.png)
}

#com-playhead .game-f1sca {
    background: url(../images/icons/game-f1sca.png)
}

#com-playhead .game-f1scb {
    background: url(../images/icons/game-f1scb.png)
}

#com-playhead .game-xyft-sd {
    background: url(../images/icons/game-xyft-sd.png) no-repeat
}

#com-playhead .game-jsftb {
    background: url(../images/icons/game-jsftb.png) no-repeat
}

#com-playhead .game-rswfc {
    background: url(../images/icons/game-rswfc.png)
}

#com-playhead .game-k3-jiangsu {
    background: url(../images/icons/game-k3-jiangsu.png)
}

#com-playhead .game-by-blefc {
    background: url(../images/icons/game-by-blefc.png) no-repeat
}

#com-playhead .game-by-blffc {
    background: url(../images/icons/game-by-blffc.png) no-repeat
}

#com-playhead .game-by-blwfc {
    background: url(../images/icons/game-by-blwfc.png) no-repeat
}

#com-playhead .game-hr-fl2fc {
    background: url(../images/icons/game-hr-fl2fc.png) no-repeat
}

#com-playhead .game-hr-fl5fc {
    background: url(../images/icons/game-hr-fl5fc.png) no-repeat
}

#com-playhead .game-hr-wlffc {
    background: url(../images/icons/game-hr-wlffc.png) no-repeat
}

#com-playhead .game-hx-hl5fc {
    background: url(../images/icons/game-hx-hl5fc.png) no-repeat
}

#com-playhead .game-hx-nw2fc {
    background: url(../images/icons/game-hx-nw2fc.png) no-repeat
}

#com-playhead .game-hx-omffc {
    background: url(../images/icons/game-hx-omffc.png) no-repeat
}

#com-playhead .game-jc-jnd2fc {
    background: url(../images/icons/game-jc-jnd2fc.png) no-repeat
}

#com-playhead .game-jc-jnd5fc {
    background: url(../images/icons/game-jc-jnd5fc.png) no-repeat
}

#com-playhead .game-jc-jndffc {
    background: url(../images/icons/game-jc-jndffc.png) no-repeat
}

#com-playhead .game-hs-bxffc {
    background: url(../images/icons/game-hs-bxffc.png) no-repeat
}

#com-playhead .game-hs-bx2fc {
    background: url(../images/icons/game-hs-bx2fc.png) no-repeat
}

#com-playhead .game-hs-bx5fc {
    background: url(../images/icons/game-hs-bx5fc.png) no-repeat
}

#com-playhead .game-ks-rs2fc {
    background: url(../images/icons/game-ks-rs2fc.png) no-repeat
}

#com-playhead .game-ks-rsffc {
    background: url(../images/icons/game-ks-rsffc.png) no-repeat
}

#com-playhead .game-ssh-ml1fc {
    background: url(../images/icons/game-ssh-ml1fc.png) no-repeat
}

#com-playhead .game-ssh-sd2fc {
    background: url(../images/icons/game-ssh-sd2fc.png) no-repeat
}

#com-playhead .game-ssh-sd5fc {
    background: url(../images/icons/game-ssh-sd5fc.png) no-repeat
}

#com-playhead .game-ssc-xjp1fc {
    background: url(../images/icons/game-ssc-xjp1fc.png) no-repeat
}

#com-playhead .game-ssc-xjp2fc {
    background: url(../images/icons/game-ssc-xjp2fc.png) no-repeat
}

#com-playhead .game-ssc-xjp5fc {
    background: url(../images/icons/game-ssc-xjp5fc.png) no-repeat
}

#com-playhead .game-ssc-dj5fc {
    background: url(../images/icons/game-ssc-dj5fc.png) no-repeat
}

#com-playhead .game-ssc-ld1fc {
    background: url(../images/icons/game-ssc-ld1fc.png) no-repeat
}

#com-playhead .game-ssc-ld2fc {
    background: url(../images/icons/game-ssc-ld2fc.png) no-repeat
}

#com-playhead .game-ssc-ld5fc {
    background: url(../images/icons/game-ssc-ld5fc.png) no-repeat
}

#com-playhead .game-ssc-ny2fc {
    background: url(../images/icons/game-ssc-ny2fc.png) no-repeat
}

#com-playhead .game-ssc-se1fc {
    background: url(../images/icons/game-ssc-se1fc.png) no-repeat
}

#com-playhead .game_txffc {
    background: url(../images/icons/game_txffc.png) no-repeat
}

#com-playhead .game-ks-twssc {
    background: url(../images/icons/game-ks-twssc.png)
}

#com-playhead .game-ks-twffc {
    background: url(../images/icons/game-ks-twffc.png)
}

#com-playhead .game-ks-twjsc {
    background: url(../images/icons/game-ks-twjsc.png)
}

#com-playhead .game-ks-twsscb {
    background: url(../images/icons/game-ks-twsscb.png)
}

#com-playhead .game-hn5fc {
    background: url(../images/icons/game-hn5fc.png)
}

#com-playhead .game-hn5fcb {
    background: url(../images/icons/game-hn5fcb.png)
}

#com-playhead .game-ks-wlssc {
    background: url(../images/icons/game-ks-wlssc.png) no-repeat
}

#com-playhead .game-ks-wlsscb {
    background: url(../images/icons/game-ks-wlsscb.png) no-repeat
}

#com-playhead .game-ks-cq5fcb {
    background: url(../images/icons/game-ks-cq5fcb.png) no-repeat
}

#com-playhead .game-f1bjk,#com-playhead .game-f1sca,#com-playhead .game-jspk10 {
    margin: 30px 5px 21px 0
}

#com-playhead .game-f1bjk {
    background: url(../images/icons/game-f1bjk.png)
}

#com-playhead .game-f1bjl {
    background: url(../images/icons/game-f1bjl.png)
}

#com-playhead .game-jspk10 {
    background: url(../images/icons/game-jspk10.png)
}

#com-playhead .game-ks-cq2fc {
    background: url(../images/icons/game-ks-cq2fc.png)
}

#com-playhead .game-ks-cq5fc {
    background: url(../images/icons/game-ks-cq5fc.png) no-repeat
}

#com-playhead .game-ks-cqjsc {
    background: url(../images/icons/game-ks-cqjsc.png)
}

#com-playhead .period-info {
    float: left;
    height: 98px;
    margin: 20px 10px;
    display: flex;
    flex-direction: column;
    justify-content: center
}

#com-playhead .period-info div:first-child {
    margin-bottom: 15px
}

#com-playhead28 {
    width: 1200px;
    height: 140px;
    margin: 1px auto 0;
    font-size: 14px;
    color: #50bff1;
    clear: both
}

#com-playhead28 .game-logo {
    float: left;
    margin: 30px 5px 21px 25px
}

#com-playhead28 .game-f1sca,#com-playhead28 .game-f1scb,#com-playhead28 .game-jsfta,#com-playhead28 .game-jsftb,#com-playhead28 .game-pk10,#com-playhead28 .game-pk10kai,#com-playhead28 .game-pk10kaib {
    margin: 30px 5px 21px 0
}

#com-playhead28 .Countdown,#com-playhead28 .winNums {
    float: left;
    height: 98px;
    padding: 20px;
    margin-top: 20px;
    -webkit-border-radius: 5%;
    -moz-border-radius: 5%;
    border-radius: 10px
}

#com-playhead28.playhead_XYFT .Countdown,#com-playhead28.playhead_XYFT .winNums {
    margin-right: 10px
}

#com-playhead28.playhead_XYFT .game-logo {
    width: 123px;
    margin: 30px 5px 21px 0
}

#com-playhead28.playhead_xyft_sd {
    width: 1270px
}

#com-playhead28 .title {
    float: left;
    text-align: center;
    color: #fff;
    margin: 10px 20px 0 0
}

#com-playhead28 .title p {
    float: left;
    clear: both
}

#com-playhead28 .Countdown .number-size span,#com-playhead28 .winNums .title span {
    color: #04b4fd
}

#com-playhead28 .Countdown .number-size,#com-playhead28 .winNums .title {
    float: left;
    text-align: center;
    color: #fff;
    margin: 10px 20px 0 0;
    font-size: 14px;
    font-family: 微软雅黑
}

#com-playhead28 .Countdown .time-item {
    width: 193px;
    float: left
}

#com-playhead28 .Countdown .time-item span,#com-playhead28 .Countdown .time-item strong {
    float: left;
    line-height: 49px;
    font-size: 34px;
    font-family: Arial;
    margin: 8px 10px 0 0;
    color: #fff;
    background: none
}

#com-playhead28 .Countdown .time-item .spinner {
    font-size: 24px
}

#com-playhead28 .spinner>i {
    width: 12px;
    height: 12px;
    margin-left: 10px;
    background-color: #fff;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: bouncedelay 1.4s ease-in-out infinite;
    animation: bouncedelay 1.4s ease-in-out infinite;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

#com-playhead28 .spinner .i_1 {
    -webkit-animation-delay: -.32s;
    animation-delay: -.32s
}

#com-playhead28 .spinner .i_2 {
    -webkit-animation-delay: -.16s;
    animation-delay: -.16s
}

#com-playhead28 .Countdown .time-item .Split-point {
    display: block;
    float: left;
    width: 5px;
    height: 22px
}

#com-playhead28 .Lottery-information {
    height: 98px;
    margin-top: 20px;
    -webkit-border-radius: 5%;
    -moz-border-radius: 5%;
    float: left
}

#com-playhead28 .Lottery-information li {
    margin: 5px auto
}

#com-playhead28 .Lottery-information .information {
    float: left;
    display: block;
    width: 36px;
    height: 18px
}

#com-playhead28 .Lottery-information .img-top01,#com-playhead28 .Lottery-information .img-top21 {
    margin: 42px 25px 0 26px
}

#com-playhead28 .Lottery-information .if-ico01,#com-playhead28 .Lottery-information .if-ico21 {
    background: url(../images/all-ico.png) -102px -125px no-repeat
}

#com-playhead28 .Lottery-information .img-top02 {
    margin: 18px 25px 0 26px
}

#com-playhead28 .Lottery-information .if-ico02 {
    background: url(../images/all-ico.png) -81px -67px no-repeat
}

#com-playhead28 .Lottery-information .shape-top {
    display: block;
    float: left
}

#com-playhead28 .Lottery-information a {
    position: relative;
    display: block;
    color: #50bff1;
    height: 49px;
    line-height: 49px
}

#com-playhead28 .Lottery-information a:hover {
    color: #fff
}

#com-playhead28 .Lottery-information .i_newestLots {
    position: absolute;
    top: 50%;
    left: 75%;
    margin-top: -6px;
    width: 13px;
    height: 12px;
    background: url(../images/i_newestLots.png) 0 0 no-repeat
}

#com-playhead28 .Lottery-information a:hover .i_newestLots {
    background-position: 0 -12px
}

#com-playhead28 .Lottery-information .Recent-numbers {
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    position: absolute;
    background: #fff;
    width: 410px;
    height: 300px;
    padding: 0 10px;
    top: 111px;
    right: -70px;
    z-index: 9999;
    border: 1px solid rgba(0,0,0,.1);
    border-radius: 4px;
    transform: translate3d(0,10px,0);
    -moz-transform: translate3d(0,10px,0);
    -webkit-transform: translate3d(0,10px,0);
    transition: all .3s ease-out 0s;
    visibility: hidden;
    display: block;
    opacity: 0
}

#com-playhead28 .Lottery-information .Recent-numbers:before {
    border-color: rgba(0,0,0,.1) transparent;
    border-style: solid;
    border-width: 0 9px 9px;
    bottom: 100%;
    content: "";
    height: 0;
    position: absolute;
    left: 270px;
    width: 0
}

#com-playhead28 .Lottery-information .Recent-numbers:after {
    border-color: #fff transparent;
    border-style: solid;
    border-width: 0 9px 9px;
    bottom: 100%;
    content: "";
    height: 0;
    position: absolute;
    left: 270px;
    width: 0
}

#com-playhead28 .Lottery-information .specialWidth {
    width: 300px
}

#com-playhead28 .Lottery-information .specialWidth:after,#com-playhead28 .Lottery-information .specialWidth:before {
    left: 50%
}

#com-playhead28 .Lottery-information li:hover>.Recent-numbers {
    opacity: 1;
    visibility: visible;
    transform: translateZ(0);
    -moz-transform: translateZ(0);
    -webkit-transform: translateZ(0)
}

#com-playhead28 .date-t {
    width: 100px;
    float: left
}

#com-playhead28 .date-k {
    height: 20px;
    float: right
}

#com-playhead28 .game-cqlhc {
    background: url(../images/icons/game-cqlhc.png)
}

#com-playhead28 .game-115-guangdong {
    background: url(../images/icons/game-115-guangdong.png)
}

#com-playhead28 .game-pk10 {
    background: url(../images/icons/game-pk10.png)
}

#com-playhead28 .game-pk10kai {
    background: url(../images/icons/game-pk10kai.png)
}

#com-playhead28 .game-pk10kaib {
    background: url(../images/icons/game-pk10kaib.png)
}

#com-playhead28 .game-f1sca {
    background: url(../images/icons/game-f1sca.png)
}

#com-playhead28 .game-f1scb {
    background: url(../images/icons/game-f1scb.png)
}

#com-playhead28 .game-xyft-sd {
    background: url(../images/icons/game-xyft-sd.png) no-repeat
}

#com-playhead28 .game-jsftb {
    background: url(../images/icons/game-jsftb.png) no-repeat
}

#com-playhead28 .game-rswfc {
    background: url(../images/icons/game-rswfc.png)
}

#com-playhead28 .game-k3-jiangsu {
    background: url(../images/icons/game-k3-jiangsu.png)
}

#com-playhead28 .game-by-blefc {
    background: url(../images/icons/game-by-blefc.png) no-repeat
}

#com-playhead28 .game-by-blffc {
    background: url(../images/icons/game-by-blffc.png) no-repeat
}

#com-playhead28 .game-by-blwfc {
    background: url(../images/icons/game-by-blwfc.png) no-repeat
}

#com-playhead28 .game-hr-fl2fc {
    background: url(../images/icons/game-hr-fl2fc.png) no-repeat
}

#com-playhead28 .game-hr-fl5fc {
    background: url(../images/icons/game-hr-fl5fc.png) no-repeat
}

#com-playhead28 .game-hr-wlffc {
    background: url(../images/icons/game-hr-wlffc.png) no-repeat
}

#com-playhead28 .game-hx-hl5fc {
    background: url(../images/icons/game-hx-hl5fc.png) no-repeat
}

#com-playhead28 .game-hx-nw2fc {
    background: url(../images/icons/game-hx-nw2fc.png) no-repeat
}

#com-playhead28 .game-hx-omffc {
    background: url(../images/icons/game-hx-omffc.png) no-repeat
}

#com-playhead28 .game-jc-jnd2fc {
    background: url(../images/icons/game-jc-jnd2fc.png) no-repeat
}

#com-playhead28 .game-jc-jnd5fc {
    background: url(../images/icons/game-jc-jnd5fc.png) no-repeat
}

#com-playhead28 .game-jc-jndffc {
    background: url(../images/icons/game-jc-jndffc.png) no-repeat
}

#com-playhead28 .game-hs-bxffc {
    background: url(../images/icons/game-hs-bxffc.png) no-repeat
}

#com-playhead28 .game-hs-bx2fc {
    background: url(../images/icons/game-hs-bx2fc.png) no-repeat
}

#com-playhead28 .game-hs-bx5fc {
    background: url(../images/icons/game-hs-bx5fc.png) no-repeat
}

#com-playhead28 .game-ks-rs2fc {
    background: url(../images/icons/game-ks-rs2fc.png) no-repeat
}

#com-playhead28 .game-ks-rsffc {
    background: url(../images/icons/game-ks-rsffc.png) no-repeat
}

#com-playhead28 .game-ssh-ml1fc {
    background: url(../images/icons/game-ssh-ml1fc.png) no-repeat
}

#com-playhead28 .game-ssh-sd2fc {
    background: url(../images/icons/game-ssh-sd2fc.png) no-repeat
}

#com-playhead28 .game-ssh-sd5fc {
    background: url(../images/icons/game-ssh-sd5fc.png) no-repeat
}

#com-playhead28 .game-ssc-xjp1fc {
    background: url(../images/icons/game-ssc-xjp1fc.png) no-repeat
}

#com-playhead28 .game-ssc-xjp2fc {
    background: url(../images/icons/game-ssc-xjp2fc.png) no-repeat
}

#com-playhead28 .game-ssc-xjp5fc {
    background: url(../images/icons/game-ssc-xjp5fc.png) no-repeat
}

#com-playhead28 .game-ssc-dj5fc {
    background: url(../images/icons/game-ssc-dj5fc.png) no-repeat
}

#com-playhead28 .game-ssc-ld1fc {
    background: url(../images/icons/game-ssc-ld1fc.png) no-repeat
}

#com-playhead28 .game-ssc-ld2fc {
    background: url(../images/icons/game-ssc-ld2fc.png) no-repeat
}

#com-playhead28 .game-ssc-ld5fc {
    background: url(../images/icons/game-ssc-ld5fc.png) no-repeat
}

#com-playhead28 .game-ssc-ny2fc {
    background: url(../images/icons/game-ssc-ny2fc.png) no-repeat
}

#com-playhead28 .game-ssc-se1fc {
    background: url(../images/icons/game-ssc-se1fc.png) no-repeat
}

#com-playhead28 .game_txffc {
    background: url(../images/icons/game_txffc.png) no-repeat
}

#com-playhead28 .game-ks-twssc {
    background: url(../images/icons/game-ks-twssc.png)
}

#com-playhead28 .game-ks-twffc {
    background: url(../images/icons/game-ks-twffc.png)
}

#com-playhead28 .game-ks-twjsc {
    background: url(../images/icons/game-ks-twjsc.png)
}

#com-playhead28 .game-ks-twsscb {
    background: url(../images/icons/game-ks-twsscb.png)
}

#com-playhead28 .game-hn5fc {
    background: url(../images/icons/game-hn5fc.png)
}

#com-playhead28 .game-hn5fcb {
    background: url(../images/icons/game-hn5fcb.png)
}

#com-playhead28 .game-ks-wlssc {
    background: url(../images/icons/game-ks-wlssc.png) no-repeat
}

#com-playhead28 .game-ks-wlsscb {
    background: url(../images/icons/game-ks-wlsscb.png) no-repeat
}

#com-playhead28 .game-ks-cq5fcb {
    background: url(../images/icons/game-ks-cq5fcb.png) no-repeat
}

#com-playhead28 .game-f1bjk,#com-playhead28 .game-f1sca,#com-playhead28 .game-jspk10 {
    margin: 30px 5px 21px 0
}

#com-playhead28 .game-f1bjk {
    background: url(../images/icons/game-f1bjk.png)
}

#com-playhead28 .game-f1bjl {
    background: url(../images/icons/game-f1bjl.png)
}

#com-playhead28 .game-jspk10 {
    background: url(../images/icons/game-jspk10.png)
}

#com-playhead28 .game-ks-cq2fc {
    background: url(../images/icons/game-ks-cq2fc.png)
}

#com-playhead28 .game-ks-cq5fc {
    background: url(../images/icons/game-ks-cq5fc.png) no-repeat
}

#com-playhead28 .game-ks-cqjsc {
    background: url(../images/icons/game-ks-cqjsc.png)
}

#chatList {
    scroll-behavior: smooth
}

#comChat {
    padding: 8px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column
}

#comChat .play-plan {
    padding-bottom: 10px
}

#comChat .play-plan span {
    line-height: 20px;
    font-weight: 400
}

#comChat .play-plan span.face,#comChat .play-plan span.face-right {
    float: left;
    margin-right: 5px;
    width: 45px;
    height: 45px;
    border: 1px solid #ccc;
    border-radius: 45px;
    background: #dfdfdf
}

#comChat .play-plan span.face-right img,#comChat .play-plan span.face img {
    width: 100%;
    border-radius: 50%
}

#comChat .play-plan span.face-right {
    float: right
}

#comChat .play-plan span.cont,#comChat .play-plan span.cont-right {
    width: 65%;
    float: left;
    text-align: left;
    padding: 0 10px 6px 12px;
    word-break: break-all;
    cursor: pointer
}

#comChat .play-plan span.cont-right {
    float: right
}

#comChat .play-plan span .nick {
    width: 100%;
    height: 20px;
    color: #fff
}

#comChat .play-plan span .nick>span {
    color: #453202
}

#comChat .play-plan span .gentou {
    background-color: #ffb917;
    height: 35px;
    color: #fff;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px
}

#comChat .play-plan span .gentou .gentouname {
    display: inline-block;
    line-height: 35px;
    margin-left: 10px;
    color: #fff
}

#comChat .play-plan span .gentou .gentoudiv_right {
    display: inline-block;
    border: 1px solid #fff;
    float: right;
    margin-right: 10px;
    margin-top: 5px;
    border-radius: 5px;
    padding: 2px 8px
}

#comChat .play-plan span .ticket {
    font-size: 12px;
    overflow: hidden;
    width: 100%;
    font-family: Microsoft Yahei,Microsoft JhengHei,PingFang;
    border: 1px solid #ccc;
    padding: 0 10px;
    box-sizing: border-box;
    background-color: #fff;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    color: #000;
    border-radius: 4px
}

#comChat .play-plan span .ticket .botbor {
    border-bottom: 1px solid #e8e8e8;
    line-height: 28px
}

#comChat .play-plan span .ticket .botbor span {
    line-height: 20px;
    font-weight: 400
}

#comChat .play-plan span .ticket .botbor span.right {
    float: left;
    display: inline-block
}

#comChat .play-plan span .ticket .botbor .money_right {
    float: right;
    display: inline-block
}

#comChat .play-plan span .ticket .botbor .money_right .colred {
    color: red
}

#comChat .play-plan span .ticket .money {
    text-align: end;
    line-height: 28px
}

#comChat .play-plan span .chat {
    border-radius: 5px;
    overflow: hidden;
    background: #fff;
    font-family: Microsoft Yahei,Microsoft JhengHei,PingFang;
    border: 1px solid #ccc;
    color: #333;
    box-sizing: border-box;
    padding: 7px
}

#comChat .play-plan span .chat .msg .emojione {
    top: 0;
    height: 24px;
    width: auto;
    background-image: none
}

#comChat .message {
    width: 100%;
    overflow: hidden;
    clear: both;
    font-family: Microsoft Yahei,Microsoft JhengHei,PingFang;
    color: #333;
    font-size: 13px;
    margin-top: 15px;
    margin-bottom: 5px
}

#comChat .message>span {
    line-height: 20px;
    font-weight: 400
}

#comChat .message>span.termongoing-present {
    color: #333
}

#comChat .message>span.termongoing-present .termongoing-title {
    color: #333
}

#dlg-follow .follow-title {
    height: 56px;
    width: 100%;
    line-height: 56px;
    text-align: center;
    color: #fff;
    font-size: 16px
}

#dlg-follow #followBet {
    padding: 5px;
    font-size: 16px;
    display: flex;
    flex-direction: column
}

#dlg-follow #followBet .genTouTopList {
    max-height: 214px;
    overflow-y: scroll
}

#dlg-follow #followBet .gentoutop {
    display: flex;
    justify-content: space-around;
    padding: 0 20px
}

#dlg-follow #followBet .gentoutop .gttype {
    font-size: 14px;
    flex: 1
}

#dlg-follow #followBet .gentoutop .gttype:nth-child(2) {
    text-align: center
}

#dlg-follow #followBet .gentoutop .gttype:last-child {
    text-align: right
}

#dlg-follow #followBet .bggray {
    background: rgba(42,143,189,.2)
}

#dlg-follow #followBet dd {
    font-size: 14px;
    margin-left: 5px;
    display: flex
}

#dlg-follow #followBet dd .absum {
    margin: 0 10px
}

#dlg-follow #followBet dd .absum input {
    width: 100%;
    border: 1px solid #c6c6c6;
    line-height: 22px;
    height: 22px;
    text-align: center
}

#dlg-follow #followBet .buttonsArea {
    margin: 0 0 10px
}

#dlg-follow #followBet .ambutton {
    background: #0092dd;
    color: #fff;
    width: 46px;
    border-radius: 5px;
    text-align: center;
    font-size: 14px;
    cursor: pointer
}

#dlg-follow #followBet .ambutton:hover {
    background: rgba(42,143,189,.2);
    color: rgba(0,0,0,.6509803921568628)
}

#dlg-follow #followBet .withdrawSbt {
    display: block;
    width: 360px;
    height: 40px;
    background: #05bfbf;
    color: #fff;
    font-size: 16px;
    line-height: 30px;
    padding: 0;
    border: 0;
    outline: 0;
    border-radius: 5px;
    margin: 30px auto 0;
    cursor: pointer
}

#dlg-follow .dlg-notice-ks,#dlg-follow .dlg-notice-zb {
    background-color: #2a8fbd
}

#dlg-follow .dlg-notice-ks .anticon,#dlg-follow .dlg-notice-zb .anticon {
    color: #6098b3
}

#dlg-follow .dlg-notice-ks h3:hover,#dlg-follow .dlg-notice-zb h3:hover {
    background: rgba(42,143,189,.2)
}

#dlg-follow .dlg-notice-hx {
    background-color: #0b91a7
}

#dlg-follow .dlg-notice-hx .anticon {
    color: #579ba7
}

#dlg-follow .dlg-notice-hx h3:hover {
    background: rgba(11,145,167,.2)
}

#dlg-follow .dlg-notice-fh,#dlg-follow .dlg-notice-hr {
    background-color: #539ddb
}

#dlg-follow .dlg-notice-fh .anticon,#dlg-follow .dlg-notice-hr .anticon {
    color: #4280b5
}

#dlg-follow .dlg-notice-fh h3:hover,#dlg-follow .dlg-notice-hr h3:hover {
    background: rgba(83,157,219,.2)
}

#dlg-follow .dlg-notice-by,#dlg-follow .dlg-notice-jc {
    background-color: #203c69
}

#dlg-follow .dlg-notice-by .anticon,#dlg-follow .dlg-notice-jc .anticon {
    color: #7b9fda
}

#dlg-follow .dlg-notice-by h3:hover,#dlg-follow .dlg-notice-jc h3:hover {
    background: rgba(32,60,105,.1)
}

#dlg-follow .dlg-notice-hs,#dlg-follow .dlg-notice-js {
    background-color: #b32020
}

#dlg-follow .dlg-notice-hs .anticon,#dlg-follow .dlg-notice-js .anticon {
    color: #f38180
}

#dlg-follow .dlg-notice-hs h3:hover,#dlg-follow .dlg-notice-js h3:hover {
    color: #a71010;
    background: rgba(179,32,32,.1)
}

#dlg-follow .dlg-notice-hs h3:hover p,#dlg-follow .dlg-notice-js h3:hover p {
    color: #a71010
}

#dlg-follow .dlg-notice-shh {
    background-color: #bd9b23
}

#dlg-follow .dlg-notice-shh .anticon {
    color: #d2bc6f
}

#dlg-follow .dlg-notice-shh h3:hover {
    color: #daad10;
    background: rgba(239,188,9,.1)
}

#dlg-follow .dlg-notice-shh h3:hover p {
    color: #daad10
}

#dlg-follow .dlg-notice-ctd {
    background-color: #daaa0f
}

#dlg-follow .dlg-notice-ctd .anticon {
    color: #d2bc6f
}

#dlg-follow .dlg-notice-ctd h3:hover {
    color: #daad10;
    background: rgba(184,168,124,.1)
}

#dlg-follow .dlg-notice-ctd h3:hover p {
    color: #daad10
}

#dlg-follow .dlg-notice-cqyl {
    background-color: #b11a00
}

#dlg-follow .dlg-notice-cqyl .anticon {
    color: #f3553a
}

#dlg-follow .dlg-notice-cqyl h3:hover {
    color: #b11a00;
    background: rgba(184,168,124,.1)
}

#dlg-follow .dlg-notice-cqyl h3:hover p {
    color: #b11a00
}

#dlg-follow .dlg-notice-kl {
    background-color: #ab965d
}

#dlg-follow .dlg-notice-kl .anticon {
    color: #d2bc6f
}

#dlg-follow .dlg-notice-kl h3:hover {
    color: #daad10;
    background: rgba(184,168,124,.1)
}

#dlg-follow .dlg-notice-kl h3:hover p {
    color: #daad10
}

#dlg-follow .dlg-notice-ds {
    background-color: #daaa0f
}

#dlg-follow .dlg-notice-ds .anticon {
    color: #d2bc6f
}

#dlg-follow .dlg-notice-ds h3:hover {
    color: #daad10;
    background: rgba(184,168,124,.1)
}

#dlg-follow .dlg-notice-ds h3:hover p {
    color: #daad10
}

#dlg-follow .dlg-notice-fzf {
    background-color: #222
}

#dlg-follow .dlg-notice-fzf .anticon {
    color: #d2bc6f
}

#dlg-follow .dlg-notice-fzf h3:hover {
    color: #daad10;
    background: rgba(239,188,9,.1)
}

#dlg-follow .dlg-notice-fzf h3:hover p {
    color: #daad10
}

.dialog-verification {
    width: 1100px;
    height: 680px;
    overflow: hidden
}

.ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

#DlgVerification {
    width: 100%;
    height: 100%
}

#DlgVerification .dialog-content {
    display: flex;
    align-items: stretch
}

#DlgVerification .dialog-content .dialog-left {
    width: 796px;
    padding: 16px;
    overflow: hidden;
    border-right: 1px solid #ddd
}

#DlgVerification .dialog-content .dialog-left .red {
    color: #ff1818
}

#DlgVerification .dialog-content .dialog-left ul {
    display: flex;
    margin-bottom: 0
}

#DlgVerification .dialog-content .dialog-left ul li {
    height: 42px
}

#DlgVerification .dialog-content .dialog-left .winCodeHead ul {
    border: 1px solid #ddd
}

#DlgVerification .dialog-content .dialog-left .winCodeHead ul li {
    text-align: center;
    line-height: 40px;
    font-size: 16px;
    font-weight: 500;
    background: #ecf4ff;
    border-right: 1px solid #ddd
}

#DlgVerification .dialog-content .dialog-left .winCodeHead ul li:first-child {
    width: 80px
}

#DlgVerification .dialog-content .dialog-left .winCodeHead ul li:nth-child(2) {
    width: 132px;
    font-size: 14px;
    font-weight: 600;
    color: #333
}

#DlgVerification .dialog-content .dialog-left .winCodeHead ul li:nth-child(3) {
    width: calc(100% - 310px)
}

#DlgVerification .dialog-content .dialog-left .winCodeHead ul li:last-child {
    width: 98px;
    border-right: 0
}

#DlgVerification .dialog-content .dialog-left .winCodeBody {
    height: 210px;
    overflow-y: auto;
    overflow-x: hidden;
    border: 1px solid #ddd;
    border-top: 0
}

#DlgVerification .dialog-content .dialog-left .winCodeBody ul {
    flex-direction: column
}

#DlgVerification .dialog-content .dialog-left .winCodeBody ul li {
    width: 100%;
    border-bottom: 1px solid #ddd;
    display: flex
}

#DlgVerification .dialog-content .dialog-left .winCodeBody ul li.active,#DlgVerification .dialog-content .dialog-left .winCodeBody ul li:hover {
    background: #f6f6f6
}

#DlgVerification .dialog-content .dialog-left .winCodeBody ul li.active div:last-child button.btn-verification,#DlgVerification .dialog-content .dialog-left .winCodeBody ul li:hover div:last-child button.btn-verification {
    color: #fff;
    background: rgba(39,39,35,.8)
}

#DlgVerification .dialog-content .dialog-left .winCodeBody ul li:last-child {
    border-bottom: 0
}

#DlgVerification .dialog-content .dialog-left .winCodeBody ul li div {
    text-align: center;
    line-height: 40px;
    border-right: 1px solid #ddd;
    padding: 0 10px
}

#DlgVerification .dialog-content .dialog-left .winCodeBody ul li div:first-child,#DlgVerification .dialog-content .dialog-left .winCodeBody ul li div:nth-child(2) {
    font-size: 14px;
    font-weight: 600;
    color: #333
}

#DlgVerification .dialog-content .dialog-left .winCodeBody ul li div:first-child {
    width: 80px
}

#DlgVerification .dialog-content .dialog-left .winCodeBody ul li div:nth-child(2) {
    width: 132px;
    letter-spacing: .5rem;
    display: flex;
    align-items: center;
    justify-content: center
}

#DlgVerification .dialog-content .dialog-left .winCodeBody ul li div:nth-child(3) {
    width: calc(100% - 304px)
}

#DlgVerification .dialog-content .dialog-left .winCodeBody ul li div:last-child {
    width: 92px;
    border-right: 0
}

#DlgVerification .dialog-content .dialog-left .winCodeBody ul li div button.btn-verification {
    display: flex;
    width: 70px;
    height: 30px;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border-radius: 6px;
    border: 1px solid #ddd;
    margin: 6px auto;
    font-size: 14px
}

#DlgVerification .dialog-content .dialog-left .winCodeBody ul li div button.btn-verification.active,#DlgVerification .dialog-content .dialog-left .winCodeBody ul li div button.btn-verification:hover {
    color: #fff;
    background: rgba(39,39,35,.8)
}

#DlgVerification .dialog-content .dialog-left .winCodeBody ul li .total_code {
    letter-spacing: 0;
    font-size: 13px;
    color: #fff;
    background-color: grey;
    border: 1px solid grey;
    display: inline-block;
    width: 22px;
    height: 22px;
    line-height: 20px;
    text-align: center;
    border-radius: 50%
}

#DlgVerification .dialog-content .dialog-left .winCodeBody ul li .total_code.bluediv {
    background-color: #0080ff;
    border: 1px solid #0080ff
}

#DlgVerification .dialog-content .dialog-left .winCodeBody ul li .total_code.reddiv {
    background-color: red;
    border: 1px solid red
}

#DlgVerification .dialog-content .dialog-left .winCodeBody ul li .total_code.greendiv {
    background-color: green;
    border: 1px solid green
}

#DlgVerification .dialog-content .dialog-left .winCodeFooter {
    padding: 20px 0
}

#DlgVerification .dialog-content .dialog-left .winCodeFooter .text_content {
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 10px
}

#DlgVerification .dialog-content .dialog-left .winCodeFooter .text_content .text-label {
    width: 120px;
    padding-left: 10px;
    font-size: 14px;
    font-weight: 600;
    color: #333
}

#DlgVerification .dialog-content .dialog-left .winCodeFooter .text_content .text-inner {
    width: calc(100% - 120px)
}

#DlgVerification .dialog-content .dialog-left .winCodeFooter .text_content .input_group {
    width: 100%;
    display: flex;
    max-width: 640px
}

#DlgVerification .dialog-content .dialog-left .winCodeFooter .text_content .input_group .fake_input {
    width: 535px
}

#DlgVerification .dialog-content .dialog-left .winCodeFooter .text_content .input_group.mb-10 {
    margin-bottom: 10px
}

#DlgVerification .dialog-content .dialog-left .winCodeFooter .text_content .input_group a {
    border: 0;
    background: transparent;
    width: 100px;
    font-size: 16px;
    display: block;
    text-align: center;
    line-height: 30px
}

#DlgVerification .dialog-content .dialog-left .winCodeFooter .text_content input[type=text] {
    width: 100%;
    height: 30px;
    border: 1px solid #ddd;
    background: #f6f6f6;
    border-radius: 3px;
    font-size: 14px;
    color: #333;
    padding: 0 10px;
    font-weight: 600
}

#DlgVerification .dialog-content .dialog-right {
    width: calc(100% - 796px);
    height: 624px;
    overflow-x: hidden;
    overflow-y: auto
}

#DlgVerification .dialog-content .dialog-right .introduce_content {
    padding: 0 16px
}

#DlgVerification .dialog-content .dialog-right .introduce_content h4 {
    font-size: 16px;
    line-height: 56px;
    margin: 0
}

#DlgVerification .dialog-content .dialog-right .introduce_content h4:before {
    font-size: 16px;
    content: "â‚¿"
}

#DlgVerification .dialog-content .dialog-right .introduce_content .introduce_content_detail_msg {
    font-size: 13px;
    line-height: 2
}

#DlgVerification .dialog-content .dialog-right .introduce_content .link_a {
    color: #272723
}

#DlgVerification .dialog-content .dialog-right img {
    width: 262px;
    margin: 5px 0 10px
}

#page-beijing {
    width: 100%;
    height: 132px
}

#page-beijing .game-header-2 {
    background: url(../images/game_top_bj.jpg) 0 0 no-repeat
}

#page-beijing .Lottery-top-c {
    width: 100%;
    height: 132px;
    font-size: 14px;
    color: #50bff1
}

#page-beijing .game-bj-2 .Lottery-top-c {
    background: url(../images/game_top_bj.jpg) 0 0 no-repeat
}

#page-beijing .Gaming-Zone {
    width: 1200px;
    margin: 20px auto 0
}

#page-beijing .Gaming-Zone .Gaming-operating,#page-beijing .Gaming-Zone .Gaming-operating .Operating-range {
    width: 1200px
}

#page-beijing .Game-list-pc-1 {
    width: 1200px;
    height: 40px;
    font-size: 14px;
    background: rgba(0,0,0,.3);
    position: relative;
    margin-bottom: 0
}

#page-beijing .game-bj-6 .Game-list-pc-1 {
    background-color: hsla(0,0%,100%,.2)
}

#page-beijing .Game-list-pc-1 li {
    float: left;
    line-height: 40px;
    font-size: 14px;
    color: #fff;
    padding: 0 14px 0 35px
}

#page-beijing .Game-list-pc-1 li:nth-child(2) {
    padding-left: 17px
}

#page-beijing .Game-list-pc-1 li:nth-child(3) {
    padding-left: 45px
}

#page-beijing .Game-list-pc-1 li:nth-child(4) {
    padding-left: 27px
}

#page-beijing .Game-list-pc-1 li:nth-child(5) {
    padding-left: 54px
}

#page-beijing .Game-list-pc-1 li:nth-child(6) {
    padding-left: 27px
}

#page-beijing .Game-list-pc-1 li:nth-child(7) {
    padding-left: 20px
}

#page-beijing .Game-list-pc-1 li:nth-child(8) {
    padding-left: 44px
}

#page-beijing .Game-list-pc-1 li:nth-child(9) {
    padding-left: 25px
}

#page-beijing .Game-list-pc-1 li:nth-child(10) {
    padding-left: 56px
}

#page-beijing .Game-list-pc-r {
    position: absolute;
    top: -14px;
    left: 835px;
    width: 365px;
    height: 54px;
    background: #2699de;
    color: #fff;
    line-height: 55px
}

#page-beijing .Game-list-pc-r .Triangle {
    position: absolute;
    border-bottom: 1px solid #2699de;
    top: 0;
    left: -28px;
    width: 28px;
    height: 54px;
    background: url(../images/all-ico.png) -423px -375px no-repeat
}

#page-beijing .Game-list-pc-r .nes-1 {
    width: 85px;
    height: 54px;
    margin-left: 20px;
    float: left
}

#page-beijing .Game-list-pc-r .nes-1 .a {
    padding: 0;
    float: left;
    color: #fff
}

#page-beijing .Game-list-pc-r .nes-1 i {
    float: right;
    display: block;
    margin: 19px 6px;
    width: 14px;
    height: 14px;
    background: url(../images/all-ico.png) 1px -43px no-repeat
}

#page-beijing .Game-list-pc-r .nes-r {
    width: 236px;
    height: 54px;
    float: right
}

#page-beijing .Game-list-pc-r .form-control-pc {
    display: block;
    width: 232px;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.43px;
    color: #fff;
    background-color: #2699de;
    border: 1px solid #2699de;
    margin-top: 8px
}

.Gaming-Zone .Gaming-operating .Game-range {
    width: 1200px;
    background: #fff;
    overflow: hidden
}

.Gaming-Zone .Gaming-operating .Game-range .Game-range-l-tab {
    border: 1px solid #e6e6e6;
    width: 782px;
    float: left;
    margin: 10px 10px 18px 14px
}

.Gaming-Zone .Gaming-operating .Game-range-r {
    border: 1px solid #e6e6e6;
    width: 380px;
    height: 555px;
    float: right;
    margin: 10px 10px 18px 0;
    color: #707070
}

.Gaming-Zone .Gaming-operating .Game-range-r .r-list {
    height: 48px;
    line-height: 50px;
    font-size: 14px;
    color: #707070;
    border-bottom: 1px solid #e6e6e6
}

.Gaming-Zone .Gaming-operating .Game-range-r .list-n-l {
    width: 100px;
    text-align: center;
    height: 48px;
    float: left
}

.Gaming-Zone .Gaming-operating .Game-range-r .list-n-r {
    width: 205px;
    height: 48px;
    float: right
}

.Gaming-Zone .Gaming-operating .Game-range-r .list-n-r .a {
    margin-right: 13px;
    color: #707070
}

.Gaming-Zone .Gaming-operating .Game-range-r .list-n-r .Clear-w {
    width: 60px;
    height: 48px;
    float: right
}

.Gaming-Zone .Gaming-operating .Game-range-r .list-n-r .Clear-w i {
    display: block;
    width: 12px;
    height: 16px;
    float: left;
    margin: 16px 7px 0 0;
    background: url(../images/all-ico.png) -111px -96px no-repeat
}

.Gaming-Zone .Gaming-operating .Game-range-r .bill-Description {
    height: 40px;
    line-height: 42px
}

.Gaming-Zone .Gaming-operating .Game-range-r .bill-Description p {
    display: inline-block;
    width: 196px;
    height: 40px;
    float: left;
    margin-left: 10px
}

.Gaming-Zone .Gaming-operating .Game-range-r .bill-Description p span {
    color: #ff2906
}

.Gaming-Zone .Gaming-operating .Game-range-r .bill-Description #pc-Rebate {
    display: inline-block;
    width: auto;
    height: 40px;
    float: right;
    margin-right: 20px
}

.Gaming-Zone .Gaming-operating .Game-range-r .bill-Description #pc-Rebate dt {
    line-height: 40px
}

.Gaming-Zone .Gaming-operating .Game-range-r .bill-Description #pc-Rebate:hover {
    color: #57c5f7
}

.Gaming-Zone .Gaming-operating .Game-range-r .input-size .Imp-w-price {
    font-size: 10px
}

.Gaming-operating .Game-range-r .betChips {
    transition: all .6s;
    text-align: center;
    line-height: 36px;
    color: #666;
    display: inline-block;
    width: 50px;
    height: 41px;
    background: url(../images/spr_chips.png) no-repeat;
    background-position: 0 0;
    transform: scale(1.2);
    float: left;
    margin-right: 15px
}

.d3-game-ico {
    background: url(../images/game-logo-d3.png) -26px -1px no-repeat
}

.pl3-game-ico {
    background: url(../images/game-logo-pl3.png) -1px -1px no-repeat
}

.cq-game-ico {
    background: url(../images/all-Lottery.png) -26px -1px no-repeat
}

.tj-game-ico {
    background: url(../images/all-Lottery.png) -26px -81px no-repeat
}

.xj-game-ico {
    background: url(../images/all-Lottery.png) -26px -179px no-repeat
}

.mm-game-ico {
    background: url(../images/all-Lottery.png) -26px -263px no-repeat
}

.ff-game-ico {
    background: url(../images/all-Lottery.png) -26px -351px no-repeat
}

.f2-game-ico {
    background: url(../images/all-Lottery.png) -26px -444px no-repeat
}

.f5-game-ico {
    background: url(../images/all-Lottery.png) -26px -531px no-repeat
}

.ksx5-game-ico {
    background: url(../images/all-Lottery.png) -26px -626px no-repeat
}

.jxx5-game-ico {
    background: url(../images/all-Lottery.png) -26px -733px no-repeat
}

.sdx5-game-ico {
    background: url(../images/all-Lottery.png) -26px -835px no-repeat
}

.gdx5-game-ico {
    background: url(../images/all-Lottery.png) -26px -939px no-repeat
}

.fc3d-game-ico {
    background: url(../images/all-Lottery.png) -26px -1047px no-repeat
}

.bjkl8-game-ico {
    background: url(../images/all-Lottery.png) -26px -1133px no-repeat
}

.shssl-game-ico {
    background: url(../images/all-Lottery.png) -26px -1212px no-repeat
}

.bj5fc-game-ico {
    background: url(../images/all-Lottery.png) -26px -1312px no-repeat
}

.tw5fc-game-ico {
    background: url(../images/all-Lottery.png) -26px -1405px no-repeat
}

.bjxy28-game-ico {
    background: url(../images/all-Lottery.png) -12px -1501px no-repeat
}

.jnd28-game-ico {
    background: url(../images/all-Lottery.png) -26px -1610px no-repeat
}

.bjxyc28-game-ico {
    background: url(../images/game-logo-beijing28.png) no-repeat
}

.jndc28-game-ico {
    background: url(../images/game-logo-canada28.png) no-repeat
}

.aomen28-game-ico {
    background: url(../images/game-logo-aomen28c.png) no-repeat
}

.taiwan28-game-ico {
    background: url(../images/game-logo-taiwan28c.png) no-repeat
}

.tw00-game-ico {
    background: url(../images/game-logo-tw00.png) no-repeat
}

.mc00-game-ico {
    background: url(../images/game-logo-mc00.png) no-repeat
}

.bjxy28-game-ico {
    background: url(../images/game-logo-canada-west28.png) no-repeat
}

.bg28-game-ico {
    background: url(../images/game-logo-bg00.png) no-repeat
}

.bitcoin28-game-ico {
    background: url(../images/game-logo-bitcoin28.png) no-repeat
}

.game-ks-hkssc {
    background: url(../images/icons/game-ks-hkssc.png) no-repeat
}

.game-ks-hksscb {
    background: url(../images/icons/game-ks-hksscb.png) no-repeat
}

.lottery-icon-game-115-guangdong {
    background: url(../images/icons/game-115-guangdong.png) no-repeat
}

.lottery-icon-game-115-jiangxi {
    background: url(../images/icons/game-115-jiangxi.png) no-repeat
}

.lottery-icon-game-115-sandong {
    background: url(../images/icons/game-115-sandong.png) no-repeat
}

.lottery-icon-game-115-shanghai {
    background: url(../images/icons/game-115-shanghai.png) no-repeat
}

.lottery-icon-game-k3-beijing {
    background: url(../images/icons/game-k3-beijing.png) no-repeat
}

.lottery-icon-game-k3-jiangsu {
    background: url(../images/icons/game-k3-jiangsu.png) no-repeat
}

.lottery-icon-game-k3-1fk3 {
    background: url(../images/icons/game-k3-1fk3.png) no-repeat
}

.lottery-icon-game-k3-5fk3 {
    background: url(../images/icons/game-k3-5fk3.png) no-repeat
}

.lottery-icon-game-k3-seoul {
    background: url(../images/icons/game-k3-seoul.png) no-repeat
}

.lottery-icon-game-k3-fastk3 {
    background: url(../images/21/game-21-k3-1fk3.png) no-repeat
}

.lottery-icon-game-k3-luckyk3 {
    background: url(../images/21/game-21-k3-5fk3.png) no-repeat
}

.lottery-icon-game-k3-macao {
    background: url(../images/icons/game-k3-macao.png) no-repeat
}

.lottery-icon-game-k3-ganshu {
    background: url(../images/icons/game-k3-ganshu.png) no-repeat
}

.lottery-icon-game-k3-jilin {
    background: url(../images/icons/game-k3-jilin.png) no-repeat
}

.lottery-icon-game-k3-10fk3 {
    background: url(../images/icons/game-k3-10fk3.png) no-repeat
}

.lottery-icon-game-k3-cndfk3 {
    background: url(../images/icons/game-k3-cndfk3.png) no-repeat
}

.lottery-icon-game-k3-guangxi {
    background: url(../images/icons/game-k3-guangxi.png) no-repeat
}

.lottery-icon-game-k3-shanghai {
    background: url(../images/icons/game-k3-shanghai.png) no-repeat
}

.lottery-icon-game-k3-guizhou {
    background: url(../images/icons/game-k3-guizhou.png) no-repeat
}

.lottery-icon-game-k3-hebei {
    background: url(../images/icons/game-k3-hebei.png) no-repeat
}

.lottery-icon-game-k3-anhui {
    background: url(../images/icons/game-k3-anhui.png) no-repeat
}

.lottery-icon-game-k3-hubei {
    background: url(../images/icons/game-k3-hubei.png) no-repeat
}

.lottery-icon-game-pk10 {
    background: url(../images/icons/game-pk10.png) no-repeat
}

.lottery-icon-game-cqlhc {
    background: url(../images/icons/game-cqlhc.png) no-repeat
}

.lottery-icon-game-ssc-xj {
    background: url(../images/icons/game-ssc-xj.png) no-repeat
}

.lottery-icon-game-ssc-tj {
    background: url(../images/icons/game-ssc-au.png) no-repeat
}

.lottery-icon-game-ssc-au-kg {
    background: url(../images/icons/game-ssc-au_kg.png) no-repeat
}

.lottery-icon-game-ssc-in-kg {
    background: url(../images/icons/game-ssc-in_kg.png) no-repeat
}

.lottery-icon-game-xyft {
    background: url(../images/icons/game-xyft.png) no-repeat
}

.lottery-icon-game-jsfta {
    background: url(../images/icons/game-jsfta.png) no-repeat
}

.lottery-icon-game-xglhc {
    background: url(../images/icons/lottery-icon-game-xglhc.png) no-repeat
}

.game-1fen6 {
    background: url(../images/icons/game-1fen6.png) no-repeat
}

.game-mclhc {
    background: url(../images/icons/game-mclhc.png) no-repeat
}

.game-mclhc-new {
    background: url(../images/icons/game-mclhc-new.png) no-repeat
}

.lottery-icon-game-ssc-au-lucky5 {
    background: url(../images/icons/game-ssc-au-lucky5.png) no-repeat
}

.lottery-icon-game-ssc-au-lucky5-kg {
    background: url(../images/icons/game-ssc-au-lucky5_kg.png) no-repeat
}

.lottery-icon-game-ssc-au-lucky10 {
    background: url(../images/icons/game-ssc-au-lucky10.png) no-repeat
}

.lottery-icon-game-ssc-au-lucky10-kg {
    background: url(../images/icons/game-ssc-au-lucky10_kg.png) no-repeat
}

.npg-lottery-icon-game-k3-hnk3 {
    background: url(../images/icons/npg/npg-game-k3-hnk3.png) no-repeat
}

.npg-lottery-icon-game-k3-jsk3 {
    background: url(../images/icons/npg/npg-game-k3-jsk3.png) no-repeat
}

.npg-lottery-icon-game-f1sc {
    background: url(../images/icons/npg/npg-game-f1sc.png) no-repeat
}

.npg-lottery-icon-game-l1ft {
    background: url(../images/icons/npg/npg-game-l1ft.png) no-repeat
}

.npg-lottery-icon-game-e1sy5 {
    background: url(../images/icons/npg/npg-game-e1sy5.png) no-repeat
}

.npg-lottery-icon-game-l2ft {
    background: url(../images/icons/npg/npg-game-l2ft.png) no-repeat
}

.lottery-icon-game-js-05K322 {
    background: url(../images/icons/game-js-05K322.png) no-repeat
}

.lottery-icon-game-js-SLK322 {
    background: url(../images/icons/game-js-SLK322.png) no-repeat
}

.lottery-icon-game-js-YFK322 {
    background: url(../images/icons/game-js-YFK322.png) no-repeat
}

.lottery-icon-game-js-10K322 {
    background: url(../images/icons/game-js-10K322.png) no-repeat
}

.lottery-icon-game-js-macao {
    background: url(../images/icons/game-js-macao.png) no-repeat
}

.lottery-icon-game-js-cndfk3 {
    background: url(../images/icons/game-js-cndfk3.png) no-repeat
}

.lottery-icon-game-wkhl-ten3 {
    background: url(../images/icons/game-wkhl-ten3.png) no-repeat
}

.lottery-icon-game-wkhl-azsca {
    background: url(../images/icons/game-wkhl-azsca.png) no-repeat
}

.lottery-icon-game-wkhl-azscb {
    background: url(../images/icons/game-wkhl-azscb.png) no-repeat
}

#com-header-com28 .head_c {
    width: 1360px;
    padding-left: 10px;
    padding-right: 10px
}

#com-playhead28 {
    width: 1360px
}

#com-playhead28 .game-logo {
    width: 135px;
    height: 88px;
    margin: 7px 5px 21px -17px;
    float: none
}

#com-playhead28 .Countdown,#com-playhead28 .winNums {
    height: 74px;
    padding: 6px 20px 10px;
    margin-top: 16px;
    white-space: nowrap;
    display: flex;
    justify-content: flex-start;
    text-align: center;
    box-sizing: border-box;
    margin-right: 20px;
    border: 1px solid rgba(0,0,0,.1);
    background-color: hsla(0,0%,100%,.2);
    border-radius: 5%;
    float: none
}

#com-playhead28 .Countdown .number-size,#com-playhead28 .Countdown .title {
    float: none;
    text-align: center;
    color: #fff;
    margin: 10px 20px 0 0;
    font-size: 14px;
    font-family: 微软雅黑
}

#com-playhead28 .Countdown .number-size span,#com-playhead28 .Countdown .title span {
    color: #04b4fd
}

#com-playhead28 .Countdown #com-time {
    width: 168px;
    float: none
}

#com-playhead28 .Countdown #com-time .time-item {
    width: 193px;
    float: none
}

#com-playhead28 .Countdown #com-time .time-item span {
    float: left;
    line-height: 49px;
    font-size: 34px;
    font-family: Arial;
    margin: 8px 10px 0 0;
    color: #fff;
    background: none
}

#com-playhead28 .Countdown #com-time .time-item span.Split-point {
    display: block;
    width: 5px;
    height: 22px
}

#com-playhead28 .winNums #com-winnum {
    white-space: nowrap;
    display: flex;
    justify-content: flex-start
}

#com-playhead28 .Lottery-information {
    height: 76px;
    margin-top: 14px;
    width: 130px;
    text-align: center;
    border: 1px solid rgba(0,0,0,.1);
    background-color: hsla(0,0%,100%,.2);
    border-radius: 10px;
    float: none;
    position: relative
}

#com-playhead28 .Lottery-information li {
    margin: 3px auto;
    height: 30px;
    position: relative;
    display: block
}

#com-playhead28 .Lottery-information li a {
    height: 36px!important;
    line-height: 36px!important;
    position: relative;
    display: block;
    color: #50bff1
}

#com-playhead28 .Lottery-information li .Recent-numbers {
    top: 54px
}

#page-beijing #com-navbar-com28 .nav .nav_c {
    width: 1360px;
    display: flex;
    padding-left: 10px;
    padding-right: 10px
}

#page-beijing #com-navbar-com28 .nav .nav_c .logoGroup .logo {
    float: none;
    display: block
}

#page-beijing #com-navbar-com28 .nav .nav_c .nav_r {
    width: 1200px;
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: center
}

#page-beijing #com-navbar-com28 .nav .nav_c .nav_r #nav-c {
    width: 1200px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    line-height: 60px;
    margin-right: 0
}

#page-beijing .Game-list-pc-r {
    left: 995px
}

#page-beijing .Gaming-Zone {
    width: 1360px;
    margin: 10px auto 0
}

#page-beijing .Gaming-Zone .Gaming-operating {
    width: 1360px;
    margin-top: 10px
}

#page-beijing .Gaming-Zone .Gaming-operating .Operating-range {
    width: 1360px;
    padding-bottom: 20px
}

#page-beijing .Gaming-Zone .Gaming-operating .Operating-range .Game-list-pc-1 {
    width: 1360px;
    height: 40px;
    font-size: 14px;
    background: rgba(0,0,0,.3);
    position: relative;
    margin-bottom: 0;
    display: flex;
    justify-content: flex-start
}

#page-beijing .Gaming-Zone .Gaming-operating .Operating-range .Game-list-pc-1 .listGroup {
    display: flex;
    justify-content: flex-start
}

#page-beijing .Gaming-Zone .Gaming-operating .Operating-range .Game-list-pc-1 .listGroup>li {
    display: flex;
    justify-content: flex-start;
    line-height: 40px;
    font-size: 14px;
    color: #fff;
    padding: 0 14px 0 16px;
    float: none
}

#page-beijing .Gaming-Zone .Gaming-operating .Operating-range .Game-list-pc-1 .listGroup>li.number {
    padding-left: 47px
}

#page-beijing .Gaming-Zone .Gaming-operating .Operating-range .Game-list-pc-1 .listGroup>li.bate {
    padding-left: 8px
}

#page-beijing .Gaming-Zone .Gaming-operating .Operating-range .Game-list-pc-1 .listGroup>li.bet {
    padding-left: 45px
}

#page-beijing #com-playhead28 {
    display: flex;
    justify-content: flex-start;
    height: 111px;
    margin: 1px auto 0;
    font-size: 14px;
    color: #50bff1;
    clear: both
}

#page-beijing .Game-range {
    width: 1360px;
    display: flex;
    justify-content: space-between;
    background: #fff;
    overflow: hidden
}

#page-beijing .Game-range .LGroup {
    display: flex;
    width: 950px;
    justify-content: flex-start;
    flex-direction: column
}

#page-beijing .Game-range .LGroup .nes-1 {
    width: 85px;
    margin-left: 31px;
    margin-top: 15px
}

#page-beijing .Game-range .LGroup .nes-1>.a {
    font-size: 14px;
    padding: 3px 5px;
    border: 1px solid #ddd;
    margin-right: 5px;
    background-color: #e4e8eb;
    color: #333;
    border-radius: 5px
}

#page-beijing .Game-range .LGroup .nes-1>.a:hover {
    color: #40a9ff
}

#page-beijing .Game-range .LGroup .nes-1>.a:active {
    background-color: #0092dd;
    color: #fff
}

#page-beijing .Game-range .LGroup .nes-1.nes-bitcoin {
    width: calc(100% - 31px);
    display: flex;
    justify-content: space-between;
    align-items: center
}

#page-beijing .Game-range .LGroup .nes-1.nes-bitcoin .a {
    display: flex;
    align-items: center
}

#page-beijing .Game-range .LGroup .nes-1.nes-bitcoin .a i {
    width: 20px;
    margin-right: 5px
}

#page-beijing .Game-range .LGroup .nes-1.nes-bitcoin .a i img {
    width: 100%;
    vertical-align: top
}

#page-beijing .Game-range .LGroup .Game-range-l-tab {
    width: 950px;
    border: 0 solid #e6e6e6;
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    float: none;
    margin: 10px 10px 18px 14px
}

#page-beijing .Game-range .LGroup .Game-range-l-tab #com-beijingballarea {
    width: 950px;
    border-bottom: 0 solid #f0f0f0;
    min-height: 276px;
    padding-top: 5px;
    display: flex;
    justify-content: flex-start;
    float: none
}

#page-beijing .Game-range .LGroup .Game-range-l-tab #com-beijingballarea .Betting28 {
    height: 35px;
    width: 219px;
    padding: 4px 0 1px 6px;
    line-height: 24px;
    color: #999898;
    margin-bottom: 2px;
    cursor: pointer
}

#page-beijing .Game-range .LGroup .Game-range-l-tab #com-beijingballarea .Betting28 span,#page-beijing .Game-range .LGroup .Game-range-l-tab #com-beijingballarea .Betting28 span.unb-ico00 {
    color: #000;
    font-weight: 700;
    line-height: 27px;
    font-size: 12px;
    text-align: center;
    display: block;
    width: 29px;
    height: 29px;
    float: left
}

#page-beijing .Game-range .LGroup .Game-range-l-tab #com-beijingballarea .Betting28 span.unb-ico00 {
    background: url(../images/all-ico.png) -239px 0 no-repeat
}

#page-beijing .Game-range .LGroup .Game-range-l-tab #com-beijingballarea .Betting28 span.unb-ico01 {
    background: url(../images/game-cqlhc-imgs.png) -129px -106px no-repeat
}

#page-beijing .Game-range .LGroup .Game-range-l-tab #com-beijingballarea .Betting28 span.unb-ico02 {
    background: url(../images/game-cqlhc-imgs.png) -129px -74px no-repeat
}

#page-beijing .Game-range .LGroup .Game-range-l-tab #com-beijingballarea .Betting28 span.unb-ico03 {
    background: url(../images/game-cqlhc-imgs.png) -161px -74px no-repeat
}

#page-beijing .Game-range .LGroup .Game-range-l-tab #com-beijingballarea .Betting28.selected {
    border: 1px solid #999898;
    border-radius: 5px;
    background-color: #fff4c1
}

#page-beijing .Game-range .LGroup .Game-range-l-tab #com-beijingballarea .Betting28 dt {
    display: inline-block;
    height: 29px;
    float: left;
    margin-left: 13px;
    width: 53px
}

#page-beijing .Game-range .LGroup .Game-range-l-tab #com-beijingballarea .Betting28 dd {
    margin-left: 0
}

#page-beijing .Game-range .LGroup .Game-range-l-tab #com-beijingballarea .Betting28 dd .magic-checkbox+label:before {
    border: 1px solid #d7d7d7
}

#page-beijing .Game-range .LGroup .Game-range-l-tab #com-beijingballarea .Betting28 .Import-w {
    width: 302px;
    height: 30px
}

#page-beijing .Game-range .LGroup .Game-range-l-tab #com-beijingballarea .Betting28 .Import-w .Import-price {
    display: inline-block;
    width: 80px;
    height: 24px;
    border: 1px solid #d7d7d7;
    margin-left: 16px;
    margin-right: 10px;
    border-radius: 3px;
    text-align: center;
    position: relative
}

#page-beijing .Game-range .LGroup .Game-range-l-tab #com-beijingballarea .Betting28 .Import-w .betsSelect {
    display: none;
    height: 183px;
    width: 90px;
    position: absolute;
    border-bottom: 1px solid #ebebeb;
    background: #fff;
    z-index: 1;
    margin-left: 206px;
    margin-top: -93px;
    box-shadow: 0 0 9px #999;
    cursor: pointer
}

#page-beijing .Game-range .LGroup .Game-range-l-tab #com-beijingballarea .Betting28 .Import-w .betsSelect>div {
    font-size: 12px;
    line-height: 22px;
    text-align: center;
    color: #7b7e80;
    border-left: 1px solid #ebebeb;
    border-right: 1px solid #ebebeb;
    border-top: 1px solid #ebebeb;
    transition: background .1s
}

#page-beijing .Game-range .LGroup .Game-range-l-tab #com-beijingballarea .Betting28 .Import-w .betsSelect>div:before {
    content: "";
    border-top: 11px solid transparent;
    border-right: 11px solid #fff;
    border-bottom: 11px solid transparent;
    position: absolute;
    left: -9px;
    top: 70px
}

#page-beijing .Game-range .LGroup .Game-range-l-tab #com-beijingballarea .Betting28 .Import-w .addBtn {
    background: rgba(244,246,249,.8)
}

#page-beijing .Game-range .LGroup .Game-range-l-tab #com-beijingballarea .Betting-l,#page-beijing .Game-range .LGroup .Game-range-l-tab #com-beijingballarea .Betting-r {
    width: 236px;
    height: auto;
    border-right: 0 solid #e6e6e6;
    padding-left: 16px;
    float: none
}

#page-beijing .Game-range .LGroup .Game-range-l-tab #com-beijingballarea .Betting-r {
    border-right: 0 solid #e6e6e6
}

#page-beijing .Game-range .LGroup .Game-range-l-tab #com-beijingballarea .Betting-r:last-child {
    border-right: none
}

#page-beijing .Game-range #Game-range-r {
    display: flex;
    width: 380px;
    height: 672px;
    flex-direction: column;
    float: none;
    margin: 10px 10px 18px 0;
    color: #707070;
    border: 1px solid #e6e6e6
}

#page-beijing .Game-range #Game-range-r .listGroup {
    width: 100%;
    display: flex;
    align-items: center;
    margin: 4px
}

#page-beijing .Game-range #Game-range-r .listGroup>ul {
    width: 100%;
    display: flex
}

#page-beijing .Game-range #Game-range-r .listGroup>ul>li {
    display: flex;
    font-size: 14px;
    padding: 5px 8px;
    border: 1px solid #ddd;
    margin-right: 5px;
    background-color: #e4e8eb;
    color: #7a7b7d;
    border-radius: 5px
}

#page-beijing .Game-range #Game-range-r .listGroup>ul>li.active {
    background-color: #0092dd;
    color: #fff
}

#page-beijing .Game-range #Game-range-r .chatBoxGroup {
    width: 100%;
    display: flex;
    height: 576px;
    border-bottom: 1px solid #ddd;
    background: #f7f7f7;
    padding: 10px;
    overflow-x: hidden
}

#page-beijing .Game-range #Game-range-r .chatBoxGroup .chatListGroup {
    width: 100%;
    overflow: scroll;
    height: 100%
}

#page-beijing .Game-range #Game-range-r .boxGroup {
    width: 100%;
    display: flex;
    align-items: center;
    height: 40px
}

#page-beijing .Game-range #Game-range-r .boxGroup .chatList {
    display: flex;
    flex: 1;
    height: 37px;
    padding: 6px 5px;
    border-radius: 3px;
    border: 1px solid #ccc;
    margin: 1px 3px
}

#page-beijing .Game-range #Game-range-r .boxGroup .chatList:focus {
    outline: 0
}

#page-beijing .Game-range #Game-range-r .boxGroup .btnPlay {
    background-color: #ffb917
}

#page-beijing .Game-range #Game-range-r .boxGroup .btnChat,#page-beijing .Game-range #Game-range-r .boxGroup .btnPlay {
    min-width: 60px;
    margin-top: 3px;
    display: inline-block;
    padding: 6px 20px;
    font-size: 15px;
    color: #fff;
    border: 1px solid;
    border-radius: 5px;
    white-space: nowrap
}

#page-beijing .Game-range #Game-range-r .boxGroup .btnChat {
    background: #2a8fbd
}

#page-beijing #RangeGroup {
    width: 950px;
    float: left
}

#page-beijing #RangeGroup #com-beijingballspec,#page-beijing #RangeGroup #com-beijingballspec0 {
    display: flex;
    width: 97%;
    margin-left: auto;
    margin-right: auto
}

#page-beijing #RangeGroup #com-beijingballspec0 .beijingballspecGroup,#page-beijing #RangeGroup #com-beijingballspec .beijingballspecGroup {
    width: 70%;
    height: auto;
    display: flex;
    margin-bottom: 0;
    background: #fafafa
}

#page-beijing #RangeGroup #com-beijingballspec0 .beijingballspecGroup>li,#page-beijing #RangeGroup #com-beijingballspec .beijingballspecGroup>li {
    width: 10%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 5px
}

#page-beijing #RangeGroup #com-beijingballspec0 .beijingballspecGroup>li a,#page-beijing #RangeGroup #com-beijingballspec .beijingballspecGroup>li a {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border-radius: 50%;
    border: 1px solid #d7d7d7;
    width: 50px;
    height: 50px;
    background: #fff
}

#page-beijing #RangeGroup #com-beijingballspec0 .beijingballspecGroup>li a:hover,#page-beijing #RangeGroup #com-beijingballspec .beijingballspecGroup>li a:hover {
    border: 1px solid #0092dd
}

#page-beijing #RangeGroup #com-beijingballspec0 .beijingballspecGroup>li a.item_select,#page-beijing #RangeGroup #com-beijingballspec .beijingballspecGroup>li a.item_select {
    border: 1px solid #0092dd;
    font-weight: 600
}

#page-beijing #RangeGroup #com-beijingballspec0 .beijingballspecGroup>li a span,#page-beijing #RangeGroup #com-beijingballspec .beijingballspecGroup>li a span {
    display: inline-flex;
    color: #767676
}

#page-beijing #RangeGroup #com-beijingballspec0 .beijingballspecGroup>li a span.txt_tit,#page-beijing #RangeGroup #com-beijingballspec .beijingballspecGroup>li a span.txt_tit {
    font-size: 13px;
    margin-bottom: 3px
}

#page-beijing #RangeGroup #com-beijingballspec0 .beijingballspecGroup>li a span.txt_coin,#page-beijing #RangeGroup #com-beijingballspec .beijingballspecGroup>li a span.txt_coin {
    font-size: 12px
}

#page-beijing #RangeGroup #com-beijingballspec0 .beijingballspecGroup>li a span.txt_red,#page-beijing #RangeGroup #com-beijingballspec .beijingballspecGroup>li a span.txt_red {
    color: red
}

#page-beijing #RangeGroup #com-beijingballspec0 .beijingballspecGroup>li a span.txt_green,#page-beijing #RangeGroup #com-beijingballspec .beijingballspecGroup>li a span.txt_green {
    color: #43a543
}

#page-beijing #RangeGroup #com-beijingballspec0 .beijingballspecGroup>li a span.txt_blue,#page-beijing #RangeGroup #com-beijingballspec .beijingballspecGroup>li a span.txt_blue {
    color: #0770ca
}

#page-beijing #RangeGroup #com-beijingballspec0 .beijingballspecGroup>li input.coin,#page-beijing #RangeGroup #com-beijingballspec .beijingballspecGroup>li input.coin {
    display: inline-block;
    width: 60px;
    height: 24px;
    text-align: center;
    border-radius: 3px;
    border: 1px solid #d7d7d7;
    margin-top: 5px
}

#page-beijing #RangeGroup #com-beijingballspec0 .beijingballspecGroup>li input.coin:focus,#page-beijing #RangeGroup #com-beijingballspec .beijingballspecGroup>li input.coin:focus {
    border: 1px solid #2699de
}

#page-beijing #RangeGroup #com-beijingballspec0 .beijingballspecGroupv,#page-beijing #RangeGroup #com-beijingballspec .beijingballspecGroupv {
    width: 30%;
    height: auto;
    display: flex;
    margin-bottom: 0;
    background: #f3f2f2;
    border-radius: 5px
}

#page-beijing #RangeGroup #com-beijingballspec0 .beijingballspecGroupv>li,#page-beijing #RangeGroup #com-beijingballspec .beijingballspecGroupv>li {
    width: 25%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-top: none;
    padding-top: 10px;
    padding-bottom: 5px
}

#page-beijing #RangeGroup #com-beijingballspec0 .beijingballspecGroupv>li a,#page-beijing #RangeGroup #com-beijingballspec .beijingballspecGroupv>li a {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border-radius: 50%;
    border: 1px solid #d7d7d7;
    width: 50px;
    height: 50px;
    background: #fff
}

#page-beijing #RangeGroup #com-beijingballspec0 .beijingballspecGroupv>li a:hover,#page-beijing #RangeGroup #com-beijingballspec .beijingballspecGroupv>li a:hover {
    border: 1px solid #0092dd
}

#page-beijing #RangeGroup #com-beijingballspec0 .beijingballspecGroupv>li a.item_select,#page-beijing #RangeGroup #com-beijingballspec .beijingballspecGroupv>li a.item_select {
    border: 1px solid #0092dd;
    font-weight: 600
}

#page-beijing #RangeGroup #com-beijingballspec0 .beijingballspecGroupv>li a span,#page-beijing #RangeGroup #com-beijingballspec .beijingballspecGroupv>li a span {
    display: inline-flex;
    color: #767676
}

#page-beijing #RangeGroup #com-beijingballspec0 .beijingballspecGroupv>li a span.txt_tit,#page-beijing #RangeGroup #com-beijingballspec .beijingballspecGroupv>li a span.txt_tit {
    font-size: 13px;
    margin-bottom: 3px
}

#page-beijing #RangeGroup #com-beijingballspec0 .beijingballspecGroupv>li a span.txt_coin,#page-beijing #RangeGroup #com-beijingballspec .beijingballspecGroupv>li a span.txt_coin {
    font-size: 12px
}

#page-beijing #RangeGroup #com-beijingballspec0 .beijingballspecGroupv>li input.coin,#page-beijing #RangeGroup #com-beijingballspec .beijingballspecGroupv>li input.coin {
    display: inline-block;
    width: 60px;
    height: 24px;
    text-align: center;
    border-radius: 3px;
    border: 1px solid #d7d7d7;
    margin-top: 5px
}

#page-beijing #RangeGroup #com-beijingballspec0 .beijingballspecGroupv>li input.coin:focus,#page-beijing #RangeGroup #com-beijingballspec .beijingballspecGroupv>li input.coin:focus {
    border: 1px solid #2699de
}

#page-beijing #RangeGroup .bill-Description {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 4px 15px
}

#page-beijing #RangeGroup .bill-Description>p>span {
    color: #ff2906
}

#page-beijing #RangeGroup .ant-spin-nested-loading .ant-spin-container .Betting-size {
    margin-top: 0;
    display: flex;
    align-items: center;
    position: relative;
    background: #fafafa;
    padding: 25px 2px 5px;
    width: 97%;
    margin-left: auto;
    margin-right: auto
}

#page-beijing #RangeGroup .ant-spin-nested-loading .ant-spin-container .Betting-size .contGroup {
    display: flex;
    align-items: center;
    margin-right: 5px;
    margin-left: 5px
}

#page-beijing #RangeGroup .ant-spin-nested-loading .ant-spin-container .Betting-size .contGroup>span {
    transition: all .6s;
    display: inline-block;
    width: 55px;
    height: 49px;
    cursor: pointer
}

#page-beijing #RangeGroup .ant-spin-nested-loading .ant-spin-container .Betting-size .contGroup>span.icon_chip {
    background: url(../images/chip/icon_chip.png) no-repeat 50%;
    background-size: 100%
}

#page-beijing #RangeGroup .ant-spin-nested-loading .ant-spin-container .Betting-size .contGroup>span.icon_chip2 {
    background: url(../images/chip/icon_chip2.png) no-repeat 50%;
    background-size: 100%
}

#page-beijing #RangeGroup .ant-spin-nested-loading .ant-spin-container .Betting-size .contGroup>span.icon_chip3 {
    background: url(../images/chip/icon_chip3.png) no-repeat 50%;
    background-size: 100%
}

#page-beijing #RangeGroup .ant-spin-nested-loading .ant-spin-container .Betting-size .contGroup>span.icon_chip4 {
    background: url(../images/chip/icon_chip4.png) no-repeat 50%;
    background-size: 100%;
    margin-right: 17px
}

#page-beijing #RangeGroup .ant-spin-nested-loading .ant-spin-container .Betting-size .betAmountGroup .total {
    display: inline-flex;
    margin-left: 20px;
    height: 30px;
    line-height: 30px;
    align-items: center;
    margin-bottom: 0;
    font-size: 14px
}

#page-beijing #RangeGroup .ant-spin-nested-loading .ant-spin-container .Betting-size .betAmountGroup .total>span {
    color: red
}

.ant-spin-nested-loading .ant-spin-container .Betting-size span.coin {
    cursor: pointer;
    display: inline-flex;
    justify-content: flex-start;
    border: 1px solid rgba(70,37,37,.15);
    padding: 5px 8px;
    font-size: 14px;
    border-radius: 3px;
    background: #ececec;
    box-shadow: inset 1px 1px 1px #fff,inset -1px -1px 1px #fff
}

.ant-spin-nested-loading .ant-spin-container .Betting-size span.betChips {
    float: none!important;
    margin-left: 6px
}

.ant-spin-nested-loading .ant-spin-container .Betting-size .Imp-w-price {
    width: 85px;
    border-radius: 3px 3px 3px 3px;
    text-align: center;
    padding: 5px 8px;
    display: inline-flex;
    border: 1px solid #d7d7d7;
    float: none;
    margin-top: 0
}

.ant-spin-nested-loading .ant-spin-container .Betting-size .btnGroup {
    position: absolute;
    right: 4px
}

.ant-spin-nested-loading .ant-spin-container .Betting-size .btnGroup .btn-dyn {
    cursor: pointer;
    float: none;
    font-size: 14px;
    padding: 5px 10px
}

.ant-spin-nested-loading .ant-spin-container .Betting-size .btnGroup .btn_cancel {
    background: #f04c4c
}

.ant-spin-nested-loading .ant-spin-container .Betting-size .btnGroup .btn_cancel:active {
    background: #f6f6f6
}

#page-cqlhc {
    width: 100%;
    height: 100%
}

#page-cqlhc .game-header-2 {
    background: url(../images/game_top_bj.jpg) 0 0 no-repeat
}

#page-cqlhc .bet-area {
    position: relative
}

#page-cqlhc .bet-area .box_body {
    padding: 8px 0 8px 120px
}

#page-cqlhc .bet-area .box_title {
    height: 49px;
    line-height: 49px;
    color: #c12727;
    font-size: 14px;
    background: #ededed;
    padding-left: 120px
}

#page-cqlhc table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%
}

#page-cqlhc .Gaming-Zone {
    padding-bottom: 30px
}

#page-cqlhc .bet-wrap,#page-cqlhc .bet-wrap * {
    box-sizing: content-box!important
}

#page-cqlhc .bet-wrap-2 .box_title {
    background: rgba(0,0,0,.3)
}

#page-cqlhc tbody {
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit
}

#page-cqlhc tr {
    display: table-row;
    vertical-align: inherit;
    border-color: inherit
}

#page-cqlhc .bet-area td {
    padding: 0 5px;
    text-align: center
}

#page-cqlhc .bet-area-tema .rh {
    width: 46px;
    padding: 0
}

#page-cqlhc td,th {
    display: table-cell;
    vertical-align: inherit
}

#page-cqlhc .bet-area-tema .box_body,#page-cqlhc .bet-area-tema .box_title {
    padding-right: 128px
}

#page-cqlhc .bet-area-tema .rh .el {
    position: relative;
    top: 3px;
    width: 28px;
    height: 28px;
    line-height: 27px;
    color: #000;
    font-size: 12px
}

#page-cqlhc .el-r {
    background-position: -130px -74px
}

#page-cqlhc .el-g {
    background-position: -162px -74px
}

#page-cqlhc .el-b {
    background-position: -130px -106px
}

#page-cqlhc .el {
    display: inline-block;
    background-image: url(../images/game-cqlhc-imgs.png);
    background-repeat: no-repeat;
    text-align: center
}

#page-cqlhc .bet-area-shengxiao .rh .el {
    width: 64px;
    height: 64px
}

#page-cqlhc .el-sx-0 {
    background-position: -192px -72px
}

#page-cqlhc .el-sx-1 {
    background-position: -256px -72px
}

#page-cqlhc .el-sx-2 {
    background-position: 0 -136px
}

#page-cqlhc .el-sx-3 {
    background-position: -64px -136px
}

#page-cqlhc .el-sx-4 {
    background-position: -128px -136px
}

#page-cqlhc .el-sx-5 {
    background-position: -192px -136px
}

#page-cqlhc .el-sx-6 {
    background-position: -256px -136px
}

#page-cqlhc .el-sx-7 {
    background-position: 0 -198px
}

#page-cqlhc .el-sx-8 {
    background-position: -64px -198px
}

#page-cqlhc .el-sx-9 {
    background-position: -128px -198px
}

#page-cqlhc .el-sx-10 {
    background-position: -192px -198px
}

#page-cqlhc .el-sx-11 {
    background-position: -256px -198px
}

#page-cqlhc .el-sx-21 {
    background-position: -256px -72px
}

#page-cqlhc .bet-area-tema .rh i {
    position: relative;
    display: inline-block;
    width: 46px;
    top: 2px;
    font-size: 12px;
    line-height: 16px;
    font-style: normal;
    text-align: center;
    color: #b6b6b6
}

#page-cqlhc .bet-area .ip {
    display: block;
    border: 1px solid #e5e5e5;
    border-radius: 2px;
    background-color: #fff;
    padding: 5px 10px;
    cursor: text;
    text-align: center;
    width: 35px
}

#page-cqlhc .bet-area .ip input {
    display: block;
    outline: none;
    font-size: 14px;
    border: none;
    width: 100%;
    text-align: center
}

#page-cqlhc .bet-area .bg-title {
    position: absolute;
    height: 72px;
    width: 64px;
    top: 7px;
    left: 14px
}

#page-cqlhc .bet-area-shengxiao .box_body,#page-cqlhc .bet-area-shengxiao .box_title {
    padding-right: 144px
}

#page-cqlhc .bg_shengxiao {
    background-position: -64px top
}

#page-cqlhc .bg_zuhe {
    background-position: -128px top
}

#page-cqlhc .bg_bose {
    background-position: -192px top
}

#page-cqlhc .bg_jilu {
    background-position: -256px top
}

#page-cqlhc .bet-area-bose .rh .el,#page-cqlhc .bet-area-zuhe .rh .el {
    width: 60px;
    height: 60px;
    line-height: 60px;
    color: #fff;
    font-size: 14px
}

#page-cqlhc .rh .c_1 {
    background-color: #6c9
}

#page-cqlhc .rh .c_2 {
    background-color: #81b0e5
}

#page-cqlhc .rh .c_3 {
    background-color: #fa9b71
}

#page-cqlhc .rh .c_4 {
    background-color: #adcd4c
}

#page-cqlhc .rh .c_21,#page-cqlhc .rh .c_22 {
    background-color: #6c9
}

#page-cqlhc .el-zh {
    background-position: -2px -74px
}

#page-cqlhc .bet-area-zuhe .box_body,#page-cqlhc .bet-area-zuhe .box_title {
    padding-right: 144px
}

#page-cqlhc .rh .c_6 {
    background-color: #f7746a
}

#page-cqlhc .bet-area-bose .box_body,#page-cqlhc .bet-area-bose .box_title {
    padding-right: 354px
}

#page-cqlhc .bet-area-action .ops {
    background: #ebebeb
}

#page-cqlhc .bet-area-action .btn {
    display: inline-block;
    position: relative;
    width: 240px;
    height: 60px;
    line-height: 60px;
    border-radius: 5px;
    text-align: center;
    color: #fff;
    margin-left: 84px;
    background-color: #c12727;
    font-size: 24px
}

#page-cqlhc .bet-area-action .btn-reset {
    background-color: #333
}

#page-cqlhc .bet-area-action .btn:first-child {
    margin-left: 0
}

#page-cqlhc .bet-area-action .box_title {
    height: auto;
    padding: 30px 0;
    text-align: center
}

#page-cqlhc a:hover {
    cursor: pointer
}

#page-cqlhc .bet-wrap * {
    box-sizing: content-box
}

#page-cqlhc .bet-area-action .el {
    position: absolute;
    width: 32px;
    height: 32px;
    left: 28px;
    top: 12px
}

#page-cqlhc .el-submit {
    background-position: -64px -72px
}

#page-cqlhc .el-reset {
    background-position: -96px -72px
}

#page-cqlhc .bet-area-jilu .box_body {
    padding: 24px 64px
}

#page-cqlhc .bet-area-jilu table .issue {
    text-align: right;
    width: 136px
}

#page-cqlhc .bet-area-jilu th {
    border-top: 1px solid #e9e9e9;
    height: 58px;
    text-align: center;
    background-color: #f7f7f7;
    border-bottom: 1px solid #e4e4e4;
    font-size: 15px;
    font-weight: 400
}

#page-cqlhc .bet-area-jilu table th.btime {
    width: 210px
}

#page-cqlhc .bet-area-jilu table th.codes {
    width: 160px
}

#page-cqlhc .bet-area-jilu table .status {
    text-align: left;
    width: 120px
}

#page-cqlhc .bet-area-jilu td {
    height: 43px;
    font-weight: 400;
    text-align: center;
    background-color: #fff;
    font-size: 13px;
    border: none
}

#page-cqlhc .bet-wrap {
    width: 1102px;
    margin: 0 auto;
    background-color: #fff;
    min-height: 560px
}

#page-cqlhc .bet-wrap-2 {
    margin-top: 20px
}

#page-cqlhc .bet-wrap .rh1 {
    font-size: 16px;
    font-weight: 700
}

#page-cqlhc input::-webkit-inner-spin-button,#page-cqlhc input::-webkit-outer-spin-button {
    -webkit-appearance: none!important
}

#page-cqlhc input {
    -moz-appearance: textfield
}

#com-basket .layui-layer-lhc .layui-layer-title {
    background: #f6f6f6;
    color: #212a31;
    font-size: 16px;
    height: 40px;
    line-height: 40px
}

#com-basket .layui-layer-title {
    padding: 0 80px 0 20px;
    height: 42px;
    line-height: 42px;
    border-bottom: 1px solid #eee;
    font-size: 14px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background-color: #f8f8f8;
    border-radius: 2px 2px 0 0
}

#com-basket .layui-layer-dialog-lhc .layui-layer-content {
    position: relative;
    padding: 20px;
    line-height: 24px;
    word-break: break-all;
    font-size: 14px;
    overflow: auto
}

#com-basket #J-bet-form {
    padding: 0 24px;
    line-height: 32px
}

#com-basket #J-bet-form .bet_issue {
    margin-bottom: 4px
}

#J-bet-form label {
    width: 84px;
    display: inline-block;
    vertical-align: middle;
    font-weight: 700
}

#J-bet-form .label_issue {
    color: #d90000;
    font-weight: 700
}

#J-bet-form .bet_issue {
    margin-bottom: 4px
}

#J-bet-form .bet_confirm {
    padding-bottom: 4px
}

#J-bet-form .bet_confirm .bet_content {
    padding: 6px;
    width: 272px;
    max-height: 240px;
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    line-height: 28px;
    background: #f8f8f8;
    border-radius: 4px;
    color: #aaa;
    overflow-y: scroll;
    margin-top: 4px;
    border: 1px solid #e6e6e6
}

#J-bet-form .bet_confirm .bet_content .balltips_title {
    width: 100%;
    text-align: center;
    background: #fff;
    display: block;
    color: #222
}

#J-bet-form .balltips_ball {
    color: #d90000
}

#J-bet-form .balltips_price {
    color: #690
}

#com-basket .layui-layer-lhc .layui-layer-btn .layui-layer-btn0 {
    background: #0071ce
}

#com-basket .layui-layer-lhc .layui-layer-btn .layui-layer-btn1 {
    background: #fff;
    color: #404a58;
    border: 1px solid #c0c4cd;
    border-radius: 3px
}

#com-basket .layui-layer-lhc .layui-layer-btn a {
    font-size: 12px;
    font-weight: 400;
    margin: 0 7px;
    padding: 6px 20px;
    color: #fff;
    border: 1px solid #0064b6;
    background: #0071ce;
    border-radius: 3px;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
    background-repeat: no-repeat;
    text-decoration: none;
    outline: none;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

#com-basket .layui-layer-btn {
    text-align: right;
    padding: 0 10px 12px;
    pointer-events: auto
}

#com-chart,#com-chartheader,#page-chart {
    width: 100%;
    height: 100%
}

#page-chart .content {
    margin: 10px auto;
    overflow: hidden;
    width: 1200px
}

#page-chart .ctrl {
    margin: 10px auto;
    background: #fff;
    width: 100%;
    height: 24px;
    text-align: right
}

#page-chart .play {
    margin: auto 10px
}

#page-chart .play-activity {
    color: #49a9ee
}

#page-chart .play-name {
    font-size: 20px;
    margin-right: 20px;
    display: inline-block
}

#page-chart .ant-radio-group {
    margin-left: 20px
}

#page-chart .tread-table {
    width: 100%
}

#page-chart .tread-table th {
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    font-weight: 400;
    line-height: 30px
}

#page-chart .chart-page {
    overflow: auto;
    background: #fff;
    position: relative;
    width: 100%;
    border: 1px solid #ccc
}

#page-chart .chart-title {
    overflow: hidden;
    position: absolute
}

#page-chart .chart-container {
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    top: 32px;
    width: 100%;
    left: 0;
    bottom: 0;
    margin: 0 auto;
    -webkit-overflow-scrolling: touch
}

#page-chart .chart-container::-webkit-scrollbar {
    display: none
}

#page-chart11 .canvas-wraper {
    border: 1px solid #ccc;
    background: #ebf0fa;
    position: relative;
    height: 1000px
}

#page-chart11 canvas {
    position: absolute;
    overflow: auto;
    zoom:1;left: 0;
    top: 0
}

#page-downloads main {
    position: absolute;
    top: 2.75rem;
    bottom: 4rem;
    left: 0;
    right: 0;
    overflow-y: scroll
}

#page-downloads .content {
    width: 100%;
    top: 0
}

#page-downloads .downloads-w {
    width: 100%;
    perspective: 1000px;
    background-color: #f2f2f2
}

#page-downloads .banner {
    width: 100%;
    min-width: 1200px;
    margin: 0 auto;
    position: relative
}

#page-downloads .banner-2 .dl_slogan {
    top: 17%;
    font-size: 38px
}

#page-downloads .banner-2 .dl_slogan,#page-downloads .banner-2 .txt_slogan {
    display: block;
    position: absolute;
    left: 55%;
    width: 222px;
    height: 74px;
    color: #fff
}

#page-downloads .banner-2 .txt_slogan {
    top: 25%;
    font-size: 18px;
    letter-spacing: 2px;
    text-indent: 77px
}

#page-downloads .banner-3 .dl_slogan {
    display: block;
    position: absolute;
    left: 55%;
    top: 17%;
    width: 222px;
    height: 66px;
    background: url(../images/3/dl_slogan_3.png) no-repeat;
    background-size: cover
}

#page-downloads .banner-6 .dl_slogan {
    display: block;
    position: absolute;
    left: 60%;
    top: 17%;
    width: 222px;
    height: 79px;
    background: url(../images/6/dl_slogan.png) no-repeat;
    background-size: cover
}

#page-downloads .banner .slogan_text {
    width: 100%;
    position: absolute;
    top: 10%
}

#page-downloads .banner .slogan_text h2 {
    margin-bottom: 18px;
    font-size: 36px;
    text-align: center;
    color: #fff
}

#page-downloads .banner .slogan_text h3 {
    margin-bottom: 60px;
    font-size: 20px;
    text-align: center;
    color: #fff
}

#page-downloads .qrcodedown {
    background: #fff;
    border: 11px solid #fff
}

#page-downloads .banner-1 .qrcodedown {
    position: absolute;
    right: calc(50% + -530px);
    bottom: 88px
}

#page-downloads .banner-2 .qrcodedown,#page-downloads .banner-3 .qrcodedown,#page-downloads .banner-4 .qrcodedown {
    position: absolute;
    left: 55%;
    top: 36%
}

#page-downloads .banner-4 .qrcodedown {
    top: 24%
}

#page-downloads .banner-5 .qrcodedown {
    position: absolute;
    left: calc(50% + -380px);
    top: 30%
}

#page-downloads .banner-6 .qrcodedown,#page-downloads .banner-7 .qrcodedown {
    position: absolute;
    left: 60%;
    top: 35%
}

#page-downloads .banner-8 .qrcodedown {
    position: absolute;
    bottom: 88px;
    top: 200px;
    right: 600px;
    height: 222px
}

#page-downloads .banner-9 .qrcodedown,#page-downloads .banner-10 .qrcodedown {
    position: absolute;
    left: 50%;
    top: 45%;
    margin: -111px 0 0 -111px
}

#page-downloads .banner-21 .qrcodedown {
    position: absolute;
    right: calc(50% + -450px);
    bottom: 45.45455%
}

#page-downloads .banner-22 .qrcodedown {
    position: absolute;
    right: 17%;
    top: 33%
}

#page-downloads .banner-23 .qrcodedown {
    position: absolute;
    left: 50%;
    top: 45%;
    margin: -111px 0 0 -111px
}

#page-downloads .banner-24 .qrcodedown {
    position: absolute;
    right: calc(50% + -530px);
    bottom: 88px
}

#page-downloads .downloadNow {
    padding: 30px
}

#page-downloads .banner .dl_btn {
    display: block;
    text-align: center;
    color: #fff;
    font-size: 20px;
    position: absolute
}

#page-downloads .banner-1 .dl_btn,#page-downloads .banner-21 .dl_btn {
    width: 205px;
    height: 54px;
    line-height: 54px;
    right: calc(50% + -240px);
    top: calc(50% + -10px);
    background: #1b9cfc
}

#page-downloads .banner-2 .dl_btn {
    width: 222px;
    height: 44px;
    line-height: 50px;
    left: 55%;
    bottom: calc(50% + -230px);
    background: url(../images/2/btn_downLoad_hx.png) no-repeat center 0
}

#page-downloads .banner-3 .dl_btn {
    width: 200px;
    height: 54px;
    line-height: 54px;
    left: 56%;
    bottom: calc(50% + -230px);
    background: #4593ec;
    border-radius: 5px
}

#page-downloads .banner-4 .dl_btn {
    width: 240px;
    height: 68px;
    line-height: 70px;
    left: 54%;
    bottom: calc(50% + -160px);
    background: url(../images/4/btn_downLoad_4.png) no-repeat;
    background-size: cover
}

#page-downloads .banner-5 .dl_btn {
    width: 222px;
    height: 44px;
    line-height: 44px;
    right: calc(50% + -300px);
    top: calc(50% + 36px);
    background: url(../images/5/btn_downLoad_5.png) no-repeat;
    background-size: cover
}

#page-downloads .banner-6 .dl_btn {
    background: url(../images/6/btn_downLoad_6.png) no-repeat;
    background-size: cover
}

#page-downloads .banner-6 .dl_btn,#page-downloads .banner-7 .dl_btn {
    width: 222px;
    height: 69px;
    line-height: 69px;
    left: 60%;
    top: calc(50% + 150px)
}

#page-downloads .banner-7 .dl_btn {
    background: url(../images/7/btn_downLoad_7.png) no-repeat;
    background-size: cover
}

#page-downloads .banner-8 .dl_btn {
    width: 205px;
    height: 54px;
    line-height: 54px;
    right: calc(50% + -240px);
    top: calc(50% + -10px);
    background: #1b9cfc
}

#page-downloads .banner-9 .dl_btn {
    width: 240px;
    height: 70px;
    line-height: 70px;
    left: 50%;
    top: calc(50% + 150px);
    margin-left: -120px;
    border-radius: 16px;
    background: url(../images/9/btn_downLoad_9.png) no-repeat;
    background-size: cover
}

#page-downloads .banner-9 .dl_btn:hover {
    box-shadow: 0 0 15px #ff817a
}

#page-downloads .banner-10 .dl_btn {
    width: 240px;
    height: 70px;
    line-height: 70px;
    left: 50%;
    top: calc(50% + 150px);
    margin-left: -120px;
    border-radius: 16px;
    background: url(../images/10/btn_downLoad_10.png) no-repeat;
    background-size: cover
}

#page-downloads .banner-10 .dl_btn:hover {
    box-shadow: 0 0 15px #ffdeaf
}

#page-downloads .banner-22 .dl_btn {
    width: 352px;
    height: 74px;
    font-size: 0;
    right: calc(17% - 68px);
    top: calc(33% + 266px);
    background: url(../images/22/btn_downLoad.png)
}

#page-downloads .banner-23 .dl_btn {
    width: 222px;
    height: 69px;
    line-height: 69px;
    left: 50%;
    top: calc(50% + 150px);
    margin-left: -111px;
    border-radius: 16px;
    background: url(../images/23/btn_downLoad_23.png) no-repeat;
    background-size: cover
}

#page-downloads .banner-23 .dl_btn:hover {
    box-shadow: 0 0 15px #fff87a
}

.box1,.box21 {
    background: #fff;
    text-align: center
}

.box2 {
    background: #f2f2f2;
    text-align: center;
    transition: all 1s ease,opacity 1.5s ease;
    opacity: 1
}

#page-girl {
    width: 100%;
    height: 100%
}

#page-girl .ag-background {
    padding-top: 120px;
    padding-bottom: 120px;
    width: 100%;
    height: auto;
    background: #020911 url(/res/images/ag/ag-backgound.jpg) top no-repeat
}

#page-girl .panel {
    width: 1160px;
    background: #fff;
    margin: auto;
    text-align: center;
    padding: 0 50px
}

#page-girl .card {
    width: 304px;
    height: 476px;
    border: 2px solid #d8d8d8;
    border-radius: 8px;
    display: inline-block;
    margin: 50px 20px
}

#page-girl .panel-sub-play {
    position: relative
}

#page-girl .card-ag-icon {
    margin: 28px auto;
    width: 260px;
    height: 220px;
    background: url(../images/ag/icon-ag.png) 50% no-repeat
}

#page-girl .card-dg-icon {
    margin: 28px auto;
    width: 260px;
    height: 220px;
    background: url(../images/4/live_dg.png) 50% no-repeat;
    background-size: 100%
}

#page-girl .card-pt-icon {
    margin: 28px auto;
    width: 260px;
    height: 220px;
    background: url(../images/ag/icon-pt.png) 50% no-repeat
}

#page-girl .card-ufo-icon {
    margin: 28px auto;
    width: 260px;
    height: 220px;
    background: url(../images/ag/icon-ufo.png) 50% no-repeat
}

#page-girl .card-fish-icon {
    margin: 28px auto;
    width: 260px;
    height: 220px;
    background: url(../images/ag/icon-fish.png) 50% no-repeat
}

#page-girl .card-esport-icon {
    margin: 28px auto;
    width: 260px;
    height: 220px;
    background: url(../images/ag/icon-esport.png) 50% no-repeat
}

#page-girl .card-sport-icon {
    margin: 28px auto;
    width: 260px;
    height: 220px;
    background: url(../images/ag/icon-sport.png) 50% no-repeat
}

#page-girl .card-m8sport-icon {
    margin: 28px auto;
    width: 260px;
    height: 220px;
    background: url(../images/ag/icon-m8sport.png) 50% no-repeat
}

#page-girl .card-m8esport-icon {
    margin: 28px auto;
    width: 260px;
    height: 220px;
    background: url(../images/ag/icon-m8esport.png) 50% no-repeat
}

#page-girl .card-iaesport-icon {
    margin: 28px auto;
    width: 260px;
    height: 220px;
    background: url(../images/ag/icon-iaesport.png) 50% no-repeat
}

#page-girl .card-sub-ufo-icon {
    margin: 20px 10px;
    width: 260px;
    height: 220px;
    background: url(../images/ag/icon-sub-ufo.png) no-repeat;
    background-size: 260px 220px;
    cursor: pointer
}

#page-girl .card-sub-cq9-icon {
    margin: 20px 10px;
    width: 260px;
    height: 220px;
    background: url(../images/ag/icon-sub-cq9.png) no-repeat;
    background-size: 260px 220px;
    cursor: pointer
}

#page-girl .card-sub-mg-icon {
    margin: 20px 10px;
    width: 260px;
    height: 220px;
    background: url(../images/ag/icon-sub-mg.png) no-repeat;
    background-size: 260px 220px;
    cursor: pointer
}

#page-girl .card-sub-leg-icon {
    margin: 20px 10px;
    width: 260px;
    height: 220px;
    background: url(../images/ag/icon-sub-leg.png) no-repeat;
    background-size: 260px 220px;
    cursor: pointer
}

#page-girl .card-sub-ky-icon {
    margin: 20px 10px;
    width: 260px;
    height: 220px;
    background: url(../images/ag/icon-sub-ky.png) no-repeat;
    background-size: 260px 220px;
    cursor: pointer
}

#page-girl .card-sub-pt-icon {
    margin: 20px 10px;
    width: 260px;
    height: 220px;
    background: url(../images/ag/icon-sub-pt.png) no-repeat;
    background-size: 260px 220px;
    cursor: pointer
}

#page-girl .card-sub-pg-icon {
    margin: 20px 10px;
    width: 260px;
    height: 220px;
    background: url(../images/ag/icon-sub-pg.png) no-repeat;
    background-size: 260px 220px;
    cursor: pointer
}

#page-girl .card-sub-joker-icon {
    margin: 20px 10px;
    width: 260px;
    height: 220px;
    background: url(../images/4/slot_joker.png) no-repeat;
    background-size: 100%;
    cursor: pointer
}

#page-girl .card-sub-jdb-icon {
    margin: 20px 10px;
    width: 260px;
    height: 220px;
    background: url(../images/4/slot_jdb.png) no-repeat;
    background-size: 100%;
    cursor: pointer
}

#page-girl .card-background {
    margin: 20px auto auto;
    width: 245px;
    height: 377px;
    background: url(../images/ag/ag-game-background.png) 50% no-repeat
}

#page-girl .title {
    line-height: 74px;
    font-size: 20px;
    color: #565656
}

#page-girl .title-open {
    line-height: 40px;
    font-size: 20px;
    color: #565656
}

#page-girl .description {
    font-size: 14px;
    color: #565656;
    height: 84px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

#page-girl .button-w {
    margin-top: 15px
}

#page-girl .button-w .btn-dyn:first-child {
    margin-left: 0
}

#page-girl .subnav-play {
    position: absolute;
    bottom: 20%;
    z-index: 100;
    display: none;
    border: 1px solid rgba(0,0,0,.1);
    border-radius: 5px;
    background: #fff;
    color: #333;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    line-height: 42px
}

#page-girl .cq9fish-1-icon {
    width: 180px;
    height: 180px;
    background: url(../images/cq9/cq9fish-1.png) no-repeat;
    background-size: 180px 180px;
    cursor: pointer
}

#page-girl .cq9fish-2-icon {
    width: 180px;
    height: 180px;
    background: url(../images/cq9/cq9fish-2.png) no-repeat;
    background-size: 180px 180px;
    cursor: pointer
}

#page-girl .cq9fish-3-icon {
    width: 180px;
    height: 180px;
    background: url(../images/cq9/cq9fish-3.png) no-repeat;
    background-size: 180px 180px;
    cursor: pointer
}

#page-girl .cq9fish-4-icon {
    width: 180px;
    height: 180px;
    background: url(../images/cq9/cq9fish-4.png) no-repeat;
    background-size: 180px 180px;
    cursor: pointer
}

#page-girl .cq9fish-5-icon {
    width: 180px;
    height: 180px;
    background: url(../images/cq9/cq9fish-5.png) no-repeat;
    background-size: 180px 180px;
    cursor: pointer
}

#page-girl .cq9fish-6-icon {
    width: 180px;
    height: 180px;
    background: url(../images/cq9/cq9fish-6.png) no-repeat;
    background-size: 180px 180px;
    cursor: pointer
}

#page-girl .panel_2 .btn-dyn,#page-girl .panel_8 .btn-dyn {
    position: relative;
    display: inline-block;
    padding: 6px 20px;
    font-size: 16px;
    color: #fff;
    border: 1px solid;
    border-radius: 5px;
    margin-left: 10px
}

#page-girl .panel_2 .btn-bc1,#page-girl .panel_8 .btn-bc1 {
    background: #ffb001;
    color: #333;
    border: 0;
    border-radius: 30px
}

#page-girl .panel_2 .btn-bc2,#page-girl .panel_8 .btn-bc2 {
    background: #eb6100
}

#page-girl .btn-carousel {
    position: absolute;
    top: 50%;
    margin-top: -20px;
    border: 0;
    background: transparent;
    width: 40px;
    height: 40px;
    cursor: pointer;
    color: #a0a0a0;
    font-size: 32px
}

#page-cj {
    width: 100%;
    height: 100%;
    font-family: PingFangTC
}

#page-cj .banner,#page-cj .banner img {
    width: 100%;
    height: 385px
}

#page-cj .banner img {
    object-fit: cover
}

#page-cj .panel {
    width: 100%;
    background: #fff;
    margin: auto;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

#page-cj .gameContent {
    display: flex;
    flex-direction: row;
    width: 80%;
    flex-wrap: wrap;
    margin-bottom: 40px
}

#page-cj .gameContentGroup {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center
}

#page-cj .gameContent1 {
    display: flex;
    flex-direction: row;
    width: 70%;
    flex-wrap: wrap;
    margin-bottom: 40px
}

#page-cj .gameContentTitle {
    width: 70%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    padding-left: 10px
}

#page-cj .gameContentTitle span {
    color: #7f89c6;
    font-size: 24px;
    margin-left: 10px
}

#page-cj .cardContent,#page-cj .gameCardContent {
    width: 23%;
    margin: 10px;
    text-align: center
}

#page-cj .gameCard {
    width: 158px;
    height: 170px
}

#page-cj .gameCard,#page-cj .slotCard {
    border: 2px solid #d8d8d8;
    border-radius: 20px;
    display: inline-block;
    margin: 10px;
    box-shadow: 0 3px 10px rgba(0,0,0,.175);
    cursor: pointer
}

#page-cj .slotCard {
    width: 90%;
    height: auto;
    position: relative;
    padding: 1vw 0
}

#page-cj .slotCard img {
    margin: 10px 0 0;
    object-fit: contain;
    max-width: 20rem;
}

#page-cj .slotCard.top-game-tag:after {
    content: "";
    background-image: url(../images/jokerGames/top-tag.png);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    width: 25px;
    height: 25px;
    display: inline-block;
    position: absolute;
    text-align: center;
    margin-left: 66px;
    top: 0;
    right: 11px
}

#page-cj .slotCard.new-game-tag:after {
    content: "";
    background-image: url(../images/jokerGames/new-tag.png);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    width: 25px;
    height: 25px;
    display: inline-block;
    position: absolute;
    text-align: center;
    margin-left: 66px;
    top: 0;
    right: 6px
}

#page-cj .slotCard.hot-game-tag:before {
    content: "";
    background-image: url(../images/jokerGames/hot-tag.png);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    width: 25px;
    height: 25px;
    display: inline-block;
    position: absolute;
    text-align: center;
    top: 0;
    left: 6px
}

#page-cj .card {
    width: 100%;
    height: 332px;
    border: 2px solid #d8d8d8;
    border-radius: 8px;
    display: inline-block;
    box-shadow: 0 3px 10px rgba(0,0,0,.175)
}

#page-cj .panel-sub-play {
    position: relative
}

#page-cj .card-dg-icon {
    margin: 20px auto;
    width: 260px;
    height: 220px;
    background: url(../images/4/live_dg.png) 50% no-repeat;
    background-size: 100%
}

#page-cj .card-evo-icon {
    margin: 20px auto;
    width: 260px;
    height: 220px;
    background: url(../images/4/live_evo.png) 50% no-repeat;
    background-size: 100%
}

#page-cj .card-wm-icon {
    margin: 20px auto;
    width: 260px;
    height: 220px;
    background: url(../images/4/live_wm.png) 50% no-repeat;
    background-size: 100%
}

#page-cj .card-sexy-icon {
    margin: 20px auto;
    width: 260px;
    height: 220px;
    background: url(../images/4/live_sexy.png) 50% no-repeat;
    background-size: 100%
}

#page-cj .card-we-icon {
    margin: 20px auto;
    width: 260px;
    height: 220px;
    background: url(../images/4/live_we.png) 50% no-repeat;
    background-size: 100%
}

#page-cj .card-pp-icon {
    margin: 20px auto;
    width: 260px;
    height: 220px;
    background: url(../images/4/live_pp.png) 50% no-repeat;
    background-size: 100%
}

#page-cj .card-cq9-live-icon {
    margin: 20px auto;
    width: 260px;
    height: 220px;
    background: url(../images/4/live_cq9v2.png) 50% no-repeat;
    background-size: 100%
}

#page-cj .card-esport-icon {
    margin: 28px auto;
    width: 260px;
    height: 220px;
    background: url(../images/ag/icon-esport.png) 50% no-repeat
}

#page-cj .card-mv-icon {
    margin: 20px auto;
    width: 260px;
    height: 220px;
    background: url(../images/4/slot_mw.png) 50% no-repeat;
    background-size: 100%
}

#page-cj .card-cq9-icon {
    margin: 20px auto;
    width: 260px;
    height: 220px;
    background: url(../images/4/slot_cq9.png) 50% no-repeat;
    background-size: 100%
}

#page-cj .card-jdb-icon {
    margin: 20px auto;
    width: 260px;
    height: 220px;
    background: url(../images/4/slot_jdb.png) 50% no-repeat;
    background-size: 100%
}

#page-cj .card-ia-icon {
    margin: 20px auto;
    width: 260px;
    height: 220px;
    background: url(../images/4/e_sport_ia.png) 50% no-repeat;
    background-size: 100%
}

#page-cj .card-fy-icon {
    margin: 20px auto;
    width: 260px;
    height: 220px;
    background: url(../images/4/e_sport_fy.png) 50% no-repeat;
    background-size: 100%
}

#page-cj .card-lh-icon {
    margin: 20px auto;
    width: 260px;
    height: 220px;
    background: url(../images/4/e_sport_lh.png) 50% no-repeat;
    background-size: 100%
}

#page-cj .card-pg-icon {
    margin: 20px auto;
    width: 260px;
    height: 220px;
    background: url(../images/4/slot_pg.png) no-repeat;
    background-size: 100%
}

#page-cj .card-baison-icon {
    margin: 20px auto;
    width: 260px;
    height: 220px;
    background: url(../images/4/poker_baison.png) no-repeat;
    background-size: 100%
}

#page-cj .card-poker-wm-icon {
    margin: 20px auto;
    width: 260px;
    height: 220px;
    background: url(../images/4/poker_wm.png) no-repeat;
    background-size: 100%
}

#page-cj .card-g1-icon {
    margin: 20px auto;
    width: 260px;
    height: 220px;
    background: url(../images/4/poker_g1.png) no-repeat;
    background-size: 100%
}

#page-cj .card-leg-icon {
    margin: 20px auto;
    width: 260px;
    height: 220px;
    background: url(../images/4/poker_leg.png) no-repeat;
    background-size: 100%
}

#page-cj .card-ky-icon {
    margin: 20px auto;
    width: 260px;
    height: 220px;
    background: url(../images/4/poker_ky.png) no-repeat;
    background-size: 100%
}

#page-cj .card-ob-icon {
    margin: 20px auto;
    width: 260px;
    height: 220px;
    background: url(../images/4/poker_ob.png) no-repeat;
    background-size: 100%
}

#page-cj .card-bole-icon {
    margin: 20px auto;
    width: 260px;
    height: 220px;
    background: url(../images/4/poker_bole.png) no-repeat;
    background-size: 100%
}

#page-cj .card-ds-icon {
    margin: 20px auto;
    width: 260px;
    height: 220px;
    background: url(../images/4/poker_ds.png) no-repeat;
    background-size: 100%
}

#page-cj .card-vg-icon {
    margin: 20px auto;
    width: 260px;
    height: 220px;
    background: url(../images/4/poker_vg.png) no-repeat;
    background-size: 100%
}

#page-cj .card-joker-icon {
    margin: 20px auto;
    width: 260px;
    height: 220px;
    background: url(../images/4/slot_joker.png) no-repeat;
    background-size: 100%
}

#page-cj .card-sv-icon {
    margin: 20px auto;
    width: 260px;
    height: 220px;
    background: url(../images/4/sport_digmaan.png) no-repeat;
    background-size: 100%
}

#page-cj .card-coming-icon {
    margin: 20px auto;
    width: 260px;
    height: 220px;
    background: url(../images/4/coming_soon.png) no-repeat;
    background-size: 100%
}

#page-cj .card-game-one-icon {
    margin: 20px auto;
    width: 260px;
    height: 220px;
    background: url(../images/4/sport_game_one.png) no-repeat;
    background-size: 100%
}

#page-cj .card-sbo-icon {
    margin: 20px auto;
    width: 260px;
    height: 220px;
    background: url(../images/4/sport_sbo.png) no-repeat;
    background-size: 100%
}

#page-cj .card-hg-icon {
    margin: 20px auto;
    width: 260px;
    height: 220px;
    background: url(../images/4/sport_hg.png) no-repeat;
    background-size: 100%
}

#page-cj .card-igx-icon {
    margin: 20px auto;
    width: 260px;
    height: 220px;
    background: url(../images/4/sport_igx.png) no-repeat;
    background-size: 100%
}

#page-cj .card-fb-icon {
    margin: 20px auto;
    width: 260px;
    height: 220px;
    background: url(../images/4/sport_fb.png) no-repeat;
    background-size: 100%
}

#page-cj .card-wl-icon {
    margin: 20px auto;
    width: 260px;
    height: 220px;
    background: url(../images/4/lottery_wl.png) 50% no-repeat;
    background-size: 100%
}

#page-cj .card-uuwin-icon {
    margin: 20px auto;
    width: 260px;
    height: 220px;
    background: url(../images/4/blockchain_uuwin.png) 50% no-repeat;
    background-size: 100%
}

#page-cj .card-ks-icon {
    margin: 20px auto;
    width: 260px;
    height: 220px;
    background: url(../images/4/e_sport_ks.png) 50% no-repeat;
    background-size: 100%
}

#page-cj .card-ob-live-icon {
    margin: 20px auto;
    width: 260px;
    height: 220px;
    background: url(../images/4/live_ob.png) 50% no-repeat;
    background-size: 100%
}

#page-cj .card-t9-live-icon {
    margin: 20px auto;
    width: 260px;
    height: 220px;
    background: url(../images/4/live_t9.png) 50% no-repeat;
    background-size: 100%
}

#page-cj .card-astar-live-icon {
    margin: 20px auto;
    width: 260px;
    height: 220px;
    background: url(../images/4/live_astar.png) 50% no-repeat;
    background-size: 100%
}

#page-cj .title {
    line-height: 74px;
    font-size: 20px;
    color: #565656
}

#page-cj .title-open {
    margin-top: 10px;
    font-size: 16px;
    color: #5b6a95;
    padding: 0 5px;
    line-height: 20px
}

#page-cj .title-button a {
    line-height: 20px;
    font-size: 10px;
    color: #5b6a95;
    padding: 0 5px
}

#page-cj .title-button a:hover {
    color: #4ba1c7
}

#page-cj .btn-bc1 {
    font-weight: bolder
}

#page-cj .button-w {
    margin-top: 5px
}

#page-cj .btn-dyn {
    width: 128px;
    height: 44px;
    background: url(../images/4/btn_bg.png) 50% no-repeat;
    background-size: 100%;
    font-size: 16px;
    color: #563813;
    font-weight: bolder;
    position: relative;
    display: inline-block;
    line-height: 28px;
    border: 0
}

#page-cj .button-w .btn-dyn:first-child {
    margin-left: 0
}

#page-cj .lotteryTab {
    width: 100%;
    height: 60px;
    box-shadow: 0 5px 10px rgba(0,0,0,.15);
    background: linear-gradient(180deg,rgba(255,205,73,0),rgba(154,92,38,.19));
    margin-bottom: 45px;
    display: flex;
    flex-direction: row;
    justify-content: center
}

#page-cj .lotteryTab>ul>li {
    float: left;
    margin-right: 30px;
    padding: 15px 20px;
    cursor: pointer;
    position: relative
}

#page-cj .lotteryTab>ul>li.active {
    border-bottom: 4px solid #5f4419;
    border-radius: 2px
}

#page-cj .lotteryTab>ul>li.hot:after {
    content: "";
    background-image: url(../images/jokerGames/hot-tag.png);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    width: 25px;
    height: 25px;
    display: inline-block;
    position: absolute;
    text-align: center;
    top: 0;
    right: 0
}

#page-cj .lotteryTab>ul>li.active div {
    color: #5f4419;
    font-size: 18px;
    font-weight: 600
}

#page-cj .lotteryTab>ul>li div {
    color: #947547;
    font-size: 18px
}

#page-cj .subnav-play {
    position: absolute;
    bottom: 20%;
    z-index: 100;
    display: none;
    border: 1px solid rgba(0,0,0,.1);
    border-radius: 5px;
    background: #fff;
    color: #333;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    line-height: 42px
}

#fish_div {
    left: calc((100% - 640px)/2)
}

#ufo_div {
    left: 10px;
    width: 1140px;
    flex-wrap: wrap;
    justify-content: center
}

.fish-div {
    padding: 10px;
    height: 420px;
    width: 640px!important;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-around
}

#page-cj .cq9fish-1-icon {
    width: 180px;
    height: 180px;
    background: url(../images/cq9/cq9fish-1.png) no-repeat;
    background-size: 180px 180px;
    cursor: pointer
}

#page-cj .cq9fish-2-icon {
    width: 180px;
    height: 180px;
    background: url(../images/cq9/cq9fish-2.png) no-repeat;
    background-size: 180px 180px;
    cursor: pointer
}

#page-cj .cq9fish-3-icon {
    width: 180px;
    height: 180px;
    background: url(../images/cq9/cq9fish-3.png) no-repeat;
    background-size: 180px 180px;
    cursor: pointer
}

#page-cj .cq9fish-4-icon {
    width: 180px;
    height: 180px;
    background: url(../images/cq9/cq9fish-4.png) no-repeat;
    background-size: 180px 180px;
    cursor: pointer
}

#page-cj .cq9fish-5-icon {
    width: 180px;
    height: 180px;
    background: url(../images/cq9/cq9fish-5.png) no-repeat;
    background-size: 180px 180px;
    cursor: pointer
}

#page-cj .cq9fish-6-icon {
    width: 180px;
    height: 180px;
    background: url(../images/cq9/cq9fish-6.png) no-repeat;
    background-size: 180px 180px;
    cursor: pointer
}

#page-cj .panel_2 .btn-dyn,#page-cj .panel_8 .btn-dyn {
    position: relative;
    display: inline-block;
    padding: 6px 20px;
    font-size: 16px;
    color: #fff;
    border: 1px solid;
    border-radius: 5px;
    margin-left: 10px
}

#page-cj .panel_2 .btn-bc1,#page-cj .panel_8 .btn-bc1 {
    background: #ffb001;
    color: #333;
    border: 0;
    border-radius: 30px
}

#page-cj .panel_2 .btn-bc2,#page-cj .panel_8 .btn-bc2 {
    background: #eb6100
}

#page-cj .btn-carousel {
    position: absolute;
    top: 50%;
    margin-top: -20px;
    border: 0;
    background: transparent;
    width: 40px;
    height: 40px;
    cursor: pointer;
    color: #a0a0a0;
    font-size: 32px
}

.btn-carousel.btn-prev {
    left: 15px
}

.btn-carousel.btn-next {
    right: 15px
}

.btn-carousel:active,.btn-carousel:focus {
    outline: none
}

#page-cj .lottery-icon-game-k3-1fk3 {
    margin: 20px auto;
    width: 80px;
    height: 80px;
    background: url(../images/4/game-k3-1fk3.png) 50% no-repeat;
    background-size: 100%
}

#page-cj .lottery-icon-game-k3-5fk3 {
    margin: 20px auto;
    width: 80px;
    height: 80px;
    background: url(../images/4/game-k3-5fk3.png) 50% no-repeat;
    background-size: 100%
}

#page-cj .lottery-icon-game-k3-10fk3 {
    margin: 20px auto;
    width: 80px;
    height: 80px;
    background: url(../images/4/game-k3-10fk3.png) 50% no-repeat;
    background-size: 100%
}

#page-cj .npg-lottery-icon-game-l2ft {
    margin: 20px auto;
    width: 80px;
    height: 80px;
    background: url(../images/4/game-k3-12ft.png) 50% no-repeat;
    background-size: 100%
}

#page-cj .lottery-icon-game-k3-anhui {
    margin: 20px auto;
    width: 80px;
    height: 80px;
    background: url(../images/4/game-k3-anhui.png) 50% no-repeat;
    background-size: 100%
}

#page-cj .lottery-icon-game-k3-beijing {
    margin: 20px auto;
    width: 80px;
    height: 80px;
    background: url(../images/4/game-k3-beijing.png) 50% no-repeat;
    background-size: 100%
}

#page-cj .lottery-icon-game-k3-ganshu {
    margin: 20px auto;
    width: 80px;
    height: 80px;
    background: url(../images/4/game-k3-ganshu.png) 50% no-repeat;
    background-size: 100%
}

#page-cj .lottery-icon-game-k3-macao {
    margin: 20px auto;
    width: 80px;
    height: 80px;
    background: url(../images/4/game-k3-macao.png) 50% no-repeat;
    background-size: 100%
}

#page-cj .lottery-icon-game-k3-cndfk3 {
    margin: 20px auto;
    width: 80px;
    height: 80px;
    background: url(../images/4/icon-cndm3.png) 50% no-repeat;
    background-size: 100%
}

#page-cj .lottery-icon-game-xyft {
    margin: 20px auto;
    width: 80px;
    height: 80px;
    background: url(../images/4/icon_xyft.png) 50% no-repeat;
    background-size: 100%
}

#page-cj .d3-game-ico {
    margin: 20px auto;
    width: 80px;
    height: 80px;
    background: url(../images/4/icon-D3.png) 50% no-repeat;
    background-size: 100%
}

#page-cj .game-f1scb {
    margin: 20px auto;
    width: 80px;
    height: 80px;
    background: url(../images/4/icon-F1B.png) 50% no-repeat;
    background-size: 100%
}

#page-cj .mc00-game-ico {
    margin: 20px auto;
    width: 80px;
    height: 80px;
    background: url(../images/4/icon-MC00.png) 50% no-repeat;
    background-size: 100%
}

#page-cj .aomen28-game-ico {
    margin: 20px auto;
    width: 80px;
    height: 80px;
    background: url(../images/4/icon_aomen28c.png) 50% no-repeat;
    background-size: 100%
}

#page-cj .tw00-game-ico {
    margin: 20px auto;
    width: 80px;
    height: 80px;
    background: url(../images/4/icon-TW00.png) 50% no-repeat;
    background-size: 100%
}

#page-cj .pl3-game-ico {
    margin: 20px auto;
    width: 80px;
    height: 80px;
    background: url(../images/4/icon-PL3.png) 50% no-repeat;
    background-size: 100%
}

#page-cj .lottery-icon-game-ssc-tj {
    margin: 20px auto;
    width: 80px;
    height: 80px;
    background: url(../images/4/icon_australiassc.png) 50% no-repeat;
    background-size: 100%
}

#page-cj .game-pk10kai {
    margin: 20px auto;
    width: 80px;
    height: 80px;
    background: url(../images/4/icon_azsca1dan5.png) 50% no-repeat;
    background-size: 100%
}

#page-cj .game-mclhc {
    margin: 20px auto;
    width: 80px;
    height: 80px;
    background: url(../images/4/icon_mclhc.png) 50% no-repeat;
    background-size: 100%
}

#page-cj .game-mclhc-new {
    margin: 20px auto;
    width: 80px;
    height: 80px;
    background: url(../images/4/icon_mclhc_new.png) 50% no-repeat;
    background-size: 100%
}

#page-cj .lottery-icon-game-xglhc {
    margin: 20px auto;
    width: 80px;
    height: 80px;
    background: url(../images/4/icon_hklhc.png) 50% no-repeat;
    background-size: 100%
}

#page-cj .taiwan28-game-ico {
    margin: 20px auto;
    width: 80px;
    height: 80px;
    background: url(../images/4/icon_taiwan28c.png) 50% no-repeat;
    background-size: 100%
}

#page-cj .game-pk10 {
    margin: 20px auto;
    width: 80px;
    height: 80px;
    background: url(../images/4/icon_pk10.png) 50% no-repeat;
    background-size: 100%
}

#page-cj .npg-lottery-icon-game-l1ft {
    margin: 20px auto;
    width: 80px;
    height: 80px;
    background: url(../images/4/icon_l1ft.png) 50% no-repeat;
    background-size: 100%
}

#page-cj .lottery-icon-game-jsfta {
    margin: 20px auto;
    width: 80px;
    height: 80px;
    background: url(../images/4/icon_jsfta.png) 50% no-repeat;
    background-size: 100%
}

#page-cj .game-f1sca {
    margin: 20px auto;
    width: 80px;
    height: 80px;
    background: url(../images/4/icon-F1A.png) 50% no-repeat;
    background-size: 100%
}

#page-cj .npg-game-jssc {
    margin: 20px auto;
    width: 80px;
    height: 80px;
    background: url(../images/4/icon_jssc.png) 50% no-repeat;
    background-size: 100%
}

#page-cj .npg-lottery-icon-game-f1sc {
    margin: 20px auto;
    width: 80px;
    height: 80px;
    background: url(../images/4/icon_f1sc.png) 50% no-repeat;
    background-size: 100%
}

#page-cj .game-jsftb {
    margin: 20px auto;
    width: 80px;
    height: 80px;
    background: url(../images/4/icon_jsftb.png) 50% no-repeat;
    background-size: 100%
}

#page-cj .game-pk10kaib {
    margin: 20px auto;
    width: 80px;
    height: 80px;
    background: url(../images/4/icon_pk10kaib.png) 50% no-repeat;
    background-size: 100%
}

#page-cj .lottery-icon-game-ssc-in-kg {
    margin: 20px auto;
    width: 80px;
    height: 80px;
    background: url(../images/4/icon_indonesiassc_kg.png) 50% no-repeat;
    background-size: 100%
}

#page-cj .cq-game-ico {
    margin: 20px auto;
    width: 80px;
    height: 80px;
    background: url(../images/4/icon_indonesiassc.png) 50% no-repeat;
    background-size: 100%
}

#page-cj .lottery-icon-game-ssc-xj {
    background: url(../images/4/icon_xjssc.png) 50% no-repeat
}

#page-cj .game-ks-twssc {
    margin: 20px auto;
    width: 80px;
    height: 80px;
    background: url(../images/4/icon_twssc.png) 50% no-repeat;
    background-size: 100%
}

#page-cj .game-ks-twffc {
    margin: 20px auto;
    width: 80px;
    height: 80px;
    background: url(../images/4/icon_twffc.png) 50% no-repeat;
    background-size: 100%
}

#page-cj .game-ks-twjsc {
    margin: 20px auto;
    width: 80px;
    height: 80px;
    background: url(../images/4/icon_twjsc.png) 50% no-repeat;
    background-size: 100%
}

#page-cj .game-hn5fc {
    margin: 20px auto;
    width: 80px;
    height: 80px;
    background: url(../images/4/icon_hn5fc.png) 50% no-repeat;
    background-size: 100%
}

#page-cj .game_txffc {
    margin: 20px auto;
    width: 80px;
    height: 80px;
    background: url(../images/4/icon_txffc.png) 50% no-repeat;
    background-size: 100%
}

#page-cj .game-ks-wlssc {
    margin: 20px auto;
    width: 80px;
    height: 80px;
    background: url(../images/4/icon_wlssc.png) 50% no-repeat;
    background-size: 100%
}

#page-cj .game-ks-cq5fc {
    margin: 20px auto;
    width: 80px;
    height: 80px;
    background: url(../images/4/icon_cq5fc.png) 50% no-repeat;
    background-size: 100%
}

#page-cj .lottery-icon-game-115-guangdong {
    margin: 20px auto;
    width: 80px;
    height: 80px;
    background: url(../images/4/icon_gd115.png) 50% no-repeat;
    background-size: 100%
}

#page-cj .lottery-icon-game-115-shanghai {
    margin: 20px auto;
    width: 80px;
    height: 80px;
    background: url(../images/4/icon_sh115.png) 50% no-repeat;
    background-size: 100%
}

#page-cj .lottery-icon-game-115-jiangxi {
    margin: 20px auto;
    width: 80px;
    height: 80px;
    background: url(../images/4/icon_jx115.png) 50% no-repeat;
    background-size: 100%
}

#page-cj .lottery-icon-game-115-sandong {
    margin: 20px auto;
    width: 80px;
    height: 80px;
    background: url(../images/4/icon_sd115.png) 50% no-repeat;
    background-size: 100%
}

#page-cj .npg-lottery-icon-game-e1sy5 {
    margin: 20px auto;
    width: 80px;
    height: 80px;
    background: url(../images/4/icon_e1sy5.png) 50% no-repeat;
    background-size: 100%
}

#page-cj .lottery-icon-game-ssc-xj {
    margin: 20px auto;
    width: 80px;
    height: 80px;
    background: url(../images/4/icon_xjssc_kg.png) 50% no-repeat;
    background-size: 100%
}

#page-cj .lottery-icon-game-ssc-au-kg {
    margin: 20px auto;
    width: 80px;
    height: 80px;
    background: url(../images/4/icon_australiassc_kg.png) 50% no-repeat;
    background-size: 100%
}

#page-cj .game-ks-twsscb {
    margin: 20px auto;
    width: 80px;
    height: 80px;
    background: url(../images/4/icon_twsscB.png) 50% no-repeat;
    background-size: 100%
}

#page-cj .game-hn5fcb {
    margin: 20px auto;
    width: 80px;
    height: 80px;
    background: url(../images/4/icon_hn5fcb.png) 50% no-repeat;
    background-size: 100%
}

#page-cj .game-ks-wlsscb {
    margin: 20px auto;
    width: 80px;
    height: 80px;
    background: url(../images/4/icon_wlsscb.png) 50% no-repeat;
    background-size: 100%
}

#page-cj .game-ks-cq5fcb {
    margin: 20px auto;
    width: 80px;
    height: 80px;
    background: url(../images/4/icon_cq5fcB.png) 50% no-repeat;
    background-size: 100%
}

#page-cj .card>div:first-of-type {
    margin: 20px auto;
    width: 245px;
    height: 200px
}

#page-cj .card-rsg-live-icon {
    background: url(../images/4/live_rg.png) 50%/100% 100% no-repeat
}

#com-playtab {
    width: 100%;
    height: 40px;
    font-size: 14px;
    background: rgba(0,0,0,.2)
}

#com-playtab.com-playtab-3 {
    background-color: rgba(38,153,222,.2)
}

#com-playtab.com-playtab-6 {
    background-color: hsla(0,0%,100%,.2)
}

#com-playtab .Game-list li {
    float: left;
    line-height: 40px
}

#com-playtab .Game-list a {
    font-size: 14px;
    color: #fff;
    padding: 12px 26px
}

#com-playtab .Game-list a:hover {
    background: #2699de
}

#com-helpsscjd {
    width: 100%;
    height: 100%
}

#com-helpsscjd .text-head {
    font-weight: 700;
    font-size: 14px
}

#com-helpsscjd .text-row {
    color: #555;
    margin: 5px auto;
    font-size: 14px
}

#com-helpsscjd h4 {
    margin-top: 12px;
    font-size: 24px;
    line-height: 48px;
    font-weight: 400;
    color: #333;
    text-align: center
}

#com-helpsscjd .table-w30-per {
    width: 32%
}

#com-helpsscjd td>div {
    margin: 5px;
    text-align: left;
    font-size: 14px
}

#com-helpbjsc {
    width: 100%;
    height: 100%
}

#com-helpbjsc .text-head {
    font-weight: 700;
    font-size: 14px
}

#com-helpbjsc .text-row {
    color: #555;
    margin: 5px auto;
    font-size: 14px
}

#com-helpbjsc h4 {
    margin-top: 12px;
    font-size: 24px;
    line-height: 48px;
    font-weight: 400;
    color: #333;
    text-align: center
}

#com-helpbjsc .table-w30-per {
    width: 32%
}

#com-helpbjsc td>div {
    margin: 5px;
    text-align: left;
    font-size: 14px
}

#com-helpxglhc {
    width: 100%;
    height: 100%
}

#com-helpxglhc .description {
    margin: 5px auto
}

#com-helpxglhc h4 {
    font-size: 18px;
    margin: 10px auto
}

#com-helpxglhc .description>li {
    text-align: left;
    margin: 2px auto;
    display: inline-block;
    width: 100%
}

#com-helpxglhc .description>li::selection {
    background: transition;
    color: rgba(0,0,0,.65)
}

#com-helpxglhc .description>li:hover {
    background: transition;
    color: rgba(0,0,0,.65)
}

#com-helpxglhc .description span {
    width: 100px;
    font-weight: 700;
    text-indent: 10px;
    display: inline-block;
    float: left
}

#com-helpxglhc .description i {
    display: inline-block;
    float: left;
    width: calc(100% - 110px);
    font-style: normal
}

#com-helpxglhc .ball {
    margin: 1px;
    width: 20px;
    display: inline-block;
    text-align: center;
    line-height: 20px;
    border-radius: 50%;
    font-size: 12px;
    font-style: normal
}

#com-helpxglhc .ball-r {
    background: #fb4a4a;
    color: #fff
}

#com-helpxglhc .ball-b {
    background: #2bafef;
    color: #fff
}

#com-helpxglhc .ball-g {
    background: #22ca17;
    color: #fff
}

#page-help {
    width: 100%;
    height: 100%
}

#page-help dl dd {
    height: auto
}

#page-help .red_span {
    color: red
}

#page-help .p_content {
    min-height: 737px;
    min-height: -moz-calc(100% - 302px);
    min-height: -webkit-calc(100% - 302px);
    min-height: calc(100% - 302px);
    padding: 40px 0;
    box-sizing: border-box;
    background: #ebebeb url(../images/about_bg.jpg) no-repeat top
}

#page-help .c_detail {
    position: relative;
    width: 1200px;
    margin: 20px auto 0
}

#page-help .c_detail .detail_ul {
    width: 240px;
    background-color: #fff;
    border-radius: 5px;
    float: left;
    box-shadow: 0 2px 2px #d6d6d8
}

#page-help .c_detail .detail_ul li {
    width: 240px;
    color: #999;
    line-height: 60px;
    position: relative
}

#page-help .c_detail .detail_ul li.detail_li {
    font-size: 16px
}

#page-help .c_detail .detail_ul li.detail_li>a {
    display: block;
    color: #787c84;
    line-height: 60px;
    padding-left: 50px;
    border-left: 5px solid #fff
}

#page-help .c_detail .ripple {
    display: inline-block;
    position: relative;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: all .3s ease-out;
    cursor: pointer
}

#page-help .c_detail .detail_ul li a {
    display: block;
    cursor: pointer
}

#page-help .c_detail .detail_ul li.detail_li>a:before {
    display: block;
    width: 25px;
    height: 25px;
    position: absolute;
    content: "";
    left: 10px;
    top: 17px;
    font: 25px iconfont;
    color: #b0b0b0;
    background: url(../images/i_about.png) no-repeat
}

#page-help .c_detail .detail_ul li:first-child a.detail_liA:before {
    background-position: 0 0
}

#page-help .c_detail .detail_ul li:nth-child(2) a.detail_liA:before {
    background-position: -25px 0
}

#page-help .c_detail .detail_ul li.detail_li>a:after {
    width: 25px;
    height: 9px;
    content: "";
    display: block;
    position: absolute;
    right: 25px;
    top: 26px;
    background: url(../images/i_about.png) -50px -16px no-repeat
}

#page-help .c_detail .detail_ul li.cur>a:after {
    background-position: -50px 0
}

#page-help .c_detail .detail_ul .list {
    width: 240px;
    background-color: #fafafa
}

#page-help .c_detail .detail_ul li .list {
    height: 0;
    transition: height .5s ease;
    visibility: hidden;
    opacity: 0
}

#page-help .c_detail .detail_ul li .open {
    visibility: inherit;
    opacity: 1
}

#page-help .c_detail .detail_ul li .open0,#page-help .c_detail .detail_ul li .open1 {
    height: auto
}

#page-help .c_detail .detail_ul .list li {
    padding-left: 55px;
    box-sizing: border-box;
    line-height: 40px;
    transition: all .2s ease;
    display: block;
    font-size: 14px
}

#page-help .c_detail .detail_ul li.cur a,#page-help .c_detail .detail_ul li.detail_li {
    border-bottom: 1px solid #f0f0f0
}

#page-help .c_detail .detail_ul .list li a {
    display: block;
    border: none;
    color: #787c84
}

#page-help .c_detail .detail_ul li.cur>a {
    border-left: 5px solid #2a8fbd
}

#page-help .c_detail .detail_ul .list li.choose,#page-help .c_detail .detail_ul .list li.choose a {
    color: #2ea7e0
}

#page-help .c_detail .detail_ul .list li.choose:before {
    content: "";
    width: 12px;
    height: 25px;
    position: absolute;
    left: 38px;
    top: 8px;
    background: url(../images/i_about.png) -75px 0 no-repeat
}

#page-help .c_detail .detail_r {
    width: 940px;
    border-radius: 5px;
    float: right;
    box-shadow: 0 2px 2px #d6d6d8
}

#page-help .c_detail .detail_r .r_wrap {
    display: none
}

#page-help .c_detail .detail_r h2 {
    position: relative;
    line-height: 60px;
    border-bottom: 1px solid #f0f0f0;
    padding: 0 25px;
    background-color: #fff;
    border-radius: 5px 5px 0 0;
    font-size: 16px;
    font-weight: 700;
    color: #4a4a4a
}

#page-help .c_detail .detail_r .detail_bottom {
    background: #fff;
    padding-bottom: 37px;
    border-radius: 0 0 5px 5px;
    min-height: 406px;
    position: relative
}

#page-help .c_detail .detail_r .related_bottom {
    padding: 25px 30px 60px
}

#page-help .c_detail .detail_r .related_bottom p {
    font-size: 14px;
    line-height: 30px;
    color: #585858;
    text-indent: 28px
}

#page-help .r_detail_ul {
    margin-bottom: 20px
}

#page-help .r_detail_ul li {
    float: left;
    padding: 0 12px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    background-color: #e4e8eb;
    color: #7a7b7d;
    border-radius: 5px;
    margin-right: 10px;
    text-align: center;
    margin-bottom: 10px
}

#page-help .r_detail_ul li.cur {
    background-color: #0092dd;
    color: #fff
}

#page-help .r_detail_ul li:hover {
    background-color: #0092dd;
    color: #fff;
    cursor: pointer
}

#page-help .c_detail .detail_r .related_bottom .problem {
    display: none
}

#page-help .c_detail .detail_r .related_bottom dt {
    color: #e71212;
    font-size: 15px;
    font-weight: 700;
    line-height: 30px
}

#page-help .c_detail .detail_r .related_bottom dd {
    font-size: 14px;
    cursor: auto
}

#page-help .c_detail .detail_r .related_bottom table {
    border: solid #e0e0e0;
    border-width: 1px 0 0 1px;
    color: #5b5b5b;
    font-size: 14px;
    margin-top: 15px
}

#page-help .c_detail .detail_r .related_bottom td {
    border: solid #e0e0e0;
    border-width: 0 1px 1px 0;
    padding: 10px
}

#page-help .c_detail .detail_r .related_bottom td:first-of-type {
    width: 80px;
    background-color: #fff
}

#page-help .limit_red {
    display: flex;
    flex-direction: column;
    border: 1px solid #e8e8e8
}

#page-help .limit_red dd,#page-help .limit_red dt {
    background-color: #f5f5f5;
    color: #7a7b7d!important;
    padding: 0;
    justify-content: space-between;
    display: flex;
    border-radius: 0;
    text-align: center
}

#page-help .limit_red dt {
    font-weight: 700;
    border-bottom: 1px solid #e8e8e8
}

#page-help .limit_red dd:nth-child(2n) {
    background-color: #fff
}

#page-help .limit_red span {
    height: 40px;
    line-height: 40px;
    flex: 1;
    border-right: 1px solid #e8e8e8;
    background: transparent
}

#page-help .limit_red span:last-child {
    border-right: none
}

#page-help .limit_red dd:hover {
    background-color: #d3eefd
}

#com-banner {
    cursor: pointer;
    width: 100%;
    text-align: center;
    background-color: #fff;
    overflow: hidden;
    margin: 0 auto;
    min-height: 468px
}

#com-banner .ant-carousel .slick-slider {
    padding-bottom: 0
}

#com-banner .slick-slide img,#page-banner .slick-active img {
    height: auto
}

#com-banner .ant-carousel .slick-dots {
    position: relative;
    bottom: 3.5rem
}

#com-banner .ant-carousel .slick-dots li button:before {
    font-size: 2.5rem
}

#com-banner .ant-carousel .slick-dots li.slick-active button:before {
    color: #fff;
    background: #eee
}

#com-banner .ant-carousel .slick-dots li {
    background: none
}

#com-banner .ant-carousel .slick-dots li button {
    width: 15px!important;
    height: 15px;
    border-radius: 15px;
    background: #efefef
}

#com-banner .ant-carousel .slick-dots li {
    margin: 0 6px
}

#com-banner-jc {
    cursor: pointer;
    width: 100%;
    text-align: center;
    background-color: #fff;
    overflow: hidden;
    margin: 0 auto
}

#com-banner-jc .ant-carousel .slick-slider {
    padding-bottom: 0
}

#com-banner-jc .ant-carousel .slick-dots {
    position: relative;
    bottom: 3.5rem
}

#com-banner-jc .ant-carousel .slick-dots li button:before {
    font-size: 2.5rem
}

#com-banner-jc .ant-carousel .slick-dots li.slick-active button:before {
    color: #fff;
    background: #eee
}

#com-banner-jc .ant-carousel .slick-dots li {
    background: none
}

#com-banner-jc .ant-carousel .slick-dots li button {
    width: 15px!important;
    height: 15px;
    border-radius: 15px;
    background: #efefef
}

#com-banner-jc .ant-carousel .slick-dots li {
    margin: 0 6px
}

#com-rewardrank {
    width: 100%;
    height: 100%
}

#com-rewardrank .running-light {
    overflow: hidden;
    position: relative;
    height: 300px
}

.listOfWinners_hx #com-rewardrank .running-light {
    padding-left: 30px
}

.listOfWinners_jc #com-rewardrank .running-light,.listOfWinners_khg #com-rewardrank .running-light {
    padding-left: 60px
}

#com-rewardrank .secondul {
    margin-top: 12px
}

#com-rewardrank .running-light ul:first-child {
    position: absolute;
    width: 100%;
    height: auto;
    margin: 0;
    transform: translateY(-100%);
    animation: runninglight 80s linear 40s infinite
}

#com-rewardrank .running-light ul:nth-child(2) {
    position: absolute;
    width: 100%;
    height: auto;
    margin: 0;
    transform: translateY(100%);
    animation: runninglight 80s linear infinite
}

#com-rewardrank-wheel {
    width: 100%;
    height: 100%
}

#com-rewardrank-wheel .running-light {
    overflow: hidden;
    position: relative;
    height: 300px
}

#com-rewardrank-wheel .running-light ul:first-child {
    position: absolute;
    width: 100%;
    height: auto;
    margin: 0;
    transform: translateY(301%);
    animation: runninglightWheel 10s linear 2s infinite
}

@keyframes runninglightWheel {
    0% {
        transform: translateY(10%)
    }

    to {
        transform: translateY(-100%)
    }
}

@keyframes runninglight {
    0% {
        transform: translateY(10%)
    }

    to {
        transform: translateY(-190%)
    }
}

#guaguale * {
    margin: 0;
    padding: 0
}

#guaguale.dalong_div {
    position: fixed;
    background-color: rgba(0,0,0,.8);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1020
}

#guaguale .dlshady {
    width: 100%;
    height: 100%;
    margin: 0 auto
}

#guaguale .dlmanage_div,#guaguale .dlshady {
    display: flex;
    justify-content: center;
    align-items: center
}

#guaguale .dlmanage_div {
    position: relative;
    width: 90%
}

#guaguale .close {
    position: absolute;
    right: 0;
    top: 10%;
    width: 15%
}

#guaguale .sin_main {
    width: 100%
}

#guaguale .scrate_div {
    position: absolute;
    text-align: center;
    width: 75%;
    margin-top: 10%;
    z-index: 40
}

#guaguale .scratch1 {
    width: 100%;
    display: unset
}

#guaguale .bottom_but {
    display: flex;
    justify-content: inherit;
    position: absolute;
    bottom: 3%;
    left: 0;
    width: 100%
}

#guaguale .bottom_but div {
    width: 30%;
    text-align: center
}

#guaguale .bottom_but img {
    width: 85%
}

#guaguale .gua_all {
    position: relative
}

#guaguale .gua_all,#guaguale .scfont {
    display: flex;
    justify-content: center;
    width: 100%
}

#guaguale .scfont {
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    align-items: center;
    flex-direction: column
}

#guaguale .scfont span,.scfont label {
    font-weight: 700;
    font-size: 45px;
    color: #ff6c00;
    letter-spacing: 5px
}

#guaguale .game {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    background-color: rgba(0,0,0,.8);
    top: 0;
    width: 100%;
    height: 100%;
    left: 0;
    z-index: 40
}

#guaguale .rule_main {
    width: 100%
}

#guaguale .rule_div {
    position: relative;
    width: 92%;
    text-align: center
}

#guaguale .closerule {
    width: 10%;
    top: 10%;
    right: -3%;
    position: absolute
}

#guaguale .closefriend {
    width: 8%;
    top: 11%;
    right: -1%;
    position: absolute
}

#guaguale .rule_font {
    position: absolute;
    top: 28%;
    padding: 0 5% 0 10%;
    height: 70%;
    overflow: scroll;
    font-size: 16px;
    overflow-x: hidden;
    overflow-y: hidden
}

#guaguale .rule_font span {
    display: block;
    line-height: 25px;
    color: #852e08;
    text-align: initial
}

#guaguale .copybuttom {
    position: absolute;
    bottom: 14%;
    right: 20%;
    width: 25%
}

#guaguale .rec_top {
    width: 100%
}

#guaguale .rec_font {
    text-align: center;
    font-size: 60px;
    font-weight: 700;
    color: #f7e99b;
    letter-spacing: 2px;
    margin: -5% auto 25%
}

#guaguale .rec_sub {
    text-align: center
}

#guaguale .rec_sub img {
    width: 35%;
    display: unset
}

#guaguale .qrcode {
    position: absolute;
    bottom: 10%;
    left: 18%
}

#guaguale #canvas {
    position: absolute;
    z-index: 10;
    top: .5px;
    width: 100%;
    height: 100%
}

#guaguale #qrcode canvas {
    position: absolute;
    bottom: 10%;
    left: 18%
}

#guaguale .buydiv {
    position: absolute;
    top: 1%;
    left: 48%;
    background-color: #947e88;
    line-height: 30px;
    width: 20%
}

#guaguale .bpriv {
    position: relative;
    text-align: center
}

#guaguale .quan {
    width: 40px;
    position: absolute;
    left: -20px;
    top: -5px
}

#guaguale .plus {
    width: 30px;
    position: absolute;
    right: -15px;
    top: 0
}

#guaguale .sum {
    display: inline-block;
    font-weight: 700;
    color: #f6f802
}

#guaguale .csbuy {
    width: 50%
}

#guaguale .closebuy {
    width: 18%;
    top: -6%;
    right: -6%;
    position: absolute
}

#guaguale .buytitle {
    top: 17.5%;
    font-size: 20px;
    color: #fff;
    font-weight: 700
}

#guaguale .buytitle,#guaguale .quan_div {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center
}

#guaguale .quan_div {
    top: 30%
}

#guaguale .quan_div img {
    width: 30%;
    display: unset
}

#guaguale .buyfont {
    position: absolute;
    left: 0;
    top: 60%;
    width: 100%;
    font-size: 14px;
    text-align: center;
    line-height: 1.5
}

#guaguale .bfsum img {
    width: 10%;
    vertical-align: middle;
    display: unset
}

#guaguale .bfname,#guaguale .bfsum span {
    font-size: 20px;
    font-weight: 700
}

#guaguale .bfsum span {
    vertical-align: middle
}

#guaguale .buyimg {
    position: absolute;
    left: 0;
    bottom: 3%;
    width: 100%;
    text-align: center
}

#guaguale .buyimg img {
    width: 45%;
    display: unset
}

#guaguale .againm {
    width: 65%;
    margin-bottom: 12%;
    display: unset
}

#guaguale .tabjiang {
    text-align: center
}

#guaguale table {
    width: 70%;
    margin: 10px auto 10%;
    border-collapse: collapse
}

#guaguale tr,td {
    border-color: #b38062
}

#guaguale td {
    border: 2px solid #b38062;
    width: 50%
}

@media(min-width: 570px)and (max-width:1050px) {
    #guaguale .dlshady,#guaguale .rule_div {
        width:65%
    }

    #guaguale .csbuy {
        width: 50%
    }
}

@media(min-width: 1051px)and (max-width:1500px) {
    #guaguale .dlshady {
        width:45%
    }

    #guaguale .scfont span,.scfont label {
        font-size: 55px!important
    }

    #guaguale .rule_div {
        width: 45%
    }

    #guaguale .csbuy {
        width: 36%
    }
}

@media(min-width: 1501px) {
    #guaguale .dlshady {
        width:30%
    }

    #guaguale .scfont span,.scfont label {
        font-size: 55px!important
    }

    #guaguale .rule_div {
        width: 30%
    }

    #guaguale .csbuy {
        width: 26%
    }
}

#com-homehs {
    width: 100%;
    height: 100%
}

#com-homehs .hidden-div {
    overflow: hidden;
    width: 0;
    height: 0
}

#com-homehs .main {
    width: 100%;
    height: auto;
    z-index: 2;
    background-color: #fff
}

#com-homehs .gameShow {
    overflow: hidden;
    width: 100%
}

#com-homehs .txt-l {
    text-align: left
}

#com-homehs .txt-w {
    margin-left: 20px
}

#com-homehs .icon-w {
    display: inline-block;
    width: 20px;
    height: 18px;
    transition: all .3s ease;
    vertical-align: middle
}

#com-homehs .n-ico {
    background: url(../images/all-ico.png)-69px 1px no-repeat
}

#com-homehs .balance-ico {
    background: url(../images/all-ico.png) 0 0 no-repeat
}

#com-homehs .news-ico {
    background: url(../images/all-ico.png)-69px 0 no-repeat
}

#com-homehs table {
    border-collapse: collapse;
    border-spacing: 0
}

#com-homehs cite {
    font-style: normal
}

#com-homehs ::-moz-selection {
    color: #fff;
    color: hsla(0,0%,100%,.85);
    background: #03a8b1
}

#com-homehs ::selection {
    color: #fff;
    color: hsla(0,0%,100%,.85);
    background: #03a8b1
}

#com-homehs article,aside,dialog,figure,footer,header,menu,nav,section {
    display: block
}

#com-homehs .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

#com-homehs .clearfix {
    *zoom:1}

#com-homehs .clearfix .clear {
    _height: 0
}

#com-homehs .cbbfixed {
    position: fixed;
    right: 10px;
    transition: bottom .3s ease;
    bottom: -85px;
    z-index: 3;
    cursor: pointer
}

#com-homehs .cbbfixed .cbbtn {
    background-color: #3cafe3
}

#com-homehs .cbbfixed .cbbtn,#com-homehs .cbbfixed .cbbtn-kf {
    width: 40px;
    height: 40px;
    display: block
}

#com-homehs .cbbfixed .kf-ico {
    background: url(../images/all-ico.png) -233px -138px no-repeat
}

#com-homehs .cbbfixed .gotop {
    transition: background-color .3s ease;
    margin-top: 5px
}

#com-homehs .cbbfixed .gotop .up-icon {
    float: left;
    margin: 14px 0 0 9px;
    width: 23px;
    height: 12px;
    background: url(../images/all-ico.png) -60px -43px no-repeat
}

#com-homehs .cbbfixed .gotop:hover {
    background-color: #2c2d2e
}

#com-homehs .cbbfixed .cweixin {
    background: #dadbdd;
    margin-top: 6px
}

#com-homehs .cbbfixed .cweixin div {
    background: url(/res/new-image/erwei.png);
    width: 311px;
    height: 176px;
    position: absolute;
    left: -306px;
    top: -60px;
    opacity: 0;
    transform: scale(0);
    -webkit-transform: scale(0);
    transform-origin: 100% 70%;
    -webkit-transform-origin: 100% 70%;
    transition: transform .3s ease,opacity .3s ease;
    -webkit-transition: all .3s ease;
    display: none\0 ;
    *display: none
}

#com-homehs .cbbfixed .cweixin:hover div {
    display: block;
    transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 1;
    *display: block
}

#com-homehs .cbbfixed .cweixin .weixin-icon {
    float: left;
    margin: 12px 0 0 11px;
    width: 18px;
    height: 18px;
    background: url(../images/all-ico.png) -32px -42px no-repeat
}

#com-homehs #news {
    height: 51px
}

#com-homehs .nes-col {
    display: block;
    width: 20px;
    height: 20px;
    float: left;
    margin-top: 15px;
    margin-right: 20px;
    background: url(../images/i_announce2.png) no-repeat;
    background-size: cover;
    animation: magnify 1s linear infinite alternate
}

#com-homehs #news .news-c {
    width: 1100px;
    height: 51px;
    margin: 0 auto
}

#com-homehs #news .news-c .news-l {
    line-height: 50px;
    margin-right: 15px;
    float: left
}

#com-homehs #news .news-c .news-l span {
    font-size: 14px;
    color: #333
}

#com-homehs #news-txt {
    float: left;
    width: 870px;
    width: -moz-calc(100% - 230px);
    width: -webkit-calc(100% - 230px);
    width: calc(100% - 230px);
    height: 30px;
    margin-top: 10px;
    overflow: hidden
}

#com-homehs #news-txt li {
    line-height: 30px;
    overflow: hidden;
    letter-spacing: 1px;
    color: #d1a14a;
    font-size: 14px
}

#com-homehs .more {
    float: right;
    margin-top: 16px
}

#com-homehs .Margin-r {
    color: #c8c8c8
}

#com-homehs .more a {
    color: #999;
    padding: 0 12px
}

#com-homehs .more a:hover {
    color: #4ba1c7
}

#com-homehs .mainPlayArea {
    width: 100%;
    overflow: hidden;
    background-image: url(../images/6/mainPA_6_bg.jpg);
    background-attachment: fixed;
    background-size: cover
}

#com-homehs .content-title {
    margin: 50px auto 10px;
    font-size: 16px;
    color: #7d590e;
    text-align: center
}

#com-homehs .content-title h1 {
    position: relative;
    width: 150px;
    font-size: 28px;
    color: #fff;
    margin: 0 auto 10px
}

#com-homehs .content-title h1:before {
    color: #eb2121;
    content: "||";
    left: -40px;
    position: absolute;
    top: 0
}

#com-homehs .content-title h1:after {
    color: #eb2121;
    content: "||";
    position: absolute;
    right: -40px;
    top: -2px
}

#com-homehs .classicGames {
    width: 100%
}

#com-homehs .content_bj {
    width: 1200px;
    margin: 0 auto;
    padding: 30px 0;
    text-align: center
}

#com-homehs .game_show {
    width: 100%;
    text-align: center
}

#com-homehs .classicGames .Lottery_show {
    width: 300px
}

#com-homehs .Lottery_show {
    position: relative;
    display: inline-block;
    width: 280px;
    height: 401px;
    text-align: center;
    background-color: hsla(0,0%,100%,.25);
    margin: 8px;
    padding: 25px;
    overflow: hidden;
    transition: all .9s ease 0s;
    -moz-transition: all .9s ease 0s;
    -webkit-transition: all .9s ease 0s;
    -o-transition: all .9s ease 0s;
    border: 1px solid #767676
}

#com-homehs .Lottery_show:hover {
    background-color: rgba(125,78,78,.3);
    border: 1px solid #754040
}

#com-homehs .Lottery_show_jsk3 {
    width: 420px
}

#com-homehs .Lottery_show .member-info {
    transition: .4s
}

#com-homehs .Lottery_show .member-info i {
    display: inline-block;
    height: 100px;
    width: 100px;
    margin-bottom: 20px;
    transition: all .9s ease 0s;
    -moz-transition: all .9s ease 0s;
    -webkit-transition: all .9s ease 0s;
    -o-transition: all .9s ease 0s
}

#com-homehs .Lottery_show .member-info .icon-cq {
    background: url(../images/6/icon_ssc.png) no-repeat;
    background-size: cover
}

#com-homehs .Lottery_show .member-info .icon-gd11x5 {
    background: url(../images/6/icon_115.png) no-repeat;
    background-size: cover
}

#com-homehs .Lottery_show .member-info .icon-jsk3 {
    background: url(../images/6/icon_gxk3.png) no-repeat;
    background-size: cover
}

#com-homehs .Lottery_show .member-info .icon-cqlhc {
    background: url(../images/6/icon_cqlhc.png) no-repeat;
    background-size: cover
}

#com-homehs .Lottery_show .member-info .icon-ag {
    background: url(../images/6/icon_pk10.png) no-repeat;
    background-size: cover
}

#com-homehs .Lottery_show .member-info .icon-egg {
    background: url(../images/6/icon_28.png) no-repeat;
    background-size: cover
}

#com-homehs .Lottery_show .member-info .icon-ft {
    background: url(../images/6/icon_ft.png) no-repeat;
    background-size: cover
}

#com-homehs .Lottery_show .member-info .icon-sscjd {
    background: url(../images/6/icon_sscjd.png) no-repeat;
    background-size: cover
}

#com-homehs .Lottery_show .member-info .icon-pk10jd {
    background: url(../images/6/icon_pk10jd.png) no-repeat;
    background-size: cover
}

#com-homehs .Lottery_show:hover i {
    -moz-transform: scale(1.1) rotate(1turn);
    -webkit-transform: scale(1.1) rotate(1turn);
    -o-transform: scale(1.1) rotate(1turn);
    -ms-transform: scale(1.1) rotate(1turn);
    transform: scale(1.1) rotate(1turn)
}

#com-homehs .Lottery_show .member-info h3 {
    font-size: 20px;
    line-height: 40px;
    color: #fff
}

#com-homehs .Lottery_show .info-p {
    margin-top: 10px;
    letter-spacing: 5px
}

#com-homehs .Lottery_show_gd11x5 .info-p {
    margin-top: 6px
}

#com-homehs .Lottery_show_cq .info-p,#com-homehs .Lottery_show_jsk3 .info-p {
    display: inline-block;
    float: left;
    width: 49%;
    margin-top: 4px
}

#com-homehs .Lottery_show_cq .info-p:nth-child(odd),#com-homehs .Lottery_show_jsk3 .info-p:nth-child(odd) {
    margin-right: 2%
}

#com-homehs .Lottery_show_jsk3 .info-p:first-child,#com-homehs .Lottery_show_jsk3 .info-p:nth-child(2) {
    margin-top: 5px
}

#com-homehs .Lottery_show .info-p a {
    display: block;
    font-size: 14px;
    color: #fff;
    line-height: 30px;
    border-radius: 30px;
    transition: all .5s ease 0s;
    background-image: linear-gradient(-225deg,#f1cfcf,#a73939);
    background-image: linear-gradient(180deg,hsla(0,0%,100%,.1),rgba(183,99,99,.8))
}

#com-homehs .Lottery_show .info-p a:hover {
    background: linear-gradient(180deg,#dc8b87,#f93036);
    color: #fff;
    transition: all .3s ease!important
}

#com-homehs .Lottery_show .img_size_sscjd {
    background-position: 0 -471px
}

#com-homehs .Lottery_show .img_size_pk10jd {
    background-position: -616px -471px
}

#com-homehs .Lottery_show .ih-item.square.effect7 {
    overflow: hidden
}

#com-homehs .Lottery_show .ih-item.square.effect7.colored .info {
    background: #1a4a72;
    background: rgba(26,74,114,.6)
}

#com-homehs .Lottery_show .ih-item.square.effect7.colored .info h3 {
    background: rgba(12,34,52,.6)
}

#com-homehs .Lottery_show .ih-item.square.effect7 .img {
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -ms-transform: scale(1)
}

#com-homehs .Lottery_show .ih-item.square.effect7 .info h3 {
    margin: 0;
    height: 50px;
    line-height: 50px;
    background: rgba(0,0,0,.7);
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-size: 17px;
    -webkit-transition: all .35s ease-in-out .1s;
    -moz-transition: all .35s .1s ease-in-out;
    transition: all .35s ease-in-out .1s;
    -webkit-transform: scale(4);
    -moz-transform: scale(4);
    -o-transform: scale(4);
    transform: scale(4);
    -ms-transform: scale(4)
}

#com-homehs .Lottery_show .ih-item.square.effect7 .info a {
    position: relative;
    padding: 0 25px 2px 0;
    letter-spacing: 2px;
    color: #fff;
    text-align: center;
    font-size: 16px;
    -webkit-transition: all .35s linear .3s;
    -moz-transition: all .35s .3s linear;
    transition: all .35s linear .3s;
    -webkit-transform: scale(5);
    -moz-transform: scale(5);
    -o-transform: scale(5);
    transform: scale(5);
    -ms-transform: scale(5)
}

#com-homehs .Lottery_show .ih-item.square.effect7 .info a:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 20px;
    background: url(../images/4/i_arrow_r.png) no-repeat
}

#com-homehs .Lottery_show .ih-item.square.effect7 span:hover .img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
    -ms-transform: scale(1.2)
}

#com-homehs .Lottery_show .ih-item.square.effect7 span:hover .info {
    visibility: visible;
    opacity: 1
}

#com-homehs .Lottery_show .ih-item.square.effect7 span:hover .info a,#com-homehs .Lottery_show .ih-item.square.effect7 span:hover .info h3 {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -ms-transform: scale(1)
}

#com-homehs .Lottery_show .ih-item.square.effect7 span .info a:hover {
    text-decoration: underline
}

#com-homehs .Lottery_show .ih-item.square.effect7 span .info a:hover:after {
    -webkit-animation: rightan 1s infinite;
    -webkit-animation-fill-mode: both
}

#com-homehs .content-title_02 {
    margin: 50px auto 30px;
    width: 312px;
    height: 64px;
    background: url(../images/4/tit_bg_4.png) 0 -86px no-repeat
}

#com-homehs .Advantage {
    display: block;
    width: 845px;
    height: 60px;
    margin: 55px auto;
    font-family: 宋体
}

#com-homehs .Advantage,#com-homehs .Advantage-w {
    color: #7a7979;
    font-size: 12px;
    text-align: center;
    letter-spacing: 1px
}

#com-homehs .Advantage-w {
    width: 1200px;
    height: 290px;
    margin: 0 auto;
    position: relative
}

#com-homehs .Advantage_Safety {
    width: 300px;
    height: 201px;
    float: left
}

#com-homehs .Advantage_c {
    width: 300px;
    height: 203px
}

#com-homehs .Advantage_Safety_pattern {
    width: 206px;
    height: 206px;
    margin: 0 0 0 43px;
    background: url(../images/2/Circle.jpg) no-repeat
}

#com-homehs .Advantage_bj_01 {
    background-position: -5px -5px
}

#com-homehs .Advantage_bj_02 {
    background-position: -219px -5px
}

#com-homehs .Advantage_bj_03 {
    background-position: -433px -5px
}

#com-homehs .Advantage_bj_04 {
    background-position: -644px -5px
}

#com-homehs .Advantage_bj_21 {
    background-position: -5px -5px
}

#com-homehs .Text_c {
    display: block;
    width: 263px;
    margin-top: 30px
}

#com-homehs .Advantage-w #wrap .bun_c {
    display: inline-block;
    width: 100px;
    height: 100px;
    font-size: 33px;
    color: #3a3a3a
}

#com-homehs .bun_01 {
    position: absolute;
    top: 80px;
    left: 89px
}

#com-homehs .bun_02 {
    position: absolute;
    top: 80px;
    left: 399px
}

#com-homehs .bun_03 {
    position: absolute;
    top: 80px;
    left: 699px
}

#com-homehs .bun_04 {
    position: absolute;
    top: 80px;
    left: 997px
}

#com-homehs .bun_21 {
    position: absolute;
    top: 80px;
    left: 89px
}

#com-homehs .Advantage_c h1 {
    color: #5e5e5e;
    font-size: 14px;
    line-height: 263px
}

#com-homehs .content-title_03 {
    margin: 0 auto;
    width: 312px;
    height: 64px;
    background: url(../images/4/tit_bg_4.png) 0 -150px no-repeat
}

#com-homehs .Promotions {
    margin-top: 0;
    background: url(../images/6/Promotions_bg.jpg) no-repeat;
    background-size: cover;
    overflow: hidden
}

#com-homehs .P_title {
    width: 216px;
    height: 111px;
    margin: 0 auto;
    background: url(../images/2/all_ico.png) -4px -213px no-repeat
}

#com-homehs .Promotions_bj {
    width: 1000px;
    margin: 0 auto
}

#com-homehs .Promotions_c {
    width: 900px;
    margin: 30px auto 50px;
    height: 348px
}

#com-homehs .Promotions_l {
    float: left;
    width: 30%;
    height: 100%;
    background: url(../images/6/Promotions_l.jpg) no-repeat;
    background-size: cover
}

#com-homehs .P_content_r {
    float: left;
    position: relative;
    width: 70%;
    height: 100%;
    margin: 0 auto;
    padding: 20px 60px 20px 100px;
    background: hsla(0,0%,100%,.1)
}

#com-homehs .P_content_r h4 {
    font-size: 16px;
    color: #1d1717;
    margin-bottom: 10px;
    position: relative;
    padding-left: 20px
}

#com-homehs .P_content_r h4 .i_gif {
    position: absolute;
    top: 4px;
    left: 0;
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../images/2/i_gif.png) repeat-x
}

#com-homehs .P_content_r p {
    font-size: 12px;
    color: #7a7979;
    line-height: 20px
}

#com-homehs .P_content_r p:first-of-type {
    margin-bottom: 10px
}

#com-homehs .P_content_r p span {
    color: #d91818
}

#com-homehs .P_content_r a {
    float: right;
    font-size: 12px;
    color: #787878;
    display: block;
    width: 80px;
    height: 24px;
    border: 1px solid #ececec;
    border-radius: 50px;
    text-align: center;
    line-height: 24px;
    margin: 0 auto
}

#com-homehs .P_content_r .listOfNames {
    width: 100%;
    height: 100%;
    overflow: hidden
}

#com-homehs .P_content_r .listOfNames ul li {
    font-size: 14px;
    color: #7a7979;
    line-height: 28px;
    width: 100%;
    float: left
}

#com-homehs .P_content_r .listOfNames ul li span {
    color: #cf0a2c;
    margin: 0 10px
}

#com-homehs .P_content_r>span {
    position: absolute;
    top: 0;
    right: -30px;
    display: block;
    width: 30px;
    padding: 5px 7px;
    background: #000;
    font-size: 14px;
    color: #fff;
    border-radius: 0 8px 8px 0
}

#com-homehs .p_charge {
    width: 576px;
    border-radius: 8px
}

#com-homehs h2 {
    color: #e0b867;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 25px
}

#com-homehs .flowIcons {
    position: fixed;
    right: 0;
    top: 200px;
    cursor: pointer;
    z-index: 1000
}

#com-homeks {
    width: 100%;
    height: 100%
}

#com-homeks .hidden-div {
    overflow: hidden;
    width: 0;
    height: 0
}

#com-homeks .main {
    width: 100%;
    height: auto;
    z-index: 2;
    background-color: #fff
}

#com-homeks .game-overflow {
    overflow: hidden;
    width: 100%;
    padding-bottom: 30px
}

#com-homeks .float-logo {
    width: 135px;
    height: 121px;
    background: #2a8fbd;
    left: 12px;
    position: fixed;
    z-index: 999999;
    top: 0;
    border-radius: 0 0 5px 5px;
    opacity: 0
}

#com-homeks .logo-opacity {
    opacity: 1!important
}

#com-homeks .float-logo .logo-img {
    display: inline-block;
    width: 119px;
    margin-left: 14px;
    height: 121px;
    background: url(../images/LOGO.png) -332px -17px no-repeat
}

#com-homeks .txt-l {
    text-align: left
}

#com-homeks .txt-w {
    margin-left: 20px
}

#com-homeks .icon-w {
    display: inline-block;
    width: 20px;
    height: 18px;
    transition: all .3s ease;
    vertical-align: middle
}

#com-homeks .n-ico {
    background: url(../images/all-ico.png)-69px 1px no-repeat
}

#com-homeks .balance-ico {
    background: url(../images/all-ico.png) 0 0 no-repeat
}

#com-homeks .news-ico {
    background: url(../images/all-ico.png)-69px 0 no-repeat
}

#com-homeks table {
    border-collapse: collapse;
    border-spacing: 0
}

#com-homeks cite {
    font-style: normal
}

#com-homeks ::-moz-selection {
    color: #fff;
    color: hsla(0,0%,100%,.85);
    background: #03a8b1
}

#com-homeks ::selection {
    color: #fff;
    color: hsla(0,0%,100%,.85);
    background: #03a8b1
}

#com-homeks article,aside,dialog,figure,footer,header,menu,nav,section {
    display: block
}

#com-homeks .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

#com-homeks .clearfix {
    *zoom:1}

#com-homeks .clearfix .clear {
    _height: 0
}

#com-homeks .cbbfixed {
    position: fixed;
    right: 10px;
    transition: bottom .3s ease;
    bottom: -85px;
    z-index: 3;
    cursor: pointer
}

#com-homeks .cbbfixed .cbbtn {
    background-color: #3cafe3
}

#com-homeks .cbbfixed .cbbtn,#com-homeks .cbbfixed .cbbtn-kf {
    width: 40px;
    height: 40px;
    display: block
}

#com-homeks .cbbfixed .kf-ico {
    background: url(../images/all-ico.png) -233px -138px no-repeat
}

#com-homeks .cbbfixed .gotop {
    transition: background-color .3s ease;
    margin-top: 5px
}

#com-homeks .cbbfixed .gotop .up-icon {
    float: left;
    margin: 14px 0 0 9px;
    width: 23px;
    height: 12px;
    background: url(../images/all-ico.png) -60px -43px no-repeat
}

#com-homeks .cbbfixed .gotop:hover {
    background-color: #2c2d2e
}

#com-homeks .cbbfixed .cweixin {
    background: #dadbdd;
    margin-top: 6px
}

#com-homeks .cbbfixed .cweixin div {
    background: url(/res/new-image/erwei.png);
    width: 311px;
    height: 176px;
    position: absolute;
    left: -306px;
    top: -60px;
    opacity: 0;
    transform: scale(0);
    -webkit-transform: scale(0);
    transform-origin: 100% 70%;
    -webkit-transform-origin: 100% 70%;
    transition: transform .3s ease,opacity .3s ease;
    -webkit-transition: all .3s ease;
    display: none\0 ;
    *display: none
}

#com-homeks .cbbfixed .cweixin:hover div {
    display: block;
    transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 1;
    *display: block
}

#com-homeks .cbbfixed .cweixin .weixin-icon {
    float: left;
    margin: 12px 0 0 11px;
    width: 18px;
    height: 18px;
    background: url(../images/all-ico.png) -32px -42px no-repeat
}

#com-homeks #news {
    border-bottom: 1px solid #f0efef;
    height: 51px
}

#com-homeks .nes-col {
    display: block;
    width: 20px;
    height: 20px;
    float: left;
    margin-top: 15px;
    margin-right: 20px;
    background: url(../images/i_announce2.png) no-repeat;
    background-size: cover;
    animation: magnify 1s linear infinite alternate
}

#com-homeks #news .news-c {
    width: 1100px;
    height: 51px;
    margin: 0 auto
}

#com-homeks #news .news-c .news-l {
    line-height: 50px;
    margin-right: 15px;
    float: left
}

#com-homeks #news .news-c .news-l span {
    font-size: 14px
}

#com-homeks #news-txt {
    float: left;
    width: 870px;
    width: -moz-calc(100% - 230px);
    width: -webkit-calc(100% - 230px);
    width: calc(100% - 230px);
    height: 30px;
    margin-top: 10px;
    overflow: hidden
}

#com-homeks #news-txt li {
    line-height: 30px;
    overflow: hidden;
    letter-spacing: 1px;
    color: #4ba1c7;
    font-size: 14px
}

#com-homeks .more {
    float: right;
    line-height: 48px
}

#com-homeks .Margin-r {
    color: #c8c8c8
}

#com-homeks .more a {
    color: #999;
    padding: 0 12px
}

#com-homeks .more a:hover {
    color: #4ba1c7
}

#com-homeks .ks-Text {
    width: 593px;
    height: 53px;
    margin: 50px auto;
    background: url(../images/dl-zc-bo.jpg) 0 -493px no-repeat
}

#com-homeks .ks-Text-21 {
    width: 593px;
    height: 53px;
    margin: 50px auto;
    background: url(../images/21/dl-zc-bo21.png) 0 -493px no-repeat
}

#com-homeks .ks-Text-22 {
    width: 593px;
    height: 53px;
    margin: 50px auto;
    background: url(../images/22/dl-zc-bo.png) 0 -493px no-repeat
}

#com-homeks .ks-Text-24 {
    width: 593px;
    height: 53px;
    margin: 50px auto;
    background: url(../images/24/dl-zc-bo24.png) 0 -493px no-repeat
}

#com-homeks .Game-Show-size {
    color: #555;
    width: 1200px;
    margin: 0 auto
}

#com-homeks .Game-Show-l {
    width: 775px;
    float: left;
    margin-left: 45px
}

#com-homeks .Game-a {
    box-shadow: 0 3px 10px rgba(0,0,0,.175);
    border: 1px solid #f0f0f0;
    width: 226px;
    height: 247px;
    float: left;
    margin: 0 30px 30px 0;
    border-radius: 8px 8px 8px 8px
}

#com-homeks .Game-plan {
    border: 1px solid #f0f0f0;
    display: block;
    width: 227px;
    height: 103px;
    border-radius: 8px 8px 0 0;
    position: relative
}

#com-homeks .Game-plan-cq {
    background: url(../images/dl-zc-bo.jpg) -2px -98px no-repeat
}

#com-homeks .Game-plan-ag {
    background: url(../images/pk10.png) no-repeat
}

#com-homeks .Game-plan-Sports {
    background: url(../images/dl-zc-bo.jpg) -4px -202px no-repeat
}

#com-homeks .Game-plan-Electronic {
    background: url(../images/dl-zc-bo.jpg) -232px -202px no-repeat
}

#com-homeks .Game-plan-egg {
    background: url(../images/dl-zc-bo.jpg) -3px -306px no-repeat
}

#com-homeks .Game-plan-ft {
    background: url(../images/dl-zc-bo.jpg) -2px -202px no-repeat
}

#com-homeks .Game-plan-Fishing {
    background: url(../images/dl-zc-bo.jpg) -232px -306px no-repeat
}

#com-homeks .Game-plan-gd11x5 {
    background: url(../images/gd11x5.png) no-repeat
}

#com-homeks .Game-plan-jnd28 {
    background: url(../images/jnd28.png) no-repeat
}

#com-homeks .Game-plan-jsk3 {
    background: url(../images/dl/jsk3.png) no-repeat
}

#com-homeks .Game-plan-cqlhc {
    background: url(../images/cqlhc.png) no-repeat
}

#com-homeks .Game-plan-lucky10 {
    background: url(../images/lucky10.jpg) no-repeat
}

#com-homeks .Game-plan .f-name {
    display: inline-block;
    border: 1px solid #c3c3c3;
    width: 85px;
    height: 85px;
    border-radius: 50%;
    position: absolute;
    top: 68px;
    left: 70px
}

#com-homeks .bll {
    position: absolute;
    top: 65px;
    left: 69px
}

#com-homeks .bll .list {
    width: 85px;
    height: 85px;
    border: 1px solid #c7c7c7;
    -moz-border-radius: 50%;
    border-radius: 50%;
    cursor: auto;
    margin: 0 auto;
    line-height: 95px;
    text-align: center;
    font-weight: 500;
    background: hsla(0,0%,100%,.6)
}

#com-homeks .bll .backc11 {
    transition: width .5s,height .5s;
    -moz-transition: width .5s,height .5s,-moz-transform .5s;
    -webkit-transition: width .5s,height .5s,-webkit-transform .5s;
    -o-transition: width .5s,height .5s,-o-transform .5s
}

#com-homeks .bll .backc11:hover {
    width: 90px;
    height: 90px;
    margin-top: 0;
    color: #2a8fbd;
    transform: rotate(1turn);
    -moz-transform: rotate(1turn);
    -webkit-transform: rotate(1turn);
    -o-transform: rotate(1turn)
}

#com-homeks .plan-Button {
    width: 85px;
    height: 85px;
    border-radius: 50%;
    background: hsla(0,0%,100%,.6)!important;
    line-height: 92px;
    text-align: center
}

#com-homeks .plan-txt {
    width: 225px;
    height: 77px;
    margin-top: 54px;
    text-align: center;
    line-height: 21px
}

#com-homeks .plan-txt p {
    font-size: 14px;
    text-align: center
}

#com-homeks .go-Button:hover {
    background: #2a8fbd;
    color: #fff;
    border: 0
}

#com-homeks .go-Button {
    border: 1px solid #eee;
    min-width: 70px;
    height: 21px;
    border-radius: 5px;
    text-align: center;
    cursor: pointer;
    display: inline-block;
    margin: 0 auto 0 3px
}

#com-homeks .go-Button a {
    color: #999
}

#com-homeks .go-Button a:hover {
    color: #fff;
    transition: all .5s ease
}

#com-homeks .Game-Show-r {
    width: 308px;
    float: right;
    margin-right: 45px;
    box-sizing: content-box
}

#com-homeks .Game-Show-r .hotGame,#com-homeks .Game-Show-r .winningList {
    width: 308px;
    border: 1px solid #f0f0f0;
    border-radius: 8px 8px 8px 8px;
    box-shadow: 0 3px 10px rgba(0,0,0,.175);
    margin-bottom: 10px
}

#com-homeks .title-heat {
    background: #2a8fbd;
    border-radius: 8px 8px 0 0;
    width: 308px;
    height: 47px
}

#com-homeks .winningList_21 .title-heat,#com-homeks .winningList_24 .title-heat {
    background: #e2393c
}

#com-homeks .heat-ico {
    display: block;
    width: 22px;
    height: 22px;
    margin: 12px 10px 0 28px;
    float: left;
    background: url(../images/all-ico.png) -24px -79px no-repeat
}

#com-homeks .heat-txt {
    display: block;
    color: #fff;
    font-size: 16px;
    float: left;
    line-height: 48px
}

#com-homeks .Ranking-game {
    border-bottom: 1px solid #ebebeb;
    width: 291px;
    box-sizing: content-box;
    padding: 15px 0 0 17px
}

#com-homeks .winningList {
    margin-top: 20px
}

#com-homeks .win-ico {
    display: block;
    width: 24px;
    height: 19px;
    margin: 12px 10px 0 28px;
    float: left;
    background: url(../images/icon_new.png) 0 0 no-repeat
}

#com-homeks .listOfNames {
    width: 100%;
    height: 185px;
    max-height: 185px;
    overflow: hidden
}

#com-homeks .listOfNames ul li {
    font-size: 14px;
    color: #555;
    line-height: 30px;
    width: 100%;
    float: left;
    text-indent: 10px
}

#com-homeks .listOfNames ul li span {
    color: #e71212
}

#com-homeks .Game {
    border: 1px solid #cfcfcf;
    width: 79px;
    height: 80px;
    float: left;
    margin: 0 15px 19px 0;
    position: relative;
    box-sizing: content-box
}

#com-homeks .content {
    height: auto;
    width: auto
}

#com-homeks .g-img-cq {
    background: url(../images/dl-zc-bo.jpg) -2px -409px no-repeat
}

#com-homeks .g-img-cqlhc {
    background: url(../images/little/littlecqlhc.png) no-repeat
}

#com-homeks .g-img-ag {
    background: url(../images/little/littlepk10.png) no-repeat
}

#com-homeks .g-img-jnd28 {
    background: url(../images/little/littlejnd28.png) no-repeat
}

#com-homeks .g-img-gd11x5 {
    background: url(../images/little/littlegd11x5.png) no-repeat
}

#com-homeks .g-img-jsk3 {
    background: url(../images/little/littlejsk3.png) no-repeat
}

#com-homeks .g-img-egg {
    background: url(../images/dl-zc-bo.jpg) -84px -409px no-repeat
}

#com-homeks .g-img-jsk32 {
    background: url(../images/little/littlejsk32.png) no-repeat
}

#com-homeks .g-img-k3gl {
    background: url(../images/little/littlek3gl.png) no-repeat
}

#com-homeks .g-img-k3gs {
    background: url(../images/little/littlek3gs.png) no-repeat
}

#com-homeks .g-img-k3hb {
    background: url(../images/little/littlek3hb.png) no-repeat
}

#com-homeks .g-img-k3kj {
    background: url(../images/little/littlek3kj.png) no-repeat
}

#com-homeks .txt {
    width: 80px;
    height: 26px;
    background: rgba(0,0,0,.6)!important;
    position: absolute;
    left: 0;
    bottom: 0;
    color: #fff;
    cursor: pointer
}

#com-homeks .txt h3 {
    font-size: 12px;
    font-weight: 100;
    height: 27px;
    text-align: center;
    color: #fff;
    line-height: 30px;
    margin: 0
}

#com-homeks .txt a {
    color: #fff
}

#com-homeks .OtherGames a:hover {
    color: #fff
}

#com-homeks .OtherGames {
    width: 290px;
    padding: 9px;
    overflow: hidden
}

#com-homeks .OtherGames ul li {
    height: 75px;
    border: 1px solid #ebebeb
}

#com-homeks .OtherGames a {
    float: left;
    font-size: 12px;
    color: #707070;
    line-height: 25px;
    font-family: 宋体;
    margin-top: 15px
}

#com-homeks .OtherGames-bj {
    background: #f0f2f3
}

#com-homeks .OtherGames a:hover {
    color: #2a8fbd
}

#com-homeks .OtherGames dt {
    float: left;
    width: 100px
}

#com-homeks .OtherGames dd {
    float: left
}

#com-homeks .OtherGames i {
    display: block;
    float: left;
    width: 47px;
    height: 47px;
    margin: 0 24px 0 18px
}

#com-homeks .Games-ag-img {
    background: url(../images/dl-zc-bo.jpg) -473px -147px no-repeat
}

#com-homeks .Games-cq-img {
    background: url(../images/dl-zc-bo.jpg) -479px -91px no-repeat
}

#com-homeks .Games-pc-img {
    background: url(../images/dl-zc-bo.jpg) -475px -200px no-repeat
}

#com-homeks .activity-w {
    width: 100%;
    height: 345px;
    background: url(../images/an-bj.jpg) 50% no-repeat
}

#com-homeks .activity-c {
    position: relative;
    width: 1200px;
    height: 345px;
    margin: 0 auto
}

#com-homeks .activity-c .content {
    position: absolute;
    top: 45%;
    left: 49%
}

#com-homeks .activity-c .content p {
    font-size: 18px;
    color: #fff;
    line-height: 36px;
    text-indent: 0;
    margin-top: 10px
}

#com-homeks .activity-size {
    border: 1px solid #ebebeb;
    width: 303px;
    height: 209px;
    float: left;
    margin: 30px 46px 25px;
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    border-radius: 12px 12px 12px 12px;
    overflow: hidden
}

#com-homeks .View-size {
    width: 341px;
    height: 62px;
    float: left;
    border-radius: 50px;
    margin-top: 40px
}

#com-homeks .activity-c a {
    background: url(../images/chargeBtn.png) no-repeat
}

#com-homeks .Advantage {
    width: 100%
}

#com-homeks .Advantage-c {
    margin: 0 auto;
    padding: 50px 59px
}

#com-homeks .Separate {
    width: 100px;
    height: 28px;
    background: #fff
}

#com-homeks .qrcode {
    background: #fff;
    border: 11px solid #fff;
    display: inline-block;
    margin-bottom: 10px
}

#com-homeks h2 {
    color: #e0b867;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 25px
}

#com-homeks .service-size {
    font-size: 12px;
    width: 1020px;
    margin: 0 auto
}

#com-homeks .service-size h2 {
    height: 60px;
    background: url(../images/tit_contactUs.png) top no-repeat
}

#com-homeks .service-size a {
    color: #8e9091
}

#com-homeks .contact li {
    float: left;
    width: 25%;
    line-height: 34px;
    margin-top: 16px;
    border-right: 1px solid #e7e7e7;
    box-sizing: border-box;
    text-align: center
}

#com-homeks .contact li:last-child {
    border-right: none
}

#com-homeks .contact li i {
    display: block;
    height: 34px;
    width: 34px;
    margin: 0 auto
}

#com-homeks .wechat-ico {
    background: url(../images/contactWay.png) 0 0 no-repeat
}

#com-homeks .qq-img {
    background: url(../images/contactWay.png) -34px 0 no-repeat
}

#com-homeks .service-call {
    background: url(../images/contactWay.png) -68px 0 no-repeat
}

#com-homeks .mailbox-ico {
    background: url(../images/contactWay.png) -102px 0 no-repeat
}

#com-homeks .contact li label {
    display: block;
    color: #8e9091;
    font-size: 14px
}

#com-homeks .contact li label span {
    color: #333
}

#com-homeks .content h3 {
    font-weight: 400;
    line-height: 25px;
    color: #636062;
    font-size: 14px;
    font-family: 宋体
}

#com-homeks .content p {
    line-height: 1.8em
}

#com-homeks .barcode {
    position: fixed;
    top: 190px;
    right: -30px;
    z-index: 1000;
    animation: mapping 1s linear infinite
}

#com-homeks .barcode-line {
    width: 160px;
    font-size: 0;
    background: url(../images/line.gif) repeat-y 28% 50%;
    height: 250px
}

#com-homeks .barcode-box {
    position: absolute;
    right: 40px;
    width: 160px;
    height: 260px;
    background: url(../images/qrCode_bg.png) no-repeat 0 0;
    cursor: move;
    font-size: 12px
}

#com-homeks .barcode-box .barcode-inner {
    position: relative;
    color: #000;
    width: 133px;
    margin: 0 auto;
    padding-top: 70px;
    overflow: hidden
}

#com-homeks .barcode-inner .bar-con {
    width: 106px;
    margin: 8px auto;
    text-align: center;
    cursor: default
}

#com-homeks .barcode-inner .bar-con a:link,#com-homeks .barcode-inner .bar-con a:visited {
    text-decoration: none;
    color: #666
}

#com-homeks .barcode-inner .bar-con a:hover {
    text-decoration: underline;
    color: red
}

#com-homeks .barcode-inner .barcode-close {
    position: absolute;
    display: block;
    line-height: 100px;
    height: 18px;
    width: 18px;
    right: 0;
    top: 40px;
    overflow: hidden;
    background: url(../images/i_close.png) 0 0 no-repeat
}

#com-homeks .barcode-inner .barcode-close:hover {
    background-position: 0 -18px
}

#com-homeks .flowIcons {
    position: fixed;
    right: 0;
    top: 480px;
    cursor: pointer;
    z-index: 1000
}

#com-homehx {
    width: 100%;
    height: 100%
}

#com-homehx .hidden-div {
    overflow: hidden;
    width: 0;
    height: 0
}

#com-homehx .main {
    width: 100%;
    height: auto;
    z-index: 2;
    background-color: #fff
}

#com-homehx .game-overflow {
    overflow: hidden;
    width: 100%
}

#com-homehx .txt-l {
    text-align: left
}

#com-homehx .txt-w {
    margin-left: 20px
}

#com-homehx .icon-w {
    display: inline-block;
    width: 20px;
    height: 18px;
    transition: all .3s ease;
    vertical-align: middle
}

#com-homehx .n-ico {
    background: url(../images/all-ico.png)-69px 1px no-repeat
}

#com-homehx .balance-ico {
    background: url(../images/all-ico.png) 0 0 no-repeat
}

#com-homehx .news-ico {
    background: url(../images/all-ico.png)-69px 0 no-repeat
}

#com-homehx table {
    border-collapse: collapse;
    border-spacing: 0
}

#com-homehx cite {
    font-style: normal
}

#com-homehx ::-moz-selection {
    color: #fff;
    color: hsla(0,0%,100%,.85);
    background: #03a8b1
}

#com-homehx ::selection {
    color: #fff;
    color: hsla(0,0%,100%,.85);
    background: #03a8b1
}

#com-homehx article,aside,dialog,figure,footer,header,menu,nav,section {
    display: block
}

#com-homehx .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

#com-homehx .clearfix {
    *zoom:1}

#com-homehx .clearfix .clear {
    _height: 0
}

#com-homehx .cbbfixed {
    position: fixed;
    right: 10px;
    transition: bottom .3s ease;
    bottom: -85px;
    z-index: 3;
    cursor: pointer
}

#com-homehx .cbbfixed .cbbtn {
    background-color: #3cafe3
}

#com-homehx .cbbfixed .cbbtn,#com-homehx .cbbfixed .cbbtn-kf {
    width: 40px;
    height: 40px;
    display: block
}

#com-homehx .cbbfixed .kf-ico {
    background: url(../images/all-ico.png) -233px -138px no-repeat
}

#com-homehx .cbbfixed .gotop {
    transition: background-color .3s ease;
    margin-top: 5px
}

#com-homehx .cbbfixed .gotop .up-icon {
    float: left;
    margin: 14px 0 0 9px;
    width: 23px;
    height: 12px;
    background: url(../images/all-ico.png) -60px -43px no-repeat
}

#com-homehx .cbbfixed .gotop:hover {
    background-color: #2c2d2e
}

#com-homehx .cbbfixed .cweixin {
    background: #dadbdd;
    margin-top: 6px
}

#com-homehx .cbbfixed .cweixin div {
    background: url(/res/new-image/erwei.png);
    width: 311px;
    height: 176px;
    position: absolute;
    left: -306px;
    top: -60px;
    opacity: 0;
    transform: scale(0);
    -webkit-transform: scale(0);
    transform-origin: 100% 70%;
    -webkit-transform-origin: 100% 70%;
    transition: transform .3s ease,opacity .3s ease;
    -webkit-transition: all .3s ease;
    display: none\0 ;
    *display: none
}

#com-homehx .cbbfixed .cweixin:hover div {
    display: block;
    transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 1;
    *display: block
}

#com-homehx .cbbfixed .cweixin .weixin-icon {
    float: left;
    margin: 12px 0 0 11px;
    width: 18px;
    height: 18px;
    background: url(../images/all-ico.png) -32px -42px no-repeat
}

#com-homehx #news {
    border-bottom: 1px solid #f0efef;
    height: 51px
}

#com-homehx .nes-col {
    display: block;
    width: 20px;
    height: 20px;
    float: left;
    margin-top: 15px;
    margin-right: 20px;
    background: url(../images/i_announce2.png) no-repeat;
    background-size: cover;
    animation: magnify 1s linear infinite alternate
}

#com-homehx #news .news-c {
    width: 1100px;
    height: 51px;
    margin: 0 auto
}

#com-homehx #news .news-c .news-l {
    line-height: 50px;
    margin-right: 15px;
    float: left
}

#com-homehx #news .news-c .news-l span {
    font-size: 14px
}

#com-homehx #news-txt {
    float: left;
    width: 870px;
    width: -moz-calc(100% - 230px);
    width: -webkit-calc(100% - 230px);
    width: calc(100% - 230px);
    height: 30px;
    margin-top: 10px;
    overflow: hidden
}

#com-homehx #news-txt li {
    line-height: 30px;
    overflow: hidden;
    letter-spacing: 1px;
    color: #4ba1c7;
    font-size: 14px
}

#com-homehx .more {
    float: right;
    line-height: 48px
}

#com-homehx .Margin-r {
    color: #c8c8c8
}

#com-homehx .more a {
    color: #999;
    padding: 0 12px
}

#com-homehx .more a:hover {
    color: #4ba1c7
}

#com-homehx .line_up {
    width: 100%;
    height: 137px;
    background: url(../images/2/line_up_ico.png) bottom repeat-x
}

#com-homehx .content-title {
    width: 369px;
    height: 161px;
    margin: 20px auto;
    background: url(../images/2/all_ico.png) -6px -42px no-repeat
}

#com-homehx .content_bj {
    overflow: hidden;
    width: 100%;
    height: 433px;
    margin-top: 50px;
    background: url(../images/2/ico_bj_2.png) repeat
}

#com-homehx .game_show {
    width: 1240px;
    height: 375px;
    margin: 16px auto;
    background: #fff;
    padding: 10px
}

#com-homehx .Lottery_show {
    float: left;
    position: relative;
    background: #1d3263;
    margin-right: 2px;
    overflow: hidden
}

#com-homehx .Lottery_show .info-cq {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

#com-homehx .Lottery_show .info-cq .info-p,#com-homehx .Lottery_show .info-cq .info-top {
    width: 33.3%;
    text-align: center;
    margin: 15px 0
}

#com-homehx .Lottery_show .img_bg {
    display: block;
    background: url(../images/2/Atlas_level_01.jpg) no-repeat
}

#com-homehx .Game-plan .f-name {
    display: inline-block;
    border: 1px solid #c3c3c3;
    width: 85px;
    height: 85px;
    border-radius: 50%;
    position: absolute;
    top: 68px;
    left: 70px
}

#com-homehx .bll {
    position: absolute;
    top: 65px;
    left: 69px
}

#com-homehx .bll .list {
    width: 85px;
    height: 85px;
    border: 1px solid #c7c7c7;
    -moz-border-radius: 50%;
    border-radius: 50%;
    cursor: pointer;
    margin: 0 auto;
    line-height: 95px;
    text-align: center;
    font-weight: 500;
    background: hsla(0,0%,100%,.6)
}

#com-homehx .bll .backc11 {
    transition: width .5s,height .5s;
    -moz-transition: width .5s,height .5s,-moz-transform .5s;
    -webkit-transition: width .5s,height .5s,-webkit-transform .5s;
    -o-transition: width .5s,height .5s,-o-transform .5s
}

#com-homehx .bll .backc11:hover {
    width: 90px;
    height: 90px;
    margin-top: 0;
    transform: rotate(1turn);
    -moz-transform: rotate(1turn);
    -webkit-transform: rotate(1turn);
    -o-transform: rotate(1turn)
}

#com-homehx .plan-Button {
    width: 85px;
    height: 85px;
    border-radius: 50%;
    background: hsla(0,0%,100%,.6)!important;
    line-height: 92px;
    text-align: center
}

#com-homehx .plan-txt {
    width: 225px;
    height: 77px;
    margin-top: 56px;
    line-height: 34px
}

#com-homehx .plan-txt p {
    font-size: 14px;
    text-align: center
}

#com-homehx .plan-txt .go-Button:hover {
    background: #2a8fbd;
    color: #fff;
    border: 0
}

#com-homehx .plan-txt .go-Button {
    border: 1px solid #c3c3c3;
    width: 117px;
    height: 36px;
    border-radius: 20px 20px 20px 20px;
    margin: 0 auto;
    text-align: center;
    cursor: pointer
}

#com-homehx .plan-txt .go-Button a:hover {
    color: #fff;
    transition: all .5s ease
}

#com-homehx .Game-Show-r {
    width: 308px;
    float: right;
    margin-right: 45px;
    box-sizing: content-box
}

#com-homehx .Game-Show-r .hotGame,#com-homehx .Game-Show-r .winningList {
    width: 308px;
    border: 1px solid #f0f0f0;
    border-radius: 8px 8px 8px 8px;
    box-shadow: 0 3px 10px rgba(0,0,0,.175);
    margin-bottom: 10px
}

#com-homehx .title-heat {
    background: #2a8fbd;
    border-radius: 8px 8px 0 0;
    width: 308px;
    height: 47px
}

#com-homehx .heat-ico {
    display: block;
    width: 22px;
    height: 22px;
    margin: 12px 10px 0 28px;
    float: left;
    background: url(../images/all-ico.png) -24px -79px no-repeat
}

#com-homehx .heat-txt {
    display: block;
    background: url(../images/2/Atlas_level_01.jpg) no-repeat
}

#com-homehx .Lottery_show .img_size_cq {
    width: 441px;
    height: 374px;
    background: url(../images/2/ssc_bg.png) no-repeat;
    background-size: cover
}

#com-homehx .Lottery_show .img_size_gd11x5 {
    width: 161px;
    height: 374px;
    background-position: -1168px 0
}

#com-homehx .Lottery_show .img_size_jsk3 {
    width: 446px;
    height: 374px;
    background-position: -282px 0
}

#com-homehx .Lottery_show .img_size_egg {
    width: 161px;
    height: 374px;
    background-position: -926px 0
}

#com-homehx .Lottery_show .img_size_cqlhc {
    display: block;
    width: 161px;
    height: 374px;
    background-position: -728px 0
}

#com-homehx .b_title {
    width: 100%;
    height: 70px;
    background: rgba(0,0,0,.8);
    z-index: 1;
    color: #fff;
    font-size: 17px;
    letter-spacing: 2px;
    line-height: 65px
}

#com-homehx .b_title,#com-homehx .effect7 .info {
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center
}

#com-homehx .effect7 .info {
    visibility: hidden;
    background: #333;
    background: rgba(0,0,0,.6);
    opacity: 0;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
    top: 0;
    right: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

#com-homehx .Lottery_show .ih-item.square.effect7 {
    overflow: hidden
}

#com-homehx .Lottery_show .ih-item.square.effect7.colored .info {
    background: #1a4a72;
    background: rgba(26,74,114,.6)
}

#com-homehx .Lottery_show .ih-item.square.effect7.colored .info h3 {
    background: rgba(12,34,52,.6)
}

#com-homehx .Lottery_show .ih-item.square.effect7 .img {
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -ms-transform: scale(1)
}

#com-homehx .Lottery_show .ih-item.square.effect7 .info h3 {
    margin: 10px 0 0;
    padding: 30px;
    background: rgba(0,0,0,.7);
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-size: 17px;
    -webkit-transition: all .35s ease-in-out .1s;
    -moz-transition: all .35s .1s ease-in-out;
    transition: all .35s ease-in-out .1s;
    -webkit-transform: scale(4);
    -moz-transform: scale(4);
    -o-transform: scale(4);
    transform: scale(4);
    -ms-transform: scale(4)
}

#com-homehx .Lottery_show .ih-item.square.effect7 .info a {
    padding: 10px 15px
}

#com-homehx .Lottery_show .ih-item.square.effect7 .info .info-cq a,#com-homehx .Lottery_show .ih-item.square.effect7 .info a {
    position: relative;
    letter-spacing: 2px;
    border: 1px solid #fff;
    border-radius: 50px;
    color: #fff;
    text-align: center;
    font-size: 16px;
    -webkit-transition: all .35s linear .3s;
    -moz-transition: all .35s .3s linear;
    transition: all .35s linear .3s;
    -webkit-transform: scale(5);
    -moz-transform: scale(5);
    -o-transform: scale(5);
    transform: scale(5);
    -ms-transform: scale(5)
}

#com-homehx .Lottery_show .ih-item.square.effect7 .info .info-cq a {
    padding: 5px 15px
}

#com-homehx .Lottery_show .ih-item.square.effect7 span:hover .img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
    -ms-transform: scale(1.2)
}

#com-homehx .Lottery_show .ih-item.square.effect7 span:hover .info {
    visibility: visible;
    opacity: 1
}

#com-homehx .Lottery_show .ih-item.square.effect7 span:hover .info a,#com-homehx .Lottery_show .ih-item.square.effect7 span:hover .info h3 {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -ms-transform: scale(1)
}

#com-homehx .Lottery_show .info-top {
    margin-top: 45px;
    letter-spacing: 5px
}

#com-homehx .Lottery_show .info-cq .info-top {
    margin-top: 15px
}

#com-homehx .Lottery_show .info-p {
    margin-top: 35px;
    letter-spacing: 5px
}

#com-homehx .Lottery_show .info-cq .info-p {
    margin: 15px 0
}

#com-homehx .Lottery_show .info-p a:hover {
    background: rgba(83,198,10,.5)
}

#com-homehx .Lottery_show .info-top a:hover {
    background: rgba(83,198,10,.5);
    transition: all .3s ease!important
}

#com-homehx .Lottery_show:hover .b_title {
    display: none
}

#com-homehx .Lottery_show .ih-item .info-gd11x5 {
    padding: 0 10px
}

#com-homehx .Lottery_show .ih-item .info-gd11x5 div {
    display: inline-block;
    float: left;
    width: 50%
}

#com-homehx .Lottery_show .ih-item .info-gd11x5 .info-p,#com-homehx .Lottery_show .ih-item .info-gd11x5 .info-top {
    margin-top: 35px
}

#com-homehx .Lottery_show .ih-item .info-jsk3 {
    padding: 0 20px
}

#com-homehx .Lottery_show .ih-item .info-jsk3 div {
    display: inline-block;
    float: left;
    width: 33.333%
}

#com-homehx .Lottery_show .ih-item .info-jsk3 .info-p,#com-homehx .Lottery_show .ih-item .info-jsk3 .info-top {
    margin-top: 25px
}

#com-homehx .Lottery_show .ih-item.square.effect7 .info-jsk3 a {
    padding: 10px 24px
}

#com-homehx .content-title_02 {
    width: 285px;
    height: 49px;
    background: url(../images/2/all_ico.png) 3px -392px no-repeat;
    margin: 50px auto 30px
}

#com-homehx .Advantage {
    display: block;
    width: 845px;
    height: 60px;
    margin: 55px auto;
    font-family: 宋体
}

#com-homehx .Advantage,#com-homehx .Advantage-w {
    color: #7a7979;
    font-size: 12px;
    text-align: center;
    letter-spacing: 1px
}

#com-homehx .Advantage-w {
    width: 1200px;
    height: 290px;
    margin: 0 auto;
    position: relative
}

#com-homehx .Advantage_Safety {
    width: 300px;
    height: 201px;
    float: left
}

#com-homehx .Advantage_c {
    width: 300px;
    height: 203px
}

#com-homehx .Advantage_Safety_pattern {
    width: 206px;
    height: 206px;
    margin: 0 0 0 43px;
    background: url(../images/2/Circle.jpg) no-repeat
}

#com-homehx .Advantage_bj_01 {
    background-position: -5px -5px
}

#com-homehx .Advantage_bj_02 {
    background-position: -219px -5px
}

#com-homehx .Advantage_bj_03 {
    background-position: -433px -5px
}

#com-homehx .Advantage_bj_04 {
    background-position: -644px -5px
}

#com-homehx .Advantage_bj_21 {
    background-position: -5px -5px
}

#com-homehx .Text_c {
    display: block;
    width: 263px;
    margin-top: 30px
}

#com-homehx .Advantage-w #wrap .bun_c {
    display: inline-block;
    width: 100px;
    height: 100px;
    font-size: 33px;
    color: #3a3a3a
}

#com-homehx .bun_01 {
    position: absolute;
    top: 80px;
    left: 89px
}

#com-homehx .bun_02 {
    position: absolute;
    top: 80px;
    left: 399px
}

#com-homehx .bun_03 {
    position: absolute;
    top: 80px;
    left: 699px
}

#com-homehx .bun_04 {
    position: absolute;
    top: 80px;
    left: 997px
}

#com-homehx .Advantage_c h1 {
    color: #5e5e5e;
    font-size: 14px;
    line-height: 263px
}

#com-homehx .Promotions_top {
    height: 111px;
    background: url(../images/2/line_down_ioc.png) repeat-x;
    margin-top: 65px
}

#com-homehx .P_title {
    width: 218px;
    height: 111px;
    margin: 0 auto;
    background: url(../images/2/all_ico.png) -4px -213px no-repeat
}

#com-homehx .Promotions_bj {
    height: 380px;
    background: #f7f7f7;
    padding-top: 30px
}

#com-homehx .Promotions_c {
    width: 1200px;
    margin: 0 auto;
    clear: both
}

#com-homehx .P_content {
    width: 60%;
    height: 290px;
    margin: 0 auto
}

#com-homehx .Promotions_l_01 {
    background: url(../images/2/Promotions-01.jpg) 50% no-repeat
}

#com-homehx .Promotions_l_01,#com-homehx .Promotions_l_02 {
    border-radius: 8px 0 0 8px;
    width: 256px;
    height: 290px;
    float: left
}

#com-homehx .Promotions_l_02 {
    background: url(../images/2/Promotions-02.jpg) 50% no-repeat
}

#com-homehx .Promotions_l_21 {
    border-radius: 8px 0 0 8px;
    width: 256px;
    height: 290px;
    float: left;
    background: url(../images/21/Promotions-21.jpg) 50% no-repeat
}

#com-homehx .P_content_r {
    position: relative;
    box-shadow: 2px 2px 2px rgba(0,0,0,.03);
    border-radius: 0 8px 8px 0;
    width: calc(100% - 256px);
    height: 290px;
    float: left;
    background: #fff;
    padding: 20px 10px
}

#com-homehx .P_content_r h4 {
    font-size: 16px;
    color: #1d1717;
    margin-bottom: 10px;
    position: relative;
    padding-left: 20px
}

#com-homehx .P_content_r h4 .i_gif {
    position: absolute;
    top: 4px;
    left: 0;
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../images/2/i_gif.png) repeat-x
}

#com-homehx .P_content_r p {
    font-size: 12px;
    color: #7a7979;
    line-height: 20px
}

#com-homehx .P_content_r p:first-of-type {
    margin-bottom: 10px
}

#com-homehx .P_content_r p span {
    color: #d91818
}

#com-homehx .P_content_r a {
    float: right;
    font-size: 12px;
    color: #787878;
    display: block;
    width: 80px;
    height: 24px;
    border: 1px solid #ececec;
    border-radius: 50px;
    text-align: center;
    line-height: 24px;
    margin: 0 auto
}

#com-homehx .P_content_r .listOfNames {
    width: 100%;
    height: 100%;
    overflow: hidden
}

#com-homehx .P_content_r .listOfNames ul li {
    font-size: 14px;
    color: #7a7979;
    line-height: 28px;
    width: 100%;
    float: left
}

#com-homehx .P_content_r .listOfNames ul li span {
    color: #d91818
}

#com-homehx .P_content_r>span {
    position: absolute;
    top: 0;
    right: -30px;
    display: block;
    width: 30px;
    padding: 5px 7px;
    background: #000;
    font-size: 14px;
    color: #fff;
    border-radius: 0 8px 8px 0
}

#com-homehx .p_charge {
    width: 576px;
    border-radius: 8px
}

#com-homehx h2 {
    color: #e0b867;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 25px
}

#com-homehx .flowIcons {
    position: fixed;
    right: 0;
    top: 200px;
    cursor: pointer;
    z-index: 1000
}

#com-homehr {
    width: 100%;
    height: 100%
}

#com-homehr .hidden-div {
    overflow: hidden;
    width: 0;
    height: 0
}

#com-homehr .main {
    width: 100%;
    height: auto;
    z-index: 2;
    background-color: #fff
}

#com-homehr .game-overflow {
    overflow: hidden;
    width: 100%;
    padding-bottom: 30px
}

#com-homehr .float-logo {
    width: 135px;
    height: 121px;
    background: #2a8fbd;
    left: 12px;
    position: fixed;
    z-index: 999999;
    top: 0;
    border-radius: 0 0 5px 5px;
    opacity: 0
}

#com-homehr .logo-opacity {
    opacity: 1!important
}

#com-homehr .float-logo .logo-img {
    display: inline-block;
    width: 119px;
    margin-left: 14px;
    height: 121px;
    background: url(../images/LOGO.png) -332px -17px no-repeat
}

#com-homehr .txt-l {
    text-align: left
}

#com-homehr .txt-w {
    margin-left: 20px
}

#com-homehr .icon-w {
    display: inline-block;
    width: 20px;
    height: 18px;
    transition: all .3s ease;
    vertical-align: middle
}

#com-homehr .n-ico {
    background: url(../images/all-ico.png)-69px 1px no-repeat
}

#com-homehr .balance-ico {
    background: url(../images/all-ico.png) 0 0 no-repeat
}

#com-homehr .news-ico {
    background: url(../images/all-ico.png)-69px 0 no-repeat
}

#com-homehr table {
    border-collapse: collapse;
    border-spacing: 0
}

#com-homehr cite {
    font-style: normal
}

#com-homehr h2 {
    font-weight: 400
}

#com-homehr ::-moz-selection {
    color: #fff;
    color: hsla(0,0%,100%,.85);
    background: #03a8b1
}

#com-homehr ::selection {
    color: #fff;
    color: hsla(0,0%,100%,.85);
    background: #03a8b1
}

#com-homehr article,aside,dialog,figure,footer,header,menu,nav,section {
    display: block
}

#com-homehr .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

#com-homehr .clearfix {
    *zoom:1}

#com-homehr .clearfix .clear {
    _height: 0
}

#com-homehr .cbbfixed {
    position: fixed;
    right: 10px;
    transition: bottom .3s ease;
    bottom: -85px;
    z-index: 3;
    cursor: pointer
}

#com-homehr .cbbfixed .cbbtn {
    background-color: #3cafe3
}

#com-homehr .cbbfixed .cbbtn,#com-homehr .cbbfixed .cbbtn-kf {
    width: 40px;
    height: 40px;
    display: block
}

#com-homehr .cbbfixed .kf-ico {
    background: url(../images/all-ico.png) -233px -138px no-repeat
}

#com-homehr .cbbfixed .gotop {
    transition: background-color .3s ease;
    margin-top: 5px
}

#com-homehr .cbbfixed .gotop .up-icon {
    float: left;
    margin: 14px 0 0 9px;
    width: 23px;
    height: 12px;
    background: url(../images/all-ico.png) -60px -43px no-repeat
}

#com-homehr .cbbfixed .gotop:hover {
    background-color: #2c2d2e
}

#com-homehr .cbbfixed .cweixin {
    background: #dadbdd;
    margin-top: 6px
}

#com-homehr .cbbfixed .cweixin div {
    background: url(/res/new-image/erwei.png);
    width: 311px;
    height: 176px;
    position: absolute;
    left: -306px;
    top: -60px;
    opacity: 0;
    transform: scale(0);
    -webkit-transform: scale(0);
    transform-origin: 100% 70%;
    -webkit-transform-origin: 100% 70%;
    transition: transform .3s ease,opacity .3s ease;
    -webkit-transition: all .3s ease;
    display: none\0 ;
    *display: none
}

#com-homehr .cbbfixed .cweixin:hover div {
    display: block;
    transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 1;
    *display: block
}

#com-homehr .cbbfixed .cweixin .weixin-icon {
    float: left;
    margin: 12px 0 0 11px;
    width: 18px;
    height: 18px;
    background: url(../images/all-ico.png) -32px -42px no-repeat
}

#com-homehr #news {
    border-bottom: 1px solid #f0efef;
    height: 51px
}

#com-homehr .nes-col {
    display: block;
    width: 20px;
    height: 20px;
    float: left;
    margin-top: 15px;
    margin-right: 20px;
    background: url(../images/i_announce2.png) no-repeat;
    background-size: cover;
    animation: magnify 1s linear infinite alternate
}

#com-homehr #news .news-c {
    width: 1100px;
    height: 51px;
    margin: 0 auto
}

#com-homehr #news .news-c .news-l {
    line-height: 50px;
    margin-right: 15px;
    float: left
}

#com-homehr #news .news-c .news-l span {
    font-size: 14px
}

#com-homehr #news-txt {
    float: left;
    width: 870px;
    width: -moz-calc(100% - 230px);
    width: -webkit-calc(100% - 230px);
    width: calc(100% - 230px);
    height: 30px;
    margin-top: 10px;
    overflow: hidden
}

#com-homehr #news-txt li {
    line-height: 30px;
    overflow: hidden;
    letter-spacing: 1px;
    color: #4ba1c7;
    font-size: 14px
}

#com-homehr .more {
    float: right;
    line-height: 48px
}

#com-homehr .Margin-r {
    color: #c8c8c8
}

#com-homehr .more a {
    color: #999;
    padding: 0 12px
}

#com-homehr .more a:hover {
    color: #4ba1c7
}

#com-homehr .hr-Text {
    width: 593px;
    height: 60px;
    margin: 50px auto;
    background: url(../images/3/hr-tit.png) no-repeat
}

#com-homehr .Game-Show-size {
    color: #555;
    width: 1200px;
    margin: 0 auto
}

#com-homehr .Game-Show-l {
    width: 775px;
    float: left;
    margin-left: 45px
}

#com-homehr .Game-a {
    box-shadow: 0 3px 10px rgba(0,0,0,.175);
    border: 1px solid #f0f0f0;
    width: 226px;
    height: 270px;
    float: left;
    margin: 0 30px 60px 0;
    border-radius: 8px 8px 8px 8px
}

#com-homehr .Game-plan {
    border: 1px solid #f0f0f0;
    display: block;
    width: 227px;
    height: 103px;
    border-radius: 8px 8px 0 0;
    position: relative
}

#com-homehr .Game-plan-cq {
    background: url(../images/dl-zc-bo.jpg) -2px -98px no-repeat
}

#com-homehr .Game-plan-ag {
    background: url(../images/pk10.png) no-repeat
}

#com-homehr .Game-plan-Sports {
    background: url(../images/dl-zc-bo.jpg) -4px -202px no-repeat
}

#com-homehr .Game-plan-Electronic {
    background: url(../images/dl-zc-bo.jpg) -232px -202px no-repeat
}

#com-homehr .Game-plan-egg {
    background: url(../images/dl-zc-bo.jpg) -3px -306px no-repeat
}

#com-homehr .Game-plan-ft {
    background: url(../images/dl-zc-bo.jpg) -2px -202px no-repeat
}

#com-homehr .Game-plan-Fishing {
    background: url(../images/dl-zc-bo.jpg) -232px -306px no-repeat
}

#com-homehr .Game-plan-gd11x5 {
    background: url(../images/gd11x5.png) no-repeat
}

#com-homehr .Game-plan-jnd28 {
    background: url(../images/jnd28.png) no-repeat
}

#com-homehr .Game-plan-jsk3 {
    background: url(../images/jsk3.png) no-repeat
}

#com-homehr .Game-plan-cqlhc {
    background: url(../images/cqlhc.png) no-repeat
}

#com-homehr .Game-plan .f-name {
    display: inline-block;
    border: 1px solid #c3c3c3;
    width: 85px;
    height: 85px;
    border-radius: 50%;
    position: absolute;
    top: 68px;
    left: 70px
}

#com-homehr .bll {
    position: absolute;
    top: 223px;
    left: 69px
}

#com-homehr .bll .list {
    width: 85px;
    height: 85px;
    border: 1px solid #c7c7c7;
    -moz-border-radius: 50%;
    border-radius: 50%;
    cursor: auto;
    margin: 0 auto;
    line-height: 85px;
    text-align: center;
    font-weight: 500;
    background: rgba(7,129,213,.6);
    font-size: 14px;
    color: #fff
}

#com-homehr .bll .backc11 {
    transition: width .5s,height .5s;
    -moz-transition: width .5s,height .5s,-moz-transform .5s;
    -webkit-transition: width .5s,height .5s,-webkit-transform .5s;
    -o-transition: width .5s,height .5s,-o-transform .5s
}

#com-homehr .bll .backc11:hover {
    width: 90px;
    height: 90px;
    margin-top: 0;
    color: #666;
    transform: rotate(1turn);
    -moz-transform: rotate(1turn);
    -webkit-transform: rotate(1turn);
    -o-transform: rotate(1turn)
}

#com-homehr .plan-Button {
    width: 85px;
    height: 85px;
    border-radius: 50%;
    background: hsla(0,0%,100%,.6)!important;
    line-height: 92px;
    text-align: center
}

#com-homehr .plan-txt {
    width: 225px;
    height: 77px;
    margin-top: 7px;
    text-align: center;
    line-height: 21px
}

#com-homehr .plan-txt p {
    font-size: 14px;
    text-align: center
}

#com-homehr .go-Button {
    border: 1px solid #eee;
    min-width: 70px;
    height: 21px;
    border-radius: 5px;
    text-align: center;
    cursor: pointer;
    display: inline-block;
    margin: 0 auto 0 3px
}

#com-homehr .go-Button a {
    color: #999
}

#com-homehr .go-Button:hover {
    background: #23a5ff;
    color: #fff;
    border: 0
}

#com-homehr .go-Button a:hover {
    color: #fff;
    transition: all .5s ease
}

#com-homehr .Game-Show-r {
    width: 308px;
    float: right;
    margin-right: 45px;
    box-sizing: content-box
}

#com-homehr .Game-Show-r .hotGame,#com-homehr .Game-Show-r .winningList {
    width: 308px;
    border: 1px solid #f0f0f0;
    border-radius: 8px 8px 8px 8px;
    box-shadow: 0 3px 10px rgba(0,0,0,.175);
    margin-bottom: 10px
}

#com-homehr .title-heat {
    background: #0781d5;
    border-radius: 8px 8px 0 0;
    width: 308px;
    height: 47px
}

#com-homehr .heat-ico {
    display: block;
    width: 22px;
    height: 22px;
    margin: 12px 10px 0 28px;
    float: left;
    background: url(../images/all-ico.png) -24px -79px no-repeat
}

#com-homehr .heat-txt {
    display: block;
    color: #fff;
    font-size: 16px;
    float: left;
    line-height: 48px
}

#com-homehr .Ranking-game {
    border-bottom: 1px solid #ebebeb;
    width: 291px;
    box-sizing: content-box;
    padding: 15px 0 0 17px
}

#com-homehr .winningList {
    margin-top: 20px
}

#com-homehr .win-ico {
    display: block;
    width: 24px;
    height: 19px;
    margin: 12px 10px 0 28px;
    float: left;
    background: url(../images/icon_new.png) 0 0 no-repeat
}

#com-homehr .listOfNames {
    width: 100%;
    height: 185px;
    max-height: 185px;
    overflow: hidden
}

#com-homehr .listOfNames ul li {
    font-size: 14px;
    color: #555;
    line-height: 30px;
    width: 100%;
    float: left;
    text-indent: 20px
}

#com-homehr .listOfNames ul li span {
    color: #e71212
}

#com-homehr .Game {
    border: 1px solid #cfcfcf;
    width: 79px;
    height: 80px;
    float: left;
    margin: 0 15px 19px 0;
    position: relative;
    box-sizing: content-box
}

#com-homehr .content {
    height: auto;
    width: auto
}

#com-homehr .g-img-cq {
    background: url(../images/dl-zc-bo.jpg) -2px -409px no-repeat
}

#com-homehr .g-img-cqlhc {
    background: url(../images/little/littlecqlhc.png) no-repeat
}

#com-homehr .g-img-ag {
    background: url(../images/little/littlepk10.png) no-repeat
}

#com-homehr .g-img-jnd28 {
    background: url(../images/little/littlejnd28.png) no-repeat
}

#com-homehr .g-img-gd11x5 {
    background: url(../images/little/littlegd11x5.png) no-repeat
}

#com-homehr .g-img-jsk3 {
    background: url(../images/little/littlejsk3.png) no-repeat
}

#com-homehr .g-img-egg {
    background: url(../images/dl-zc-bo.jpg) -84px -409px no-repeat
}

#com-homehr .txt {
    width: 80px;
    height: 26px;
    background: rgba(0,0,0,.6)!important;
    position: absolute;
    left: 0;
    bottom: 0;
    color: #fff;
    cursor: pointer
}

#com-homehr .txt h3 {
    font-size: 12px;
    font-weight: 100;
    height: 27px;
    text-align: center;
    color: #fff;
    line-height: 30px;
    margin: 0
}

#com-homehr .txt a {
    color: #fff
}

#com-homehr .OtherGames a:hover {
    color: #fff
}

#com-homehr .OtherGames {
    width: 290px;
    padding: 9px;
    overflow: hidden
}

#com-homehr .OtherGames ul li {
    height: 75px;
    border: 1px solid #ebebeb
}

#com-homehr .OtherGames a {
    float: left;
    font-size: 12px;
    color: #707070;
    line-height: 25px;
    font-family: 宋体;
    margin-top: 15px
}

#com-homehr .OtherGames-bj {
    background: #f0f2f3
}

#com-homehr .OtherGames a:hover {
    color: #2a8fbd
}

#com-homehr .OtherGames dt {
    float: left;
    width: 100px
}

#com-homehr .OtherGames dd {
    float: left
}

#com-homehr .OtherGames i {
    display: block;
    float: left;
    width: 47px;
    height: 47px;
    margin: 0 24px 0 18px
}

#com-homehr .Games-ag-img {
    background: url(../images/dl-zc-bo.jpg) -473px -147px no-repeat
}

#com-homehr .Games-cq-img {
    background: url(../images/dl-zc-bo.jpg) -479px -91px no-repeat
}

#com-homehr .Games-pc-img {
    background: url(../images/dl-zc-bo.jpg) -475px -200px no-repeat
}

#com-homehr .flowIcons {
    position: fixed;
    right: 0;
    top: 200px;
    cursor: pointer;
    z-index: 1000
}

#dlg-dragonTigerList .dragonTigerList-title {
    background-color: #203c69;
    color: #fff;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    text-align: center
}

#dlg-dragonTigerList .dragonTigerList-body {
    height: 342px;
    overflow: hidden;
    display: flex;
    justify-content: center
}

#dlg-dragonTigerList table {
    width: 100%;
    text-align: center;
    border-collapse: collapse;
    height: max-content
}

#dlg-dragonTigerList thead th {
    width: 33.33%;
    background: #eaeaea;
    height: 30px;
    line-height: 30px;
    border: 1px solid #d8d8d8;
    color: #333;
    font-size: 15px
}

#dlg-dragonTigerList tbody tr {
    height: 30px;
    line-height: 30px
}

#dlg-dragonTigerList tbody td {
    border: 1px solid #d8d8d8
}

#dlg-dragonTigerList tbody tr:first-child td:first-of-type {
    font-size: 18px
}

#dlg-dragonTigerList tbody tr:nth-child(2) td:first-of-type {
    font-size: 16px
}

#dlg-dragonTigerList .dragonTiger-hint {
    text-align: end;
    margin-right: 5px;
    line-height: 24px
}

#com-homejc {
    width: 100%;
    height: 100%
}

#com-homejc .hidden-div {
    overflow: hidden;
    width: 0;
    height: 0
}

#com-homejc .main {
    width: 100%;
    height: auto;
    z-index: 2;
    background-color: #091d3e
}

#com-homejc .gameShow {
    overflow: hidden;
    width: 100%
}

#com-homejc .txt-l {
    text-align: left
}

#com-homejc .txt-w {
    margin-left: 20px
}

#com-homejc .icon-w {
    display: inline-block;
    width: 20px;
    height: 18px;
    transition: all .3s ease;
    vertical-align: middle
}

#com-homejc .n-ico {
    background: url(../images/all-ico.png)-69px 1px no-repeat
}

#com-homejc .balance-ico {
    background: url(../images/all-ico.png) 0 0 no-repeat
}

#com-homejc .news-ico {
    background: url(../images/all-ico.png)-69px 0 no-repeat
}

#com-homejc table {
    border-collapse: collapse;
    border-spacing: 0
}

#com-homejc cite {
    font-style: normal
}

#com-homejc ::-moz-selection {
    color: #fff;
    color: hsla(0,0%,100%,.85);
    background: #03a8b1
}

#com-homejc ::selection {
    color: #fff;
    color: hsla(0,0%,100%,.85);
    background: #03a8b1
}

#com-homejc article,aside,dialog,figure,footer,header,menu,nav,section {
    display: block
}

#com-homejc .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

#com-homejc .clearfix {
    *zoom:1}

#com-homejc .clearfix .clear {
    _height: 0
}

#com-homejc .cbbfixed {
    position: fixed;
    right: 10px;
    transition: bottom .3s ease;
    bottom: -85px;
    z-index: 3;
    cursor: pointer
}

#com-homejc .cbbfixed .cbbtn {
    background-color: #3cafe3
}

#com-homejc .cbbfixed .cbbtn,#com-homejc .cbbfixed .cbbtn-kf {
    width: 40px;
    height: 40px;
    display: block
}

#com-homejc .cbbfixed .kf-ico {
    background: url(../images/all-ico.png) -233px -138px no-repeat
}

#com-homejc .cbbfixed .gotop {
    transition: background-color .3s ease;
    margin-top: 5px
}

#com-homejc .cbbfixed .gotop .up-icon {
    float: left;
    margin: 14px 0 0 9px;
    width: 23px;
    height: 12px;
    background: url(../images/all-ico.png) -60px -43px no-repeat
}

#com-homejc .cbbfixed .gotop:hover {
    background-color: #2c2d2e
}

#com-homejc .cbbfixed .cweixin {
    background: #dadbdd;
    margin-top: 6px
}

#com-homejc .cbbfixed .cweixin div {
    background: url(/res/new-image/erwei.png);
    width: 311px;
    height: 176px;
    position: absolute;
    left: -306px;
    top: -60px;
    opacity: 0;
    transform: scale(0);
    -webkit-transform: scale(0);
    transform-origin: 100% 70%;
    -webkit-transform-origin: 100% 70%;
    transition: transform .3s ease,opacity .3s ease;
    -webkit-transition: all .3s ease;
    display: none\0 ;
    *display: none
}

#com-homejc .cbbfixed .cweixin:hover div {
    display: block;
    transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 1;
    *display: block
}

#com-homejc .cbbfixed .cweixin .weixin-icon {
    float: left;
    margin: 12px 0 0 11px;
    width: 18px;
    height: 18px;
    background: url(../images/all-ico.png) -32px -42px no-repeat
}

#com-homejc #news {
    background: #fff;
    height: 51px
}

#com-homejc .nes-col {
    display: block;
    width: 20px;
    height: 20px;
    float: left;
    margin-top: 15px;
    margin-right: 20px;
    background: url(../images/i_announce2.png) no-repeat;
    background-size: cover;
    animation: magnify 1s linear infinite alternate
}

#com-homejc #news .news-c {
    width: 1100px;
    height: 51px;
    margin: 0 auto
}

#com-homejc #news .news-c .news-l {
    line-height: 50px;
    margin-right: 15px;
    float: left
}

#com-homejc #news .news-c .news-l span {
    font-size: 14px;
    color: #333
}

#com-homejc .more {
    line-height: 48px;
    display: inline-block;
    position: relative;
    bottom: 3px;
    font-size: 13px
}

#com-homejc .Margin-r {
    color: #c8c8c8
}

#com-homejc .more a {
    color: #999;
    padding: 0 12px
}

#com-homejc .more a:hover {
    color: #4ba1c7
}

#com-homejc .content-title {
    width: 386px;
    height: 86px;
    margin: 50px auto;
    background: url(../images/4/tit_bg_4.png) 0 0 no-repeat
}

#com-homejc .content-title-new {
    width: 386px;
    height: 86px;
    margin: 50px auto;
    background: url(../images/4/tit_bg_new_4.png) 0 0 no-repeat
}

#com-homejc .classicGames {
    width: 100%;
    height: 440px;
    background: url(../images/4/classicGame_bg.jpg) no-repeat;
    background-attachment: fixed;
    background-size: cover
}

#com-homejc .content_bj {
    overflow: hidden;
    width: 1200px;
    margin: 0 auto;
    padding: 30px 0
}

#com-homejc .allGames {
    padding-bottom: 45px
}

/*#com-homejc .allGames .content_bj {
    background: #7e2553 url(/res/images/4/ico_bj_4.png) repeat
}*/

#com-homejc .game_show {
    width: 100%;
    padding: 0 5px
}

#com-homejc .Lottery_show {
    float: left;
    position: relative;
    background: #1d3263;
    margin-right: 2px;
    overflow: hidden
}

#com-homejc .Lottery_show .img_bg {
    display: block;
    background: url(../images/4/allLottery_bg.jpg) no-repeat
}

#com-homejc .Lottery_show .img_bg_new {
    display: block;
    background: url(../images/4/allLottery_bg_new.jpg) no-repeat
}

#com-homejc .allGames .Lottery_show,#com-homejc .classicGames .Lottery_show {
    margin: 8px
}

#com-homejc .allGames .Lottery_show .img_bg,#com-homejc .allGames .Lottery_show .img_bg_new {
    width: 380px;
    height: 220px
}

#com-homejc .classicGames .Lottery_show .img_bg,#com-homejc .classicGames .Lottery_show .img_bg_new {
    width: 583px;
    height: 220px
}

#com-homejc .Game-plan .f-name {
    display: inline-block;
    border: 1px solid #c3c3c3;
    width: 85px;
    height: 85px;
    border-radius: 50%;
    position: absolute;
    top: 68px;
    left: 70px
}

#com-homejc .bll {
    position: absolute;
    top: 65px;
    left: 69px
}

#com-homejc .bll .list {
    width: 85px;
    height: 85px;
    border: 1px solid #c7c7c7;
    -moz-border-radius: 50%;
    border-radius: 50%;
    cursor: pointer;
    margin: 0 auto;
    line-height: 95px;
    text-align: center;
    font-weight: 500;
    background: hsla(0,0%,100%,.6)
}

#com-homejc .bll .backc11 {
    transition: width .5s,height .5s;
    -moz-transition: width .5s,height .5s,-moz-transform .5s;
    -webkit-transition: width .5s,height .5s,-webkit-transform .5s;
    -o-transition: width .5s,height .5s,-o-transform .5s
}

#com-homejc .bll .backc11:hover {
    width: 90px;
    height: 90px;
    margin-top: 0;
    transform: rotate(1turn);
    -moz-transform: rotate(1turn);
    -webkit-transform: rotate(1turn);
    -o-transform: rotate(1turn)
}

#com-homejc .plan-Button {
    width: 85px;
    height: 85px;
    border-radius: 50%;
    background: hsla(0,0%,100%,.6)!important;
    line-height: 92px;
    text-align: center
}

#com-homejc .plan-txt {
    width: 225px;
    height: 77px;
    margin-top: 56px;
    line-height: 34px
}

#com-homejc .plan-txt p {
    font-size: 14px;
    text-align: center
}

#com-homejc .plan-txt .go-Button:hover {
    background: #2a8fbd;
    color: #fff;
    border: 0
}

#com-homejc .plan-txt .go-Button {
    border: 1px solid #c3c3c3;
    width: 117px;
    height: 36px;
    border-radius: 20px 20px 20px 20px;
    margin: 0 auto;
    text-align: center;
    cursor: pointer
}

#com-homejc .plan-txt .go-Button a:hover {
    color: #fff;
    transition: all .5s ease
}

#com-homejc .Game-Show-r {
    width: 308px;
    float: right;
    margin-right: 45px;
    box-sizing: content-box
}

#com-homejc .Game-Show-r .hotGame,#com-homejc .Game-Show-r .winningList {
    width: 308px;
    border: 1px solid #f0f0f0;
    border-radius: 8px 8px 8px 8px;
    box-shadow: 0 3px 10px rgba(0,0,0,.175);
    margin-bottom: 10px
}

#com-homejc .title-heat {
    background: #2a8fbd;
    border-radius: 8px 8px 0 0;
    width: 308px;
    height: 47px
}

#com-homejc .heat-ico {
    display: block;
    width: 22px;
    height: 22px;
    margin: 12px 10px 0 28px;
    float: left;
    background: url(../images/all-ico.png) -24px -79px no-repeat
}

#com-homejc .heat-txt {
    display: block;
    background: url(../images/2/Atlas_level_01.jpg) no-repeat
}

#com-homejc .Lottery_show .img_size_cq {
    background-position: 0 0
}

#com-homejc .Lottery_show .img_size_gd11x5 {
    background-position: -410px 0
}

#com-homejc .Lottery_show .img_size_jsk3 {
    background-position: -819px 0
}

#com-homejc .Lottery_show .img_size_ag {
    background-position: 0 -250px
}

#com-homejc .Lottery_show .img_size_cqlhc {
    background-position: -410px -250px
}

#com-homejc .Lottery_show .img_size_egg {
    background-position: -819px -250px
}

#com-homejc .Lottery_show .img_size_joker {
    background-position: 0 -698px
}

#com-homejc .Lottery_show .img_size_ia {
    background-position: -410px -698px
}

#com-homejc .Lottery_show .img_size_dg {
    background-position: -821px -698px
}

#com-homejc .Lottery_show .img_size_sscjd {
    background-position: 0 -471px
}

#com-homejc .Lottery_show .img_size_pk10jd {
    background-position: -616px -471px
}

#com-homejc .b_title {
    width: 100%;
    height: 50px;
    line-height: 50px;
    background: rgba(0,0,0,.8);
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    color: #fff;
    font-size: 17px;
    letter-spacing: 2px;
    text-align: center
}

#com-homejc .span_title {
    top: 40%
}

#com-homejc .span_title,#com-homejc .span_title_2 {
    position: absolute;
    left: 20px;
    z-index: 1;
    text-align: center
}

#com-homejc .span_title_2 {
    top: 30%
}

#com-homejc .span_title .title,#com-homejc .span_title_2 .title {
    color: #fff;
    font-size: 32px;
    letter-spacing: 1px;
    font-weight: bolder
}

#com-homejc .effect7 .info {
    visibility: hidden;
    background: #333;
    background: rgba(0,0,0,.6);
    opacity: 0;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

#com-homejc .Lottery_show .ih-item.square.effect7 {
    overflow: hidden
}

#com-homejc .Lottery_show .ih-item.square.effect7.colored .info {
    background: #1a4a72;
    background: rgba(26,74,114,.6)
}

#com-homejc .Lottery_show .ih-item.square.effect7.colored .info h3 {
    background: rgba(12,34,52,.6)
}

#com-homejc .Lottery_show .ih-item.square.effect7 .img {
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -ms-transform: scale(1)
}

#com-homejc .Lottery_show .ih-item.square.effect7 .info h3 {
    margin: 0;
    height: 50px;
    line-height: 50px;
    background: rgba(0,0,0,.7);
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-size: 17px;
    -webkit-transition: all .35s ease-in-out .1s;
    -moz-transition: all .35s .1s ease-in-out;
    transition: all .35s ease-in-out .1s;
    -webkit-transform: scale(4);
    -moz-transform: scale(4);
    -o-transform: scale(4);
    transform: scale(4);
    -ms-transform: scale(4)
}

#com-homejc .Lottery_show .ih-item.square.effect7 .info a {
    position: relative;
    padding: 0 25px 2px 0;
    letter-spacing: 2px;
    color: #fff;
    text-align: center;
    font-size: 16px;
    -webkit-transition: all .35s linear .3s;
    -moz-transition: all .35s .3s linear;
    transition: all .35s linear .3s;
    -webkit-transform: scale(5);
    -moz-transform: scale(5);
    -o-transform: scale(5);
    transform: scale(5);
    -ms-transform: scale(5)
}

#com-homejc .Lottery_show .ih-item.square.effect7 .info a:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 20px;
    background: url(../images/4/i_arrow_r.png) no-repeat
}

#com-homejc .Lottery_show .ih-item.square.effect7 span:hover .img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
    -ms-transform: scale(1.2)
}

#com-homejc .Lottery_show .ih-item.square.effect7 span:hover .info {
    visibility: visible;
    opacity: 1
}

#com-homejc .Lottery_show .ih-item.square.effect7 span:hover .info a,#com-homejc .Lottery_show .ih-item.square.effect7 span:hover .info h3 {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -ms-transform: scale(1)
}

#com-homejc .Lottery_show .ih-item.square.effect7 span .info a:hover {
    text-decoration: underline
}

#com-homejc .Lottery_show .ih-item.square.effect7 span .info a:hover:after {
    -webkit-animation: rightan 1s infinite;
    -webkit-animation-fill-mode: both
}

#com-homejc .Lottery_show .info-top {
    margin-top: 60px;
    letter-spacing: 5px
}

#com-homejc .Lottery_show .info-p {
    margin-top: 35px;
    letter-spacing: 5px
}

#com-homejc .Lottery_show:hover .b_title {
    display: none
}

#com-homejc .Lottery_show .ih-item .info-egg,#com-homejc .Lottery_show .ih-item .info-gd11x5 {
    padding: 0 10px
}

#com-homejc .Lottery_show .ih-item .info-ag div,#com-homejc .Lottery_show .ih-item .info-cq div,#com-homejc .Lottery_show .ih-item .info-egg div,#com-homejc .Lottery_show .ih-item .info-gd11x5 div {
    display: inline-block;
    float: left;
    width: 50%
}

#com-homejc .Lottery_show .ih-item .info-egg .info-p,#com-homejc .Lottery_show .ih-item .info-egg .info-top,#com-homejc .Lottery_show .ih-item .info-gd11x5 .info-p,#com-homejc .Lottery_show .ih-item .info-gd11x5 .info-top {
    margin-top: 20px
}

#com-homejc .Lottery_show .ih-item .info-jsk3 div {
    display: inline-block;
    float: left;
    width: 33.333%
}

#com-homejc .Lottery_show .ih-item .info-jsk3 .info-p,#com-homejc .Lottery_show .ih-item .info-jsk3 .info-top {
    margin-top: 15px
}

#com-homejc .Lottery_show .ih-item .info-ag .info-p,#com-homejc .Lottery_show .ih-item .info-ag .info-top,#com-homejc .Lottery_show .ih-item .info-cq .info-p,#com-homejc .Lottery_show .ih-item .info-cq .info-top {
    margin-top: 16px
}

#com-homejc .Lottery_show .ih-item .info-sscjd div {
    display: inline-block;
    float: left;
    width: 50%
}

#com-homejc .Lottery_show .ih-item .info-sscjd .info-p,#com-homejc .Lottery_show .ih-item .info-sscjd .info-top {
    margin-top: 24px
}

#com-homejc .content-title_02 {
    margin: 50px auto 30px;
    width: 312px;
    height: 64px;
    background: url(../images/4/tit_bg_4.png) 0 -86px no-repeat
}

#com-homejc .Advantage {
    display: block;
    width: 845px;
    height: 60px;
    margin: 55px auto;
    font-family: 宋体
}

#com-homejc .Advantage,#com-homejc .Advantage-w {
    color: #7a7979;
    font-size: 12px;
    text-align: center;
    letter-spacing: 1px
}

#com-homejc .Advantage-w {
    width: 1200px;
    height: 290px;
    margin: 0 auto;
    position: relative
}

#com-homejc .Advantage_Safety {
    width: 300px;
    height: 201px;
    float: left
}

#com-homejc .Advantage_c {
    width: 300px;
    height: 203px
}

#com-homejc .Advantage_Safety_pattern {
    width: 206px;
    height: 206px;
    margin: 0 0 0 43px;
    background: url(../images/2/Circle.jpg) no-repeat
}

#com-homejc .Advantage_bj_01 {
    background-position: -5px -5px
}

#com-homejc .Advantage_bj_02 {
    background-position: -219px -5px
}

#com-homejc .Advantage_bj_03 {
    background-position: -433px -5px
}

#com-homejc .Advantage_bj_04 {
    background-position: -644px -5px
}

#com-homejc .Advantage_bj_21 {
    background-position: -5px -5px
}

#com-homejc .Text_c {
    display: block;
    width: 263px;
    margin-top: 30px
}

#com-homejc .Advantage-w #wrap .bun_c {
    display: inline-block;
    width: 100px;
    height: 100px;
    font-size: 33px;
    color: #3a3a3a
}

#com-homejc .bun_01 {
    position: absolute;
    top: 80px;
    left: 89px
}

#com-homejc .bun_02 {
    position: absolute;
    top: 80px;
    left: 399px
}

#com-homejc .bun_03 {
    position: absolute;
    top: 80px;
    left: 699px
}

#com-homejc .bun_04 {
    position: absolute;
    top: 80px;
    left: 997px
}

#com-homejc .bun_21 {
    position: absolute;
    top: 80px;
    left: 89px
}

#com-homejc .Advantage_c h1 {
    color: #5e5e5e;
    font-size: 14px;
    line-height: 263px
}

#com-homejc .content-title_03 {
    margin: 0 auto;
    width: 312px;
    height: 64px;
    background: url(../images/4/tit_bg_4.png) 0 -150px no-repeat
}

#com-homejc .Promotions {
    margin-top: 0;
    padding-top: 60px;
    background: url(../images/4/ico_bj_4.png) repeat
}

#com-homejc .P_title {
    width: 216px;
    height: 111px;
    margin: 0 auto;
    background: url(../images/2/all_ico.png) -4px -213px no-repeat
}

#com-homejc .Promotions_bj {
    width: 1000px;
    margin: 0 auto
}

#com-homejc .Promotions_c {
    float: left;
    display: inline-block;
    width: 500px;
    margin: 55px 0 0 50px
}

#com-homejc .P_content {
    width: 100%;
    height: 290px;
    margin: 0 auto
}

#com-homejc .Promotions_l_02 {
    border-radius: 8px 0 0 8px;
    width: 396px;
    height: 400px;
    float: left;
    display: inline-block;
    background: url(../images/4/Promotions-02.png) 50% no-repeat
}

#com-homejc .P_content_r {
    position: relative;
    box-shadow: 2px 2px 2px rgba(0,0,0,.03);
    width: 100%;
    height: 290px;
    float: left;
    background: #0b2a5e;
    padding: 20px 10px;
    border: 3px solid #ae8a45
}

#com-homejc .P_content_r:before {
    content: "";
    position: absolute;
    left: 8px;
    top: 8px;
    width: 47px;
    height: 267px;
    background: url(../images/4/listOfWinners_bg.png) 0 0 no-repeat
}

#com-homejc .P_content_r:after {
    content: "";
    position: absolute;
    right: 8px;
    top: 8px;
    width: 47px;
    height: 267px;
    background: url(../images/4/listOfWinners_bg.png) -53px 0 no-repeat
}

#com-homejc .P_content_r h4 {
    font-size: 16px;
    color: #1d1717;
    margin-bottom: 10px;
    position: relative;
    padding-left: 20px
}

#com-homejc .P_content_r h4 .i_gif {
    position: absolute;
    top: 4px;
    left: 0;
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../images/2/i_gif.png) repeat-x
}

#com-homejc .P_content_r p {
    font-size: 12px;
    color: #7a7979;
    line-height: 20px
}

#com-homejc .P_content_r p:first-of-type {
    margin-bottom: 10px
}

#com-homejc .P_content_r p span {
    color: #d91818
}

#com-homejc .P_content_r a {
    float: right;
    font-size: 12px;
    color: #787878;
    display: block;
    width: 80px;
    height: 24px;
    border: 1px solid #ececec;
    border-radius: 50px;
    text-align: center;
    line-height: 24px;
    margin: 0 auto
}

#com-homejc .P_content_r .listOfNames {
    width: 100%;
    height: 100%;
    overflow: hidden
}

#com-homejc .P_content_r .listOfNames ul li {
    font-size: 14px;
    color: #7a7979;
    line-height: 28px;
    width: 100%;
    float: left
}

#com-homejc .P_content_r .listOfNames ul li span {
    color: #ff004d;
    margin: 0 10px
}

#com-homejc .P_content_r>span {
    position: absolute;
    top: 0;
    right: -30px;
    display: block;
    width: 30px;
    padding: 5px 7px;
    background: #000;
    font-size: 14px;
    color: #fff;
    border-radius: 0 8px 8px 0
}

#com-homejc .p_charge {
    width: 576px;
    border-radius: 8px
}

#com-homejc h2 {
    color: #e0b867;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 25px
}

#com-homejc .flowIcons {
    position: fixed;
    right: 0;
    top: 200px;
    cursor: pointer;
    z-index: 1000
}

#com-homejc .marqee {
    position: relative;
    overflow: hidden;
    height: 100%;
    width: 870px;
    display: inline-block
}

#com-homejc .news-txt {
    position: absolute;
    list-style-type: none;
    height: 30px;
    margin-top: 10px;
    display: flex;
    animation-name: marqee2;
    animation-duration: 100s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    transform: translateX(100%);
    min-width: 870px;
    animation-delay: 10s
}

#com-homejc .news-txt-first {
    animation-iteration-count: 1;
    animation-fill-mode: forwards
}

#com-homejc .news-txt li {
    line-height: 30px;
    letter-spacing: 1px;
    color: #d1a14b;
    font-size: 14px;
    height: 30px;
    white-space: nowrap;
    width: 100%;
    font-weight: 400;
    margin-right: 30px
}

#com-homejc .marqee:hover .news-txt {
    animation-play-state: paused
}

#com-homejc .dragon-tiger-container {
    height: 61px;
    background: #fff;
    padding: 5px 0
}

#com-homejc .dragon-tiger-container ul {
    margin: 0
}

#com-homejc .dragon-tiger-wapper {
    width: 1100px;
    border-top: 1px solid #d1a14b;
    height: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    padding: 5px 0;
    color: #d1a14b
}

#com-homejc .dragon-tiger-badge {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 20px
}

#com-homejc .dragon-tiger-badge img {
    width: 25px
}

#com-homejc .dragon-tiger-content {
    height: 100%;
    overflow: hidden;
    flex: 1;
    position: relative
}

#com-homejc .dragon-tiger-title {
    font-size: 14px;
    color: #333;
    line-height: 51px;
    margin-bottom: 0;
    margin-right: 15px
}

#com-homejc li.dragon-tiger-item {
    display: flex;
    align-items: center;
    height: 40px;
    line-height: 40px;
    margin: 0 10px;
    position: relative
}

#com-homejc li.dragon-tiger-item:after {
    content: ",";
    font-size: 20px;
    color: #7f7f7f;
    position: absolute;
    bottom: 0;
    right: -15px
}

#com-homejc .dragon-tiger-name {
    width: 80px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px
}

@keyframes marqee2 {
    0% {
        transform: translateX(100%)
    }

    to {
        transform: translateX(-100%)
    }
}

#com-homeby {
    width: 100%;
    height: 100%
}

#com-homeby .hidden-div {
    overflow: hidden;
    width: 0;
    height: 0
}

#com-homeby .main {
    width: 100%;
    height: auto;
    z-index: 2;
    background-color: #fff
}

#com-homeby .gameShow {
    overflow: hidden;
    width: 100%
}

#com-homeby .txt-l {
    text-align: left
}

#com-homeby .txt-w {
    margin-left: 20px
}

#com-homeby .icon-w {
    display: inline-block;
    width: 20px;
    height: 18px;
    transition: all .3s ease;
    vertical-align: middle
}

#com-homeby .n-ico {
    background: url(../images/all-ico.png)-69px 1px no-repeat
}

#com-homeby .balance-ico {
    background: url(../images/all-ico.png) 0 0 no-repeat
}

#com-homeby .news-ico {
    background: url(../images/all-ico.png)-69px 0 no-repeat
}

#com-homeby table {
    border-collapse: collapse;
    border-spacing: 0
}

#com-homeby cite {
    font-style: normal
}

#com-homeby ::-moz-selection {
    color: #fff;
    color: hsla(0,0%,100%,.85);
    background: #03a8b1
}

#com-homeby ::selection {
    color: #fff;
    color: hsla(0,0%,100%,.85);
    background: #03a8b1
}

#com-homeby article,aside,dialog,figure,footer,header,menu,nav,section {
    display: block
}

#com-homeby .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

#com-homeby .clearfix {
    *zoom:1}

#com-homeby .clearfix .clear {
    _height: 0
}

#com-homeby .cbbfixed {
    position: fixed;
    right: 10px;
    transition: bottom .3s ease;
    bottom: -85px;
    z-index: 3;
    cursor: pointer
}

#com-homeby .cbbfixed .cbbtn {
    background-color: #3cafe3
}

#com-homeby .cbbfixed .cbbtn,#com-homeby .cbbfixed .cbbtn-kf {
    width: 40px;
    height: 40px;
    display: block
}

#com-homeby .cbbfixed .kf-ico {
    background: url(../images/all-ico.png) -233px -138px no-repeat
}

#com-homeby .cbbfixed .gotop {
    transition: background-color .3s ease;
    margin-top: 5px
}

#com-homeby .cbbfixed .gotop .up-icon {
    float: left;
    margin: 14px 0 0 9px;
    width: 23px;
    height: 12px;
    background: url(../images/all-ico.png) -60px -43px no-repeat
}

#com-homeby .cbbfixed .gotop:hover {
    background-color: #2c2d2e
}

#com-homeby .cbbfixed .cweixin {
    background: #dadbdd;
    margin-top: 6px
}

#com-homeby .cbbfixed .cweixin div {
    background: url(/res/new-image/erwei.png);
    width: 311px;
    height: 176px;
    position: absolute;
    left: -306px;
    top: -60px;
    opacity: 0;
    transform: scale(0);
    -webkit-transform: scale(0);
    transform-origin: 100% 70%;
    -webkit-transform-origin: 100% 70%;
    transition: transform .3s ease,opacity .3s ease;
    -webkit-transition: all .3s ease;
    display: none\0 ;
    *display: none
}

#com-homeby .cbbfixed .cweixin:hover div {
    display: block;
    transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 1;
    *display: block
}

#com-homeby .cbbfixed .cweixin .weixin-icon {
    float: left;
    margin: 12px 0 0 11px;
    width: 18px;
    height: 18px;
    background: url(../images/all-ico.png) -32px -42px no-repeat
}

#com-homeby #news {
    height: 51px
}

#com-homeby .nes-col {
    display: block;
    width: 20px;
    height: 20px;
    float: left;
    margin-top: 15px;
    margin-right: 20px;
    background: url(../images/i_announce2.png) no-repeat;
    background-size: cover;
    animation: magnify 1s linear infinite alternate
}

#com-homeby #news .news-c {
    width: 1100px;
    height: 51px;
    margin: 0 auto
}

#com-homeby #news .news-c .news-l {
    line-height: 50px;
    margin-right: 15px;
    float: left
}

#com-homeby #news .news-c .news-l span {
    font-size: 14px;
    color: #333
}

#com-homeby #news-txt {
    float: left;
    width: 870px;
    width: -moz-calc(100% - 230px);
    width: -webkit-calc(100% - 230px);
    width: calc(100% - 230px);
    height: 30px;
    margin-top: 10px;
    overflow: hidden
}

#com-homeby #news-txt li {
    line-height: 30px;
    overflow: hidden;
    letter-spacing: 1px;
    color: #d1a14a;
    font-size: 14px
}

#com-homeby .more {
    float: right;
    margin-top: 16px
}

#com-homeby .Margin-r {
    color: #c8c8c8
}

#com-homeby .more a {
    color: #999;
    padding: 0 12px
}

#com-homeby .more a:hover {
    color: #4ba1c7
}

#com-homeby .mainPlayArea {
    width: 100%;
    overflow: hidden;
    background-image: url(../images/5/mainPA_5_bg.jpg);
    background-attachment: fixed;
    background-size: cover
}

#com-homeby .content-title {
    width: 520px;
    margin: 50px auto 10px;
    font-size: 18px;
    color: #d2a451;
    text-align: center
}

#com-homeby .content-title h1 {
    position: relative;
    width: 100%;
    height: 80px;
    background: url(../images/5/tit_bg_5.png) 0 100% no-repeat;
    font-size: 28px;
    color: #fff;
    margin-bottom: 5px
}

#com-homeby .classicGames {
    width: 100%
}

#com-homeby .content_bj {
    width: 1200px;
    margin: 0 auto;
    padding: 30px 0;
    text-align: center
}

#com-homeby .game_show {
    width: 100%;
    text-align: center
}

#com-homeby .classicGames .Lottery_show {
    width: 500px
}

#com-homeby .Lottery_show {
    position: relative;
    display: inline-block;
    width: 280px;
    height: 300px;
    text-align: center;
    background: #fff;
    margin: 8px;
    padding: 10px;
    overflow: hidden
}

#com-homeby .Lottery_show_jsk3 {
    width: 420px
}

#com-homeby .Lottery_show .member-image {
    display: inline-block;
    width: 100%;
    height: 240px;
    border-bottom: 5px solid #d1a14a;
    overflow: hidden;
    transition: .4s
}

#com-homeby .Lottery_show .member-image .img_bg {
    width: 100%
}

#com-homeby .Lottery_show:hover .member-image {
    width: 109px;
    height: 81px;
    border-bottom: 0;
    border-radius: 0 0 50px 50px;
    overflow: hidden;
    transition: .4s
}

#com-homeby .Lottery_show_jsk3:hover .member-image {
    height: 66px
}

#com-homeby .classicGames .Lottery_show:hover .member-image {
    width: 112px;
    height: 56px
}

#com-homeby .Lottery_show .member-info {
    transition: .4s
}

#com-homeby .Lottery_show .member-info h3 {
    font-size: 20px;
    line-height: 40px
}

#com-homeby .Lottery_show .info-p {
    margin-top: 10px;
    letter-spacing: 5px
}

#com-homeby .Lottery_show_gd11x5 .info-p {
    margin-top: 6px
}

#com-homeby .Lottery_show_cq .info-p,#com-homeby .Lottery_show_jsk3 .info-p {
    display: inline-block;
    float: left;
    width: 49%;
    margin-top: 4px
}

#com-homeby .Lottery_show_cq .info-p:nth-child(odd),#com-homeby .Lottery_show_jsk3 .info-p:nth-child(odd) {
    margin-right: 2%
}

#com-homeby .Lottery_show_jsk3 .info-p:first-child,#com-homeby .Lottery_show_jsk3 .info-p:nth-child(2) {
    margin-top: 5px
}

#com-homeby .Lottery_show .info-p a {
    display: block;
    font-size: 16px;
    color: #333;
    line-height: 30px;
    background-image: linear-gradient(-225deg,#fffeff,#accbee)
}

#com-homeby .Lottery_show .info-p a:hover {
    background-image: linear-gradient(-225deg,#473b7b,#3584a7 51%,#30d2be);
    color: #fff;
    transition: all .3s ease!important
}

#com-homeby .Lottery_show .img_size_sscjd {
    background-position: 0 -471px
}

#com-homeby .Lottery_show .img_size_pk10jd {
    background-position: -616px -471px
}

#com-homeby .Lottery_show .ih-item.square.effect7 {
    overflow: hidden
}

#com-homeby .Lottery_show .ih-item.square.effect7.colored .info {
    background: #1a4a72;
    background: rgba(26,74,114,.6)
}

#com-homeby .Lottery_show .ih-item.square.effect7.colored .info h3 {
    background: rgba(12,34,52,.6)
}

#com-homeby .Lottery_show .ih-item.square.effect7 .img {
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -ms-transform: scale(1)
}

#com-homeby .Lottery_show .ih-item.square.effect7 .info h3 {
    margin: 0;
    height: 50px;
    line-height: 50px;
    background: rgba(0,0,0,.7);
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-size: 17px;
    -webkit-transition: all .35s ease-in-out .1s;
    -moz-transition: all .35s .1s ease-in-out;
    transition: all .35s ease-in-out .1s;
    -webkit-transform: scale(4);
    -moz-transform: scale(4);
    -o-transform: scale(4);
    transform: scale(4);
    -ms-transform: scale(4)
}

#com-homeby .Lottery_show .ih-item.square.effect7 .info a {
    position: relative;
    padding: 0 25px 2px 0;
    letter-spacing: 2px;
    color: #fff;
    text-align: center;
    font-size: 16px;
    -webkit-transition: all .35s linear .3s;
    -moz-transition: all .35s .3s linear;
    transition: all .35s linear .3s;
    -webkit-transform: scale(5);
    -moz-transform: scale(5);
    -o-transform: scale(5);
    transform: scale(5);
    -ms-transform: scale(5)
}

#com-homeby .Lottery_show .ih-item.square.effect7 .info a:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 20px;
    background: url(../images/4/i_arrow_r.png) no-repeat
}

#com-homeby .Lottery_show .ih-item.square.effect7 span:hover .img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
    -ms-transform: scale(1.2)
}

#com-homeby .Lottery_show .ih-item.square.effect7 span:hover .info {
    visibility: visible;
    opacity: 1
}

#com-homeby .Lottery_show .ih-item.square.effect7 span:hover .info a,#com-homeby .Lottery_show .ih-item.square.effect7 span:hover .info h3 {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -ms-transform: scale(1)
}

#com-homeby .Lottery_show .ih-item.square.effect7 span .info a:hover {
    text-decoration: underline
}

@-webkit-keyframes rightan {
    0% {
        right: 10%;
        opacity: 0
    }

    to {
        right: -10%;
        opacity: 1
    }
}

#com-homeby .Lottery_show .ih-item.square.effect7 span .info a:hover:after {
    -webkit-animation: rightan 1s infinite;
    -webkit-animation-fill-mode: both
}

#com-homeby .content-title_02 {
    margin: 50px auto 30px;
    width: 312px;
    height: 64px;
    background: url(../images/4/tit_bg_4.png) 0 -86px no-repeat
}

#com-homeby .Advantage {
    display: block;
    width: 845px;
    height: 60px;
    margin: 55px auto;
    font-family: 宋体
}

#com-homeby .Advantage,#com-homeby .Advantage-w {
    color: #7a7979;
    font-size: 12px;
    text-align: center;
    letter-spacing: 1px
}

#com-homeby .Advantage-w {
    width: 1200px;
    height: 290px;
    margin: 0 auto;
    position: relative
}

#com-homeby .Advantage_Safety {
    width: 300px;
    height: 201px;
    float: left
}

#com-homeby .Advantage_c {
    width: 300px;
    height: 203px
}

#com-homeby .Advantage_Safety_pattern {
    width: 206px;
    height: 206px;
    margin: 0 0 0 43px;
    background: url(../images/2/Circle.jpg) no-repeat
}

#com-homeby .Advantage_bj_01 {
    background-position: -5px -5px
}

#com-homeby .Advantage_bj_02 {
    background-position: -219px -5px
}

#com-homeby .Advantage_bj_03 {
    background-position: -433px -5px
}

#com-homeby .Advantage_bj_04 {
    background-position: -644px -5px
}

#com-homeby .Advantage_bj_21 {
    background-position: -5px -5px
}

#com-homeby .Text_c {
    display: block;
    width: 263px;
    margin-top: 30px
}

#com-homeby .Advantage-w #wrap .bun_c {
    display: inline-block;
    width: 100px;
    height: 100px;
    font-size: 33px;
    color: #3a3a3a
}

#com-homeby .bun_01 {
    position: absolute;
    top: 80px;
    left: 89px
}

#com-homeby .bun_02 {
    position: absolute;
    top: 80px;
    left: 399px
}

#com-homeby .bun_03 {
    position: absolute;
    top: 80px;
    left: 699px
}

#com-homeby .bun_04 {
    position: absolute;
    top: 80px;
    left: 997px
}

#com-homeby .bun_21 {
    position: absolute;
    top: 80px;
    left: 89px
}

#com-homeby .Advantage_c h1 {
    color: #5e5e5e;
    font-size: 14px;
    line-height: 263px
}

#com-homeby .content-title_03 {
    margin: 0 auto;
    width: 312px;
    height: 64px;
    background: url(../images/4/tit_bg_4.png) 0 -150px no-repeat
}

#com-homeby .Promotions {
    margin-top: 0;
    background-color: hsla(0,1%,40.8%,.2);
    overflow: hidden
}

#com-homeby .P_title {
    width: 216px;
    height: 111px;
    margin: 0 auto;
    background: url(../images/2/all_ico.png) -4px -213px no-repeat
}

#com-homeby .Promotions_bj {
    width: 1000px;
    margin: 0 auto
}

#com-homeby .Promotions_c {
    width: 600px;
    margin: 30px auto 50px
}

#com-homeby .P_content_r {
    position: relative;
    box-shadow: 2px 2px 2px rgba(0,0,0,.03);
    width: 100%;
    height: 290px;
    margin: 0 auto;
    padding: 20px 60px 20px 100px;
    border: 3px solid #ae8a45
}

#com-homeby .P_content_r:before {
    content: "";
    position: absolute;
    left: 8px;
    top: 8px;
    width: 47px;
    height: 267px;
    background: url(../images/4/listOfWinners_bg.png) 0 0 no-repeat
}

#com-homeby .P_content_r:after {
    content: "";
    position: absolute;
    right: 8px;
    top: 8px;
    width: 47px;
    height: 267px;
    background: url(../images/4/listOfWinners_bg.png) -53px 0 no-repeat
}

#com-homeby .P_content_r h4 {
    font-size: 16px;
    color: #1d1717;
    margin-bottom: 10px;
    position: relative;
    padding-left: 20px
}

#com-homeby .P_content_r h4 .i_gif {
    position: absolute;
    top: 4px;
    left: 0;
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../images/2/i_gif.png) repeat-x
}

#com-homeby .P_content_r p {
    font-size: 12px;
    color: #7a7979;
    line-height: 20px
}

#com-homeby .P_content_r p:first-of-type {
    margin-bottom: 10px
}

#com-homeby .P_content_r p span {
    color: #d91818
}

#com-homeby .P_content_r a {
    float: right;
    font-size: 12px;
    color: #787878;
    display: block;
    width: 80px;
    height: 24px;
    border: 1px solid #ececec;
    border-radius: 50px;
    text-align: center;
    line-height: 24px;
    margin: 0 auto
}

#com-homeby .P_content_r .listOfNames {
    width: 100%;
    height: 100%;
    overflow: hidden
}

#com-homeby .P_content_r .listOfNames ul li {
    font-size: 14px;
    color: #7a7979;
    line-height: 28px;
    width: 100%;
    float: left
}

#com-homeby .P_content_r .listOfNames ul li span {
    color: #cf0a2c;
    margin: 0 10px
}

#com-homeby .P_content_r>span {
    position: absolute;
    top: 0;
    right: -30px;
    display: block;
    width: 30px;
    padding: 5px 7px;
    background: #000;
    font-size: 14px;
    color: #fff;
    border-radius: 0 8px 8px 0
}

#com-homeby .p_charge {
    width: 576px;
    border-radius: 8px
}

#com-homeby h2 {
    color: #e0b867;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 25px
}

#com-homeby .flowIcons {
    position: fixed;
    right: 0;
    top: 200px;
    cursor: pointer;
    z-index: 1000
}

#com-homeshh {
    width: 100%;
    height: 100%
}

#com-homeshh .hidden-div {
    overflow: hidden;
    width: 0;
    height: 0
}

#com-homeshh .main {
    width: 100%;
    height: auto;
    z-index: 2;
    background-color: #fff
}

#com-homeshh .game-overflow {
    overflow: hidden;
    width: 100%;
    padding-bottom: 70px
}

#com-homeshh .float-logo {
    width: 135px;
    height: 121px;
    background: #2a8fbd;
    left: 12px;
    position: fixed;
    z-index: 999999;
    top: 0;
    border-radius: 0 0 5px 5px;
    opacity: 0
}

#com-homeshh .logo-opacity {
    opacity: 1!important
}

#com-homeshh .float-logo .logo-img {
    display: inline-block;
    width: 119px;
    margin-left: 14px;
    height: 121px;
    background: url(../images/LOGO.png) -332px -17px no-repeat
}

#com-homeshh .txt-l {
    text-align: left
}

#com-homeshh .txt-w {
    margin-left: 20px
}

#com-homeshh .icon-w {
    display: inline-block;
    width: 20px;
    height: 18px;
    transition: all .3s ease;
    vertical-align: middle
}

#com-homeshh .n-ico {
    background: url(../images/all-ico.png)-69px 1px no-repeat
}

#com-homeshh .balance-ico {
    background: url(../images/all-ico.png) 0 0 no-repeat
}

#com-homeshh .news-ico {
    background: url(../images/all-ico.png)-69px 0 no-repeat
}

#com-homeshh table {
    border-collapse: collapse;
    border-spacing: 0
}

#com-homeshh cite {
    font-style: normal
}

#com-homeshh::-moz-selection {
    color: #fff;
    color: hsla(0,0%,100%,.85);
    background: #03a8b1
}

#com-homeshh::selection {
    color: #fff;
    color: hsla(0,0%,100%,.85);
    background: #03a8b1
}

#com-homeshh article,aside,dialog,figure,footer,header,menu,nav,section {
    display: block
}

#com-homeshh .cbbfixed {
    position: fixed;
    right: 10px;
    transition: bottom .3s ease;
    bottom: -85px;
    z-index: 3;
    cursor: pointer
}

#com-homeshh .cbbfixed .cbbtn {
    background-color: #3cafe3
}

#com-homeshh .cbbfixed .cbbtn,#com-homeshh .cbbfixed .cbbtn-kf {
    width: 40px;
    height: 40px;
    display: block
}

#com-homeshh .cbbfixed .kf-ico {
    background: url(../images/all-ico.png) -233px -138px no-repeat
}

#com-homeshh .cbbfixed .gotop {
    transition: background-color .3s ease;
    margin-top: 5px
}

#com-homeshh .cbbfixed .gotop .up-icon {
    float: left;
    margin: 14px 0 0 9px;
    width: 23px;
    height: 12px;
    background: url(../images/all-ico.png) -60px -43px no-repeat
}

#com-homeshh .cbbfixed .gotop:hover {
    background-color: #2c2d2e
}

#com-homeshh .cbbfixed .cweixin {
    background: #dadbdd;
    margin-top: 6px
}

#com-homeshh .cbbfixed .cweixin div {
    background: url(/res/new-image/erwei.png);
    width: 311px;
    height: 176px;
    position: absolute;
    left: -306px;
    top: -60px;
    opacity: 0;
    transform: scale(0);
    -webkit-transform: scale(0);
    transform-origin: 100% 70%;
    -webkit-transform-origin: 100% 70%;
    transition: transform .3s ease,opacity .3s ease;
    -webkit-transition: all .3s ease;
    display: none\0 ;
    *display: none
}

#com-homeshh .cbbfixed .cweixin:hover div {
    display: block;
    transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 1;
    *display: block
}

#com-homeshh .cbbfixed .cweixin .weixin-icon {
    float: left;
    margin: 12px 0 0 11px;
    width: 18px;
    height: 18px;
    background: url(../images/all-ico.png) -32px -42px no-repeat
}

#com-homeshh #com-banner,#com-homeshh #news {
    background-color: #121212
}

#com-homeshh #news {
    border-bottom: 1px solid #f0efef;
    height: 51px
}

#com-homeshh .nes-col {
    display: block;
    width: 20px;
    height: 20px;
    float: left;
    margin-top: 15px;
    margin-right: 20px;
    background: url(../images/i_announce2.png) no-repeat;
    background-size: cover;
    animation: magnify 1s linear infinite alternate
}

#com-homeshh #news .news-c {
    width: 1100px;
    height: 51px;
    margin: 0 auto
}

#com-homeshh #news .news-c .news-l {
    line-height: 50px;
    margin-right: 15px;
    float: left
}

#com-homeshh #news .news-c .news-l span {
    font-size: 14px;
    color: #fbe587
}

#com-homeshh #news-txt {
    float: left;
    width: 870px;
    width: -moz-calc(100% - 230px);
    width: -webkit-calc(100% - 230px);
    width: calc(100% - 230px);
    height: 30px;
    margin-top: 10px;
    overflow: hidden
}

#com-homeshh #news-txt li {
    line-height: 30px;
    overflow: hidden;
    letter-spacing: 1px;
    color: #fbe587;
    font-size: 14px
}

#com-homeshh .more {
    float: right;
    line-height: 48px
}

#com-homeshh .Margin-r {
    color: #c8c8c8
}

#com-homeshh .more a {
    color: #999;
    padding: 0 12px
}

#com-homeshh .more a:hover {
    color: #4ba1c7
}

#com-homeshh .shh_tit_1,#com-homeshh .shh_tit_22 {
    width: 489px;
    height: 100px;
    margin: 50px auto 80px;
    background: url(../images/7/shh_tit_1.png) no-repeat
}

#com-homeshh .Game-Show-size {
    color: #555;
    width: 1200px;
    margin: 0 auto
}

#com-homeshh .Game-Show-l {
    width: 775px;
    float: left;
    margin-left: 45px
}

#com-homeshh .Game-a {
    box-shadow: 0 3px 10px rgba(0,0,0,.175);
    border: 1px solid #f0f0f0;
    width: 226px;
    height: 273px;
    float: left;
    margin: 0 30px 30px 0;
    border-radius: 8px 8px 8px 8px;
    background-color: #fff
}

#com-homeshh .Game-plan {
    border: 1px solid #f0f0f0;
    display: block;
    width: 100%;
    height: 103px;
    border-radius: 8px 8px 0 0;
    position: relative
}

#com-homeshh .Game-plan-cq {
    background: url(../images/dl-zc-bo.jpg) -2px -98px no-repeat
}

#com-homeshh .Game-plan-ag {
    background: url(../images/pk10.png) no-repeat
}

#com-homeshh .Game-plan-Sports {
    background: url(../images/dl-zc-bo.jpg) -4px -202px no-repeat
}

#com-homeshh .Game-plan-Electronic {
    background: url(../images/dl-zc-bo.jpg) -232px -202px no-repeat
}

#com-homeshh .Game-plan-egg {
    background: url(../images/dl-zc-bo.jpg) -3px -306px no-repeat
}

#com-homeshh .Game-plan-ft {
    background: url(../images/dl-zc-bo.jpg) -2px -202px no-repeat
}

#com-homeshh .Game-plan-Fishing {
    background: url(../images/dl-zc-bo.jpg) -232px -306px no-repeat
}

#com-homeshh .Game-plan-gd11x5 {
    background: url(../images/gd11x5.png) no-repeat
}

#com-homeshh .Game-plan-jnd28 {
    background: url(../images/jnd28.png) no-repeat
}

#com-homeshh .Game-plan-jsk3 {
    background: url(../images/jsk3.png) no-repeat
}

#com-homeshh .Game-plan-cqlhc {
    background: url(../images/cqlhc.png) no-repeat
}

#com-homeshh .Game-plan .f-name {
    display: inline-block;
    border: 1px solid #c3c3c3;
    width: 85px;
    height: 85px;
    border-radius: 50%;
    position: absolute;
    top: 68px;
    left: 70px
}

#com-homeshh .bll {
    position: absolute;
    top: 65px;
    left: 69px
}

#com-homeshh .bll .list {
    width: 85px;
    height: 85px;
    border: 1px solid #c7c7c7;
    -moz-border-radius: 50%;
    border-radius: 50%;
    cursor: auto;
    margin: 0 auto;
    line-height: 95px;
    text-align: center;
    font-size: 14px;
    background: hsla(0,0%,100%,.6)
}

#com-homeshh .bll .backc11 {
    transition: width .5s,height .5s;
    -moz-transition: width .5s,height .5s,-moz-transform .5s;
    -webkit-transition: width .5s,height .5s,-webkit-transform .5s;
    -o-transition: width .5s,height .5s,-o-transform .5s
}

#com-homeshh .bll .backc11:hover {
    width: 90px;
    height: 90px;
    margin-top: 0;
    color: #efbc09;
    transform: rotate(1turn);
    -moz-transform: rotate(1turn);
    -webkit-transform: rotate(1turn);
    -o-transform: rotate(1turn)
}

#com-homeshh .plan-Button {
    width: 85px;
    height: 85px;
    border-radius: 50%;
    background: hsla(0,0%,100%,.6)!important;
    line-height: 92px;
    text-align: center
}

#com-homeshh .plan-txt {
    width: 225px;
    height: 77px;
    margin-top: 54px;
    text-align: center;
    line-height: 21px
}

#com-homeshh .plan-txt p {
    font-size: 14px;
    text-align: center
}

#com-homeshh .go-Button {
    border: 1px solid #e2e2e2;
    min-width: 70px;
    height: 21px;
    border-radius: 5px;
    text-align: center;
    cursor: pointer;
    display: inline-block;
    margin: 0 auto 0 3px
}

#com-homeshh .go-Button:hover {
    background: #efbc09;
    color: #fff;
    border: 0
}

#com-homeshh .go-Button a {
    color: #666
}

#com-homeshh .go-Button a:hover {
    color: #fff
}

#com-homeshh .Game-Show-r {
    width: 308px;
    float: right;
    margin-right: 45px;
    box-sizing: content-box
}

#com-homeshh .Game-Show-r .hotGame,#com-homeshh .Game-Show-r .winningList {
    width: 308px;
    border: 1px solid #efbc09;
    border-radius: 8px 8px 8px 8px;
    box-shadow: 0 3px 10px rgba(0,0,0,.175);
    margin-bottom: 10px
}

#com-homeshh .title-heat {
    background: #b39324;
    border-radius: 8px 8px 0 0;
    width: 308px;
    height: 48px
}

#com-homeshh .heat-ico {
    display: block;
    width: 22px;
    height: 22px;
    margin: 12px 10px 0 28px;
    float: left;
    background: url(../images/all-ico.png) -24px -79px no-repeat
}

#com-homeshh .heat-txt {
    display: block;
    color: #fff;
    font-size: 16px;
    float: left;
    line-height: 48px
}

#com-homeshh .Ranking-game {
    border-bottom: 1px solid #ebebeb;
    width: 291px;
    box-sizing: content-box;
    padding: 15px 0 0 17px;
    background-color: #fff
}

#com-homeshh .winningList {
    margin-top: 20px
}

#com-homeshh .win-ico {
    display: block;
    width: 24px;
    height: 19px;
    margin: 12px 10px 0 28px;
    float: left;
    background: url(../images/icon_new.png) 0 0 no-repeat
}

#com-homeshh .listOfNames {
    width: 100%;
    height: 185px;
    max-height: 185px;
    overflow: hidden;
    background-color: #fff
}

#com-homeshh .listOfNames ul li {
    font-size: 14px;
    color: #555;
    line-height: 30px;
    width: 100%;
    float: left;
    text-indent: 10px
}

#com-homeshh .listOfNames ul li span {
    color: #e71212
}

#com-homeshh .Game {
    border: 1px solid #cfcfcf;
    width: 79px;
    height: 80px;
    float: left;
    margin: 0 15px 19px 0;
    position: relative;
    box-sizing: content-box
}

#com-homeshh .content {
    height: auto;
    width: auto
}

#com-homeshh .g-img-cq {
    background: url(../images/dl-zc-bo.jpg) -2px -409px no-repeat
}

#com-homeshh .g-img-cqlhc {
    background: url(../images/little/littlecqlhc.png) no-repeat
}

#com-homeshh .g-img-ag {
    background: url(../images/little/littlepk10.png) no-repeat
}

#com-homeshh .g-img-jnd28 {
    background: url(../images/little/littlejnd28.png) no-repeat
}

#com-homeshh .g-img-gd11x5 {
    background: url(../images/little/littlegd11x5.png) no-repeat
}

#com-homeshh .g-img-jsk3 {
    background: url(../images/little/littlejsk3.png) no-repeat
}

#com-homeshh .g-img-egg {
    background: url(../images/dl-zc-bo.jpg) -84px -409px no-repeat
}

#com-homeshh .txt {
    width: 80px;
    height: 26px;
    background: rgba(0,0,0,.6)!important;
    position: absolute;
    left: 0;
    bottom: 0;
    color: #fff;
    cursor: pointer
}

#com-homeshh .txt h3 {
    font-size: 12px;
    font-weight: 100;
    height: 27px;
    text-align: center;
    color: #fff;
    line-height: 30px;
    margin: 0
}

#com-homeshh .txt a {
    color: #fff
}

#com-homeshh .OtherGames a:hover {
    color: #fff
}

#com-homeshh .OtherGames {
    width: 290px;
    padding: 9px;
    overflow: hidden
}

#com-homeshh .OtherGames ul li {
    height: 75px;
    border: 1px solid #ebebeb
}

#com-homeshh .OtherGames a {
    float: left;
    font-size: 12px;
    color: #707070;
    line-height: 25px;
    font-family: 宋体;
    margin-top: 15px
}

#com-homeshh .OtherGames-bj {
    background: #f0f2f3
}

#com-homeshh .OtherGames a:hover {
    color: #2a8fbd
}

#com-homeshh .OtherGames dt {
    float: left;
    width: 100px
}

#com-homeshh .OtherGames dd {
    float: left
}

#com-homeshh .OtherGames i {
    display: block;
    float: left;
    width: 47px;
    height: 47px;
    margin: 0 24px 0 18px
}

#com-homeshh .Games-ag-img {
    background: url(../images/dl-zc-bo.jpg) -473px -147px no-repeat
}

#com-homeshh .Games-cq-img {
    background: url(../images/dl-zc-bo.jpg) -479px -91px no-repeat
}

#com-homeshh .Games-pc-img {
    background: url(../images/dl-zc-bo.jpg) -475px -200px no-repeat
}

#com-homeshh .recharge-en {
    position: relative;
    width: 100%;
    height: 345px;
    background: url(../images/7/recharge-en-7.jpg) 50% no-repeat
}

#com-homeshh .recharge-en .en-btn {
    position: absolute;
    top: 65%;
    left: 25%;
    display: block;
    width: 341px;
    height: 62px;
    background: url(../images/7/en-btn-7.png) no-repeat
}

#com-homeshh .Advantage {
    width: 100%
}

#com-homeshh .Advantage-c {
    margin: 0 auto;
    padding: 50px 59px
}

#com-homeshh .Separate {
    width: 100px;
    height: 28px;
    background: #fff
}

#com-homeshh .qrcode {
    background: #fff;
    border: 11px solid #fff;
    display: inline-block;
    margin-bottom: 10px
}

#com-homeshh h2 {
    color: #e0b867;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 25px
}

#com-homeshh .service-size {
    font-size: 12px;
    width: 1020px;
    margin: 0 auto
}

#com-homeshh .shh_tit_2 {
    width: 172px;
    height: 60px;
    margin: 0 auto 40px;
    background: url(../images/7/shh_tit_2.png) no-repeat
}

#com-homeshh .service-size a {
    color: #8e9091
}

#com-homeshh .contact li {
    float: left;
    width: 25%;
    line-height: 34px;
    margin-top: 16px;
    text-align: center
}

#com-homeshh .contact li b {
    display: block;
    width: 60px;
    height: 60px;
    padding: 10px;
    border-radius: 50%;
    margin: 0 auto 10px;
    background: hsla(0,0%,100%,.2)
}

#com-homeshh .contact li i {
    display: block;
    width: 40px;
    height: 40px
}

#com-homeshh .wechat-ico {
    background: url(../images/7/i_wx.png) no-repeat;
    background-size: 100%
}

#com-homeshh .qq-img {
    background: url(../images/7/i_qq.png) no-repeat;
    background-size: 100%
}

#com-homeshh .service-call {
    background: url(../images/7/i_phone.png) no-repeat;
    background-size: 100%
}

#com-homeshh .mailbox-ico {
    background: url(../images/7/i_email.png) no-repeat;
    background-size: 100%
}

#com-homeshh .contact li label {
    display: block;
    color: #121212;
    font-size: 14px
}

#com-homeshh .contact li label span {
    color: #999
}

#com-homeshh .content h3 {
    font-weight: 400;
    line-height: 25px;
    color: #636062;
    font-size: 14px;
    font-family: 宋体
}

#com-homeshh .content p {
    line-height: 1.8em
}

#com-homeshh .flowIcons {
    position: fixed;
    right: 0;
    top: 200px;
    cursor: pointer;
    z-index: 1000
}

#com-homectd {
    width: 100%;
    height: 100%;
    background: #0f1e57
}

#com-homectd .main {
    width: 100%;
    height: auto;
    z-index: 2;
    background-color: #fff
}

#com-homectd .gameShow {
    overflow: hidden;
    width: 100%
}

#com-homectd #news {
    height: 51px
}

#com-homectd .nes-col {
    display: block;
    width: 20px;
    height: 20px;
    float: left;
    margin-top: 15px;
    margin-right: 20px;
    background: url(../images/i_announce2.png) no-repeat;
    background-size: cover;
    animation: magnify 1s linear infinite alternate
}

#com-homectd #news .news-c {
    width: 1100px;
    height: 51px;
    margin: 0 auto
}

#com-homectd #news .news-c .news-l {
    line-height: 50px;
    margin-right: 15px;
    float: left
}

#com-homectd #news .news-c .news-l span {
    font-size: 14px;
    color: #333
}

#com-homectd #news-txt {
    float: left;
    width: 870px;
    width: -moz-calc(100% - 230px);
    width: -webkit-calc(100% - 230px);
    width: calc(100% - 230px);
    height: 30px;
    margin-top: 10px;
    overflow: hidden
}

#com-homectd #news-txt li {
    line-height: 30px;
    overflow: hidden;
    letter-spacing: 1px;
    color: #d1a14a;
    font-size: 14px
}

#com-homectd .more {
    float: right;
    margin-top: 16px
}

#com-homectd .Margin-r {
    color: #c8c8c8
}

#com-homectd .more a {
    color: #999;
    padding: 0 12px
}

#com-homectd .more a:hover {
    color: #4ba1c7
}

#com-homectd .mainPlayArea {
    width: 100%;
    overflow: hidden;
    background: #0f1e57
}

#com-homectd .content-title {
    width: 400px;
    height: 130px;
    background: url(../images/8/tit_bg_8.png) 0 100% no-repeat;
    margin: 50px auto 10px;
    padding: 30px 0 15px;
    font-size: 14px;
    letter-spacing: 10px;
    color: #717171;
    text-align: center
}

#com-homectd .content-title h1 {
    font-size: 28px;
    color: #fff;
    margin-bottom: 5px
}

#com-homectd .classicGames {
    width: 100%
}

#com-homectd .content_bj {
    width: 1200px;
    margin: 0 auto;
    padding: 30px 0;
    text-align: center
}

#com-homectd .game_show {
    width: 100%;
    text-align: center
}

#com-homectd .lty_item {
    position: relative;
    display: inline-block;
    width: 315px;
    height: 300px;
    margin: 8px
}

#com-homectd .lty_item_jsk3 {
    width: 420px
}

#com-homectd .classicGames .lty_item {
    width: 500px
}

#com-homectd .lty_item .img {
    position: relative;
    width: 100%;
    height: 100%
}

#com-homectd .lty_item .img:before {
    position: absolute;
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    box-shadow: inset 0 0 0 16px hsla(0,0%,100%,.6),0 1px 2px rgba(0,0,0,.3);
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out
}

#com-homectd .lty_item .img h1 {
    position: absolute;
    top: 40px;
    left: 35px;
    font-size: 24px;
    color: #fff;
    font-weight: 700
}

#com-homectd .lty_item .img img {
    width: 100%;
    height: 100%
}

#com-homectd .lty_item .info {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    transition: all .35s ease-in-out;
    transform-style: preserve-3d
}

#com-homectd .lty_item .info .info-back {
    padding-top: 50px;
    visibility: hidden;
    width: 100%;
    height: 100%;
    background: #333;
    background: rgba(0,0,0,.6);
    transform: rotateY(180deg)
}

#com-homectd .lty_item .info h3 {
    position: relative;
    letter-spacing: 2px;
    font-size: 22px;
    color: #fff;
    margin: 0 80px 30px;
    height: 50px;
    line-height: 50px;
    text-shadow: 0 0 1px #fff,0 1px 2px rgba(0,0,0,.3);
    border-bottom: 1px solid hsla(0,0%,100%,.5)
}

#com-homectd .lty_item .info .info-p {
    float: left;
    width: 50%;
    line-height: 30px;
    color: #bbb;
    font-style: italic;
    font-size: 14px
}

#com-homectd .lty_item:hover .info {
    transform: rotateY(-180deg)
}

#com-homectd .lty_item:hover .info .info-back {
    visibility: visible
}

#com-homectd .lty_item .info-back a:hover {
    color: #dbb814;
    text-decoration: underline;
    transition: all .3s ease
}

#com-homectd .lty_item:hover .img h1 {
    display: none;
    transition: all .3s ease
}

#com-homectd .content-title_03 {
    margin: 0 auto;
    width: 312px;
    height: 64px;
    background: url(../images/4/tit_bg_4.png) 0 -150px no-repeat
}

#com-homectd .Promotions {
    margin-top: 0;
    background-color: hsla(0,1%,40.8%,.2);
    overflow: hidden
}

#com-homectd .P_title {
    width: 216px;
    height: 111px;
    margin: 0 auto;
    background: url(../images/2/all_ico.png) -4px -213px no-repeat
}

#com-homectd .Promotions_bj {
    width: 1000px;
    margin: 0 auto
}

#com-homectd .Promotions_c {
    width: 600px;
    margin: 30px auto 50px
}

#com-homectd .P_content_r {
    position: relative;
    box-shadow: 2px 2px 2px rgba(0,0,0,.03);
    width: 100%;
    height: 290px;
    margin: 0 auto;
    padding: 20px 60px 20px 100px;
    border: 3px solid #ae8a45
}

#com-homectd .P_content_r:before {
    content: "";
    position: absolute;
    left: 8px;
    top: 8px;
    width: 47px;
    height: 267px;
    background: url(../images/4/listOfWinners_bg.png) 0 0 no-repeat
}

#com-homectd .P_content_r:after {
    content: "";
    position: absolute;
    right: 8px;
    top: 8px;
    width: 47px;
    height: 267px;
    background: url(../images/4/listOfWinners_bg.png) -53px 0 no-repeat
}

#com-homectd .P_content_r h4 {
    font-size: 16px;
    color: #1d1717;
    margin-bottom: 10px;
    position: relative;
    padding-left: 20px
}

#com-homectd .P_content_r h4 .i_gif {
    position: absolute;
    top: 4px;
    left: 0;
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../images/2/i_gif.png) repeat-x
}

#com-homectd .P_content_r p {
    font-size: 12px;
    color: #7a7979;
    line-height: 20px
}

#com-homectd .P_content_r p:first-of-type {
    margin-bottom: 10px
}

#com-homectd .P_content_r p span {
    color: #d91818
}

#com-homectd .P_content_r a {
    float: right;
    font-size: 12px;
    color: #787878;
    display: block;
    width: 80px;
    height: 24px;
    border: 1px solid #ececec;
    border-radius: 50px;
    text-align: center;
    line-height: 24px;
    margin: 0 auto
}

#com-homectd .P_content_r .listOfNames {
    width: 100%;
    height: 100%;
    overflow: hidden
}

#com-homectd .P_content_r .listOfNames ul li {
    font-size: 14px;
    color: #7a7979;
    line-height: 28px;
    width: 100%;
    float: left
}

#com-homectd .P_content_r .listOfNames ul li span {
    color: #cf0a2c;
    margin: 0 10px
}

#com-homectd .P_content_r>span {
    position: absolute;
    top: 0;
    right: -30px;
    display: block;
    width: 30px;
    padding: 5px 7px;
    background: #000;
    font-size: 14px;
    color: #fff;
    border-radius: 0 8px 8px 0
}

#com-homectd .p_charge {
    width: 576px;
    border-radius: 8px
}

#com-homectd h2 {
    color: #e0b867;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 25px
}

#com-homectd .flowIcons {
    position: fixed;
    right: 0;
    top: 200px;
    cursor: pointer;
    z-index: 1000
}

#com-homecqyl {
    width: 100%;
    height: 100%
}

#com-homecqyl .main {
    width: 100%;
    height: auto;
    z-index: 2;
    background-color: #fff
}

#com-homecqyl .gameShow {
    overflow: hidden;
    width: 100%
}

#com-homecqyl #news {
    height: 51px
}

#com-homecqyl .nes-col {
    display: block;
    width: 20px;
    height: 20px;
    float: left;
    margin-top: 15px;
    margin-right: 20px;
    background: url(../images/i_announce2.png) no-repeat;
    background-size: cover;
    animation: magnify 1s linear infinite alternate
}

#com-homecqyl #news .news-c {
    width: 1100px;
    height: 51px;
    margin: 0 auto
}

#com-homecqyl #news .news-c .news-l {
    line-height: 50px;
    margin-right: 15px;
    float: left
}

#com-homecqyl #news .news-c .news-l span {
    font-size: 14px;
    color: #333
}

#com-homecqyl #news-txt {
    float: left;
    width: 870px;
    width: -moz-calc(100% - 230px);
    width: -webkit-calc(100% - 230px);
    width: calc(100% - 230px);
    height: 30px;
    margin-top: 10px;
    overflow: hidden
}

#com-homecqyl #news-txt li {
    line-height: 30px;
    overflow: hidden;
    letter-spacing: 1px;
    color: #d1a14a;
    font-size: 14px
}

#com-homecqyl .more {
    float: right;
    margin-top: 16px
}

#com-homecqyl .Margin-r {
    color: #c8c8c8
}

#com-homecqyl .more a {
    color: #999;
    padding: 0 12px
}

#com-homecqyl .more a:hover {
    color: #4ba1c7
}

#com-homecqyl .mainPlayArea {
    width: 100%;
    overflow: hidden;
    background: #f7f7f7 url(/res/images/9/cream-pixels.png) repeat
}

#com-homecqyl .content-title {
    width: 400px;
    height: 150px;
    background: url(../images/9/tit_bg_9.png) no-repeat;
    background-size: 100%;
    margin: 50px auto 10px;
    padding: 30px 0 15px;
    font-size: 14px;
    letter-spacing: 10px;
    color: #4a470c;
    text-align: center
}

#com-homecqyl .content-title h1 {
    font-size: 30px;
    color: #630404;
    margin-bottom: 5px;
    font-weight: 700
}

#com-homecqyl .classicGames {
    width: 100%
}

#com-homecqyl .content_bj {
    width: 1400px;
    margin: 0 auto;
    padding: 30px 0;
    text-align: center
}

#com-homecqyl .game_show {
    width: 100%;
    text-align: center
}

#com-homecqyl .lty_item {
    position: relative;
    display: inline-block;
    width: 315px;
    height: 300px;
    margin: 8px;
    border: 3px solid #b18f8f
}

#com-homecqyl .lty_item_jsk3 {
    width: 420px
}

#com-homecqyl .classicGames .lty_item {
    width: 500px
}

#com-homecqyl .lty_item .img_bg {
    position: relative;
    width: 100%;
    height: 100%
}

#com-homecqyl .lty_item .info {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    transition: all .35s ease-in-out;
    transform-style: preserve-3d;
    padding: 2em;
    font-size: 1.25em
}

#com-homecqyl .lty_item .info .info-back {
    padding: 1em 0;
    opacity: 0;
    transition: opacity .35s,transform .35s;
    transform: translate3d(100%,0,0)
}

#com-homecqyl .lty_item .info h3 {
    position: relative;
    overflow: hidden;
    padding: .5em 0;
    color: #fff;
    background: rgba(0,0,0,.3);
    letter-spacing: 10px
}

#com-homecqyl .lty_item:hover .info {
    background: rgba(0,0,0,.6)
}

#com-homecqyl .lty_item .info .info-p {
    float: left;
    width: 50%;
    line-height: 36px;
    color: #bbb;
    font-style: italic;
    font-size: 16px
}

#com-homecqyl .lty_item .info h3:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: #fff;
    content: "";
    -webkit-transition: -webkit-transform .35s;
    transition: transform .35s;
    -webkit-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0)
}

#com-homecqyl .lty_item:hover .info h3:after {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

#com-homecqyl .lty_item:hover .info .info-back {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

#com-homecqyl .lty_item:hover .info .info-p:hover {
    color: #d72900;
    transition: all .3s ease
}

#com-homecqyl .content-title_03 {
    margin: 0 auto;
    width: 312px;
    height: 64px;
    background: url(../images/4/tit_bg_4.png) 0 -150px no-repeat
}

#com-homecqyl .Promotions {
    background: url(../images/9/listOfWinners_bg.jpg) no-repeat;
    background-size: 100%;
    padding: 100px 0 140px
}

#com-homecqyl .P_title {
    width: 216px;
    height: 111px;
    margin: 0 auto;
    background: url(../images/2/all_ico.png) -4px -213px no-repeat
}

#com-homecqyl .Promotions_c {
    width: 600px;
    margin: 30px 0 50px 50%
}

#com-homecqyl .listOfNames {
    position: relative;
    width: 100%;
    height: 290px;
    padding: 20px 60px 20px 0
}

#com-homecqyl .listOfNames ul li {
    font-size: 14px;
    color: #e6e4db;
    line-height: 28px;
    width: 100%;
    float: left
}

#com-homecqyl .listOfNames ul li span {
    color: #cf0a2c;
    margin: 0 10px
}

#com-homecqyl>span {
    position: absolute;
    top: 0;
    right: -30px;
    display: block;
    width: 30px;
    padding: 5px 7px;
    background: #000;
    font-size: 14px;
    color: #fff;
    border-radius: 0 8px 8px 0
}

#com-homecqyl .p_charge {
    width: 576px;
    border-radius: 8px
}

#com-homecqyl h2 {
    color: #e0b867;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 25px
}

#com-homecqyl .flowIcons {
    position: fixed;
    right: 0;
    top: 200px;
    cursor: pointer;
    z-index: 1000
}

#com-homekl {
    width: 100%;
    height: 100%
}

#com-homekl .main {
    width: 100%;
    height: auto;
    z-index: 2;
    background-color: #fff
}

#com-homekl .gameShow {
    overflow: hidden;
    width: 100%
}

#com-homekl #news {
    height: 51px
}

#com-homekl .nes-col {
    display: block;
    width: 20px;
    height: 20px;
    float: left;
    margin-top: 15px;
    margin-right: 20px;
    background: url(../images/i_announce2.png) no-repeat;
    background-size: cover;
    animation: magnify 1s linear infinite alternate
}

#com-homekl #news .news-c {
    width: 1100px;
    height: 51px;
    margin: 0 auto
}

#com-homekl #news .news-c .news-l {
    line-height: 50px;
    margin-right: 15px;
    float: left
}

#com-homekl #news .news-c .news-l span {
    font-size: 14px;
    color: #333
}

#com-homekl #news-txt {
    float: left;
    width: 870px;
    width: -moz-calc(100% - 230px);
    width: -webkit-calc(100% - 230px);
    width: calc(100% - 230px);
    height: 30px;
    margin-top: 10px;
    overflow: hidden
}

#com-homekl #news-txt li {
    line-height: 30px;
    overflow: hidden;
    letter-spacing: 1px;
    color: #d1a14a;
    font-size: 14px
}

#com-homekl .more {
    float: right;
    margin-top: 16px
}

#com-homekl .Margin-r {
    color: #c8c8c8
}

#com-homekl .more a {
    color: #999;
    padding: 0 12px
}

#com-homekl .more a:hover {
    color: #4ba1c7
}

#com-homekl .mainPlayArea {
    width: 100%;
    overflow: hidden;
    background: url(../images/10/mainPA_10_bg.jpg) repeat-y;
    background-size: 100%;
    padding-bottom: 50px
}

#com-homekl .content-title {
    position: relative;
    width: 400px;
    height: 150px;
    margin: 50px auto 10px;
    padding-top: 106px;
    font-size: 14px;
    letter-spacing: 10px;
    line-height: 30px;
    color: #adeaff;
    text-align: center
}

#com-homekl .content-title:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 106px;
    background: url(../images/10/tit_bg_10_b.png) no-repeat;
    background-size: 100%
}

#com-homekl .content-title:after {
    content: "";
    position: absolute;
    bottom: -20px;
    left: 0;
    width: 100%;
    height: 20px;
    background: url(../images/10/tit_bg_10_a.png) no-repeat;
    background-size: 100%
}

#com-homekl .content-title h1 {
    display: inline-block;
    font-size: 24px;
    color: #fff;
    line-height: 44px
}

#com-homekl .classicGames {
    width: 100%
}

#com-homekl .content_bj {
    width: 1400px;
    margin: 0 auto;
    padding: 30px 0;
    text-align: center
}

#com-homekl .game_show {
    width: 100%;
    text-align: center
}

#com-homekl .lty_item {
    position: relative;
    display: inline-block;
    width: 315px;
    height: 300px;
    margin: 8px;
    border: 2px solid #b8a87c
}

#com-homekl .lty_item_jsk3 {
    width: 420px
}

#com-homekl .classicGames .lty_item {
    width: 500px
}

#com-homekl .lty_item .img_bg {
    position: relative;
    width: 100%;
    height: 100%;
    -webkit-transition: opacity .35s,-webkit-transform .35s;
    transition: opacity .35s,transform .35s;
    transform: scale(1)
}

#com-homekl .lty_item .info {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    transition: all .35s ease-in-out;
    transform-style: preserve-3d;
    padding: 2em;
    font-size: 1.25em
}

#com-homekl .lty_item .info:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 2px solid #b8a87c;
    box-sizing: border-box;
    content: "";
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

#com-homekl .lty_item .info .info-back,#com-homekl .lty_item .info:before {
    opacity: 0;
    -webkit-transition: opacity .35s,-webkit-transform .35s;
    transition: opacity .35s,transform .35s
}

#com-homekl .lty_item .info .info-back {
    margin: 0 auto;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    padding: 1em 0
}

#com-homekl .lty_item .info h3 {
    padding: 5px 0;
    color: #fff;
    background: rgba(0,0,0,.2);
    letter-spacing: 10px;
    font-weight: 300
}

#com-homekl .lty_item .info .info-p {
    float: left;
    width: 50%;
    line-height: 36px;
    color: #bbb;
    font-style: italic;
    font-size: 16px
}

#com-homekl .lty_item:hover {
    border: none
}

#com-homekl .lty_item:hover .img_bg {
    transform: scale(1.1)
}

#com-homekl .lty_item:hover .info .info-back,#com-homekl .lty_item:hover .info:before {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

#com-homekl .lty_item:hover .info {
    background: rgba(0,0,0,.6)
}

#com-homekl .lty_item:hover .info .info-p:hover {
    color: #cd0617;
    text-decoration: underline;
    transition: all .3s ease
}

#com-homekl .content-title_03 {
    margin: 0 auto;
    width: 312px;
    height: 64px;
    background: url(../images/4/tit_bg_4.png) 0 -150px no-repeat
}

#com-homekl .P_title {
    width: 216px;
    height: 111px;
    margin: 0 auto;
    background: url(../images/2/all_ico.png) -4px -213px no-repeat
}

#com-homekl .listOfNames {
    position: relative;
    width: 700px;
    height: 290px;
    margin: 30px auto 0;
    border: 3px solid #b8a87c;
    padding: 20px 0 30px 100px;
    overflow: hidden
}

#com-homekl .listOfNames ul li {
    font-size: 14px;
    color: #e6e4db;
    line-height: 28px;
    width: 100%;
    float: left
}

#com-homekl .listOfNames ul li span {
    color: #cf0a2c;
    margin: 0 10px
}

#com-homekl>span {
    position: absolute;
    top: 0;
    right: -30px;
    display: block;
    width: 30px;
    padding: 5px 7px;
    background: #000;
    font-size: 14px;
    color: #fff;
    border-radius: 0 8px 8px 0
}

#com-homekl .p_charge {
    width: 576px;
    border-radius: 8px
}

#com-homekl h2 {
    color: #e0b867;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 25px
}

#com-homekl .flowIcons {
    position: fixed;
    right: 0;
    top: 200px;
    cursor: pointer;
    z-index: 1000
}

#com-homeds {
    width: 100%;
    height: 100%;
    background: #0f1e57
}

#com-homeds .main {
    width: 100%;
    height: auto;
    z-index: 2;
    background-color: #fff
}

#com-homeds .gameShow {
    overflow: hidden;
    width: 100%
}

#com-homeds #news {
    height: 51px
}

#com-homeds .nes-col {
    display: block;
    width: 20px;
    height: 20px;
    float: left;
    margin-top: 15px;
    margin-right: 20px;
    background: url(../images/i_announce2.png) no-repeat;
    background-size: cover;
    animation: magnify 1s linear infinite alternate
}

#com-homeds #news .news-c {
    width: 1100px;
    height: 51px;
    margin: 0 auto
}

#com-homeds #news .news-c .news-l {
    line-height: 50px;
    margin-right: 15px;
    float: left
}

#com-homeds #news .news-c .news-l span {
    font-size: 14px;
    color: #333
}

#com-homeds #news-txt {
    float: left;
    width: 870px;
    width: -moz-calc(100% - 230px);
    width: -webkit-calc(100% - 230px);
    width: calc(100% - 230px);
    height: 30px;
    margin-top: 10px;
    overflow: hidden
}

#com-homeds #news-txt li {
    line-height: 30px;
    overflow: hidden;
    letter-spacing: 1px;
    color: #d1a14a;
    font-size: 14px
}

#com-homeds .more {
    float: right;
    margin-top: 16px
}

#com-homeds .Margin-r {
    color: #c8c8c8
}

#com-homeds .more a {
    color: #999;
    padding: 0 12px
}

#com-homeds .more a:hover {
    color: #4ba1c7
}

#com-homeds .mainPlayArea {
    width: 100%;
    overflow: hidden;
    background: #0f1e57
}

#com-homeds .content-title {
    width: 400px;
    height: 130px;
    background: url(../images/23/tit_bg_23.png) 0 100% no-repeat;
    margin: 50px auto 10px;
    padding: 30px 0 15px;
    font-size: 14px;
    letter-spacing: 10px;
    color: #717171;
    text-align: center
}

#com-homeds .content-title h1 {
    font-size: 28px;
    color: #fff;
    margin-bottom: 5px
}

#com-homeds .classicGames {
    width: 100%
}

#com-homeds .content_bj {
    width: 1200px;
    margin: 0 auto;
    padding: 30px 0;
    text-align: center
}

#com-homeds .game_show {
    width: 100%;
    text-align: center
}

#com-homeds .lty_item {
    position: relative;
    display: inline-block;
    width: 315px;
    height: 300px;
    margin: 8px
}

#com-homeds .lty_item_jsk3 {
    width: 420px
}

#com-homeds .classicGames .lty_item {
    width: 500px
}

#com-homeds .lty_item .img {
    position: relative;
    width: 100%;
    height: 100%
}

#com-homeds .lty_item .img:before {
    position: absolute;
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    box-shadow: inset 0 0 0 16px hsla(0,0%,100%,.6),0 1px 2px rgba(0,0,0,.3);
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out
}

#com-homeds .lty_item .img h1 {
    position: absolute;
    top: 40px;
    left: 35px;
    font-size: 24px;
    color: #fff;
    font-weight: 700
}

#com-homeds .lty_item .img img {
    width: 100%;
    height: 100%
}

#com-homeds .lty_item .info {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    transition: all .35s ease-in-out;
    transform-style: preserve-3d
}

#com-homeds .lty_item .info .info-back {
    padding-top: 50px;
    visibility: hidden;
    width: 100%;
    height: 100%;
    background: #333;
    background: rgba(0,0,0,.6);
    transform: rotateY(180deg)
}

#com-homeds .lty_item .info h3 {
    position: relative;
    letter-spacing: 2px;
    font-size: 22px;
    color: #fff;
    margin: 0 80px 30px;
    height: 50px;
    line-height: 50px;
    text-shadow: 0 0 1px #fff,0 1px 2px rgba(0,0,0,.3);
    border-bottom: 1px solid hsla(0,0%,100%,.5)
}

#com-homeds .lty_item .info .info-p {
    float: left;
    width: 50%;
    line-height: 30px;
    color: #bbb;
    font-style: italic;
    font-size: 14px
}

#com-homeds .lty_item .info-jsk3 .info-p {
    float: left;
    width: 33%;
    line-height: 30px;
    color: #bbb;
    font-style: italic;
    font-size: 14px
}

#com-homeds .lty_item:hover .info {
    transform: rotateY(-180deg)
}

#com-homeds .lty_item:hover .info .info-back {
    visibility: visible
}

#com-homeds .lty_item .info-back a:hover {
    color: #dbb814;
    text-decoration: underline;
    transition: all .3s ease
}

#com-homeds .lty_item:hover .img h1 {
    display: none;
    transition: all .3s ease
}

#com-homeds .content-title_03 {
    margin: 0 auto;
    width: 312px;
    height: 64px;
    background: url(../images/4/tit_bg_4.png) 0 -150px no-repeat
}

#com-homeds .Promotions {
    margin-top: 0;
    background-color: hsla(0,1%,40.8%,.2);
    overflow: hidden
}

#com-homeds .P_title {
    width: 216px;
    height: 111px;
    margin: 0 auto;
    background: url(../images/2/all_ico.png) -4px -213px no-repeat
}

#com-homeds .Promotions_bj {
    width: 1000px;
    margin: 0 auto
}

#com-homeds .Promotions_c {
    width: 600px;
    margin: 30px auto 50px
}

#com-homeds .P_content_r {
    position: relative;
    box-shadow: 2px 2px 2px rgba(0,0,0,.03);
    width: 100%;
    height: 290px;
    margin: 0 auto;
    padding: 20px 60px 20px 100px;
    border: 3px solid #ae8a45
}

#com-homeds .P_content_r:before {
    content: "";
    position: absolute;
    left: 8px;
    top: 8px;
    width: 47px;
    height: 267px;
    background: url(../images/4/listOfWinners_bg.png) 0 0 no-repeat
}

#com-homeds .P_content_r:after {
    content: "";
    position: absolute;
    right: 8px;
    top: 8px;
    width: 47px;
    height: 267px;
    background: url(../images/4/listOfWinners_bg.png) -53px 0 no-repeat
}

#com-homeds .P_content_r h4 {
    font-size: 16px;
    color: #1d1717;
    margin-bottom: 10px;
    position: relative;
    padding-left: 20px
}

#com-homeds .P_content_r h4 .i_gif {
    position: absolute;
    top: 4px;
    left: 0;
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../images/2/i_gif.png) repeat-x
}

#com-homeds .P_content_r p {
    font-size: 12px;
    color: #7a7979;
    line-height: 20px
}

#com-homeds .P_content_r p:first-of-type {
    margin-bottom: 10px
}

#com-homeds .P_content_r p span {
    color: #d91818
}

#com-homeds .P_content_r a {
    float: right;
    font-size: 12px;
    color: #787878;
    display: block;
    width: 80px;
    height: 24px;
    border: 1px solid #ececec;
    border-radius: 50px;
    text-align: center;
    line-height: 24px;
    margin: 0 auto
}

#com-homeds .P_content_r .listOfNames {
    width: 100%;
    height: 100%;
    overflow: hidden
}

#com-homeds .P_content_r .listOfNames ul li {
    font-size: 14px;
    color: #7a7979;
    line-height: 28px;
    width: 100%;
    float: left
}

#com-homeds .P_content_r .listOfNames ul li span {
    color: #cf0a2c;
    margin: 0 10px
}

#com-homeds .P_content_r>span {
    position: absolute;
    top: 0;
    right: -30px;
    display: block;
    width: 30px;
    padding: 5px 7px;
    background: #000;
    font-size: 14px;
    color: #fff;
    border-radius: 0 8px 8px 0
}

#com-homeds .p_charge {
    width: 576px;
    border-radius: 8px
}

#com-homeds h2 {
    color: #e0b867;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 25px
}

#com-homeds .flowIcons {
    position: fixed;
    right: 0;
    top: 200px;
    cursor: pointer;
    z-index: 1000
}

s #com-homewh {
    width: 100%;
    height: 100%
}

#com-homewh .hidden-div {
    overflow: hidden;
    width: 0;
    height: 0
}

#com-homewh .main {
    width: 100%;
    height: auto;
    z-index: 2;
    background-color: #fff
}

#com-homewh .game-overflow {
    overflow: hidden;
    width: 100%;
    padding-bottom: 30px
}

#com-homewh .float-logo {
    width: 135px;
    height: 121px;
    background: #2a8fbd;
    left: 12px;
    position: fixed;
    z-index: 999999;
    top: 0;
    border-radius: 0 0 5px 5px;
    opacity: 0
}

#com-homewh .logo-opacity {
    opacity: 1!important
}

#com-homewh .float-logo .logo-img {
    display: inline-block;
    width: 119px;
    margin-left: 14px;
    height: 121px;
    background: url(../images/LOGO.png) -332px -17px no-repeat
}

#com-homewh .txt-l {
    text-align: left
}

#com-homewh .txt-w {
    margin-left: 20px
}

#com-homewh .icon-w {
    display: inline-block;
    width: 20px;
    height: 18px;
    transition: all .3s ease;
    vertical-align: middle
}

#com-homewh .n-ico {
    background: url(../images/all-ico.png)-69px 1px no-repeat
}

#com-homewh .balance-ico {
    background: url(../images/all-ico.png) 0 0 no-repeat
}

#com-homewh .news-ico {
    background: url(../images/all-ico.png)-69px 0 no-repeat
}

#com-homewh table {
    border-collapse: collapse;
    border-spacing: 0
}

#com-homewh cite {
    font-style: normal
}

#com-homewh ::-moz-selection {
    color: #fff;
    color: hsla(0,0%,100%,.85);
    background: #03a8b1
}

#com-homewh ::selection {
    color: #fff;
    color: hsla(0,0%,100%,.85);
    background: #03a8b1
}

#com-homewh article,aside,dialog,figure,footer,header,menu,nav,section {
    display: block
}

#com-homewh .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

#com-homewh .clearfix {
    *zoom:1}

#com-homewh .clearfix .clear {
    _height: 0
}

#com-homewh .cbbfixed {
    position: fixed;
    right: 10px;
    transition: bottom .3s ease;
    bottom: -85px;
    z-index: 3;
    cursor: pointer
}

#com-homewh .cbbfixed .cbbtn {
    background-color: #3cafe3
}

#com-homewh .cbbfixed .cbbtn,#com-homewh .cbbfixed .cbbtn-kf {
    width: 40px;
    height: 40px;
    display: block
}

#com-homewh .cbbfixed .kf-ico {
    background: url(../images/all-ico.png) -233px -138px no-repeat
}

#com-homewh .cbbfixed .gotop {
    transition: background-color .3s ease;
    margin-top: 5px
}

#com-homewh .cbbfixed .gotop .up-icon {
    float: left;
    margin: 14px 0 0 9px;
    width: 23px;
    height: 12px;
    background: url(../images/all-ico.png) -60px -43px no-repeat
}

#com-homewh .cbbfixed .gotop:hover {
    background-color: #2c2d2e
}

#com-homewh .cbbfixed .cweixin {
    background: #dadbdd;
    margin-top: 6px
}

#com-homewh .cbbfixed .cweixin div {
    background: url(/res/new-image/erwei.png);
    width: 311px;
    height: 176px;
    position: absolute;
    left: -306px;
    top: -60px;
    opacity: 0;
    transform: scale(0);
    -webkit-transform: scale(0);
    transform-origin: 100% 70%;
    -webkit-transform-origin: 100% 70%;
    transition: transform .3s ease,opacity .3s ease;
    -webkit-transition: all .3s ease;
    display: none\0 ;
    *display: none
}

#com-homewh .cbbfixed .cweixin:hover div {
    display: block;
    transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 1;
    *display: block
}

#com-homewh .cbbfixed .cweixin .weixin-icon {
    float: left;
    margin: 12px 0 0 11px;
    width: 18px;
    height: 18px;
    background: url(../images/all-ico.png) -32px -42px no-repeat
}

#com-homewh #news {
    border-bottom: 1px solid #f0efef;
    height: 51px
}

#com-homewh .nes-col {
    display: block;
    width: 20px;
    height: 20px;
    float: left;
    margin-top: 15px;
    margin-right: 20px;
    background: url(../images/i_announce2.png) no-repeat;
    background-size: cover;
    animation: magnify 1s linear infinite alternate
}

#com-homewh #news .news-c {
    width: 1100px;
    height: 51px;
    margin: 0 auto
}

#com-homewh #news .news-c .news-l {
    line-height: 50px;
    margin-right: 15px;
    float: left
}

#com-homewh #news .news-c .news-l span {
    font-size: 14px
}

#com-homewh #news-txt {
    float: left;
    width: 870px;
    width: -moz-calc(100% - 230px);
    width: -webkit-calc(100% - 230px);
    width: calc(100% - 230px);
    height: 30px;
    margin-top: 10px;
    overflow: hidden
}

#com-homewh #news-txt li {
    line-height: 30px;
    overflow: hidden;
    letter-spacing: 1px;
    color: #4ba1c7;
    font-size: 14px
}

#com-homewh .more {
    float: right;
    line-height: 48px
}

#com-homewh .Margin-r {
    color: #c8c8c8
}

#com-homewh .more a {
    color: #999;
    padding: 0 12px
}

#com-homewh .more a:hover {
    color: #4ba1c7
}

#com-homewh .wh-Text {
    width: 593px;
    height: 53px;
    margin: 50px auto;
    background: url(../images/8/dl-zc-bo.jpg) 0 -493px no-repeat
}

#com-homewh .Game-Show-size {
    color: #555;
    width: 1200px;
    margin: 0 auto
}

#com-homewh .Game-Show-l {
    width: 775px;
    float: left;
    margin-left: 45px
}

#com-homewh .Game-a {
    box-shadow: 0 3px 10px rgba(0,0,0,.175);
    border: 1px solid #f0f0f0;
    width: 226px;
    height: 273px;
    float: left;
    margin: 0 30px 30px 0;
    border-radius: 8px 8px 8px 8px
}

#com-homewh .Game-plan {
    border: 1px solid #f0f0f0;
    display: block;
    width: 227px;
    height: 103px;
    border-radius: 8px 8px 0 0;
    position: relative
}

#com-homewh .Game-plan-cq {
    background: url(../images/dl-zc-bo.jpg) -2px -98px no-repeat
}

#com-homewh .Game-plan-ag {
    background: url(../images/pk10.png) no-repeat
}

#com-homewh .Game-plan-Sports {
    background: url(../images/dl-zc-bo.jpg) -4px -202px no-repeat
}

#com-homewh .Game-plan-Electronic {
    background: url(../images/dl-zc-bo.jpg) -232px -202px no-repeat
}

#com-homewh .Game-plan-egg {
    background: url(../images/dl-zc-bo.jpg) -3px -306px no-repeat
}

#com-homewh .Game-plan-ft {
    background: url(../images/dl-zc-bo.jpg) -2px -202px no-repeat
}

#com-homewh .Game-plan-Fishing {
    background: url(../images/dl-zc-bo.jpg) -232px -306px no-repeat
}

#com-homewh .Game-plan-gd11x5 {
    background: url(../images/gd11x5.png) no-repeat
}

#com-homewh .Game-plan-jnd28 {
    background: url(../images/jnd28.png) no-repeat
}

#com-homewh .Game-plan-jsk3 {
    background: url(../images/jsk3.png) no-repeat
}

#com-homewh .Game-plan-cqlhc {
    background: url(../images/cqlhc.png) no-repeat
}

#com-homewh .Game-plan .f-name {
    display: inline-block;
    border: 1px solid #c3c3c3;
    width: 85px;
    height: 85px;
    border-radius: 50%;
    position: absolute;
    top: 68px;
    left: 70px
}

#com-homewh .bll {
    position: absolute;
    top: 65px;
    left: 69px
}

#com-homewh .bll .list {
    width: 85px;
    height: 85px;
    border: 1px solid #c7c7c7;
    -moz-border-radius: 50%;
    border-radius: 50%;
    cursor: auto;
    margin: 0 auto;
    line-height: 95px;
    text-align: center;
    font-weight: 500;
    background: hsla(0,0%,100%,.6)
}

#com-homewh .bll .backc11 {
    transition: width .5s,height .5s;
    -moz-transition: width .5s,height .5s,-moz-transform .5s;
    -webkit-transition: width .5s,height .5s,-webkit-transform .5s;
    -o-transition: width .5s,height .5s,-o-transform .5s
}

#com-homewh .bll .backc11:hover {
    width: 90px;
    height: 90px;
    margin-top: 0;
    color: #2a8fbd;
    transform: rotate(1turn);
    -moz-transform: rotate(1turn);
    -webkit-transform: rotate(1turn);
    -o-transform: rotate(1turn)
}

#com-homewh .plan-Button {
    width: 85px;
    height: 85px;
    border-radius: 50%;
    background: hsla(0,0%,100%,.6)!important;
    line-height: 92px;
    text-align: center
}

#com-homewh .plan-txt {
    width: 225px;
    height: 77px;
    margin-top: 54px;
    text-align: center;
    line-height: 21px
}

#com-homewh .plan-txt p {
    font-size: 14px;
    text-align: center
}

#com-homewh .go-Button:hover {
    background: #2a8fbd;
    color: #fff;
    border: 0
}

#com-homewh .go-Button {
    border: 1px solid #eee;
    min-width: 70px;
    height: 21px;
    border-radius: 5px;
    text-align: center;
    cursor: pointer;
    display: inline-block;
    margin: 0 auto 0 3px
}

#com-homewh .go-Button a {
    color: #999
}

#com-homewh .go-Button a:hover {
    color: #fff;
    transition: all .5s ease
}

#com-homewh .Game-Show-r {
    width: 308px;
    float: right;
    margin-right: 45px;
    box-sizing: content-box
}

#com-homewh .Game-Show-r .hotGame,#com-homewh .Game-Show-r .winningList {
    width: 308px;
    border: 1px solid #f0f0f0;
    border-radius: 8px 8px 8px 8px;
    box-shadow: 0 3px 10px rgba(0,0,0,.175);
    margin-bottom: 10px
}

#com-homewh .title-heat {
    background: #2a8fbd;
    border-radius: 8px 8px 0 0;
    width: 308px;
    height: 47px
}

#com-homewh .heat-ico {
    display: block;
    width: 22px;
    height: 22px;
    margin: 12px 10px 0 28px;
    float: left;
    background: url(../images/all-ico.png) -24px -79px no-repeat
}

#com-homewh .heat-txt {
    display: block;
    color: #fff;
    font-size: 16px;
    float: left;
    line-height: 48px
}

#com-homewh .Ranking-game {
    border-bottom: 1px solid #ebebeb;
    width: 291px;
    box-sizing: content-box;
    padding: 15px 0 0 17px
}

#com-homewh .winningList {
    margin-top: 20px
}

#com-homewh .win-ico {
    display: block;
    width: 24px;
    height: 19px;
    margin: 12px 10px 0 28px;
    float: left;
    background: url(../images/icon_new.png) 0 0 no-repeat
}

#com-homewh .listOfNames {
    width: 100%;
    height: 185px;
    max-height: 185px;
    overflow: hidden
}

#com-homewh .listOfNames ul li {
    font-size: 14px;
    color: #555;
    line-height: 30px;
    width: 100%;
    float: left;
    text-indent: 10px
}

#com-homewh .listOfNames ul li span {
    color: #e71212
}

#com-homewh .Game {
    border: 1px solid #cfcfcf;
    width: 79px;
    height: 80px;
    float: left;
    margin: 0 15px 19px 0;
    position: relative;
    box-sizing: content-box
}

#com-homewh .content {
    height: auto;
    width: auto
}

#com-homewh .g-img-cq {
    background: url(../images/dl-zc-bo.jpg) -2px -409px no-repeat
}

#com-homewh .g-img-cqlhc {
    background: url(../images/little/littlecqlhc.png) no-repeat
}

#com-homewh .g-img-ag {
    background: url(../images/little/littlepk10.png) no-repeat
}

#com-homewh .g-img-jnd28 {
    background: url(../images/little/littlejnd28.png) no-repeat
}

#com-homewh .g-img-gd11x5 {
    background: url(../images/little/littlegd11x5.png) no-repeat
}

#com-homewh .g-img-jsk3 {
    background: url(../images/little/littlejsk3.png) no-repeat
}

#com-homewh .g-img-egg {
    background: url(../images/dl-zc-bo.jpg) -84px -409px no-repeat
}

#com-homewh .txt {
    width: 80px;
    height: 26px;
    background: rgba(0,0,0,.6)!important;
    position: absolute;
    left: 0;
    bottom: 0;
    color: #fff;
    cursor: pointer
}

#com-homewh .txt h3 {
    font-size: 12px;
    font-weight: 100;
    height: 27px;
    text-align: center;
    color: #fff;
    line-height: 30px;
    margin: 0
}

#com-homewh .txt a {
    color: #fff
}

#com-homewh .OtherGames a:hover {
    color: #fff
}

#com-homewh .OtherGames {
    width: 290px;
    padding: 9px;
    overflow: hidden
}

#com-homewh .OtherGames ul li {
    height: 75px;
    border: 1px solid #ebebeb
}

#com-homewh .OtherGames a {
    float: left;
    font-size: 12px;
    color: #707070;
    line-height: 25px;
    font-family: 宋体;
    margin-top: 15px
}

#com-homewh .OtherGames-bj {
    background: #f0f2f3
}

#com-homewh .OtherGames a:hover {
    color: #2a8fbd
}

#com-homewh .OtherGames dt {
    float: left;
    width: 100px
}

#com-homewh .OtherGames dd {
    float: left
}

#com-homewh .OtherGames i {
    display: block;
    float: left;
    width: 47px;
    height: 47px;
    margin: 0 24px 0 18px
}

#com-homewh .Games-ag-img {
    background: url(../images/dl-zc-bo.jpg) -473px -147px no-repeat
}

#com-homewh .Games-cq-img {
    background: url(../images/dl-zc-bo.jpg) -479px -91px no-repeat
}

#com-homewh .Games-pc-img {
    background: url(../images/dl-zc-bo.jpg) -475px -200px no-repeat
}

#com-homewh .activity-w {
    width: 100%;
    height: 345px;
    background: url(../images/an-bj.jpg) 50% no-repeat
}

#com-homewh .activity-c {
    position: relative;
    width: 1200px;
    height: 345px;
    margin: 0 auto
}

#com-homewh .activity-c .content {
    position: absolute;
    top: 45%;
    left: 49%
}

#com-homewh .activity-c .content p {
    font-size: 18px;
    color: #fff;
    line-height: 36px;
    text-indent: 0;
    margin-top: 10px
}

#com-homewh .activity-size {
    border: 1px solid #ebebeb;
    width: 303px;
    height: 209px;
    float: left;
    margin: 30px 46px 25px;
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    border-radius: 12px 12px 12px 12px;
    overflow: hidden
}

#com-homewh .View-size {
    width: 341px;
    height: 62px;
    float: left;
    border-radius: 50px;
    margin-top: 40px
}

#com-homewh .activity-c a {
    background: url(../images/chargeBtn.png) no-repeat
}

#com-homewh .Advantage {
    width: 100%
}

#com-homewh .Advantage-c {
    margin: 0 auto;
    padding: 50px 59px
}

#com-homewh .Separate {
    width: 100px;
    height: 28px;
    background: #fff
}

#com-homewh .qrcode {
    background: #fff;
    border: 11px solid #fff;
    display: inline-block;
    margin-bottom: 10px
}

#com-homewh h2 {
    color: #e0b867;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 25px
}

#com-homewh .service-size {
    font-size: 12px;
    width: 1020px;
    margin: 0 auto
}

#com-homewh .service-size h2 {
    height: 60px;
    background: url(../images/tit_contactUs.png) top no-repeat
}

#com-homewh .service-size a {
    color: #8e9091
}

#com-homewh .contact li {
    float: left;
    width: 25%;
    line-height: 34px;
    margin-top: 16px;
    border-right: 1px solid #e7e7e7;
    box-sizing: border-box;
    text-align: center
}

#com-homewh .contact li:last-child {
    border-right: none
}

#com-homewh .contact li i {
    display: block;
    height: 34px;
    width: 34px;
    margin: 0 auto
}

#com-homewh .wechat-ico {
    background: url(../images/contactWay.png) 0 0 no-repeat
}

#com-homewh .qq-img {
    background: url(../images/contactWay.png) -34px 0 no-repeat
}

#com-homewh .service-call {
    background: url(../images/contactWay.png) -68px 0 no-repeat
}

#com-homewh .mailbox-ico {
    background: url(../images/contactWay.png) -102px 0 no-repeat
}

#com-homewh .contact li label {
    display: block;
    color: #8e9091;
    font-size: 14px
}

#com-homewh .contact li label span {
    color: #333
}

#com-homewh .content h3 {
    font-weight: 400;
    line-height: 25px;
    color: #636062;
    font-size: 14px;
    font-family: 宋体
}

#com-homewh .content p {
    line-height: 1.8em
}

#com-homewh .barcode {
    position: fixed;
    top: 190px;
    right: -30px;
    z-index: 1000;
    animation: mapping 1s linear infinite
}

@-webkit-keyframes mapping {
    0% {
        top: 0
    }

    50% {
        top: -5px
    }

    to {
        top: 0
    }
}

@-moz-keyframes mapping {
    0% {
        top: 0
    }

    50% {
        top: -5px
    }

    to {
        top: 0
    }
}

@keyframes mapping {
    0% {
        top: 0
    }

    50% {
        top: -5px
    }

    to {
        top: 0
    }
}

#com-homewh .barcode-line {
    width: 160px;
    font-size: 0;
    background: url(../images/line.gif) repeat-y 28% 50%;
    height: 250px
}

#com-homewh .barcode-box {
    position: absolute;
    right: 40px;
    width: 160px;
    height: 260px;
    background: url(../images/qrCode_bg.png) no-repeat 0 0;
    cursor: move;
    font-size: 12px
}

#com-homewh .barcode-box .barcode-inner {
    position: relative;
    color: #000;
    width: 133px;
    margin: 0 auto;
    padding-top: 70px;
    overflow: hidden
}

#com-homewh .barcode-inner .bar-con {
    width: 106px;
    margin: 8px auto;
    text-align: center;
    cursor: default
}

#com-homewh .barcode-inner .bar-con a:link,#com-homewh .barcode-inner .bar-con a:visited {
    text-decoration: none;
    color: #666
}

#com-homewh .barcode-inner .bar-con a:hover {
    text-decoration: underline;
    color: red
}

#com-homewh .barcode-inner .barcode-close {
    position: absolute;
    display: block;
    line-height: 100px;
    height: 18px;
    width: 18px;
    right: 0;
    top: 40px;
    overflow: hidden;
    background: url(../images/i_close.png) 0 0 no-repeat
}

#com-homewh .barcode-inner .barcode-close:hover {
    background-position: 0 -18px
}

#com-homewh .flowIcons {
    position: fixed;
    right: 0;
    top: 480px;
    cursor: pointer;
    z-index: 1000
}

#com-homefzf {
    width: 100%;
    height: 100%
}

#com-homefzf .hidden-div {
    overflow: hidden;
    width: 0;
    height: 0
}

#com-homefzf .main {
    width: 100%;
    height: auto;
    z-index: 2;
    background-color: #121212
}

#com-homefzf .game-overflow {
    overflow: hidden;
    width: 100%;
    padding-bottom: 70px
}

#com-homefzf .float-logo {
    width: 135px;
    height: 121px;
    background: #2a8fbd;
    left: 12px;
    position: fixed;
    z-index: 999999;
    top: 0;
    border-radius: 0 0 5px 5px;
    opacity: 0
}

#com-homefzf .logo-opacity {
    opacity: 1!important
}

#com-homefzf .float-logo .logo-img {
    display: inline-block;
    width: 119px;
    margin-left: 14px;
    height: 121px;
    background: url(../images/LOGO.png) -332px -17px no-repeat
}

#com-homefzf .txt-l {
    text-align: left
}

#com-homefzf .txt-w {
    margin-left: 20px
}

#com-homefzf .icon-w {
    display: inline-block;
    width: 20px;
    height: 18px;
    transition: all .3s ease;
    vertical-align: middle
}

#com-homefzf .n-ico {
    background: url(../images/all-ico.png)-69px 1px no-repeat
}

#com-homefzf .balance-ico {
    background: url(../images/all-ico.png) 0 0 no-repeat
}

#com-homefzf .news-ico {
    background: url(../images/all-ico.png)-69px 0 no-repeat
}

#com-homefzf table {
    border-collapse: collapse;
    border-spacing: 0
}

#com-homefzf cite {
    font-style: normal
}

#com-homefzf::-moz-selection {
    color: #fff;
    color: hsla(0,0%,100%,.85);
    background: #03a8b1
}

#com-homefzf::selection {
    color: #fff;
    color: hsla(0,0%,100%,.85);
    background: #03a8b1
}

#com-homefzf article,aside,dialog,figure,footer,header,menu,nav,section {
    display: block
}

#com-homefzf .cbbfixed {
    position: fixed;
    right: 10px;
    transition: bottom .3s ease;
    bottom: -85px;
    z-index: 3;
    cursor: pointer
}

#com-homefzf .cbbfixed .cbbtn {
    background-color: #3cafe3
}

#com-homefzf .cbbfixed .cbbtn,#com-homefzf .cbbfixed .cbbtn-kf {
    width: 40px;
    height: 40px;
    display: block
}

#com-homefzf .cbbfixed .kf-ico {
    background: url(../images/all-ico.png) -233px -138px no-repeat
}

#com-homefzf .cbbfixed .gotop {
    transition: background-color .3s ease;
    margin-top: 5px
}

#com-homefzf .cbbfixed .gotop .up-icon {
    float: left;
    margin: 14px 0 0 9px;
    width: 23px;
    height: 12px;
    background: url(../images/all-ico.png) -60px -43px no-repeat
}

#com-homefzf .cbbfixed .gotop:hover {
    background-color: #2c2d2e
}

#com-homefzf .cbbfixed .cweixin {
    background: #dadbdd;
    margin-top: 6px
}

#com-homefzf .cbbfixed .cweixin div {
    background: url(/res/new-image/erwei.png);
    width: 311px;
    height: 176px;
    position: absolute;
    left: -306px;
    top: -60px;
    opacity: 0;
    transform: scale(0);
    -webkit-transform: scale(0);
    transform-origin: 100% 70%;
    -webkit-transform-origin: 100% 70%;
    transition: transform .3s ease,opacity .3s ease;
    -webkit-transition: all .3s ease;
    display: none\0 ;
    *display: none
}

#com-homefzf .cbbfixed .cweixin:hover div {
    display: block;
    transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 1;
    *display: block
}

#com-homefzf .cbbfixed .cweixin .weixin-icon {
    float: left;
    margin: 12px 0 0 11px;
    width: 18px;
    height: 18px;
    background: url(../images/all-ico.png) -32px -42px no-repeat
}

#com-homefzf #news {
    border-bottom: 1px solid #f0efef;
    height: 51px
}

#com-homefzf .nes-col {
    display: block;
    width: 20px;
    height: 20px;
    float: left;
    margin-top: 15px;
    margin-right: 20px;
    background: url(../images/i_announce2.png) no-repeat;
    background-size: cover;
    animation: magnify 1s linear infinite alternate
}

#com-homefzf #news .news-c {
    width: 1100px;
    height: 51px;
    margin: 0 auto
}

#com-homefzf #news .news-c .news-l {
    line-height: 50px;
    margin-right: 15px;
    float: left
}

#com-homefzf #news .news-c .news-l span {
    font-size: 14px;
    color: #fbe587
}

#com-homefzf #news-txt {
    float: left;
    width: 870px;
    width: -moz-calc(100% - 230px);
    width: -webkit-calc(100% - 230px);
    width: calc(100% - 230px);
    height: 30px;
    margin-top: 10px;
    overflow: hidden
}

#com-homefzf #news-txt li {
    line-height: 30px;
    overflow: hidden;
    letter-spacing: 1px;
    color: #fbe587;
    font-size: 14px
}

#com-homefzf .more {
    float: right;
    line-height: 48px
}

#com-homefzf .Margin-r {
    color: #c8c8c8
}

#com-homefzf .more a {
    color: #999;
    padding: 0 12px
}

#com-homefzf .more a:hover {
    color: #4ba1c7
}

#com-homefzf .shh_tit_1,#com-homefzf .shh_tit_22 {
    width: 489px;
    height: 100px;
    margin: 50px auto 80px;
    background: url(../images/24/shh_tit_1.png) no-repeat
}

#com-homefzf .Game-Show-size {
    color: #555;
    width: 1200px;
    margin: 0 auto
}

#com-homefzf .Game-Show-l {
    width: 775px;
    float: left;
    margin-left: 45px
}

#com-homefzf .Game-a {
    box-shadow: 0 3px 10px rgba(0,0,0,.175);
    border: 1px solid #f0f0f0;
    width: 226px;
    height: 247px;
    float: left;
    margin: 0 30px 30px 0;
    border-radius: 8px 8px 8px 8px;
    background-color: #fff
}

#com-homefzf .Game-plan {
    border: 1px solid #f0f0f0;
    display: block;
    width: 100%;
    height: 103px;
    border-radius: 8px 8px 0 0;
    position: relative
}

#com-homefzf .Game-plan-cq {
    background: url(../images/dl-zc-bo.jpg) -2px -98px no-repeat
}

#com-homefzf .Game-plan-ag {
    background: url(../images/pk10.png) no-repeat
}

#com-homefzf .Game-plan-Sports {
    background: url(../images/dl-zc-bo.jpg) -4px -202px no-repeat
}

#com-homefzf .Game-plan-Electronic {
    background: url(../images/dl-zc-bo.jpg) -232px -202px no-repeat
}

#com-homefzf .Game-plan-egg {
    background: url(../images/dl-zc-bo.jpg) -3px -306px no-repeat
}

#com-homefzf .Game-plan-ft {
    background: url(../images/dl-zc-bo.jpg) -2px -202px no-repeat
}

#com-homefzf .Game-plan-Fishing {
    background: url(../images/dl-zc-bo.jpg) -232px -306px no-repeat
}

#com-homefzf .Game-plan-gd11x5 {
    background: url(../images/gd11x5.png) no-repeat
}

#com-homefzf .Game-plan-jnd28 {
    background: url(../images/jnd28.png) no-repeat
}

#com-homefzf .Game-plan-jsk3 {
    background: url(../images/jsk3.png) no-repeat
}

#com-homefzf .Game-plan-cqlhc {
    background: url(../images/cqlhc.png) no-repeat
}

#com-homefzf .Game-plan .f-name {
    display: inline-block;
    border: 1px solid #c3c3c3;
    width: 85px;
    height: 85px;
    border-radius: 50%;
    position: absolute;
    top: 68px;
    left: 70px
}

#com-homefzf .bll {
    position: absolute;
    top: 65px;
    left: 69px
}

#com-homefzf .bll .list {
    width: 85px;
    height: 85px;
    border: 1px solid #c7c7c7;
    -moz-border-radius: 50%;
    border-radius: 50%;
    cursor: auto;
    margin: 0 auto;
    line-height: 95px;
    text-align: center;
    font-size: 14px;
    background: hsla(0,0%,100%,.6)
}

#com-homefzf .bll .backc11 {
    transition: width .5s,height .5s;
    -moz-transition: width .5s,height .5s,-moz-transform .5s;
    -webkit-transition: width .5s,height .5s,-webkit-transform .5s;
    -o-transition: width .5s,height .5s,-o-transform .5s
}

#com-homefzf .bll .backc11:hover {
    width: 90px;
    height: 90px;
    margin-top: 0;
    color: #efbc09;
    transform: rotate(1turn);
    -moz-transform: rotate(1turn);
    -webkit-transform: rotate(1turn);
    -o-transform: rotate(1turn)
}

#com-homefzf .plan-Button {
    width: 85px;
    height: 85px;
    border-radius: 50%;
    background: hsla(0,0%,100%,.6)!important;
    line-height: 92px;
    text-align: center
}

#com-homefzf .plan-txt {
    width: 225px;
    height: 77px;
    margin-top: 54px;
    text-align: center;
    line-height: 21px
}

#com-homefzf .plan-txt p {
    font-size: 14px;
    text-align: center
}

#com-homefzf .go-Button {
    border: 1px solid #e2e2e2;
    min-width: 70px;
    height: 21px;
    border-radius: 5px;
    text-align: center;
    cursor: pointer;
    display: inline-block;
    margin: 0 auto 0 3px
}

#com-homefzf .go-Button:hover {
    background: #efbc09;
    color: #fff;
    border: 0
}

#com-homefzf .go-Button a {
    color: #666
}

#com-homefzf .go-Button a:hover {
    color: #fff
}

#com-homefzf .Game-Show-r {
    width: 308px;
    float: right;
    margin-right: 45px;
    box-sizing: content-box
}

#com-homefzf .Game-Show-r .hotGame,#com-homefzf .Game-Show-r .winningList {
    width: 308px;
    border: 1px solid #efbc09;
    border-radius: 8px 8px 8px 8px;
    box-shadow: 0 3px 10px rgba(0,0,0,.175);
    margin-bottom: 10px
}

#com-homefzf .title-heat {
    background: #b39324;
    border-radius: 8px 8px 0 0;
    width: 308px;
    height: 48px
}

#com-homefzf .heat-ico {
    display: block;
    width: 22px;
    height: 22px;
    margin: 12px 10px 0 28px;
    float: left;
    background: url(../images/all-ico.png) -24px -79px no-repeat
}

#com-homefzf .heat-txt {
    display: block;
    color: #fff;
    font-size: 16px;
    float: left;
    line-height: 48px
}

#com-homefzf .Ranking-game {
    border-bottom: 1px solid #ebebeb;
    width: 291px;
    box-sizing: content-box;
    padding: 15px 0 0 17px;
    background-color: #fff
}

#com-homefzf .winningList {
    margin-top: 20px
}

#com-homefzf .win-ico {
    display: block;
    width: 24px;
    height: 19px;
    margin: 12px 10px 0 28px;
    float: left;
    background: url(../images/icon_new.png) 0 0 no-repeat
}

#com-homefzf .listOfNames {
    width: 100%;
    height: 185px;
    max-height: 185px;
    overflow: hidden;
    background-color: #fff
}

#com-homefzf .listOfNames ul li {
    font-size: 14px;
    color: #555;
    line-height: 30px;
    width: 100%;
    float: left;
    text-indent: 10px
}

#com-homefzf .listOfNames ul li span {
    color: #e71212
}

#com-homefzf .Game {
    border: 1px solid #cfcfcf;
    width: 79px;
    height: 80px;
    float: left;
    margin: 0 15px 19px 0;
    position: relative;
    box-sizing: content-box
}

#com-homefzf .content {
    height: auto;
    width: auto
}

#com-homefzf .g-img-cq {
    background: url(../images/dl-zc-bo.jpg) -2px -409px no-repeat
}

#com-homefzf .g-img-cqlhc {
    background: url(../images/little/littlecqlhc.png) no-repeat
}

#com-homefzf .g-img-ag {
    background: url(../images/little/littlepk10.png) no-repeat
}

#com-homefzf .g-img-jnd28 {
    background: url(../images/little/littlejnd28.png) no-repeat
}

#com-homefzf .g-img-gd11x5 {
    background: url(../images/little/littlegd11x5.png) no-repeat
}

#com-homefzf .g-img-jsk3 {
    background: url(../images/little/littlejsk3.png) no-repeat
}

#com-homefzf .g-img-egg {
    background: url(../images/dl-zc-bo.jpg) -84px -409px no-repeat
}

#com-homefzf .txt {
    width: 80px;
    height: 26px;
    background: rgba(0,0,0,.6)!important;
    position: absolute;
    left: 0;
    bottom: 0;
    color: #fff;
    cursor: pointer
}

#com-homefzf .txt h3 {
    font-size: 12px;
    font-weight: 100;
    height: 27px;
    text-align: center;
    color: #fff;
    line-height: 30px;
    margin: 0
}

#com-homefzf .txt a {
    color: #fff
}

#com-homefzf .OtherGames a:hover {
    color: #fff
}

#com-homefzf .OtherGames {
    width: 290px;
    padding: 9px;
    overflow: hidden
}

#com-homefzf .OtherGames ul li {
    height: 75px;
    border: 1px solid #ebebeb
}

#com-homefzf .OtherGames a {
    float: left;
    font-size: 12px;
    color: #707070;
    line-height: 25px;
    font-family: 宋体;
    margin-top: 15px
}

#com-homefzf .OtherGames-bj {
    background: #f0f2f3
}

#com-homefzf .OtherGames a:hover {
    color: #2a8fbd
}

#com-homefzf .OtherGames dt {
    float: left;
    width: 100px
}

#com-homefzf .OtherGames dd {
    float: left
}

#com-homefzf .OtherGames i {
    display: block;
    float: left;
    width: 47px;
    height: 47px;
    margin: 0 24px 0 18px
}

#com-homefzf .Games-ag-img {
    background: url(../images/dl-zc-bo.jpg) -473px -147px no-repeat
}

#com-homefzf .Games-cq-img {
    background: url(../images/dl-zc-bo.jpg) -479px -91px no-repeat
}

#com-homefzf .Games-pc-img {
    background: url(../images/dl-zc-bo.jpg) -475px -200px no-repeat
}

#com-homefzf .recharge-en {
    position: relative;
    width: 100%;
    height: 345px;
    background: url(../images/24/recharge-en-24.jpg) 50% no-repeat
}

#com-homefzf .recharge-en .en-btn {
    position: absolute;
    top: 65%;
    left: 25%;
    display: block;
    width: 341px;
    height: 62px;
    background: url(../images/24/en-btn-24.png) no-repeat
}

#com-homefzf .Advantage {
    width: 100%
}

#com-homefzf .Advantage-c {
    margin: 0 auto;
    padding: 50px 59px
}

#com-homefzf .Separate {
    width: 100px;
    height: 28px;
    background: #fff
}

#com-homefzf .qrcode {
    background: #fff;
    border: 11px solid #fff;
    display: inline-block;
    margin-bottom: 10px
}

#com-homefzf h2 {
    color: #e0b867;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 25px
}

#com-homefzf .service-size {
    font-size: 12px;
    width: 1020px;
    margin: 0 auto
}

#com-homefzf .shh_tit_2 {
    width: 172px;
    height: 60px;
    margin: 0 auto 40px;
    background: url(../images/24/shh_tit_2.png) no-repeat
}

#com-homefzf .service-size a {
    color: #8e9091
}

#com-homefzf .contact li {
    float: left;
    width: 25%;
    line-height: 34px;
    margin-top: 16px;
    text-align: center
}

#com-homefzf .contact li b {
    display: block;
    width: 60px;
    height: 60px;
    padding: 10px;
    border-radius: 50%;
    margin: 0 auto 10px;
    background: hsla(0,0%,100%,.2)
}

#com-homefzf .contact li i {
    display: block;
    width: 40px;
    height: 40px
}

#com-homefzf .wechat-ico {
    background: url(../images/24/i_wx.png) no-repeat;
    background-size: 100%
}

#com-homefzf .qq-img {
    background: url(../images/24/i_qq.png) no-repeat;
    background-size: 100%
}

#com-homefzf .service-call {
    background: url(../images/24/i_phone.png) no-repeat;
    background-size: 100%
}

#com-homefzf .mailbox-ico {
    background: url(../images/24/i_email.png) no-repeat;
    background-size: 100%
}

#com-homefzf .contact li label {
    display: block;
    color: #eee;
    font-size: 14px
}

#com-homefzf .contact li label span {
    color: #999
}

#com-homefzf .content h3 {
    font-weight: 400;
    line-height: 25px;
    color: #636062;
    font-size: 14px;
    font-family: 宋体
}

#com-homefzf .content p {
    line-height: 1.8em
}

#com-homefzf .flowIcons {
    top: 200px
}

#com-homefzf .barcode {
    position: fixed;
    top: 190px;
    right: -30px;
    z-index: 1000;
    animation: mapping 1s linear infinite
}

#com-homefzf .barcode-line {
    width: 160px;
    font-size: 0;
    background: url(../images/line.gif) repeat-y 28% 50%;
    height: 250px
}

#com-homefzf .barcode-box {
    position: absolute;
    right: 40px;
    width: 160px;
    height: 260px;
    background: url(../images/qrCode_bg.png) no-repeat 0 0;
    cursor: move;
    font-size: 12px
}

#com-homefzf .barcode-box .barcode-inner {
    position: relative;
    color: #000;
    width: 133px;
    margin: 0 auto;
    padding-top: 70px;
    overflow: hidden
}

#com-homefzf .barcode-inner .bar-con {
    width: 106px;
    margin: 8px auto;
    text-align: center;
    cursor: default
}

#com-homefzf .barcode-inner .bar-con a:link,#com-homefzf .barcode-inner .bar-con a:visited {
    text-decoration: none;
    color: #666
}

#com-homefzf .barcode-inner .bar-con a:hover {
    text-decoration: underline;
    color: red
}

#com-homefzf .barcode-inner .barcode-close {
    position: absolute;
    display: block;
    line-height: 100px;
    height: 18px;
    width: 18px;
    right: 0;
    top: 40px;
    overflow: hidden;
    background: url(../images/i_close.png) 0 0 no-repeat
}

#com-homefzf .barcode-inner .barcode-close:hover {
    background-position: 0 -18px
}

#com-homefzf .flowIcons {
    position: fixed;
    right: 0;
    top: 480px;
    cursor: pointer;
    z-index: 1000
}

div .mask .yuebaoBox {
    display: flex;
    align-items: center;
    background: #fcfcfc;
    flex-direction: column;
    border-radius: 3px
}

div .mask .yuebaoBox.open {
    transition: width .3s,height .3s;
    z-index: 999;
    width: 860px;
    max-height: 100vh;
    min-height: 600px;
    animation: change .3s
}

div .mask .yuebaoBox .txt-header {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    padding: 5px 8px;
    background: #0092dd
}

div .mask .yuebaoBox .txt-header .txt-title {
    font-size: 20px;
    letter-spacing: 5px;
    line-height: 40px;
    color: #fff
}

div .mask .yuebaoBox .txt-header .btn-close {
    width: 40px;
    height: 46px;
    font-size: 30px;
    text-align: center;
    line-height: 40px;
    color: #fff;
    position: absolute;
    right: 1px;
    top: 1px;
    cursor: pointer
}

div .mask .yuebaoBox .content-box {
    width: 100%;
    font-size: 16px;
    line-height: 1.5;
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    padding: 10px 15px 25px;
    overflow-y: auto
}

div .mask .yuebaoBox .content-box .list-box {
    width: 100%;
    height: 100%
}

div .mask .yuebaoBox .content-box .list-box table {
    width: 100%
}

div .mask .yuebaoBox .content-box p {
    font-weight: 600;
    margin-bottom: 5px;
    color: #fff
}

div .mask .yuebaoBox .content-box ul {
    padding: 5px 15px
}

div .mask .yuebaoBox .content-box ul li {
    font-size: 16px;
    list-style: disc;
    list-style-position: inside
}

div .mask .yuebaoBox .content-box .product-box {
    border: 1px solid #f0f0f0;
    border-radius: 3px
}

div .mask .yuebaoBox .content-box .product-box thead {
    font-size: 15px;
    background: #f6f5f5
}

div .mask .yuebaoBox .content-box .product-box thead th {
    width: calc(11.11111% - 6px);
    padding: 4px 5px
}

div .mask .yuebaoBox .content-box .product-box tbody {
    font-size: 14px
}

div .mask .yuebaoBox .content-box .product-box tbody td,div .mask .yuebaoBox .content-box .product-box tbody th {
    width: calc(11.11111% - 6px);
    padding: 4px 5px;
    border-bottom: 1px solid #f6f5f5;
    border-right: 1px solid #f6f5f5
}

div .mask .yuebaoBox .content-box .product-box tbody td .btn_buy,div .mask .yuebaoBox .content-box .product-box tbody th .btn_buy {
    font-size: 13px;
    border: 0;
    background: transparent;
    color: #f83e3e;
    cursor: pointer
}

div .mask .yuebaoBox .content-box .product-box tbody td .btn_buy:focus,div .mask .yuebaoBox .content-box .product-box tbody th .btn_buy:focus {
    outline: none
}

div .mask .yuebaoBox .yuebao-params {
    position: absolute;
    display: flex;
    flex-direction: column;
    top: 17%;
    left: calc(100% - 400px)/2;
    width: 400px;
    background: #f8f8f8;
    font-size: 18px;
    height: 200px;
    border-radius: 8px;
    text-align: center;
    border: 1px solid #d8d8d8;
    justify-content: space-between;
    padding-bottom: 10px
}

div .mask .yuebaoBox .yuebao-params .params-head {
    height: 40px;
    line-height: 40px;
    width: 100%
}

div .mask .yuebaoBox .yuebao-params .params-head .params-close {
    position: absolute;
    font-size: 28px;
    top: -5px;
    right: 0;
    cursor: pointer;
    display: block;
    width: 40px
}

div .mask .yuebaoBox .yuebao-params .params-body {
    padding: 20px 15px
}

div .mask .yuebaoBox .yuebao-params .params-footer {
    height: 40px;
    line-height: 40px;
    display: flex;
    width: 100%;
    padding-right: 20px;
    align-items: flex-end;
    justify-content: flex-end
}

div .mask .yuebaoBox .yuebao-params .params-footer .params-btn {
    background: #05bfbf;
    color: #fff;
    width: 80px;
    height: 30px;
    line-height: 30px;
    border: 0;
    outline: 0;
    border-radius: 5px;
    margin-left: 10px;
    cursor: pointer
}

div .mask .yuebaoBox .yuebao-params .params-footer .params-btn:hover {
    background: #06d8d8
}

div .mask .yuebaoBox .yuebao-params .inputText {
    display: inline-block;
    text-align: left;
    width: 235px;
    height: 34px;
    border: 1px solid #e6e6e6;
    border-radius: 3px 3px 3px 3px;
    padding: 0 12px;
    color: #333
}

div .mask .close-btn {
    z-index: 1000;
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    text-align: center;
    height: 51px;
    font-size: 2.5em;
    cursor: pointer;
    border: 0;
    background: transparent;
    color: #fff
}

div .righticonBox {
    position: fixed;
    right: 3px;
    top: 75%;
    width: 100px;
    height: 100px;
    background: rgba(0,0,0,.5);
    color: #fff;
    font-size: 15px;
    letter-spacing: 3px;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    cursor: pointer;
    z-index: 888
}

div .righticonBox.iconQQ {
    top: calc(75% - 155px);
    width: 150px;
    height: 150px
}

div .righticonBox.iconQQ p {
    width: 90%;
    letter-spacing: .5px;
    margin-bottom: 0
}

div .righticonBox.iconQQ img {
    width: 80px
}

div .mask {
    z-index: 998;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center
}

div .mask .signBookBox {
    border-radius: 8px
}

div .mask .signBookBox,div .mask .signBookBox.open {
    z-index: 999;
    width: 860px;
    height: 600px;
    position: absolute;
    display: flex;
    align-items: center;
    background: #fcfcfc;
    flex-direction: column
}

div .mask .signBookBox.open {
    transition: width .3s,height .3s;
    border-radius: 3px;
    animation: change .3s
}

div .mask .signBookBox .txt-header {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    padding: 5px 8px
}

div .mask .signBookBox .txt-header .btn-close {
    width: 40px;
    height: 46px;
    font-size: 30px;
    text-align: center;
    line-height: 40px;
    color: #404040;
    position: absolute;
    right: 1px;
    top: 1px;
    cursor: pointer
}

div .mask .signBookBox .content-box {
    width: 100%;
    font-size: 16px;
    line-height: 1.5;
    display: flex;
    justify-content: space-around;
    padding: 10px 15px 5px
}

div .mask .signBookBox .content-box .content-box-l,div .mask .signBookBox .content-box .content-box-r {
    width: 50%
}

div .mask .signBookBox .content-box .content-box-l .signbookBoxContent {
    display: flex;
    width: 90%;
    justify-content: center;
    height: auto;
    margin: auto;
    box-shadow: 1px 2px 7px #c3bfbf;
    border-radius: 5px;
    position: relative
}

div .mask .signBookBox .content-box .content-box-l .signbookBoxContent .ribbon {
    width: 48px;
    height: 22px;
    position: absolute;
    left: 20px;
    margin-top: -6px;
    animation: drop .8s cubic-bezier(.165,.84,.44,1) 1s forwards;
    color: #fff;
    font-size: 13px;
    text-align: center;
    padding-top: 12px;
    font-weight: 600
}

div .mask .signBookBox .content-box .content-box-l .signbookBoxContent .ribbon:before {
    content: "";
    position: absolute;
    z-index: 2;
    left: 0;
    bottom: -24px;
    border-left: 24px solid #ff6000;
    border-right: 24px solid #ff6000;
    border-bottom: 24px solid transparent
}

div .mask .signBookBox .content-box .content-box-l .signbookBoxContent .calendar ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 64px 10px 10px
}

div .mask .signBookBox .content-box .content-box-l .signbookBoxContent .calendar ul li {
    width: calc(14.28571% - 6px);
    color: #404040;
    font-size: 14px;
    text-align: center;
    padding: 4px;
    margin: 1px 1px 20px
}

div .mask .signBookBox .content-box .content-box-l .signbookBoxContent .calendar ul li span {
    border-radius: 50%;
    background: #f3f3f3;
    padding: 6px
}

div .mask .signBookBox .content-box .content-box-r .signBtn {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 30px auto;
    text-align: center
}

div .mask .signBookBox .content-box .content-box-r .signBtn .submitBtn {
    font-size: 15px;
    margin: 0 auto;
    border-radius: 30px;
    flex-direction: column;
    display: flex;
    height: auto;
    line-height: 1.8;
    font-weight: 600;
    color: #fff;
    padding: 6px 24px;
    background: #ff6000;
    box-shadow: 1px 2px 7px #c3bfbf
}

div .mask .signBookBox .content-box .content-box-r .signBtn .submitBtn .txt_tips {
    color: #fecfb3;
    font-size: 12px
}

div .mask .signBookBox .content-box .content-box-r div .promotion_content {
    padding: 5px 15px
}

div .mask .signBookBox .content-box .content-box-r div .promotion_content ul {
    padding: 0 5px 0 15px
}

div .mask .signBookBox .content-box .content-box-r div .promotion_content ul>li:before {
    content: attr(txt_before);
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: inline-block;
    color: #fff;
    background: #f40000;
    text-align: center;
    margin-right: 5px
}

@keyframes drop {
    0% {
        top: -350px
    }

    to {
        top: 0
    }
}

#page-home {
    width: 100%;
    height: auto
}

.redEnvelope-entrance {
    position: fixed;
    width: 200px;
    bottom: 60px;
    left: 3px;
    z-index: 10;
    text-align: center;
    font-weight: 700;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.redEnvelope-entrance img {
    width: 100px;
    object-fit: cover
}

.redEnvelope-entrance .redEnvelope-entrance-text {
    position: relative;
    top: -20px;
    color: #fff;
    background: red;
    padding: 1px 5px;
    border-radius: 5px;
    font-size: 18px;
    letter-spacing: 1.4px
}

.redEnvelope-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 890;
    display: flex;
    justify-content: center;
    align-items: center
}

.redEnvelope-modal-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
    backdrop-filter: blur(2px);
    z-index: -1
}

.redEnvelope-modal-container {
    background: #fff;
    width: 600px;
    padding: 25px 20px 20px;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    position: relative
}

.redEnvelope-modal-close {
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer
}

.redEnvelope-modal-heading {
    text-align: center;
    margin-bottom: 10px;
    letter-spacing: 3px;
    font-weight: 700
}

.redEnvelope-modal-rules {
    margin-bottom: 30px
}

.redEnvelope-modal-rule {
    font-size: 15px;
    display: flex;
    flex-wrap: wrap
}

.redEnvelope-modal-rule h2 {
    font-size: 16px;
    margin-bottom: 5px;
    color: #9c7341
}

.redEnvelope-modal-rule:not(:last-child) {
    margin-bottom: 14px
}

.redEnvelope-modal-rule div:not(:last-child) {
    margin-bottom: 10px
}

.redEnvelope-modal-rule div {
    font-size: 15px
}

.redEnvelope-modal-btn {
    font-size: 16px;
    margin-top: auto;
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    line-height: 40px;
    background: green;
    color: #fff;
    border-radius: 4px;
    border: 1px solid #abff2e;
    letter-spacing: 2px;
    box-shadow: 0 0 10px rgba(171,255,46,.25);
    cursor: pointer
}

@keyframes swing {
    20% {
        transform: rotate(45deg)
    }

    40% {
        transform: rotate(-15deg)
    }

    60% {
        transform: rotate(35deg)
    }

    80% {
        transform: rotate(-5deg)
    }

    to {
        transform: rotate(0deg)
    }
}

@keyframes textEffect {
    0% {
        background: linear-gradient(green,#0f510f);
        -webkit-background-clip: text
    }

    to {
        background: linear-gradient(#aa1515,#ff2600);
        -webkit-background-clip: text
    }
}

#com-navbar-com .Lottery-img {
    float: left;
    display: inline-block;
    width: 281px;
    height: 468px
}

#dlg-browser,#dlg-browser .browser-title {
    width: auto;
    height: auto
}

#dlg-browser .browser-iframe {
    height: 100%;
    width: 100%;
    overflow: scroll
}

.txt_r {
    text-align: right
}

#vipLevelEntrance .righticonBox {
    position: fixed;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    left: 3px;
    top: 70%;
    width: 100px;
    height: 177px;
    background: transparent;
    color: #fff;
    font-size: 15px;
    letter-spacing: 3px;
    border-radius: 8px;
    flex-direction: column;
    cursor: pointer;
    z-index: 888
}

#vipLevelEntrance .righticonBox .pics {
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end
}

#vipLevelEntrance .righticonBox .pics img {
    width: 100px;
    position: absolute;
    -webkit-transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    -o-transition: opacity .5s ease-in-out;
    transition: opacity .5s ease-in-out
}

#vipLevelEntrance .righticonBox .pics img:last-child {
    width: 96px;
    height: 171px;
    opacity: 0
}

#vipLevelEntrance .righticonBox .pics img:last-child:hover {
    opacity: 1
}

#vipLevelEntrance .mask {
    z-index: 998;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center
}

#vipLevelEntrance .mask .yuebaoBox {
    display: flex;
    align-items: center;
    background: #fcfcfc;
    flex-direction: column;
    border-radius: 3px
}

#vipLevelEntrance .mask .yuebaoBox.open {
    transition: width .3s,height .3s;
    z-index: 999;
    width: 860px;
    max-height: 100vh;
    min-height: 600px;
    animation: change .3s
}

#vipLevelEntrance .mask .yuebaoBox .txt-header {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    padding: 5px 8px;
    background: #0092dd
}

#vipLevelEntrance .mask .yuebaoBox .txt-header .txt-title {
    font-size: 20px;
    letter-spacing: 5px;
    line-height: 40px;
    color: #fff
}

#vipLevelEntrance .mask .yuebaoBox .txt-header .btn-close {
    width: 40px;
    height: 46px;
    font-size: 30px;
    text-align: center;
    line-height: 40px;
    color: #fff;
    position: absolute;
    right: 1px;
    top: 1px;
    cursor: pointer
}

#vipLevelEntrance .mask .yuebaoBox .content-box {
    width: 100%;
    font-size: 16px;
    line-height: 1.5;
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    padding: 10px 15px 25px;
    overflow-y: auto
}

#vipLevelEntrance .mask .yuebaoBox .content-box .list-box {
    width: 100%;
    height: 100%
}

#vipLevelEntrance .mask .yuebaoBox .content-box .list-box table {
    width: 100%
}

#vipLevelEntrance .mask .yuebaoBox .content-box p {
    font-weight: 600;
    margin-bottom: 5px;
    color: #fff
}

#vipLevelEntrance .mask .yuebaoBox .content-box ul {
    padding: 5px 15px
}

#vipLevelEntrance .mask .yuebaoBox .content-box ul li {
    font-size: 16px;
    list-style: disc;
    list-style-position: inside
}

#vipLevelEntrance .mask .yuebaoBox .content-box .product-box {
    border: 1px solid #f0f0f0;
    border-radius: 3px
}

#vipLevelEntrance .mask .yuebaoBox .content-box .product-box thead {
    font-size: 15px;
    background: #f6f5f5
}

#vipLevelEntrance .mask .yuebaoBox .content-box .product-box thead th {
    width: calc(11.11111% - 6px);
    padding: 4px 5px
}

#vipLevelEntrance .mask .yuebaoBox .content-box .product-box tbody {
    font-size: 14px
}

#vipLevelEntrance .mask .yuebaoBox .content-box .product-box tbody td,#vipLevelEntrance .mask .yuebaoBox .content-box .product-box tbody th {
    width: calc(11.11111% - 6px);
    padding: 4px 5px;
    border-bottom: 1px solid #f6f5f5;
    border-right: 1px solid #f6f5f5
}

#vipLevelEntrance .mask .yuebaoBox .content-box .product-box tbody td .btn_buy,#vipLevelEntrance .mask .yuebaoBox .content-box .product-box tbody th .btn_buy {
    font-size: 13px;
    border: 0;
    background: transparent;
    color: #f83e3e;
    cursor: pointer
}

#vipLevelEntrance .mask .yuebaoBox .content-box .product-box tbody td .btn_buy:focus,#vipLevelEntrance .mask .yuebaoBox .content-box .product-box tbody th .btn_buy:focus {
    outline: none
}

#vipLevelEntrance .mask .yuebaoBox .yuebao-params {
    position: absolute;
    display: flex;
    flex-direction: column;
    top: 17%;
    left: calc(100% - 400px)/2;
    width: 400px;
    background: #f8f8f8;
    font-size: 18px;
    height: 200px;
    border-radius: 8px;
    text-align: center;
    border: 1px solid #d8d8d8;
    justify-content: space-between;
    padding-bottom: 10px
}

#vipLevelEntrance .mask .yuebaoBox .yuebao-params .params-head {
    height: 40px;
    line-height: 40px;
    width: 100%
}

#vipLevelEntrance .mask .yuebaoBox .yuebao-params .params-head .params-close {
    position: absolute;
    font-size: 28px;
    top: -5px;
    right: 0;
    cursor: pointer;
    display: block;
    width: 40px
}

#vipLevelEntrance .mask .yuebaoBox .yuebao-params .params-body {
    padding: 20px 15px
}

#vipLevelEntrance .mask .yuebaoBox .yuebao-params .params-footer {
    height: 40px;
    line-height: 40px;
    display: flex;
    width: 100%;
    padding-right: 20px;
    align-items: flex-end;
    justify-content: flex-end
}

#vipLevelEntrance .mask .yuebaoBox .yuebao-params .params-footer .params-btn {
    background: #05bfbf;
    color: #fff;
    width: 80px;
    height: 30px;
    line-height: 30px;
    border: 0;
    outline: 0;
    border-radius: 5px;
    margin-left: 10px;
    cursor: pointer
}

#vipLevelEntrance .mask .yuebaoBox .yuebao-params .params-footer .params-btn:hover {
    background: #06d8d8
}

#vipLevelEntrance .mask .yuebaoBox .yuebao-params .inputText {
    display: inline-block;
    text-align: left;
    width: 235px;
    height: 34px;
    border: 1px solid #e6e6e6;
    border-radius: 3px 3px 3px 3px;
    padding: 0 12px;
    color: #333
}

#vipLevelEntrance .mask .close-btn {
    z-index: 1000;
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    text-align: center;
    height: 51px;
    font-size: 2.5em;
    cursor: pointer;
    border: 0;
    background: transparent;
    color: #fff
}

@keyframes change {
    0% {
        width: 300px;
        height: 300px;
        opacity: 0;
        overflow: hidden
    }

    to {
        width: 860px;
        height: 600px;
        opacity: 1
    }
}

#com-homefh {
    width: 100%;
    height: 100%
}

#com-homefh .hidden-div {
    overflow: hidden;
    width: 0;
    height: 0
}

#com-homefh .main {
    width: 100%;
    height: auto;
    z-index: 2;
    background-color: #fff
}

#com-homefh .game-overflow {
    overflow: hidden;
    width: 100%;
    padding-bottom: 30px
}

#com-homefh .float-logo {
    width: 135px;
    height: 121px;
    background: #2a8fbd;
    left: 12px;
    position: fixed;
    z-index: 999999;
    top: 0;
    border-radius: 0 0 5px 5px;
    opacity: 0
}

#com-homefh .logo-opacity {
    opacity: 1!important
}

#com-homefh .float-logo .logo-img {
    display: inline-block;
    width: 119px;
    margin-left: 14px;
    height: 121px;
    background: url(../images/LOGO.png) -332px -17px no-repeat
}

#com-homefh .txt-l {
    text-align: left
}

#com-homefh .txt-w {
    margin-left: 20px
}

#com-homefh .icon-w {
    display: inline-block;
    width: 20px;
    height: 18px;
    transition: all .3s ease;
    vertical-align: middle
}

#com-homefh .n-ico {
    background: url(../images/all-ico.png)-69px 1px no-repeat
}

#com-homefh .balance-ico {
    background: url(../images/all-ico.png) 0 0 no-repeat
}

#com-homefh .news-ico {
    background: url(../images/all-ico.png)-69px 0 no-repeat
}

#com-homefh table {
    border-collapse: collapse;
    border-spacing: 0
}

#com-homefh cite {
    font-style: normal
}

#com-homefh h2 {
    font-weight: 400
}

#com-homefh ::-moz-selection {
    color: #fff;
    color: hsla(0,0%,100%,.85);
    background: #03a8b1
}

#com-homefh ::selection {
    color: #fff;
    color: hsla(0,0%,100%,.85);
    background: #03a8b1
}

#com-homefh article,aside,dialog,figure,footer,header,menu,nav,section {
    display: block
}

#com-homefh .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

#com-homefh .clearfix {
    *zoom:1}

#com-homefh .clearfix .clear {
    _height: 0
}

#com-homefh .cbbfixed {
    position: fixed;
    right: 10px;
    transition: bottom .3s ease;
    bottom: -85px;
    z-index: 3;
    cursor: pointer
}

#com-homefh .cbbfixed .cbbtn {
    background-color: #3cafe3
}

#com-homefh .cbbfixed .cbbtn,#com-homefh .cbbfixed .cbbtn-kf {
    width: 40px;
    height: 40px;
    display: block
}

#com-homefh .cbbfixed .kf-ico {
    background: url(../images/all-ico.png) -233px -138px no-repeat
}

#com-homefh .cbbfixed .gotop {
    transition: background-color .3s ease;
    margin-top: 5px
}

#com-homefh .cbbfixed .gotop .up-icon {
    float: left;
    margin: 14px 0 0 9px;
    width: 23px;
    height: 12px;
    background: url(../images/all-ico.png) -60px -43px no-repeat
}

#com-homefh .cbbfixed .gotop:hover {
    background-color: #2c2d2e
}

#com-homefh .cbbfixed .cweixin {
    background: #dadbdd;
    margin-top: 6px
}

#com-homefh .cbbfixed .cweixin div {
    background: url(/res/new-image/erwei.png);
    width: 311px;
    height: 176px;
    position: absolute;
    left: -306px;
    top: -60px;
    opacity: 0;
    transform: scale(0);
    -webkit-transform: scale(0);
    transform-origin: 100% 70%;
    -webkit-transform-origin: 100% 70%;
    transition: transform .3s ease,opacity .3s ease;
    -webkit-transition: all .3s ease;
    display: none\0 ;
    *display: none
}

#com-homefh .cbbfixed .cweixin:hover div {
    display: block;
    transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 1;
    *display: block
}

#com-homefh .cbbfixed .cweixin .weixin-icon {
    float: left;
    margin: 12px 0 0 11px;
    width: 18px;
    height: 18px;
    background: url(../images/all-ico.png) -32px -42px no-repeat
}

#com-homefh #news {
    border-bottom: 1px solid #f0efef;
    height: 51px
}

#com-homefh .nes-col {
    display: block;
    width: 20px;
    height: 20px;
    float: left;
    margin-top: 15px;
    margin-right: 20px;
    background: url(../images/i_announce2.png) no-repeat;
    background-size: cover;
    animation: magnify 1s linear infinite alternate
}

@-webkit-keyframes magnify {
    0% {
        -webkit-transform: scale(1)
    }

    to {
        -webkit-transform: scale(1.5)
    }
}

@-moz-keyframes magnify {
    0% {
        -moz-transform: scale(1)
    }

    to {
        -moz-transform: scale(1.5)
    }
}

@keyframes magnify {
    0% {
        transform: scale(1)
    }

    to {
        transform: scale(1.5)
    }
}

#com-homefh #news .news-c {
    width: 1100px;
    height: 51px;
    margin: 0 auto
}

#com-homefh #news .news-c .news-l {
    line-height: 50px;
    margin-right: 15px;
    float: left
}

#com-homefh #news .news-c .news-l span {
    font-size: 14px
}

#com-homefh #news-txt {
    float: left;
    width: 870px;
    width: -moz-calc(100% - 230px);
    width: -webkit-calc(100% - 230px);
    width: calc(100% - 230px);
    height: 30px;
    margin-top: 10px;
    overflow: hidden
}

#com-homefh #news-txt li {
    line-height: 30px;
    overflow: hidden;
    letter-spacing: 1px;
    color: #4ba1c7;
    font-size: 14px
}

#com-homefh .more {
    float: right;
    line-height: 48px
}

#com-homefh .Margin-r {
    color: #c8c8c8
}

#com-homefh .more a {
    color: #999;
    padding: 0 12px
}

#com-homefh .more a:hover {
    color: #4ba1c7
}

#com-homefh .hr-Text {
    width: 593px;
    height: 60px;
    margin: 50px auto;
    background: url(../images/8/fh-tit.png) no-repeat
}

#com-homefh .Game-Show-size {
    color: #555;
    width: 1200px;
    margin: 0 auto
}

#com-homefh .Game-Show-l {
    width: 775px;
    float: left;
    margin-left: 45px
}

#com-homefh .Game-a {
    box-shadow: 0 3px 10px rgba(0,0,0,.175);
    border: 1px solid #f0f0f0;
    width: 226px;
    height: 270px;
    float: left;
    margin: 0 30px 60px 0;
    border-radius: 8px 8px 8px 8px
}

#com-homefh .Game-plan {
    border: 1px solid #f0f0f0;
    display: block;
    width: 227px;
    height: 103px;
    border-radius: 8px 8px 0 0;
    position: relative
}

#com-homefh .Game-plan-cq {
    background: url(../images/8/dl/ssc.png) no-repeat
}

#com-homefh .Game-plan-ag {
    background: url(../images/8/dl/pk10.png) no-repeat
}

#com-homefh .Game-plan-Sports {
    background: url(../images/dl-zc-bo.jpg) -4px -202px no-repeat
}

#com-homefh .Game-plan-Electronic {
    background: url(../images/dl-zc-bo.jpg) -232px -202px no-repeat
}

#com-homefh .Game-plan-egg {
    background: url(../images/8/dl/luck28.png) no-repeat
}

#com-homefh .Game-plan-ft {
    background: url(../images/8/dl/ft.png) no-repeat
}

#com-homefh .Game-plan-Fishing {
    background: url(../images/dl-zc-bo.jpg) -232px -306px no-repeat
}

#com-homefh .Game-plan-gd11x5 {
    background: url(../images/gd11x5.png) no-repeat
}

#com-homefh .Game-plan-jnd28 {
    background: url(../images/jnd28.png) no-repeat
}

#com-homefh .Game-plan-jsk3 {
    background: url(../images/8/dl/jsk3.png) no-repeat
}

#com-homefh .Game-plan-cqlhc {
    background: url(../images/8/dl/cqlhc.png) no-repeat
}

#com-homefh .Game-plan .f-name {
    display: inline-block;
    border: 1px solid #c3c3c3;
    width: 85px;
    height: 85px;
    border-radius: 50%;
    position: absolute;
    top: 68px;
    left: 70px
}

#com-homefh .bll {
    position: absolute;
    top: 223px;
    left: 69px
}

#com-homefh .bll .list {
    width: 85px;
    height: 85px;
    border: 1px solid #c7c7c7;
    -moz-border-radius: 50%;
    border-radius: 50%;
    cursor: auto;
    margin: 0 auto;
    line-height: 85px;
    text-align: center;
    font-weight: 500;
    background: rgba(7,129,213,.6);
    font-size: 14px;
    color: #fff
}

#com-homefh .bll .backc11 {
    transition: width .5s,height .5s;
    -moz-transition: width .5s,height .5s,-moz-transform .5s;
    -webkit-transition: width .5s,height .5s,-webkit-transform .5s;
    -o-transition: width .5s,height .5s,-o-transform .5s
}

#com-homefh .bll .backc11:hover {
    width: 90px;
    height: 90px;
    margin-top: 0;
    color: #666;
    transform: rotate(1turn);
    -moz-transform: rotate(1turn);
    -webkit-transform: rotate(1turn);
    -o-transform: rotate(1turn)
}

#com-homefh .plan-Button {
    width: 85px;
    height: 85px;
    border-radius: 50%;
    background: hsla(0,0%,100%,.6)!important;
    line-height: 92px;
    text-align: center
}

#com-homefh .plan-txt {
    width: 225px;
    height: 77px;
    margin-top: 7px;
    text-align: center;
    line-height: 21px
}

#com-homefh .plan-txt p {
    font-size: 14px;
    text-align: center
}

#com-homefh .go-Button {
    border: 1px solid #eee;
    min-width: 70px;
    height: 21px;
    border-radius: 5px;
    text-align: center;
    cursor: pointer;
    display: inline-block;
    margin: 0 auto 0 3px
}

#com-homefh .go-Button a {
    color: #999
}

#com-homefh .go-Button:hover {
    background: #23a5ff;
    color: #fff;
    border: 0
}

#com-homefh .go-Button a:hover {
    color: #fff;
    transition: all .5s ease
}

#com-homefh .Game-Show-r {
    width: 308px;
    float: right;
    margin-right: 45px;
    box-sizing: content-box
}

#com-homefh .Game-Show-r .hotGame,#com-homefh .Game-Show-r .winningList {
    width: 308px;
    border: 1px solid #f0f0f0;
    border-radius: 8px 8px 8px 8px;
    box-shadow: 0 3px 10px rgba(0,0,0,.175);
    margin-bottom: 10px
}

#com-homefh .title-heat {
    background: #0781d5;
    border-radius: 8px 8px 0 0;
    width: 308px;
    height: 47px
}

#com-homefh .heat-ico {
    display: block;
    width: 22px;
    height: 22px;
    margin: 12px 10px 0 28px;
    float: left;
    background: url(../images/all-ico.png) -24px -79px no-repeat
}

#com-homefh .heat-txt {
    display: block;
    color: #fff;
    font-size: 16px;
    float: left;
    line-height: 48px
}

#com-homefh .Ranking-game {
    border-bottom: 1px solid #ebebeb;
    width: 291px;
    box-sizing: content-box;
    padding: 15px 0 0 17px
}

#com-homefh .winningList {
    margin-top: 20px
}

#com-homefh .win-ico {
    display: block;
    width: 24px;
    height: 19px;
    margin: 12px 10px 0 28px;
    float: left;
    background: url(../images/icon_new.png) 0 0 no-repeat
}

#com-homefh .listOfNames {
    width: 100%;
    height: 185px;
    max-height: 185px;
    overflow: hidden
}

#com-homefh .listOfNames ul li {
    font-size: 14px;
    color: #555;
    line-height: 30px;
    width: 100%;
    float: left;
    text-indent: 20px
}

#com-homefh .listOfNames ul li span {
    color: #e71212
}

#com-homefh .Game {
    border: 1px solid #cfcfcf;
    width: 79px;
    height: 80px;
    float: left;
    margin: 0 15px 19px 0;
    position: relative;
    box-sizing: content-box
}

#com-homefh .content {
    height: auto;
    width: auto
}

#com-homefh .g-img-cq {
    background: url(../images/8/little/g-img-ssc.png) no-repeat
}

#com-homefh .g-img-cqlhc {
    background: url(../images/little/littlecqlhc.png) no-repeat
}

#com-homefh .g-img-ag {
    background: url(../images/8/little/g-img-pk10.png) no-repeat
}

#com-homefh .g-img-jnd28 {
    background: url(../images/8/little/g-img-jnd00.png) no-repeat
}

#com-homefh .g-img-gd11x5,#com-homefh .g-img-jsk3 {
    background: url(../images/8/little/g-img-1fk3.png) no-repeat
}

#com-homefh .g-img-egg {
    background: url(../images/8/little/g-img-bjxy28.png) no-repeat
}

#com-homefh .txt {
    width: 80px;
    height: 26px;
    background: rgba(0,0,0,.6)!important;
    position: absolute;
    left: 0;
    bottom: 0;
    color: #fff;
    cursor: pointer
}

#com-homefh .txt h3 {
    font-size: 12px;
    font-weight: 100;
    height: 27px;
    text-align: center;
    color: #fff;
    line-height: 30px;
    margin: 0
}

#com-homefh .txt a {
    color: #fff
}

#com-homefh .OtherGames a:hover {
    color: #fff
}

#com-homefh .OtherGames {
    width: 290px;
    padding: 9px;
    overflow: hidden
}

#com-homefh .OtherGames ul li {
    height: 75px;
    border: 1px solid #ebebeb
}

#com-homefh .OtherGames a {
    float: left;
    font-size: 12px;
    color: #707070;
    line-height: 25px;
    font-family: 宋体;
    margin-top: 15px
}

#com-homefh .OtherGames-bj {
    background: #f0f2f3
}

#com-homefh .OtherGames a:hover {
    color: #2a8fbd
}

#com-homefh .OtherGames dt {
    float: left;
    width: 100px
}

#com-homefh .OtherGames dd {
    float: left
}

#com-homefh .OtherGames i {
    display: block;
    float: left;
    width: 47px;
    height: 47px;
    margin: 0 24px 0 18px
}

#com-homefh .Games-ag-img {
    background: url(../images/dl-zc-bo.jpg) -473px -147px no-repeat
}

#com-homefh .Games-cq-img {
    background: url(../images/dl-zc-bo.jpg) -479px -91px no-repeat
}

#com-homefh .Games-pc-img {
    background: url(../images/dl-zc-bo.jpg) -475px -200px no-repeat
}

#com-homefh .flowIcons {
    position: fixed;
    right: 0;
    top: 200px;
    cursor: pointer;
    z-index: 1000
}

.sector-menu-wrapper {
    position: fixed;
    overflow: hidden;
    z-index: 800;
    width: 200px;
    height: 160px;
    background: url(../images/luckWheel/icon.jpg) 50% no-repeat;
    background-size: 100%;
    left: 3px;
    top: 55%;
    cursor: pointer
}

.sector-menu-wrapper.en,.sector-menu-wrapper.th {
    background: url(../images/luckWheel/icon-en.png) 50% no-repeat;
    background-size: 100%
}

#dragon-tiger-menu {
    position: fixed;
    right: 0;
    z-index: 800;
    height: 160px;
    width: 200px;
    top: 55%;
    background: url(../images/dragon-tiger-bg.png);
    background-size: 200px 160px;
    cursor: pointer;
    user-select: none
}

.dragon-tiger-menu-header {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 5px 0
}

.dragon-tiger-badge img {
    width: 24px
}

.dragon-tiger-menu-title {
    font-size: 19px;
    color: #fff3c9;
    margin: 0
}

.winnerWrapper {
    overflow: hidden;
    height: 60px
}

.winnerList {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    margin: 0 auto;
    animation-duration: 24s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    transform: translateY(100%);
    padding-bottom: 2px
}

.winnerList:first-of-type {
    animation-delay: -6s;
    animation-name: slider1
}

.winnerList:nth-of-type(2) {
    animation-delay: 6s;
    animation-name: slider2
}

.winnerList .winnerInfo {
    width: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    gap: 5px;
    padding-left: 50px
}

.winnerList .winnerInfo span {
    font-size: 14px;
    color: #fff3c9;
    width: auto
}

.winnerList .winnerInfo .winnerName {
    width: 40px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.winnerList .winnerInfo .winValue {
    color: #fff3c9;
    font-weight: 700
}

@keyframes slider1 {
    0% {
        transform: translateY(100%)
    }

    to {
        transform: translateY(-100%)
    }
}

@keyframes slider2 {
    0% {
        transform: translateY(0)
    }

    to {
        transform: translateY(-200%)
    }
}

#red-envelope {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 891
}

#red-envelope .red-envelope-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
    backdrop-filter: blur(5px);
    z-index: -1
}

#red-envelope .red-envelope-wrapper {
    width: 100%;
    height: 100%;
    position: relative
}

#red-envelope .red-envelope-wrapper img {
    width: 70px;
    position: absolute;
    top: -100px;
    user-select: none;
    animation: redEnvelopeDropDown 14s ease-in infinite;
    cursor: pointer
}

#red-envelope .red-envelope-hint {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    left: 0;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer
}

#red-envelope .red-envelope-hint h2 {
    background: rgba(0,0,0,.7);
    display: inline-block;
    padding: 10px 24px;
    border-radius: 20px;
    color: #fff
}

@keyframes redEnvelopeDropDown {
    0% {
        top: -100px
    }

    to {
        top: 110vh
    }
}

#com-kg {
    width: 100%;
    height: 100%;
    background: #fff;
    text-align: center
}

#com-kg input::-webkit-inner-spin-button,#com-kg input::-webkit-outer-spin-button {
    -webkit-appearance: none!important;
    margin: 0
}

#com-kg input[type=number] {
    -moz-appearance: textfield
}

#com-kg .grid-1-5 {
    width: 20%;
    float: left;
    overflow: hidden
}

#com-kg .dsLotto-form {
    margin-top: 5px;
    background: #fff
}

#com-kg .dsLotto-form__head {
    height: 40px;
    line-height: 40px;
    color: #c12727;
    font-size: 14px;
    background: #ededed;
    padding: 0 120px
}

#com-kg .dsLotto-form__head li {
    border-left-color: #33434a;
    border-left: 1px solid;
    border-color: transparent
}

#com-kg .dsLotto-operate li {
    overflow: hidden;
    text-align: center;
    font-size: 14px
}

#com-kg .list-vert {
    width: 20%;
    display: inline-block
}

#com-kg .w-per100 {
    width: 100%
}

#com-kg .list-vert ul li {
    width: 33%;
    line-height: 30px;
    color: #666;
    font-weight: 700;
    padding-top: 6px
}

#com-kg .list-vert ul .ii {
    width: 40px
}

#com-kg .list-vert ul .iii {
    display: block;
    background-color: #fff;
    cursor: text;
    text-align: center;
    padding: 8px 5px
}

#com-kg .list-vert li .ball {
    margin: auto;
    display: block;
    width: 30px;
    height: 30px;
    line-height: 28px;
    border: 1px solid #c7bfbf;
    border-radius: 30px;
    vertical-align: middle;
    font-size: 16px
}

#com-kg .list-vert li .ball2 {
    margin: auto 5px;
    display: block;
    border: 1px solid #c7bfbf;
    border-radius: 3px
}

#com-kg .list-vert li .ball2:hover,#com-kg .list-vert li .ball:hover {
    background: #d24237;
    color: #fff;
    border: 1px solid #d24237
}

#com-kg .list-vert ul .iii input {
    display: block;
    width: 48px;
    outline: none;
    font-size: 14px;
    text-align: center;
    box-sizing: content-box!important;
    border: 1px solid #e5e5e5;
    border-radius: 2px;
    line-height: 26px;
    color: #777;
    width: 100%
}

#com-kg .dsLotto-form__body {
    padding: 0 120px
}

#com-kg .ball-row {
    float: left;
    display: inline-block;
    width: 20%
}

#com-kg .grid-1-5 .i {
    width: 34px
}

#com-kg .dsLotto-form__body li {
    display: block;
    float: left
}

#com-kg .grid-1-5 .ii {
    width: 57px
}

#com-kg .dsLotto-form__body .i,.dsLotto-form__body .ii {
    cursor: pointer
}

#com-kg .dsLotto-form__body .item-odds {
    text-align: left;
    margin: auto;
    font-size: 12px;
    color: #919191;
    font-weight: 400
}

#com-kg .grid-1-5 .iii {
    width: 69px
}

#com-kg .dsLotto-operate {
    margin: 0 auto
}

#com-kg .dsLotto-road {
    margin-top: 10px
}

#com-kg .new-dsLotto-road #panluTongji li:first-child {
    background-color: #eee;
    height: 19px;
    width: 801px;
    border-bottom: 1px solid #ccc
}

#com-kg li {
    display: list-item;
    text-align: -webkit-match-parent
}

#com-kg .new-dsLotto-road #panluTongji {
    text-align: center;
    width: 100%;
    background-color: #eee;
    height: 40px;
    line-height: 19px
}

#com-kg .new-dsLotto-road #panluTongji li span {
    border-left: 1px solid #ccc;
    width: 8%;
    display: inline-block
}

#com-kg .grid-1-6 {
    width: 16.66%;
    float: left;
    overflow: hidden
}

#com-kg .selectLi {
    background: #b20000;
    background-image: linear-gradient(90deg,#7b0000,#b20000,#7b0000)
}

#com-kg .historyBoll {
    width: 100%;
    height: 200px;
    border: 1px solid #ccc;
    text-align: left;
    display: flex
}

#com-kg .historyBoll>ul {
    width: 24px;
    height: 24px;
    display: inline-block;
    border-bottom: 1px solid #f3f3f3;
    border-right: 1px solid #f3f3f3;
    text-align: center
}

#com-kg .historyBoll>ul>li {
    color: #fff;
    width: 20px;
    height: 20px;
    display: inline-block;
    border-radius: 50%;
    text-align: center;
    background-color: #005199!important;
    box-shadow: inset 0 0 1px #005199,0 0 3px #2f2f2f
}

#com-kg .ui-grid {
    cursor: pointer
}

#com-xglhc .w-per100 {
    width: 100%
}

#com-xglhc .w-per80 {
    width: 80%
}

#com-xglhc .w-per50 {
    width: 50%
}

#com-xglhc .w-per46 {
    width: 46%
}

#com-xglhc .w-per40 {
    width: 40%
}

#com-xglhc .w-per33 {
    width: 33%
}

#com-xglhc .w-per25 {
    width: 25%
}

#com-xglhc .w-per20 {
    width: 20%
}

#com-xglhc .w-per16_7 {
    width: 16%
}

#com-xglhc .w-abs110 {
    width: 110px
}

#com-xglhc .w-abs82 {
    width: 82px
}

#com-xglhc .w-abs80 {
    width: 80px
}

#com-xglhc .w-abs60 {
    width: 60px
}

#com-xglhc .w-abs40 {
    width: 40px
}

#com-xglhc .w-abs38 {
    width: 38px
}

#com-xglhc .w-abs45 {
    width: 45px
}

#com-xglhc .w-abs50 {
    width: 50px
}

#com-xglhc .border-left-fff {
    border-left: .5px solid #fff
}

#com-xglhc .color-666 {
    color: #666
}

#com-xglhc .color-title-red {
    color: #c12727
}

#com-xglhc .color-white {
    color: #fff
}

#com-xglhc .font-14 {
    font-size: 14px
}

#com-xglhc .float-left {
    float: left
}

#com-xglhc {
    width: 100%;
    height: 100%;
    background: #fff;
    text-align: center
}

#com-xglhc input::-webkit-inner-spin-button,#com-xglhc input::-webkit-outer-spin-button {
    -webkit-appearance: none!important;
    margin: 0
}

#com-xglhc input[type=number] {
    -moz-appearance: textfield
}

#com-xglhc .grid {
    float: left;
    overflow: hidden
}

#com-xglhc .longHuBox {
    padding: 20px 0 10px
}

#com-xglhc .noLongHuBox .numBox {
    padding: 10px 120px;
    background: #fff
}

#com-xglhc .title-background {
    height: 40px;
    background-color: rgba(208,195,195,.5)
}

#com-xglhc .title-background-red {
    background: #d24237
}

#com-xglhc .title-item {
    font-size: 14px;
    display: inline-block
}

#com-xglhc .title-item li {
    border-color: transparent transparent transparent #33434a;
    border-left: 1px solid transparent
}

#com-xglhc .line-height-40px {
    height: 40px;
    line-height: 40px
}

#com-xglhc .line-height-35px {
    height: 35px;
    line-height: 35px
}

#com-xglhc .line-height-30px {
    height: 30px;
    line-height: 30px
}

#com-xglhc .list-vert {
    display: inline-block
}

#com-xglhc .list-vert-line {
    width: 100%;
    height: 38px;
    display: block
}

#com-xglhc .list-vert ul li {
    line-height: 30px;
    font-weight: 700;
    padding-top: 6px;
    display: block;
    float: left;
    overflow: hidden;
    text-align: center
}

#com-xglhc .list-vert ul .iii {
    display: block;
    background-color: #fff;
    cursor: text;
    text-align: center;
    padding: 4px 5px
}

#com-xglhc .ball {
    margin: auto;
    display: block;
    width: 30px;
    height: 30px;
    line-height: 26px;
    border-radius: 30px;
    vertical-align: middle;
    font-size: 16px
}

#com-xglhc .ball-border-default {
    border: 1px solid #c7bfbf
}

#com-xglhc .ball-border-red {
    border: 2px solid #fb4a4a
}

#com-xglhc .ball-border-blue {
    border: 2px solid #2bafef
}

#com-xglhc .ball-border-green {
    border: 2px solid #22ca17
}

#com-xglhc .ball-selected-default {
    color: #fff;
    background: #bf1414;
    border: 1px solid #d24237
}

#com-xglhc .ball-selected-red {
    background: #fb4a4a;
    color: #fff;
    line-height: 30px
}

#com-xglhc .ball-selected-blue {
    background: #2bafef;
    color: #fff;
    line-height: 30px
}

#com-xglhc .ball-selected-green {
    background: #22ca17;
    color: #fff;
    line-height: 30px
}

#com-xglhc .ball2 {
    margin: auto 5px;
    display: block;
    border: 1px solid #c7bfbf;
    border-radius: 3px
}

#com-xglhc .numinput {
    display: block;
    width: 48px;
    outline: none;
    font-size: 14px;
    text-align: center;
    box-sizing: content-box!important;
    border: 1px solid #e5e5e5;
    border-radius: 2px;
    line-height: 26px;
    color: #777;
    width: 100%
}

#com-xglhc .padding-abs-120-left-right {
    padding: 0 120px
}

#com-xglhc .padding-abs-10-120 {
    padding: 10px 120px
}

#com-xglhc ul .item-odds {
    text-align: left;
    margin: auto;
    font-size: 12px;
    color: #919191;
    font-weight: 400
}

#com-xglhc .margin-left-30px {
    margin-left: 10px
}

#com-xglhc .sub-ball {
    font-weight: 700;
    border-radius: 50%;
    color: #fff;
    width: 23px;
    display: inline-block;
    line-height: 23px;
    margin: 7px 2px auto auto
}

#com-xglhc .sub-ball-red {
    background: #fb4a4a
}

#com-xglhc .sub-ball-blue {
    background: #2bafef
}

#com-xglhc .sub-ball-green {
    background: #22ca17
}

#com-xglhc .quickSelect {
    width: 100%;
    padding: 10px 20px
}

#com-xglhc .quickSelect .tit {
    float: left;
    width: 66px;
    text-indent: 18px;
    background: url(../images/quickSelect.png) no-repeat 0;
    display: inline-block;
    font-size: 12px;
    color: #1296db
}

#com-xglhc .quickSelect .quickSelectBox {
    display: inline-block;
    float: right;
    width: calc(100% - 80px)
}

#com-xglhc .lhc-quick-tab {
    text-align: left
}

#com-xglhc .lhc-quick-btn {
    background-color: #e7e1e1;
    border: 1px solid #e5e5e5;
    width: 100%;
    padding: 5px 10px;
    margin-top: -1px
}

#com-xglhc .lhc-tab-quick-select {
    display: inline-block;
    height: 36px;
    line-height: 36px;
    padding: 0 20px;
    color: #666;
    border: 1px solid #ded9d9;
    border-left: none;
    cursor: pointer
}

#com-xglhc .lhc-tab-quick-select:first-child {
    border-left: 1px solid #ded9d9
}

#com-xglhc .lhc-tab-quick-select-selected {
    background-color: #e7e1e1;
    color: #333;
    border-bottom: none
}

#com-xglhc .lhc-quick-btn li input[type=radio] {
    display: none
}

#com-xglhc .lhc-quick-btn li input[type=radio]:checked+label {
    background: #c12727;
    color: #fff
}

#com-xglhc .lhc-quick-btn li label {
    display: inline-block;
    float: left;
    width: 60px;
    border-radius: 5px;
    background: #fff;
    border: 1px solid #ccc;
    margin: 5px;
    line-height: 28px;
    cursor: pointer
}

#com-xglhc .lhc-btn-quick-select-selected {
    background: #c12727;
    color: #fff
}

#com-kganal {
    width: 100%;
    height: 100%;
    background: #fff;
    text-align: center
}

#com-kganal .grid-1-5 {
    width: 20%;
    float: left;
    overflow: hidden
}

#com-kganal .dsLotto-form {
    margin-top: 5px;
    background: #fff
}

#com-kganal .dsLotto-form__head {
    height: 27px;
    border: 1px solid #33434a;
    border-left: none;
    background: #455964
}

#com-kganal .dsLotto-form__head li {
    line-height: 26px;
    height: 26px;
    color: #eee;
    border-left: 1px solid #777
}

#com-kganal .grid-1-5 .i {
    width: 34px
}

#com-kganal .grid-1-5 .iii {
    width: 69px
}

#com-kganal .dsLotto-operate {
    margin: 0 auto
}

#com-kganal .dsLotto-road {
    margin-top: 10px
}

#com-kganal .new-dsLotto-road #panluTongji {
    text-align: center;
    width: 100%;
    background-color: #fff;
    height: 40px;
    line-height: 19px
}

#com-kganal .new-dsLotto-road #panluTongji li {
    height: 20px
}

#com-kganal .new-dsLotto-road #panluTongji li:first-child {
    background-color: #eee;
    border-bottom: 1px solid #ccc
}

#com-kganal li {
    display: list-item;
    text-align: -webkit-match-parent
}

#com-kganal .new-dsLotto-road #panluTongji li span {
    border-left: 1px solid #ccc;
    width: 8%;
    display: inline-block
}

#com-kganal .grid-1-6 {
    width: 16.66%;
    float: left;
    overflow: hidden
}

#com-kganal .selectLi {
    background: #eb6100;
    background-image: linear-gradient(90deg,#7b0000,#eb6100,#7b0000)
}

#com-kganal .historyBoll {
    width: 100%;
    height: 177px;
    text-align: left
}

#com-kganal .rightDiv {
    display: inline-block;
    float: left;
    width: 100%;
    white-space: nowrap
}

#com-kganal .historyBoll .rightDiv>ul {
    float: left;
    width: 23.95px;
    display: inline-block;
    border-right: 1px solid #f3f3f3;
    text-align: center
}

#com-kganal .historyBoll .rightDiv>ul>li {
    position: relative;
    color: #fff;
    width: 22px;
    height: 22px;
    text-align: center;
    border-bottom: 1px solid #f3f3f3;
    padding-top: 1px
}

#com-kganal .historyBoll .rightDiv>ul>li>span {
    width: 18px;
    height: 18px;
    line-height: 18px;
    margin: 0 auto;
    display: block;
    border-radius: 50%;
    text-align: center;
    overflow: hidden;
    cursor: pointer
}

#com-kganal .historyBoll .rightDiv>ul>li>.toolTip {
    position: absolute;
    left: -75px;
    bottom: 28px;
    min-width: 150px;
    width: auto;
    white-space: nowrap!important;
    color: #fff;
    border: 1px solid #ddd;
    background-color: #455964;
    -webkit-box-shadow: 0 0 4px #455964;
    box-shadow: 0 0 4px #455964;
    line-height: 2;
    z-index: 7;
    display: none;
    margin: 0 0 0 10px;
    padding: 5px
}

#com-kganal .historyBoll .rightDiv>ul>li>.toolTip:before {
    position: absolute;
    display: inline-block;
    border-top: 7px solid #ddd;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    left: 68px;
    bottom: -8px;
    content: ""
}

#com-kganal .historyBoll .rightDiv>ul>li>.toolTip:after {
    position: absolute;
    display: inline-block;
    border-top: 7px solid #455964;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    left: 68px;
    bottom: -6px;
    content: "";
    z-index: 2
}

#com-kganal .historyBoll .rightDiv>ul>li>.toolTip h6 {
    font-size: 12px;
    color: #fff
}

#com-kganal .historyBoll .rightDiv>ul>li>.toolTip .numCode {
    color: #eb6100
}

#com-kganal .numCode i {
    margin-left: 8px;
    font-style: normal
}

#com-kganal .historyBoll .rightDiv>ul>li:hover .toolTip {
    display: block;
    z-index: 100007;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1
}

#com-kganal .historyBoll .rightDiv>ul>li:hover span {
    -webkit-animation: beat .5s ease;
    animation: beat .5s ease
}

@keyframes beat {
    0%,20%,50%,80%,to {
        transform: scale(1)
    }

    20% {
        transform: scale(1.2)
    }

    80% {
        transform: scale(1.05)
    }
}

@-webkit-keyframes beat {
    0%,20%,50%,80%,to {
        -webkit-transform: scale(1)
    }

    20% {
        -webkit-transform: scale(1.2)
    }

    80% {
        -webkit-transform: scale(1.05)
    }
}

#com-kganal .ball-blue {
    background-color: #005199;
    box-shadow: inset 0 0 1px #005199,0 0 3px #2f2f2f
}

#com-kganal .ball-red {
    background-color: #970a0a;
    box-shadow: inset 0 0 1px #970a0a,0 0 3px #2f2f2f
}

#com-kganal .ball-green {
    background-color: #00b22d;
    box-shadow: inset 0 0 1px #00b22d,0 0 3px #2f2f2f
}

#com-kganal .ui-grid {
    cursor: pointer
}

#com-kganal .ui-grid:hover {
    background-color: #33434a
}

#com-kganal .leftDiv {
    float: left;
    width: 72px;
    height: 176px;
    display: inline-block;
    background: #efefef
}

#com-kganal .bigSmallDiv {
    width: 72px;
    display: inline-block;
    border-bottom: 1px solid #fff;
    text-align: center;
    padding-top: 35%
}

#com-kganal .bigSmall {
    margin: 5px;
    line-height: 24px;
    font-size: 12px;
    color: #fff;
    width: 24px;
    height: 24px;
    display: inline-block;
    border-radius: 50%;
    text-align: center;
    box-shadow: inset 0 0 1px #005199,0 0 3px #2f2f2f
}

#com-kganal .openNumber {
    font-size: 18px;
    margin: 5px;
    font-weight: 700;
    display: inline-block
}

#com-subplay {
    width: 100%;
    height: 100%;
    margin-top: 10px
}

.dialog-bet-price {
    margin: 0;
    width: 600px;
    min-height: 370px;
    background-color: #fff
}

.dialog-bet-price .rc-dialog-close {
    top: 15px
}

#dlgBetPrice {
    width: 100%;
    height: 100%
}

#dlgBetPrice .dialog-content {
    position: relative;
    padding: 15px;
    box-sizing: border-box
}

#dlgBetPrice .dialog-content fieldset {
    padding: 10px;
    margin: 15px 0;
    border: 1px solid #eee;
    background-color: #fafafa
}

#dlgBetPrice .dialog-content fieldset legend {
    display: block;
    line-height: inherit;
    color: #333;
    font-size: 14px;
    border: 0;
    width: auto;
    padding: 0 10px;
    margin: 0
}

#dlgBetPrice .dialog-content fieldset .table-striped tbody,#dlgBetPrice .dialog-content fieldset .table-striped thead {
    display: inline-block;
    width: 100%
}

#dlgBetPrice .dialog-content fieldset .table-striped tbody {
    max-height: 256px;
    overflow-y: auto
}

#dlgBetPrice .dialog-content fieldset .table-striped {
    width: 100%
}

#dlgBetPrice .dialog-content fieldset .table-striped tr {
    display: inline-table;
    width: 100%
}

#dlgBetPrice .dialog-content fieldset .table-striped tr:nth-child(2n)>td,#dlgBetPrice .dialog-content fieldset .table-striped tr:nth-child(odd)>th {
    background-color: #e6e6e6;
    line-height: 28px;
    padding-left: 3px
}

#dlgBetPrice .dialog-content fieldset .table-striped tr>td {
    line-height: 28px;
    padding-left: 3px
}

#dlgBetPrice .dialog-content .buyNumber {
    max-width: 160px;
    margin: 0;
    white-space: break-spaces
}

#dlgBetPrice .dialog-content .otherInfo .sum {
    text-align: center;
    font-size: 18px;
    color: #898787
}

#dlgBetPrice .dialog-content .otherInfo .sum span {
    color: #f32e2e
}

#dlgBetPrice .dialog-content .otherInfo .tip {
    text-align: center;
    color: #ef8e1c;
    border-top: 0;
    padding: 0
}

#dlgBetPrice .dialog-footer {
    padding: 0;
    text-align: center;
    border-top: none;
    margin-bottom: 20px
}

#dlgBetPrice .dialog-footer .btn-sm {
    padding: 5px 15px;
    font-size: 12px;
    line-height: 1.46666667;
    border-radius: 3px;
    margin: 5px 0
}

#dlgBetPrice .dialog-footer .btn-default {
    color: #fff;
    background-color: #2a8fbd;
    border-color: #2a8fbd
}

#dlgBetPrice .dialog-footer .btn+.btn {
    margin-bottom: 5px;
    margin-left: 5px
}

#dlgBetPrice .dialog-footer .btn.btn-dark {
    background: #959595;
    border: 1px solid #959595;
    color: #fff
}

#dlgBetPrice .dialog-content .otherInfo .profit {
    text-align: center
}

#dlgBetPrice .dialog-content .otherInfo .profit span {
    color: #f32e2e
}

#com-jdcbetbar,#page-jdcp {
    width: 100%;
    height: 100%
}

#page-jdcp .content {
    width: 100%;
    top: 0
}

#page-jdcp .game-header-2 {
    background: url(../images/game_top_bj.jpg) 0 0 no-repeat
}

#page-jdcp .bet-wrap {
    width: 1200px;
    margin: 0 auto;
    padding-bottom: 30px;
    min-height: 560px;
    box-sizing: content-box!important
}

#page-jdcp .bet-area {
    position: relative;
    margin-top: 10px
}

#page-cqlhc .bet-area-tema .box_body,#page-jdcp .bet-area-tema .box_title {
    padding-right: 128px
}

#page-jdcp .bet-area .box_title {
    height: 49px;
    line-height: 49px;
    color: #c12727;
    font-size: 14px;
    background: #ededed;
    padding-left: 120px
}

#page-jdcp .bet-area td {
    padding: 0 5px;
    text-align: center
}

#page-jdcp .bet-area-tema .rh {
    width: 46px;
    padding: 0
}

#page-jdcp .sub-plays {
    background: #fff
}

#page-jdcp .sub-plays .subplay {
    border-bottom: 1px solid #e6e6e6;
    padding: 10px 15px
}

#page-jdcp .sub-plays a {
    color: #707070;
    line-height: 20px;
    margin-left: 17px;
    padding: 6px 15px 5px 17px;
    border-radius: 20px 20px 20px 20px;
    display: inline-block
}

#page-jdcp .sub-plays a:hover {
    background: #2699de;
    color: #fff
}

#page-jdcp .bet-area-action .ops {
    width: 100%;
    height: 80px;
    background: rgba(55,75,119,.4);
    padding: 20px
}

#page-jdcp .game-bj-6 .bet-area-action .ops {
    background-color: hsla(0,0%,100%,.2)
}

#page-jdcp .bet-area-action .btn {
    display: inline-block;
    position: relative;
    width: 100px;
    height: 40px;
    line-height: 40px;
    border-radius: 5px;
    text-align: center;
    color: #fff;
    margin-left: 24px;
    background-color: #900707;
    font-size: 20px;
    float: right
}

#page-jdcp .ships {
    display: inline-block;
    width: 100%;
    line-height: 40px
}

#page-jdcp .ship-setting {
    float: left;
    width: 70px;
    text-indent: 18px;
    background: url(../images/ship-setting1.png) no-repeat 0;
    display: inline-block;
    font-size: 12px;
    color: #1296db;
    cursor: pointer
}

#page-jdcp .ship-setting:hover {
    background: url(../images/ship-setting2.png) no-repeat 0;
    color: #d31b08
}

#page-jdcp .ships .chips {
    margin-left: 10px;
    display: inline-block;
    float: left
}

#page-jdcp .ships .chips:after,#page-jdcp .ships:after {
    clear: both;
    content: "";
    display: block
}

#page-jdcp .ships ul li {
    float: left;
    display: inline-block;
    margin: 0 5px
}

#page-jdcp .ships ul li a {
    cursor: pointer;
    transition: all .6s;
    text-align: center;
    line-height: 36px;
    color: #666;
    display: inline-block;
    width: 50px;
    height: 41px;
    background: url(../images/spr_chips.png) no-repeat
}

#page-jdcp .ships ul li:first-child a {
    background-position: 0 0
}

#page-jdcp .ships ul li:nth-child(2) a {
    background-position: -50px 0
}

#page-jdcp .ships ul li:nth-child(3) a {
    background-position: -100px 0
}

#page-jdcp .ships ul li:nth-child(4) a {
    background-position: -150px 0
}

#page-jdcp .ships ul li:nth-child(5) a {
    background-position: -200px 0
}

#page-jdcp .ships ul li a.active,#page-jdcp .ships ul li a:active,#page-jdcp .ships ul li a:hover,#page-jdcp .ships ul li a:visited {
    transform: scale(1.2)
}

#page-jdcp .bet-money {
    float: left;
    display: inline-block;
    color: #666
}

#page-jdcp .bet {
    float: right;
    font-size: 14px;
    color: #fff
}

#page-jdcp .bet .betMoney {
    font-size: 18px;
    color: red;
    margin: 0 10px
}

#page-jdcp .bet-money input {
    margin: 0 0 0 10px;
    width: 90px;
    height: 35px;
    border: 1px solid #b5b5b5;
    padding: 5px;
    text-align: center
}

#page-jdcp .bet-area-action .btn-reset {
    background-color: #121b1f
}

#page-jdcp .bet-area-action .btn:first-child {
    margin-left: 0
}

#page-jdcp .bet-area-action .box_title {
    height: auto;
    padding: 30px;
    text-align: right
}

#page-jdcp .bet-area-action .el {
    position: absolute;
    width: 32px;
    height: 32px;
    left: 28px;
    top: 12px
}

#page-jdcp .bet-area-jilu table .issue {
    text-align: right;
    width: 136px
}

#page-jdcp .bet-area-jilu th {
    border-top: 1px solid #e9e9e9;
    height: 58px;
    text-align: center;
    background-color: #f7f7f7;
    border-bottom: 1px solid #e4e4e4;
    font-size: 15px;
    font-weight: 400
}

#page-jdcp .bet-area-jilu table th.btime {
    width: 210px
}

#page-jdcp .bet-area-jilu table th.codes {
    width: 160px
}

#page-jdcp .bet-area-jilu table .status {
    text-align: left;
    width: 120px
}

#page-jdcp .bet-area-jilu td {
    height: 43px;
    font-weight: 400;
    text-align: center;
    background-color: #fff;
    font-size: 13px;
    border: none
}

#page-jdcp ._form {
    position: absolute;
    top: 9px;
    background-color: #fff;
    left: 100px;
    padding: 5px
}

#page-jdcp ._form .array>li>select {
    width: 46px
}

#page-jdcp ._form .array>li {
    width: 46px;
    height: 36px;
    line-height: 40px;
    margin-left: 5px
}

#page-jdcp ._form .codeUl {
    height: 36px;
    margin-top: -5px;
    text-align: center;
    display: flex
}

#page-jdcp ._tips {
    display: flex;
    height: 26px;
    line-height: 24px;
    margin: 0 0 0 5px;
    color: #999
}

#page-jdcp ._form .i_close {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: -10px;
    right: -10px;
    background: url(../images/i_chips_close.png) no-repeat
}

#com-loginks {
    background-size: cover;
    background-attachment: fixed;
    background: #000 url(/res/images/Login-register-bj.jpg) no-repeat top;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

#com-loginks ul,li {
    list-style: none;
    margin: 0;
    padding: 0
}

#com-loginks i {
    font-style: normal
}

#com-loginks * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

#com-loginks .wrapper-bj {
    position: relative;
    width: 100%;
    height: -moz-calc(100% - 96px);
    height: -webkit-calc(100% - 96px);
    height: calc(100% - 96px);
    display: flex;
    justify-content: center;
    align-items: center
}

#com-loginks .main,#com-loginks .wrapper {
    width: 1024px
}

#com-loginks .main-top {
    width: 1024px;
    height: 65px
}

#com-loginks .login-logo {
    height: 49px;
    width: 261px;
    background: url(../images/LOGO.png) 0 0 no-repeat;
    float: left
}

.login-bg-8 #com-loginks {
    background-size: cover;
    background-attachment: fixed;
    background: #e9e9e9 url(/res/images/8/login-bg.jpg) no-repeat top;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.login-bg-8 #com-loginks>div>div.wrapper>div>div.main-c>div.Landing-port {
    padding-top: 70px
}

.login-bg-8 #com-loginks>div>div.wrapper>div>div.main-c>div.Landing-port>h3 {
    color: #222
}

.login-bg-8 #com-loginks>div>div.wrapper>div>div.main-c>div.Landing-port>form>div>div.opt>label {
    color: #222
}

#com-loginks .login-logo_8 {
    height: 56px;
    width: 261px;
    background: url(../images/8/logo_8.png) no-repeat;
    float: left
}

#com-loginks .login-logo_9 {
    height: 66px;
    width: 280px;
    background: url(../images/9/logo_9.png) no-repeat;
    float: left;
    background-size: 80% 100%
}

#com-loginks .login-logo_21 {
    height: 60px;
    width: 258px;
    background: url(../images/21/logo_21.png) no-repeat;
    float: left;
    background-size: 100% 100%
}

#com-loginks .login-logo_22 {
    height: 49px;
    width: 184px;
    background: url(../images/22/logo_22.png) no-repeat;
    float: left;
    background-size: 100% 100%
}

#com-loginks .login-logo_24 {
    height: 49px;
    width: 261px;
    background: url(../images/24/logo_24.png) no-repeat;
    float: left;
    background-size: 100% 100%
}

#com-loginks .service {
    height: 65px;
    float: right
}

#com-loginks .service ul li {
    font-size: 14px;
    float: left;
    line-height: 39px;
    margin-top: 22px
}

#com-loginks .service a {
    color: #2a8fbd
}

#com-loginks .service a:hover {
    color: #f3d034
}

#com-loginks .service .line {
    float: left;
    height: 32px;
    width: 32px;
    margin-right: 8px;
    background: url(../images/all-ico.png) -354px -174px no-repeat
}

#com-loginks .service .service24 {
    float: left;
    height: 32px;
    width: 32px;
    margin-right: 15px;
    background: url(../images/all-ico.png) -391px -177px no-repeat
}

#com-loginks .zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

#com-loginks .main-c {
    position: relative;
    width: 1024px;
    display: flex;
    align-items: center
}

#com-loginks .main-c .mask {
    width: 100%;
    filter: alpha(opacity=50);
    -moz-opacity: .5;
    -khtml-opacity: .5;
    opacity: .5;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1
}

#com-loginks .Landing-port {
    width: 272px;
    padding: 37px 20px 72px;
    float: left;
    color: #7b8993;
    font: 300 87.5%/1.5em Open Sans,sans-serif
}

#com-loginks .Landing-port h3 {
    color: #fff;
    font-size: 16px;
    margin-bottom: 20px
}

#com-loginks .form-item {
    margin-bottom: 10px;
    width: 100%;
    position: relative
}

#com-loginks .form-yzm {
    width: 100%;
    float: left;
    position: relative
}

#com-loginks .form-yzm .Verification {
    display: block;
    width: 107px;
    height: 38px;
    float: right;
    margin: 1px 4px 0 0
}

#com-loginks .input {
    width: 100%
}

#com-loginks .input,#com-loginks .input-yzm {
    border: 1px solid #0b6a96;
    border-radius: 5px;
    color: #5d5659;
    font-family: Open Sans,sans-serif;
    font-size: 14px;
    height: 40px;
    padding: 5px 12px 5px 43px;
    transition: background .3s ease-in-out
}

#com-loginks .input-yzm {
    width: 115px
}

#com-loginks .form-item i {
    display: block;
    width: 32px;
    height: 18px;
    float: left;
    position: absolute;
    top: 13px;
    left: 6px;
    z-index: 2
}

#com-loginks .form-item-password .anticon {
    font-size: 20px;
    margin-left: 196px;
    margin-top: -1px
}

#com-loginks .form-yzm i {
    display: block;
    width: 32px;
    height: 18px;
    float: left;
    position: absolute;
    top: 13px;
    left: 6px;
    z-index: 2
}

#com-loginks .name-ico {
    background: url(../images/all-ico.png) -423px -155px no-repeat
}

#com-loginks .password-ico {
    background: url(../images/all-ico.png) -423px -173px no-repeat
}

#com-loginks .yzm-ico {
    background: url(../images/all-ico.png) -423px -192px no-repeat
}

#com-loginks .input-yzm:focus {
    outline: none;
    border-color: #0b6a96;
    box-shadow: 0 0 10px rgba(0,0,0,.5)
}

#com-loginks .input:focus {
    outline: none;
    border-color: #0b6a96;
    box-shadow: 0 0 10px rgba(0,0,0,.5)
}

#com-loginks .button-panel {
    margin: 10px 0 0;
    width: 100%
}

#com-loginks .button-panel-top-log {
    margin-top: 126px
}

#com-loginks .button-panel-top-reg {
    margin-top: 60px
}

#com-loginks .button-panel .button {
    float: left;
    -webkit-appearance: none;
    background: #d64534;
    border: none;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    height: 40px;
    font-family: Open Sans,sans-serif;
    font-size: 1.2em;
    letter-spacing: .05em;
    text-align: center;
    text-transform: uppercase;
    transition: background .3s ease-in-out;
    width: 100px
}

#com-loginks .form span.yiyouzh {
    float: left;
    display: block;
    margin-left: 26px;
    line-height: 42px
}

#com-loginks .form span.yiyouzh em {
    font-size: 14px;
    cursor: pointer
}

#com-loginks .form span.look-aronud {
    margin-left: 0
}

#com-loginks .form a.look-aronud {
    float: right;
    color: #f3d034;
    line-height: 42px;
    font-size: 14px
}

#com-loginks .form a.look-aronud:hover {
    text-decoration: underline;
    font-style: italic
}

#com-loginks .button-panel .register {
    color: #28aae6
}

#com-loginks .button:hover {
    background: #e46050
}

#com-loginks .button-panel .register:hover {
    color: #4bbaee;
    text-decoration: underline
}

#com-loginks .opt {
    width: 100%;
    height: 30px;
    line-height: 24px;
    float: left;
    color: #fff;
    font-size: 12px
}

#com-loginks .opt a {
    margin-left: 75px;
    color: #fff
}

#com-loginks .opt a:hover {
    color: #36ed14
}

#com-loginks .Landing-port-zc {
    width: 272px;
    padding: 8px 20px 20px;
    float: left;
    color: #7b8993;
    font: 300 87.5%/1.5em Open Sans,sans-serif
}

#com-loginks .Landing-port-zc h3 {
    color: #fff;
    font-size: 16px;
    margin-bottom: 10px
}

#com-loginks .input-zc {
    width: 100%
}

#com-loginks .input-yzm-zc,#com-loginks .input-zc {
    border: 1px solid #0b6a96;
    border-radius: 5px;
    color: #5d5659;
    font-family: Open Sans,sans-serif;
    font-size: 12px;
    height: 40px;
    padding: 0 12px 0 43px;
    transition: background .3s ease-in-out
}

#com-loginks .input-yzm-zc {
    width: 115px
}

#com-loginks h3 a:hover {
    color: #36ed14
}

#com-loginks .input-zc:focus {
    outline: none;
    border-color: #0b6a96;
    box-shadow: 0 0 10px rgba(0,0,0,.5)
}

#com-loginks .input-yzm-zc:focus {
    outline: none;
    border-color: #0b6a96;
    box-shadow: 0 0 10px rgba(0,0,0,.5)
}

#com-loginks .Rotation-map {
    width: 730px;
    float: left;
    background: #28aae6;
    padding: 20px
}

#com-loginks a {
    text-decoration: none;
    color: #000
}

#com-loginks ul {
    list-style: none
}

#com-loginks .box {
    width: 690px;
    height: 303px;
    overflow: hidden;
    position: relative;
    padding: 8px;
    background: #fff
}

#com-loginks .box_img {
    width: 672px;
    height: 287px;
    overflow: hidden
}

#com-loginks .dos-focus {
    position: relative;
    width: 100%;
    height: 350px
}

#com-loginks ul,ol {
    list-style-type: none
}

#com-loginks .dos-focus .focus-child {
    position: absolute;
    left: 0;
    top: 0;
    width: auto;
    height: auto;
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 1
}

#com-loginks .dos-focus ol {
    display: inline-block;
    position: absolute;
    z-index: 3;
    right: 300px;
    bottom: 55px
}

#com-loginks .dos-focus ol li {
    width: 30px;
    height: 30px;
    padding: 2px 10px;
    font-size: 15px;
    display: inline-block;
    background-color: hsla(0,0%,100%,.5);
    border-radius: 15px;
    margin: 0 5px;
    cursor: pointer;
    float: left;
    line-height: 26px;
    text-align: center
}

#com-loginks .dos-focus ol .cur {
    color: #fff;
    background-color: rgba(0,152,186,.5)
}

#com-loginks #footer {
    background: #070608;
    filter: alpha(opacity=64);
    -moz-opacity: .64;
    -khtml-opacity: .64;
    opacity: .64;
    width: 100%;
    height: 96px;
    position: fixed;
    left: 0;
    bottom: 0
}

#com-loginks #footer .footer-c {
    width: 1024px;
    height: 96px;
    margin: 0 auto
}

#com-loginks .footer-img {
    float: left
}

#com-loginks .footer-img dl {
    display: inline-block;
    margin-top: 10px
}

#com-loginks .footer-img dl dt {
    font-size: 12px;
    color: #b7b7b7
}

#com-loginks .footer-img dl.security {
    margin-right: 100px
}

#com-loginks .footer-img dl dd {
    display: inline-block;
    float: left;
    height: 48px;
    background: url(../images/footer_imgs.png) 0 0 no-repeat
}

#com-loginks .footer-img dl.security dd {
    width: 378px;
    background-position: 0 0
}

#com-loginks .footer-img dl.trust dd {
    width: 170px;
    background-position: -478px 0
}

#com-loginks .app {
    width: 76px;
    height: 76px;
    padding: 5px;
    float: left;
    background: #fff;
    margin: 9px 5px 9px 120px
}

#com-loginks .QR-code-cp,#com-loginks .QR-code-pc {
    background: url(/res/new-image/erwei-a.jpg) 0 0 no-repeat
}

#com-loginks .app-txt {
    float: left;
    width: 142px;
    height: 96px;
    padding: 10px
}

#com-loginks .app-txt span {
    font-size: 12px;
    color: #cecece
}

#com-loginks .app-txt p {
    color: #8f8f90;
    float: left;
    display: block;
    width: 140px;
    height: 55px
}

#com-loginhx {
    width: 100%;
    height: 100%;
    background: #ebebeb
}

#com-loginhx ul,li {
    list-style: none;
    margin: 0;
    padding: 0
}

#com-loginhx ul {
    list-style: none
}

#com-loginhx i {
    font-style: normal
}

#com-loginhx * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

#com-loginhx .wrapper-bj {
    position: relative;
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center
}

#com-loginhx .wrapper-bj img {
    width: 100%
}

#com-loginhx .wrapper-bj>img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

#com-loginhx .main,#com-loginhx .wrapper {
    width: 1024px
}

#com-loginhx .main-top {
    position: relative
}

.com-login2 .login-logo {
    background: url(../images/2/logo_2.png) 0 0 no-repeat;
    background-size: contain
}

.com-login2 .login-logo,.com-login8 .login-logo {
    float: left;
    height: 72px;
    width: 217px;
    margin-bottom: 10px
}

.com-login8 .login-logo {
    background: url(../images/8/logo_8.png) 0 0 no-repeat
}

.com-login9 .login-logo {
    float: left;
    height: 78px;
    width: 230px;
    background: url(../images/9/logo_9.png) 0 0 no-repeat;
    margin-bottom: 10px
}

#com-loginhx .service {
    display: inline-block;
    position: absolute;
    right: 16px;
    bottom: 10px;
    height: 24px;
    line-height: 30px;
    font-size: 14px;
    color: #5c481d
}

#com-loginhx .service .service24 {
    float: left;
    height: 24px;
    width: 24px;
    margin-right: 5px;
    background: url(../images/2/i_24.png) 0 0 no-repeat
}

#com-loginhx .service:hover {
    color: #f35b1a;
    text-decoration: underline
}

#com-loginhx .service:hover .service24 {
    background-position: 0 -24px
}

#com-loginhx .main-c {
    position: relative;
    float: left;
    width: 1024px;
    max-width: 1200px;
    background: #fff;
    padding-bottom: 30px
}

#com-loginhx .main-c .content {
    padding: 0 100px 0 0
}

#com-loginhx .main-c .content .part_left {
    float: left;
    padding: 0
}

#com-loginhx.com-login8 .main-c .content .part_left {
    margin-left: 92px
}

#com-loginhx .main-c .content .bjangleGroup {
    float: left;
    padding: 0;
    z-index: 99;
    position: absolute;
    margin-top: -90px
}

#com-loginhx.com-login8 .main-c .content .bjangleGroup {
    margin-left: 80px;
    padding-top: 30px
}

#com-loginhx .main-c .content .part_right {
    float: right
}

#com-loginhx .main-c .content .part_left p {
    font-size: 24px;
    color: #6f6f6f;
    margin-top: 30px
}

.com-login2 .bj_angle {
    display: block;
    background: url(../images/2/bj_angle_2.png) no-repeat
}

.com-login2 .bj_angle_01 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 103px;
    height: 97px;
    background-position: -7px 0;
    background: none
}

.com-login2 .bj_angle_02 {
    position: absolute;
    top: 0;
    right: 0;
    width: 101px;
    height: 94px;
    background-position: -115px -5px;
    background: none
}

.com-login2 .bj_angle_04 {
    width: 427px;
    height: 435px
}

.com-login2 .bj_angle_new {
    width: 394px;
    height: 401px;
    background: url(../images/2/bj_angle_2.png) no-repeat 50%;
    background-size: 100%;
    background-position: 50%
}

.com-login2 .bj_angle_21 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 103px;
    height: 97px;
    background-position: -7px 0
}

.com-login8 .bj_angle {
    display: block;
    background: url(../images/8/bj_angle_8.jpg) no-repeat
}

.com-login8 .bj_angle_01 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 103px;
    height: 97px;
    background-position: -7px 0
}

.com-login8 .bj_angle_02 {
    position: absolute;
    top: 0;
    right: 0;
    width: 101px;
    height: 94px;
    background-position: -115px -5px
}

.com-login8 .bj_angle_04 {
    width: 290px;
    height: 350px;
    background-position: 2px -115px
}

.com-login8 .bj_angle_21 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 103px;
    height: 97px;
    background-position: -7px 0
}

.com-login9 .bj_angle {
    display: block;
    background: url(../images/9/bj_angle_9.png) no-repeat
}

.com-login9 .bj_angle_01 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 103px;
    height: 97px;
    background-position: -7px 0
}

.com-login9 .bj_angle_02 {
    position: absolute;
    top: 0;
    right: 0;
    width: 101px;
    height: 94px;
    background-position: -115px -5px
}

.com-login9 .bj_angle_04 {
    width: 290px;
    height: 350px;
    background-position: 2px -115px
}

.com-login9 .bj_angle_21 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 103px;
    height: 97px;
    background-position: -7px 0
}

#com-loginhx .title_w {
    margin-left: 27px;
    width: 953px;
    height: 90px;
    border-bottom: 0 solid #e7e7e7
}

#com-loginhx .title_w h1 {
    color: #5c481d;
    font-weight: 500;
    font-size: 30px;
    font-family: inherit;
    line-height: 88px;
    margin-bottom: 0;
    margin-left: 466px;
    display: inline-block
}

#com-loginhx .title_w h1 span {
    font-size: 24px
}

#com-loginhx .formList {
    overflow: hidden;
    margin-top: 40px;
    margin-left: 30px;
    width: 430px;
    color: #787878;
    font-size: 14px
}

#com-loginhx .registerList {
    margin-top: 5px
}

#com-loginhx .formList dl dd {
    margin: 10px 0 20px;
    height: 38px;
    text-align: center;
    line-height: 38px
}

#com-loginhx .formList dl dd span {
    float: left
}

#com-loginhx .formList dl dd span.tt {
    text-align: right;
    margin-right: 7px
}

#com-loginhx .formList dl dd span input {
    padding: 0 10px;
    width: 300px;
    height: 39px;
    outline: 0;
    border: none;
    border-bottom: 1px solid #e5e5e5;
    line-height: 39px
}

#com-loginhx .formList dl dd span.yzm {
    display: inline-block;
    width: 300px;
    height: 39px;
    outline: 0;
    border: 0;
    color: #d5d5d5;
    line-height: 39px
}

#com-loginhx .formList dl dd span.yzm input {
    float: left;
    width: 150px;
    outline: 0;
    color: #787878;
    border: none;
    border-bottom: 1px solid #e5e5e5
}

#com-loginhx .formList dl dd span.yzm .Verification {
    float: right;
    width: 107px;
    height: 38px;
    margin: 1px 4px 0 0
}

#com-loginhx .formList .but_r {
    float: left;
    margin: 0 auto;
    width: 160px;
    height: 42px;
    border-radius: 30px;
    background: #ffb001;
    color: #333;
    text-align: center;
    font-size: 16px;
    line-height: 42px
}

#com-loginhx .formList span.yiyouzh {
    float: left;
    display: block;
    margin-left: 26px;
    line-height: 42px
}

#com-loginhx .formList span.yiyouzh em {
    font-size: 14px;
    color: #ff3c00;
    cursor: pointer
}

#com-loginhx .dd-password i {
    font-size: 22px;
    margin-left: -108px;
    margin-top: 8px
}

#com-loginhx .zhuce-log {
    width: 530px;
    text-align: center
}

#com-loginhx .zhuce-log h1 {
    margin-top: 45px;
    color: #6d6d6d;
    font-weight: 400;
    font-size: 46px;
    line-height: 75px
}

#com-loginhx .zhuce-log h2 {
    margin-bottom: 30px;
    color: #6d6d6d;
    font-size: 24px
}

#com-loginhx .zhuce-log img {
    margin-left: 138px
}

#com-loginhx .formList input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
    color: #a9a9a9
}

#com-loginhx .opt {
    width: 100%;
    height: 30px;
    line-height: 24px;
    font-size: 12px
}

#com-loginhx .button-panel {
    overflow: hidden;
    margin-top: 20px
}

#com-loginwh {
    background-size: cover;
    background-attachment: fixed;
    background: #fff4f8 url(/res/images/8/login-bg.jpg) no-repeat top;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-position-y: 70px
}

#com-loginwh ul,li {
    list-style: none;
    margin: 0;
    padding: 0
}

#com-loginwh i {
    font-style: normal
}

#com-loginwh * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

#com-loginwh .wrapper-bj {
    position: relative;
    width: 100%;
    height: -moz-calc(100% - 166px);
    height: -webkit-calc(100% - 166px);
    height: calc(100% - 166px);
    display: flex;
    justify-content: center;
    align-items: center
}

#com-loginwh .main,#com-loginwh .wrapper {
    width: 1024px
}

#com-loginwh .main-top {
    width: 1024px;
    height: 70px;
    margin-left: auto;
    margin-right: auto
}

#com-loginwh .login-logo {
    height: 49px;
    width: 261px;
    background: url(../images/LOGO.png) 0 0 no-repeat;
    float: left
}

.login-bg-8 #com-loginwh {
    background-size: cover;
    background-attachment: fixed;
    background: #fff4f8 url(/res/images/8/login-bg.jpg) no-repeat top;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-position-y: 70px
}

.login-bg-8 #com-loginwh>div>div.wrapper>div>div.main-c>div.Landing-port>h3 {
    color: #222
}

.login-bg-8 #com-loginwh>div>div.wrapper>div>div.main-c>div.Landing-port>form>div>div.opt>label {
    color: #000
}

#com-loginwh .login-logo_8 {
    height: 56px;
    width: 261px;
    background: url(../images/8/logo_8.png) no-repeat;
    float: left
}

#com-loginwh .login-logo_21 {
    height: 49px;
    width: 261px;
    background: url(../images/21/logo_21.png) no-repeat;
    float: left;
    background-size: 80% 100%
}

#com-loginwh .login-logo_22 {
    height: 49px;
    width: 184px;
    background: url(../images/22/logo_22.png) no-repeat;
    float: left;
    background-size: 100% 100%
}

#com-loginwh .service {
    height: 65px;
    float: right
}

#com-loginwh .service ul li {
    font-size: 14px;
    float: left;
    line-height: 39px;
    margin-top: 22px
}

#com-loginwh .service a {
    color: #2a8fbd
}

#com-loginwh .service a:hover {
    color: #f3d034
}

#com-loginwh .service .line {
    float: left;
    height: 32px;
    width: 32px;
    margin-right: 8px;
    background: url(../images/all-ico.png) -354px -174px no-repeat
}

#com-loginwh .service .service24 {
    float: left;
    height: 32px;
    width: 32px;
    margin-right: 15px;
    background: url(../images/all-ico.png) -391px -177px no-repeat
}

#com-loginwh .zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

#com-loginwh .main-c {
    position: relative;
    width: 1024px;
    display: flex;
    align-items: center
}

#com-loginwh .main-c .mask {
    width: 100%;
    filter: alpha(opacity=50);
    -moz-opacity: .5;
    -khtml-opacity: .5;
    opacity: .5;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1
}

#com-loginwh .Landing-port {
    width: 372px;
    padding: 30px 30px 15px;
    float: left;
    color: #7b8993;
    font: 300 87.5%/1.5em Open Sans,sans-serif;
    background-color: hsla(0,0%,100%,.5);
    border-radius: 5px
}

#com-loginwh .Landing-port h3 {
    color: #fff;
    font-size: 16px;
    margin-bottom: 20px
}

#com-loginwh .form-item {
    margin-bottom: 10px;
    width: 100%;
    position: relative
}

#com-loginwh .form-yzm {
    width: 100%;
    float: left;
    position: relative
}

#com-loginwh .form-yzm .Verification {
    display: block;
    width: 107px;
    height: 38px;
    float: right;
    margin: 1px 4px 0 0
}

#com-loginwh .input {
    width: 100%
}

#com-loginwh .input,#com-loginwh .input-yzm {
    border: 1px solid #0b6a96;
    border-radius: 5px;
    color: #5d5659;
    font-family: Open Sans,sans-serif;
    font-size: 14px;
    height: 40px;
    padding: 5px 12px 5px 43px;
    transition: background .3s ease-in-out
}

#com-loginwh .input-yzm {
    width: 185px
}

#com-loginwh .form-item i {
    display: block;
    width: 32px;
    height: 18px;
    float: left;
    position: absolute;
    top: 13px;
    left: 6px;
    z-index: 2
}

#com-loginwh .form-item-password .anticon {
    font-size: 20px;
    margin-left: 280px;
    margin-top: -1px
}

.login-bg-8 #com-loginwh .form-item-password .anticon {
    margin-left: 256px
}

#com-loginwh .form-yzm i {
    display: block;
    width: 32px;
    height: 18px;
    float: left;
    position: absolute;
    top: 13px;
    left: 6px;
    z-index: 2
}

#com-loginwh .name-ico {
    background: url(../images/all-ico.png) -423px -155px no-repeat
}

#com-loginwh .password-ico {
    background: url(../images/all-ico.png) -423px -173px no-repeat
}

#com-loginwh .yzm-ico {
    background: url(../images/all-ico.png) -423px -192px no-repeat
}

#com-loginwh .input-yzm:focus {
    outline: none;
    border-color: #0b6a96;
    box-shadow: 0 0 10px rgba(0,0,0,.5)
}

#com-loginwh .input:focus {
    outline: none;
    border-color: #0b6a96;
    box-shadow: 0 0 10px rgba(0,0,0,.5)
}

#com-loginwh .button-panel {
    margin: 10px 0 0;
    width: 100%
}

#com-loginwh .button-panel-top-log {
    margin-top: 126px
}

#com-loginwh .button-panel-top-reg {
    margin-top: 75px
}

#com-loginwh .button-panel .button {
    float: left;
    -webkit-appearance: none;
    background: #d64534;
    border: none;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    height: 40px;
    font-family: Open Sans,sans-serif;
    font-size: 1.2em;
    letter-spacing: .05em;
    text-align: center;
    text-transform: uppercase;
    transition: background .3s ease-in-out;
    width: 132px
}

#com-loginwh .form span.yiyouzh {
    display: block;
    margin-left: 200px;
    line-height: 42px
}

#com-loginwh .form span.yiyouzh em {
    font-size: 14px;
    cursor: pointer
}

#com-loginwh .button-panel .register {
    color: #28aae6
}

#com-loginwh .button:hover {
    background: #e46050
}

#com-loginwh .button-panel .register:hover {
    color: #4bbaee;
    text-decoration: underline
}

#com-loginwh .opt {
    width: 100%;
    height: 30px;
    line-height: 24px;
    float: left;
    color: #fff;
    font-size: 12px
}

#com-loginwh .opt a {
    margin-left: 75px;
    color: #fff
}

#com-loginwh .opt a:hover {
    color: #36ed14
}

#com-loginwh .Landing-port-zc {
    width: 364px;
    padding: 20px;
    float: left;
    color: #7b8993;
    font: 300 87.5%/1.5em Open Sans,sans-serif;
    background-color: hsla(0,0%,100%,.6);
    border-radius: 5px
}

#com-loginwh .Landing-port-zc h3 {
    font-size: 16px;
    margin-bottom: 16px
}

#com-loginwh .input-zc {
    width: 100%
}

#com-loginwh .input-yzm-zc,#com-loginwh .input-zc {
    border: 1px solid #0b6a96;
    border-radius: 5px;
    color: #5d5659;
    font-family: Open Sans,sans-serif;
    font-size: 12px;
    height: 40px;
    padding: 0 12px 0 43px;
    transition: background .3s ease-in-out
}

#com-loginwh .input-yzm-zc {
    width: 205px
}

#com-loginwh h3 a:hover {
    color: #36ed14
}

#com-loginwh .input-zc:focus {
    outline: none;
    border-color: #0b6a96;
    box-shadow: 0 0 10px rgba(0,0,0,.5)
}

#com-loginwh .input-yzm-zc:focus {
    outline: none;
    border-color: #0b6a96;
    box-shadow: 0 0 10px rgba(0,0,0,.5)
}

#com-loginwh span.yiyouzh {
    color: #000
}

#com-loginwh a.register {
    color: #2a8fbd;
    font-weight: 500
}

#com-loginwh .Rotation-map {
    width: 660px;
    float: left;
    padding: 20px
}

#com-loginwh .Rotation-map img {
    display: none
}

#com-loginwh a {
    text-decoration: none;
    color: #000
}

#com-loginwh ul {
    list-style: none
}

#com-loginwh .box {
    width: 690px;
    height: 303px;
    overflow: hidden;
    position: relative;
    padding: 8px
}

#com-loginwh .box_img {
    width: 672px;
    height: 287px;
    overflow: hidden
}

#com-loginwh .dos-focus {
    position: relative;
    width: 100%;
    height: 350px
}

#com-loginwh ul,ol {
    list-style-type: none
}

#com-loginwh .dos-focus .focus-child {
    position: absolute;
    left: 0;
    top: 0;
    width: auto;
    height: auto;
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 1
}

#com-loginwh .dos-focus ol {
    display: inline-block;
    position: absolute;
    z-index: 3;
    right: 300px;
    bottom: 55px
}

#com-loginwh .dos-focus ol li {
    width: 30px;
    height: 30px;
    padding: 2px 10px;
    font-size: 15px;
    display: inline-block;
    background-color: hsla(0,0%,100%,.5);
    border-radius: 15px;
    margin: 0 5px;
    cursor: pointer;
    float: left;
    line-height: 26px;
    text-align: center
}

#com-loginwh .dos-focus ol .cur {
    color: #fff;
    background-color: rgba(0,152,186,.5)
}

#com-loginwh #footer {
    background: #070608;
    filter: alpha(opacity=64);
    -moz-opacity: .64;
    -khtml-opacity: .64;
    opacity: .64;
    width: 100%;
    height: 96px;
    position: fixed;
    left: 0;
    bottom: 0
}

#com-loginwh #footer .footer-c {
    width: 1024px;
    height: 96px;
    margin: 0 auto
}

#com-loginwh .footer-img {
    float: left
}

#com-loginwh .footer-img dl {
    display: inline-block;
    margin-top: 10px
}

#com-loginwh .footer-img dl dt {
    font-size: 12px;
    color: #b7b7b7
}

#com-loginwh .footer-img dl.security {
    margin-right: 100px
}

#com-loginwh .footer-img dl dd {
    display: inline-block;
    float: left;
    height: 48px;
    background: url(../images/footer_imgs.png) 0 0 no-repeat
}

#com-loginwh .footer-img dl.security dd {
    width: 378px;
    background-position: 0 0
}

#com-loginwh .footer-img dl.trust dd {
    width: 170px;
    background-position: -478px 0
}

#com-loginwh .app {
    width: 76px;
    height: 76px;
    padding: 5px;
    float: left;
    background: #fff;
    margin: 9px 5px 9px 120px
}

#com-loginwh .QR-code-cp,#com-loginwh .QR-code-pc {
    background: url(/res/new-image/erwei-a.jpg) 0 0 no-repeat
}

#com-loginwh .app-txt {
    float: left;
    width: 142px;
    height: 96px;
    padding: 10px
}

#com-loginwh .app-txt span {
    font-size: 12px;
    color: #cecece
}

#com-loginwh .app-txt p {
    color: #8f8f90;
    float: left;
    display: block;
    width: 140px;
    height: 55px
}

#com-loginCommon {
    width: 100%;
    height: fit-content;
    background-color: #0f1c2d;
    overflow: hidden
}

#com-loginCommon img {
    width: 100%
}

#com-loginCommon ul,li {
    list-style: none;
    margin: 0;
    padding: 0
}

#com-loginCommon i {
    font-style: normal
}

#com-loginCommon * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

#com-loginCommon .wrapper {
    margin-right: 10%
}

#com-loginCommon .wrapper-bj {
    position: relative;
    width: 100%;
    height: -moz-calc(100vh - 96px);
    height: -webkit-calc(100vh - 96px);
    height: calc(100vh - 96px);
    display: flex;
    justify-content: flex-end;
    align-items: center
}

#com-loginCommon .wrapper-bj-3 {
    background: #020204
}

#com-loginCommon .wrapper-bj-5 {
    background: #050405
}

#com-loginCommon .wrapper-bj-7 {
    background: #190f1d
}

#com-loginCommon .wrapper-bj-8 {
    background: #e9e9e9
}

#com-loginCommon .wrapper-bj-21 {
    position: relative;
    width: 100%;
    margin-bottom: 100px
}

#com-loginCommon .wrapper-bj-22,#com-loginCommon .wrapper-bj-24 {
    background: #0c0807;
    justify-content: center
}

#com-loginCommon .wrapper-24 {
    width: 1100px
}

#com-loginCommon .wrapper-9 {
    width: 600px;
    background: url(../images/9/wrapper9_bg.png) no-repeat;
    background-size: 100%
}

#com-loginCommon .wrapper-7 {
    margin-left: 600px
}

#com-loginCommon .wrapper-22 {
    width: 1100px
}

#com-loginCommon .wrapper-bj>img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

#com-loginCommon .login-logo {
    display: none
}

.login-logo-8 {
    position: absolute;
    top: 0;
    left: 30px
}

#com-loginCommon .wrapper-22 .login-logo {
    display: inline-block;
    height: 72px;
    width: 204px;
    background: url(../images/22/logo_22.png) no-repeat;
    background-size: cover
}

#com-loginCommon .wrapper-7 .login-logo {
    display: inline-block;
    height: 60px;
    width: 134px;
    background: url(../images/7/logo_7.png) no-repeat;
    background-size: cover
}

#com-loginCommon .wrapper-8 .login-logo {
    display: inline-block;
    height: 75px;
    width: 270px;
    background: url(../images/8/logo_8.png) no-repeat;
    background-size: cover
}

#com-loginCommon .wrapper-23 .login-logo {
    display: inline-block;
    height: 84px;
    width: 260px;
    background: url(../images/23/logo_23.gif) no-repeat;
    background-size: cover
}

#com-loginCommon .wrapper-24 .login-logo {
    display: inline-block;
    height: 72px;
    width: 204px;
    background: url(../images/24/logo_24.png) no-repeat;
    background-size: cover
}

#com-loginCommon .service {
    float: right
}

#com-loginCommon .service ul li {
    font-size: 12px;
    float: right;
    line-height: 46px;
    margin-top: 22px
}

#com-loginCommon .wrapper-22 .service ul li,#com-loginCommon .wrapper-24 .service ul li {
    line-height: 42px;
    margin-top: 40px
}

#com-loginCommon .service a {
    color: #fff
}

#com-loginCommon .service a:hover {
    color: #f3d034
}

#com-loginCommon .service .line {
    float: left;
    height: 32px;
    width: 32px;
    margin-right: 8px;
    background: url(../images/all-ico.png) -354px -174px no-repeat
}

#com-loginCommon .service .service24 {
    float: left;
    height: 24px;
    width: 28px;
    margin-top: 8px;
    background: url(../images/3/login-call.png) no-repeat
}

#com-loginCommon .zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

#com-loginCommon .main-c {
    position: relative;
    width: 430px
}

#com-loginCommon .wrapper-9 .main-c {
    margin: 0 auto
}

#com-loginCommon .login-main-22 {
    width: 100%;
    background: #f5f5f5 url(/res/images/22/main-c-bg.png) 50px no-repeat
}

#com-loginCommon .login-main-24 {
    width: 100%;
    background: #f5f5f5 url(/res/images/24/main-c-bg.png) 50px no-repeat
}

#com-loginCommon .main-c .mask {
    border-radius: 5px;
    width: 100%;
    height: 100%;
    background: rgba(30,82,143,.5);
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1
}

#com-loginCommon .login-main-5 .mask {
    background: rgba(0,0,0,.76)
}

#com-loginCommon .login-main-8 .mask {
    background: rgba(90,90,90,.4)
}

#com-loginCommon .login-main-9 .mask {
    display: none
}

#com-loginCommon .Landing-port::-webkit-scrollbar {
    display: none
}

#com-loginCommon .Landing-port {
    max-height: 70vh;
    overflow-y: scroll
}

#com-loginCommon .Landing-port,#com-loginCommon .login-main-7 .Landing-port {
    padding: 10px 48px 48px;
    color: #7b8993;
    font: 300 87.5%/1.5em Open Sans,sans-serif
}

#com-loginCommon .login-main-8 .Landing-port {
    padding: 37px 48px 48px;
    font: 300 87.5%/1.5em Open Sans,sans-serif
}

#com-loginCommon .login-main-22 .Landing-port,#com-loginCommon .login-main-24 .Landing-port {
    width: 448px;
    padding: 40px 68px 35px 48px;
    margin-left: 652px
}

#com-loginCommon .pageRegister .login-main-7 .Landing-port {
    padding: 30px 48px
}

#com-loginCommon .pageRegister .login-main-22 .Landing-port,#com-loginCommon .pageRegister .login-main-24 .Landing-port {
    padding: 20px 68px 20px 48px
}

#com-loginCommon .tit {
    padding: 37px 48px 0
}

#com-loginCommon .login-main-7 .tit {
    padding: 20px 48px 0
}

#com-loginCommon .login-main-22 .tit,#com-loginCommon .login-main-24 .tit {
    padding: 0 30px
}

#com-loginCommon h3 {
    height: 40px;
    color: #fff;
    font-size: 16px;
    border-bottom: 2px solid #838383
}

#com-loginCommon .login-main-7 h3 {
    color: #1a140f
}

#com-loginCommon .login-main-22 h3,#com-loginCommon .login-main-24 h3 {
    height: 50px;
    color: #3c3c3c;
    border-bottom: none
}

#com-loginCommon h3 span {
    border-bottom: 3px solid #4091ef
}

#com-loginCommon .login-main-8 h3 span,#com-loginCommon h3 span {
    display: inline-block;
    height: 100%;
    line-height: 36px;
    width: 80px;
    margin-top: 2px
}

#com-loginCommon .login-main-8 h3 span {
    border-bottom: 3px solid #ffde00
}

#com-loginCommon .login-main-22 h3 span,#com-loginCommon .login-main-24 h3 span {
    display: block;
    width: 100%;
    border-bottom: 1px solid #ddd;
    line-height: 50px
}

#com-loginCommon .form-item {
    margin-bottom: 26px;
    width: 100%;
    position: relative
}

#com-loginCommon .pageRegister .form-item {
    margin-bottom: 15px
}

#com-loginCommon .form-yzm {
    width: 100%;
    float: left;
    position: relative
}

#com-loginCommon .form-item-password .anticon {
    font-size: 20px;
    margin-left: 292px;
    margin-top: -2px
}

#com-loginCommon .form-item .opt-btn {
    display: block;
    float: left;
    position: absolute;
    top: 13px;
    right: 6px;
    z-index: 2;
    font-size: 12px;
    color: #f29224;
    cursor: pointer
}

#com-loginCommon .form-item .opt-btn .disable {
    color: #8e8e8e
}

#com-loginCommon .form-yzm .Verification {
    display: block;
    width: 107px;
    height: 38px;
    float: right;
    margin: 1px 4px 0 0;
    border-radius: 5px
}

#com-loginCommon .input {
    width: 100%
}

#com-loginCommon .input,#com-loginCommon .input-yzm {
    border: 1px solid #0b6a96;
    border-radius: 5px;
    color: #5d5659;
    font-family: Open Sans,sans-serif;
    font-size: 14px;
    height: 40px;
    padding: 5px 12px 5px 43px;
    transition: background .3s ease-in-out
}

#com-loginCommon .input-yzm {
    width: 210px
}

#com-loginCommon .login-main-22 .input,#com-loginCommon .login-main-22 .input-yzm,#com-loginCommon .login-main-22 .input-yzm-zc,#com-loginCommon .login-main-22 .input-zc {
    border: 1px solid #e8e8e8;
    -moz-box-shadow: -2px 2px 5px #aaa;
    -webkit-box-shadow: -2px 2px 5px #aaa;
    box-shadow: -2px 2px 5px #aaa
}

#com-loginCommon .form-item i,#com-loginCommon .form-yzm i {
    display: block;
    width: 32px;
    height: 18px;
    float: left;
    position: absolute;
    top: 13px;
    left: 6px;
    z-index: 2
}

#com-loginCommon .form-yzm .VerificationTexts {
    display: flex;
    width: 330px;
    height: 18px;
    align-items: center;
    justify-content: flex-end;
    margin: 0;
    gap: 14px;
    flex-direction: row
}

#com-loginCommon .form-yzm .VerificationTimes {
    width: auto;
    color: #fff;
    font-size: 14px
}

#com-loginCommon .form-yzm .VerificationRefresh {
    width: auto;
    color: #4ea0ff;
    font-size: 14px
}

#com-loginCommon .position01+label {
    margin: 5px 0 0
}

#com-loginCommon .name-ico {
    background: url(../images/all-ico.png) -423px -155px no-repeat
}

#com-loginCommon .mobile-ico {
    background: url(../images/all-ico.png) -423px -134px no-repeat
}

#com-loginCommon .dob-ico {
    background: url(../images/all-ico.png) -423px -114px no-repeat
}

#com-loginCommon .password-ico {
    background: url(../images/all-ico.png) -423px -173px no-repeat
}

#com-loginCommon .yzm-ico {
    background: url(../images/all-ico.png) -423px -192px no-repeat
}

#com-loginCommon .input-yzm:focus {
    outline: none;
    border-color: #0b6a96;
    box-shadow: 0 0 10px rgba(0,0,0,.5)
}

#com-loginCommon .input:focus {
    outline: none;
    border-color: #0b6a96;
    box-shadow: 0 0 10px rgba(0,0,0,.5)
}

#com-loginCommon .button-panel-top-log {
    margin-top: 126px
}

#com-loginCommon .button-panel-top-log .ant-spin-dot-spin {
    margin: -10px 0 auto -40px
}

#com-loginCommon .button-panel-top-log .ant-spin-dot-item {
    background-color: #fff
}

#com-loginCommon .button-panel-top-log .ant-spin-text {
    font-size: 15px;
    color: #e0e0e0;
    position: absolute;
    top: 4px;
    left: 15px
}

#com-loginCommon .button-panel-top-reg {
    margin-top: 88px
}

#com-loginCommon .button-panel .button {
    float: left;
    -webkit-appearance: none;
    background: #4091ef;
    border: none;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    font-family: Open Sans,sans-serif;
    font-size: 1.2em;
    letter-spacing: .05em;
    text-align: center;
    transition: background .3s ease-in-out;
    width: 154px
}

#com-loginCommon .button-panel .button:hover {
    background: #3171ba
}

#com-loginCommon .form span.yiyouzh {
    float: left;
    display: block;
    margin-left: 26px;
    line-height: 42px;
    font-size: 14px
}

#com-loginCommon .form span.yiyouzh.has-account {
    color: #e3ba74
}

#com-loginCommon .form span.yiyouzh em {
    font-size: 14px;
    cursor: pointer
}

#com-loginCommon .form span.look-aronud {
    margin-left: 0
}

#com-loginCommon .form a.look-aronud {
    float: right;
    color: #e3ba74;
    line-height: 42px;
    font-size: 14px
}

#com-loginCommon .form a.look-aronud:hover {
    text-decoration: underline;
    font-style: italic
}

#com-loginCommon .button-panel .register {
    color: #4091ef;
    font-size: 16px
}

#com-loginCommon .button-panel .register8 {
    color: #ffde00
}

#com-loginCommon .button-panel .register:hover {
    color: #3283e7;
    text-decoration: underline
}

#com-loginCommon .button-panel-top-log .button {
    background: #74b15e;
    margin-left: 22px;
    transition: all .5s;
    -webkit-transition: all .5s ease-out
}

#com-loginCommon .button-panel-top-log .button:hover {
    background: #4e813c
}

#com-loginCommon .login-main-5 .button-panel-top-log .button {
    background: #d64534
}

#com-loginCommon .login-main-5 .button-panel-top-log .button:hover {
    background: #c03d2e
}

#com-loginCommon .login-main-4 .form span.yiyouzh,#com-loginCommon .login-main-6 .form span.yiyouzh {
    margin-left: 2px
}

#com-loginCommon .login-main-7 .button-panel-top-log .button,#com-loginCommon .login-main-7 .button-panel-top-reg .button {
    background: #e8a60e
}

#com-loginCommon .login-main-7 .button-panel-top-log .button:hover,#com-loginCommon .login-main-7 .button-panel-top-reg .button:hover {
    background: #f7cc38
}

#com-loginCommon .login-main-8 .button-panel-top-log .button,#com-loginCommon .login-main-8 .button-panel-top-reg .button {
    background: #daaa0f
}

#com-loginCommon .login-main-8 .button-panel-top-log .button:hover,#com-loginCommon .login-main-8 .button-panel-top-reg .button:hover {
    background: #ffc600
}

#com-loginCommon .login-main-9 .button-panel-top-log .button,#com-loginCommon .login-main-9 .button-panel-top-reg .button {
    background: #d62b0d
}

#com-loginCommon .login-main-9 .button-panel-top-log .button:hover,#com-loginCommon .login-main-9 .button-panel-top-reg .button:hover {
    background: #ff2600
}

#com-loginCommon .login-main-10 .button-panel-top-log .button,#com-loginCommon .login-main-10 .button-panel-top-reg .button {
    background: #bfa217
}

#com-loginCommon .login-main-10 .button-panel-top-log .button:hover,#com-loginCommon .login-main-10 .button-panel-top-reg .button:hover {
    background: #ffd800
}

#com-loginCommon .login-main-22 .button-panel-top-log .button,#com-loginCommon .login-main-22 .button-panel-top-reg .button {
    background: #ee4c4c
}

#com-loginCommon .login-main-22 .button-panel-top-log .button:hover,#com-loginCommon .login-main-22 .button-panel-top-reg .button:hover {
    background: #ed2f30
}

#com-loginCommon .button-panel-top-reg .button {
    background: #74b15e;
    transition: all .5s;
    -webkit-transition: all .5s ease-out
}

#com-loginCommon .button-panel-top-reg .button:hover {
    background: #4e813c
}

#com-loginCommon .login-main-5 .button-panel-top-reg .button {
    background: #28aae6
}

#com-loginCommon .login-main-5 .button-panel-top-reg .button:hover {
    background: #1b82b1
}

#com-loginCommon .opt {
    width: 100%;
    height: 30px;
    line-height: 24px;
    float: left;
    color: #fff;
    font-size: 12px
}

#com-loginCommon .login-main-7 .opt,#com-loginCommon .login-main-22 .opt {
    color: #666
}

#com-loginCommon .opt a {
    margin-left: 75px;
    color: #fff
}

#com-loginCommon .opt a:hover {
    color: #36ed14
}

#com-loginCommon .login-main-22 .opt .magic-checkbox:checked+label:before {
    border: #ed2f30;
    background: #ed2f30
}

#com-loginCommon .input-zc {
    width: 100%
}

#com-loginCommon .input-yzm-zc,#com-loginCommon .input-zc {
    border-radius: 5px;
    color: #5d5659;
    font-family: Open Sans,sans-serif;
    font-size: 12px;
    height: 40px;
    padding: 0 12px 0 43px;
    transition: background .3s ease-in-out
}

#com-loginCommon .input-yzm-zc {
    width: 198px
}

#com-loginCommon h3 a {
    color: #fff;
    font-size: 12px;
    float: right;
    font-weight: 400;
    line-height: 25px
}

#com-loginCommon h3 a:hover {
    color: #36ed14
}

#com-loginCommon .input-zc:focus {
    outline: none;
    border-color: #0b6a96;
    box-shadow: 0 0 10px rgba(0,0,0,.5)
}

#com-loginCommon .input-yzm-zc:focus {
    outline: none;
    border-color: #0b6a96;
    box-shadow: 0 0 10px rgba(0,0,0,.5)
}

#com-loginCommon .Rotation-map {
    width: 730px;
    height: 321px;
    float: left;
    margin: 26px 0 0 20px;
    padding: 8px;
    background: #fff
}

#com-loginCommon a {
    text-decoration: none;
    color: #000
}

#com-loginCommon ul {
    list-style: none
}

#com-loginCommon .box {
    position: relative
}

#com-loginCommon .box,#com-loginCommon .box_img {
    width: 712px;
    height: 303px;
    overflow: hidden
}

#com-loginCommon .dos-focus {
    position: relative;
    width: 100%;
    height: 350px
}

#com-loginCommon ul,ol {
    list-style-type: none
}

#com-loginCommon .dos-focus .focus-child {
    position: absolute;
    left: 0;
    top: 0;
    width: auto;
    height: auto;
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 1
}

#com-loginCommon .dos-focus ol {
    display: inline-block;
    position: absolute;
    z-index: 3;
    right: 300px;
    bottom: 55px
}

#com-loginCommon .dos-focus ol li {
    width: 30px;
    height: 30px;
    padding: 2px 10px;
    font-size: 15px;
    display: inline-block;
    background-color: hsla(0,0%,100%,.5);
    border-radius: 15px;
    margin: 0 5px;
    cursor: pointer;
    float: left;
    line-height: 26px;
    text-align: center
}

#com-loginCommon .dos-focus ol .cur {
    color: #fff;
    background-color: rgba(0,152,186,.5)
}

#com-loginCommon #footer {
    width: 100%;
    height: 96px;
    background: #070608;
    filter: alpha(opacity=64);
    -moz-opacity: .64;
    -khtml-opacity: .64;
    opacity: .64;
    position: fixed;
    left: 0;
    bottom: 0
}

#com-loginCommon #footer .footer-c {
    width: 1024px;
    height: 96px;
    margin: 0 auto
}

#com-loginCommon .footer-img {
    float: left
}

#com-loginCommon .footer-img dl {
    display: inline-block;
    margin-top: 10px
}

#com-loginCommon .footer-img dl dt {
    font-size: 12px;
    color: #b7b7b7
}

#com-loginCommon .footer-img dl.security {
    margin-right: 100px
}

#com-loginCommon .footer-img dl dd {
    display: inline-block;
    float: left;
    height: 48px;
    background: url(../images/footer_imgs.png) 0 0 no-repeat
}

#com-loginCommon .footer-img dl.security dd {
    width: 378px;
    background-position: 0 0
}

#com-loginCommon .footer-img dl.trust dd {
    width: 170px;
    background-position: -478px 0
}

#com-loginCommon .app {
    width: 76px;
    height: 76px;
    padding: 5px;
    float: left;
    background: #fff;
    margin: 9px 5px 9px 120px
}

#com-loginCommon .QR-code-cp,#com-loginCommon .QR-code-pc {
    background: url(/res/new-image/erwei-a.jpg) 0 0 no-repeat
}

#com-loginCommon .app-txt {
    float: left;
    width: 142px;
    height: 96px;
    padding: 10px
}

#com-loginCommon .app-txt span {
    font-size: 12px;
    color: #cecece
}

#com-loginCommon .app-txt p {
    color: #8f8f90;
    float: left;
    display: block;
    width: 140px;
    height: 55px
}

#page-login {
    width: 100%;
    height: 100%
}

.animated {
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY {
    -webkit-animation-duration: .75s;
    animation-duration: .75s
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    50% {
        opacity: 1
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

@keyframes hover-color {
    0% {
        border-color: silver
    }

    to {
        border-color: #3e97eb
    }
}

.magic-checkbox {
    position: absolute;
    display: none
}

.magic-checkbox[disabled] {
    cursor: not-allowed
}

.magic-checkbox+label {
    position: relative;
    display: block;
    padding-left: 29px;
    cursor: pointer;
    vertical-align: middle;
    line-height: 22px
}

.position01+label {
    margin: 18px 0 0 8px
}

.position02+label {
    margin: 3px 0 0 3px
}

.magic-checkbox+label:hover:before {
    animation-duration: .4s;
    animation-fill-mode: both;
    animation-name: hover-color
}

.magic-checkbox+label:before {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 20px;
    height: 20px;
    content: "";
    border: 1px solid #989797
}

.magic-checkbox+label:after {
    position: absolute;
    display: none;
    content: ""
}

.magic-checkbox[disabled]+label {
    cursor: not-allowed;
    color: #e4e4e4
}

.magic-checkbox[disabled]+label:after,.magic-checkbox[disabled]+label:before,.magic-checkbox[disabled]+label:hover {
    cursor: not-allowed
}

.magic-checkbox[disabled]+label:hover:before {
    border: 1px solid #e4e4e4;
    animation-name: none
}

.magic-checkbox[disabled]+label:before {
    border-color: #e4e4e4
}

.magic-checkbox:checked+label:before {
    animation-name: none
}

.magic-checkbox:checked+label:after {
    display: block
}

.magic-checkbox+label:before {
    border-radius: 3px
}

.magic-checkbox+label:after {
    top: 2px;
    left: 7px;
    box-sizing: border-box;
    width: 6px;
    height: 12px;
    transform: rotate(45deg);
    border: 2px solid #fff;
    border-top: 0;
    border-left: 0
}

.magic-checkbox:checked+label:before {
    border: #25bafe;
    background: #25bafe
}

#com-ballselector {
    width: 100%;
    height: 100%
}

#com-ballselector .ball-odds {
    display: inline-block;
    margin-top: 5px;
    color: #999
}

#com-ballselector .Bet-CheckboxBox {
    padding: 10px 20px
}

#com-k3ballselector {
    width: 100%;
    height: 100%
}

#com-k3ballselector .lottery-block-margin {
    margin-top: 0!important;
    margin-bottom: 0!important
}

#com-k3ballselector .col-md-1 {
    width: 9.33333333%
}

#com-k3ballselector .padding0 {
    padding: 0
}

#com-k3ballselector .k3-title {
    padding-left: 20px;
    padding-bottom: 20px;
    width: auto
}

#com-k3ballselector .ball_sp>.btn-gray,#com-k3ballselector .ball_sp>.btn-gray.sel.active,#com-k3ballselector .ball_sp>.btn-gray.sel.focus,#com-k3ballselector .ball_sp>.btn-gray.sel:active,#com-k3ballselector .ball_sp>.btn-gray.sel:focus,#com-k3ballselector .ball_sp>.btn-gray.sel:hover,#com-k3ballselector .ball_sp>.open>.dropdown-toggle .btn-gray.sel,#com-k3ballselector .btn-gray.sel {
    background-color: #cdcdcd!important;
    border-color: #cdcdcd!important;
    margin-left: 10px
}

#com-k3ballselector .Million {
    width: 100%;
    height: auto;
    overflow-x: visible;
    margin-top: 5px
}

#com-k3ballselector #index-operate .k3-ball {
    border: 2px solid #eb5e28;
    color: #777;
    border-radius: 20%;
    text-align: center;
    display: inline-block;
    line-height: 29px;
    position: relative;
    text-decoration: none;
    font-size: 41px;
    margin: 3px 2px;
    cursor: pointer
}

#com-k3ballselector .ball_sp {
    margin-left: 15px
}

#com-k3ballselector [class^=icon-]:before,[class*=" icon-"]:before {
    font-family: fontello;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

#com-k3ballselector .demo-icon {
    display: inline-block;
    width: 31px;
    height: 31px
}

#com-k3ballselector .icon-dice-1 {
    background: url(../images/DICE_1.png)
}

#com-k3ballselector .icon-dice-2 {
    background: url(../images/DICE_2.png)
}

#com-k3ballselector .icon-dice-3 {
    background: url(../images/DICE_3.png)
}

#com-k3ballselector .icon-dice-4 {
    background: url(../images/DICE_4.png)
}

#com-k3ballselector .icon-dice-5 {
    background: url(../images/DICE_5.png)
}

#com-k3ballselector .icon-dice-6 {
    background: url(../images/DICE_6.png)
}

#com-k3ballselector .icon-dice-21,#com-k3ballselector .icon-dice-22 {
    background: url(../images/DICE_1.png)
}

#com-k3ballselector .selected>span>.icon-dice-1 {
    background: url(../images/DICE_1_selected.png)
}

#com-k3ballselector .selected>span>.icon-dice-2 {
    background: url(../images/DICE_2_selected.png)
}

#com-k3ballselector .selected>span>.icon-dice-3 {
    background: url(../images/DICE_3_selected.png)
}

#com-k3ballselector .selected>span>.icon-dice-4 {
    background: url(../images/DICE_4_selected.png)
}

#com-k3ballselector .selected>span>.icon-dice-5 {
    background: url(../images/DICE_5_selected.png)
}

#com-k3ballselector .selected>span>.icon-dice-6 {
    background: url(../images/DICE_6_selected.png)
}

#com-k3ballselector .selected>span>.icon-dice-21 {
    background: url(../images/DICE_1_selected.png)
}

#com-k3ballselector .selected>span>.icon-dice-22 {
    background: url(../images/DICE_1_selected.png)
}

#com-k3ballselector .sum p {
    font-size: 15px;
    line-height: 18px
}

#com-k3ballselector .sum {
    border: 2px solid #eb5e28;
    border-radius: 5px;
    color: #777;
    background-color: transparent;
    height: 80px;
    width: 81px;
    text-align: center;
    float: left;
    line-height: 48px;
    position: relative;
    text-decoration: none;
    cursor: pointer;
    font-size: 20px
}

#com-k3ballselector .btn-sm:hover span {
    background-color: #eb6100
}

#com-k3ballselector .btn-sm {
    cursor: pointer;
    margin-right: 15px;
    margin-bottom: 5px;
    padding: 0;
    height: auto;
    display: inline-block
}

#com-k3ballselector #index-operate .col-md-12 .btn-sm .btn-warning:hover {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512
}

#com-k3ballselector .wan-title {
    margin-top: 12px;
    display: inline-block
}

#com-k3ballselector .selected>span {
    color: #fff!important;
    background-color: #eb6100!important;
    border-color: #d58512!important
}

#com-k3ballselector span .spbtn-blank {
    color: #777;
    background-color: #fff;
    border: 2px solid #eb5e28;
    border-radius: 5px;
    margin-top: 6px;
    display: inline-block;
    padding: 5px 15px;
    cursor: pointer
}

#com-ballsingleselector {
    width: 100%;
    height: 100%;
    padding: 0 20px
}

#com-ballsingleselector .Bet-CheckboxBox {
    padding: 0 20px 10px 0
}

#com-ballsingleselector .ballsingleselector-text {
    border-radius: 5px;
    background: #fff;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.075);
    border: 1px solid #ccc;
    color: #ccc;
    padding: 10px;
    width: 100%;
    height: 140px;
    white-space: pre-wrap;
    word-wrap: break-word;
    font-size: 16px
}

#com-ballsingleselector .ballsingleselector-sec-line {
    font-size: 14px;
    color: #707070
}

#com-ballsingleselector .ballsingleselector-sec-line a {
    float: right;
    color: #707070
}

#com-ballsingleselector .ballsingleselector-sec-line a i {
    float: right;
    display: block;
    width: 20px;
    height: 20px;
    background: url(../images/all-ico.png) -107px -96px no-repeat
}

#dlg-chase {
    width: 100%;
    height: 100%
}

#dlg-chase .w-50 {
    width: 50px
}

#dlg-chase .w-60 {
    width: 60px
}

#dlg-chase .w-80 {
    width: 80px
}

#dlg-chase .dialog-content {
    padding: 0 20px
}

#dlg-chase .tab-title {
    height: 28px;
    margin: 10px 0
}

#dlg-chase .tab-title .form-control {
    height: 25px;
    margin-right: 5px;
    padding: 0;
    text-align: center;
    display: inline-block
}

#dlg-chase input {
    border: 1px solid #a6a6a6
}

#dlg-chase .checkbox-label {
    display: inline-block;
    padding-left: 24px
}

#dlg-chase .checkbox-label:before {
    top: 1px;
    left: 1px;
    width: 16px;
    height: 16px
}

#dlg-chase button {
    cursor: pointer;
    color: #fff;
    font-size: 16px;
    height: 30px;
    line-height: 30px;
    margin: 0;
    padding: 0;
    border: 0;
    outline: none;
    border-radius: 2px;
    vertical-align: middle;
    background: #2a8fbd
}

#dlg-chase button:hover {
    transition: all .5s ease
}

#dlg-chase .btn-danger {
    background: #888
}

#dlg-chase .btn-orange {
    background: #eb6100
}

#dlg-chase .tab-title-col {
    display: inline-block
}

#dlg-chase .tab-btn {
    padding: 0 15px;
    width: 120px;
    font-size: 12px;
    margin-left: 10px;
    float: right
}

#dlg-chase .tab-title span {
    padding-right: 5px;
    height: 28px;
    line-height: 28px
}

#dlg-chase .tab-form {
    border: 1px solid #ddd;
    margin: 0 auto 10px
}

#dlg-chase .tab-form .tab-tit {
    height: 25px;
    line-height: 25px;
    background: #eee;
    border-bottom: 1px solid #ddd
}

#dlg-chase .tab-form li {
    width: 100%;
    height: 30px;
    line-height: 30px;
    color: #666;
    float: left;
    border-bottom: 1px dotted #ddd
}

#dlg-chase .tab-form li>span,#dlg-chase .tab-tit span {
    width: 20%;
    display: inline-block;
    float: left;
    text-align: center
}

#dlg-chase .tab-form li>span:first-child,#dlg-chase .tab-tit span:first-child {
    width: 10%
}

#dlg-chase .tab-form li>span:nth-child(2),#dlg-chase .tab-tit span:nth-child(2) {
    width: 10%
}

#dlg-chase .unchecked-lbl {
    margin-left: -13px
}

#dlg-chase .tab-form .form-control {
    padding: 0;
    height: 22px;
    margin: 4px auto 0;
    text-align: center;
    font-size: 12px
}

#dlg-chase em {
    color: red;
    font-style: normal
}

#dlg-chase .tab-con {
    height: 290px;
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%
}

#com-ballbasket {
    width: 100%;
    height: 100%
}

#com-ballbasket .List {
    font-size: 14px;
    width: 378px;
    height: 45px;
    border-bottom: 1px solid #e6e6e6;
    padding: 12px 15px
}

#com-ballbasket .List .Clear {
    float: right;
    width: 49px;
    height: 20px
}

#com-ballbasket .List i {
    float: right;
    display: block;
    width: 20px;
    height: 20px;
    background: url(../images/all-ico.png) -107px -96px no-repeat
}

#com-ballbasket .List a {
    color: #707070
}

#com-ballbasket .List a:hover {
    color: #15bbe6
}

#com-ballbasket .List-name {
    width: 380px;
    height: 34px;
    border-bottom: 1px solid #e6e6e6;
    padding-top: 2px
}

#com-ballbasket .List-name li {
    float: left;
    line-height: 30px;
    margin: 0 59px 0 21px
}

#com-ballbasket .List-name span {
    line-height: 30px
}

#com-ballbasket .Bet-list {
    height: 356px;
    overflow-y: auto;
    background: #fff
}

#com-ballbasket .List-01 {
    float: left;
    border-bottom: 1px dashed #e6e6e6;
    width: 368px;
    height: 40px;
    margin-left: 10px;
    line-height: 46px
}

#com-ballbasket .Play {
    width: 76px
}

#com-ballbasket .buy-number,#com-ballbasket .Play {
    float: left;
    display: block;
    height: 39px;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

#com-ballbasket .buy-number {
    width: 112px;
    margin-left: 10px
}

#com-ballbasket .Amount {
    float: left;
    color: #d92e0f;
    display: block;
    width: 80px;
    height: 39px;
    margin-left: 10px;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

#com-ballbasket .operating {
    display: block;
    cursor: pointer;
    width: 20px;
    height: 20px;
    float: left;
    margin: 10px 6px 5px 0;
    background: url(../images/all-ico.png) -129px -96px no-repeat
}

#com-ballbasket .btn-chase {
    cursor: pointer;
    background: #eb6e00;
    float: left;
    line-height: 21px;
    width: 35px;
    text-align: center;
    color: #fff;
    border-radius: 3px;
    font-size: 12px;
    margin-right: 5px;
    margin-top: 10px
}

#com-ballbasket .Bet-button {
    padding: 15px;
    border-top: 1px solid #e6e6e6
}

#com-ballbasket .Bet-button .Total-bets {
    font-size: 14px
}

#com-ballbasket .Focus-co {
    color: #e62250
}

#com-ballbasket {
    display: flex;
    flex-direction: column
}

#com-ballbasket .Bet-button {
    flex: 1;
    padding: 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

#com-ballbasket .Bet-button p {
    margin-bottom: 0
}

#com-ballbasket .Bet-button .profit {
    font-size: 14px
}

#com-ballbasket .Bet-button .profit span {
    color: #f51d1d
}

#page-lottery .game-header-2 {
    background: url(../images/game_top_bj.jpg) 0 0 no-repeat
}

#page-lottery .game-elot-range {
    width: 1200px;
    background: #fff;
    overflow: hidden
}

#page-lottery .game-elot-range-left {
    border: 1px solid #e6e6e6;
    width: 782px;
    margin: 10px 10px 18px 14px;
    min-height: 555px;
    float: left;
    position: relative
}

#page-lottery .sub-plays .subplay {
    border-bottom: 1px solid #e6e6e6;
    padding: 10px 15px
}

#page-lottery .sub-plays a {
    color: #707070;
    line-height: 20px;
    margin-left: 17px;
    padding: 6px 15px 5px 17px;
    border-radius: 20px 20px 20px 20px;
    display: inline-block
}

#page-lottery .sub-plays a:hover {
    background: #2699de;
    color: #fff
}

#page-lottery .game-instructions {
    color: #595959;
    line-height: 40px;
    width: 782px;
    height: 40px;
    padding-left: 16px
}

#page-lottery .game-instructions .instruction {
    float: left
}

#page-lottery .instruction {
    font-size: 14px
}

#page-lottery .icon-deng {
    float: left;
    cursor: pointer;
    width: 18px;
    height: 18px;
    margin: 9px 0 0 10px;
    background: url(../images/all-ico.png) -51px -65px no-repeat
}

.dialog-play-tip .detailhelp {
    position: relative;
    display: inline-block;
    text-align: left;
    height: auto;
    white-space: normal;
    word-break: break-all;
    word-wrap: break-word;
    font-size: small;
    padding: 20px
}

.dialog-play-tip .expainhelp {
    height: auto
}

.dialog-play-tip .titlehelp {
    color: orange
}

.dialog-play-tip .titleDetailhelp {
    color: #000;
    margin: 10px 20px 20px 30px;
    word-wrap: break-word
}

.number-size {
    text-align: center;
    margin-top: 25px
}

.time-item .Split-point {
    display: block;
    float: left;
    width: 5px;
    height: 22px;
    margin: 14px 8px 0 0;
    background: url(../images/all-ico.png) -194px -121px no-repeat
}

#page-lottery h1 {
    font-family: 微软雅黑;
    font-size: 40px;
    margin: 20px 0;
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px;
    letter-spacing: 2px
}

#day_show {
    float: left;
    line-height: 49px;
    color: #c71c60;
    font-size: 32px;
    margin: 0 10px;
    font-family: Arial,Helvetica,sans-serif
}

.item-title .unit {
    background: none;
    line-height: 49px;
    font-size: 24px;
    padding: 0 10px;
    float: left
}

.information {
    float: left;
    display: block;
    width: 36px;
    height: 18px;
    background: url(../images/all-ico.png) -102px -125px no-repeat
}

.img-top01 {
    margin: 42px 25px 0 26px
}

.img-top02 {
    margin: 18px 25px 0 26px
}

.if-ico01 {
    background: url(../images/all-ico.png) -102px -125px no-repeat
}

.if-ico02 {
    background: url(../images/all-ico.png) -81px -67px no-repeat
}

#page-lottery .Gaming-Zone {
    width: 1200px;
    margin: 0 auto;
    padding-bottom: 30px
}

#page-lottery .game-bj-2 .Gaming-Zone {
    padding: 30px 0
}

#page-lottery .Gaming-operating,#page-lottery .Operating-range {
    width: 1200px
}

#page-lottery .Gaming-operating .Game-list a:hover {
    background: #2699de
}

#page-lottery .Game-list li {
    float: left;
    line-height: 40px
}

#page-lottery .now a {
    background: #2699de;
    text-decoration: none
}

#page-lottery .send {
    position: relative;
    width: 68px;
    height: 23px;
    background: #e6e6e6;
    border-radius: 2px;
    text-align: center;
    line-height: 25px;
    display: inline-block;
    color: #8f8f8f;
    vertical-align: top;
    margin-top: 2px
}

#page-lottery .send:after {
    content: "";
    position: absolute;
    top: 7px;
    right: -8px;
    width: 0;
    height: 0;
    font-size: 0;
    border: 4px solid transparent;
    border-left-color: #e0e0e2
}

#page-lottery .Million {
    width: 100%;
    overflow-x: visible;
    clear: both;
    min-height: 61px
}

#page-lottery .Million-01 {
    color: #505050;
    position: relative;
    width: 64px;
    height: 28px;
    background: #e0e0e2;
    border-radius: 2px;
    text-align: center;
    line-height: 28px;
    display: inline-block;
    vertical-align: top;
    margin-top: 12px;
    margin-left: 17px;
    transition: .3s;
    float: left
}

#page-lottery .Million-01:after {
    content: "";
    position: absolute;
    top: 10px;
    right: -8px;
    width: 0;
    height: 0;
    font-size: 0;
    border: 4px solid transparent;
    border-left-color: #e0e0e2
}

#page-lottery .ballNum {
    width: 622px;
    padding-left: 10px;
    float: left
}

#page-lottery div.ballNum .dxds,#page-lottery div.ballNum .num {
    float: left;
    width: 43px;
    height: 43px;
    border-radius: 50%;
    border: 1px solid #fff;
    box-shadow: 0 2px 8px #b8b8b8;
    text-align: center;
    line-height: 43px;
    font-size: 18px;
    color: #5a5a5a;
    background: linear-gradient(#fff 10%,#e3e4e7 71%,#f0f0f0)
}

#page-lottery div.ballNum-3 .num {
    font-size: 20px;
    color: #777;
    line-height: 40px;
    border: 2px solid #0092dd
}

#page-lottery div.ballNum label {
    display: inline-block;
    width: 46px;
    text-align: center;
    margin: 2px 2px 2px 7px
}

#page-lottery .ripple {
    display: inline-block;
    position: relative;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: all .3s ease-out;
    cursor: pointer
}

#page-lottery {
    height: auto
}

#page-lottery .ball-control {
    position: relative;
    float: right;
    width: 48px;
    height: 46px;
    margin: 2px 20px 1px 10px
}

#page-lottery .ball-f {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1
}

#page-lottery .bu-unb {
    height: 46px;
    width: 46px;
    font-size: 25px;
    float: left;
    display: block;
    text-align: right;
    background: #fcfcfc;
    overflow: hidden;
    border-radius: 5px;
    border: 1px solid #d7d9dd;
    box-shadow: 0 2px 3px #d6d6d6;
    transition: width .3s
}

#page-lottery .bu-unb:hover {
    width: 300px
}

#page-lottery .bu-unb ul li {
    line-height: 47px;
    float: left;
    width: 48px;
    text-align: center
}

#page-lottery .bu-unb a {
    color: #666;
    font-size: 25px;
    font-weight: 700
}

#page-lottery .bu-unb a:hover {
    color: #2a8fbd;
    background: #fff;
    border: 0;
    font-weight: 700
}

#page-lottery a.num.active,#page-lottery a.num:active {
    border: 1px solid #e53e41;
    line-height: 40px;
    color: #fff;
    -webkit-box-shadow: inset 0 3px 6px #000;
    -moz-box-shadow: inset 0 3px 6px #c71849;
    box-shadow: inset 0 0 6px #c71849;
    background: #f97f1a
}

#page-lottery .ballNum-3 a.num.active,#page-lottery .ballNum-3 a.num:active {
    border: 2px solid #0a74ac;
    line-height: 40px;
    color: #fff;
    -webkit-box-shadow: inset 0 3px 6px #0a74ac;
    -moz-box-shadow: inset 0 3px 6px #0a74ac;
    box-shadow: inset 0 0 6px #0a74ac;
    background: #0092dd
}

.active:hover,a.num.active:hover {
    transform: scale(1)
}

a.num:hover {
    color: #fd0f31;
    transform: scale(1.1)
}

.mode-size {
    border-top: 1px solid #e6e6e6;
    width: 780px;
    height: 105px;
    padding: 10px;
    position: absolute;
    bottom: 0
}

.total {
    color: #787c84;
    height: 74px
}

.money-units {
    float: left
}

.money-units .word-ball.active {
    background: #fc1f5d
}

.money-units .word-ball:hover {
    color: #0092dd
}

.money-units .word-ball.active:hover {
    color: #fff
}

#page-lottery .unit {
    width: 27px;
    height: 27px;
    line-height: 26px;
    border-radius: 2px;
    border: 1px solid #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    margin-right: 5px;
    -webkit-box-shadow: 0 2px 6px #d3d4d6;
    -moz-box-shadow: 0 2px 6px #d3d4d6;
    box-shadow: 0 2px 6px #d3d4d6;
    display: inline-block;
    text-align: center;
    font-size: 14px;
    color: #7a7a7a;
    background: -webkit-linear-gradient(#fff 10%,#e3e4e7 71%,#f0f0f0);
    background: -o-linear-gradient(#fff 10%,#e3e4e7 71%,#f0f0f0 100%);
    background: -moz-linear-gradient(#fff 10%,#e3e4e7 71%,#f0f0f0 100%);
    background: linear-gradient(#fff 10%,#e3e4e7 71%,#f0f0f0);
    transition: all 0s ease!important
}

#page-lottery .unit:last-child {
    margin-right: 0
}

.unit:hover {
    color: #0092dd
}

.unit.active {
    border: 0;
    line-height: 30px;
    color: #fff;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: #0092dd
}

.gw_num {
    border-radius: 2px;
    border: 1px solid #dbdbdb;
    margin-top: 2px;
    margin-left: 10px;
    float: left;
    width: 110px;
    line-height: 26px;
    overflow: hidden
}

.gw_num em {
    background: #eee;
    font-size: 19px;
    width: 26px;
    color: #7a7979;
    border-right: 1px solid #dbdbdb;
    cursor: pointer
}

.gw_num .num1,.gw_num em {
    display: block;
    height: 26px;
    float: left;
    text-align: center;
    font-style: normal
}

.gw_num .num1 {
    width: 52px;
    font-size: 14px;
    line-height: 24px;
    border: 0;
    width: 56px
}

.gw_num em.add {
    float: right;
    border-right: 0;
    border-left: 1px solid #dbdbdb;
    line-height: 26px
}

#page-lottery .multiple {
    line-height: 34px;
    margin-left: 4px;
    margin-right: 7px;
    float: left
}

#page-lottery .total-word {
    width: 50%;
    float: left;
    line-height: 60px;
    font-size: 14px;
    clear: left
}

#page-lottery .button-w {
    text-align: right
}

#page-lottery .mode-size .button-w {
    float: left;
    width: 50%;
    margin-top: 10px
}

#page-lottery .slider-warpper {
    line-height: 34px;
    margin: 0 5px;
    float: left
}

#page-lottery .slider-warpper-k3hz {
    line-height: 34px;
    margin: 0 24px;
    float: left
}

#page-lottery .slider-left-text {
    float: left;
    height: 34px
}

#page-lottery .slider-right-text {
    float: left;
    line-height: 17px
}

#page-lottery .slider-content,#page-lottery .slider-content-c28 {
    margin: auto 10px;
    float: left!important;
    height: 34px;
    justify-content: center
}

#page-lottery .slider-content-c28 {
    width: 210px
}

#page-lottery .slider-thumb {
    text-align: center;
    float: left;
    width: 130px
}

#page-lottery .slider-left-icon {
    float: left;
    z-index: 2;
    font-size: 20px;
    line-height: 34px
}

#page-lottery .slider-right-icon {
    float: right;
    z-index: 2;
    font-size: 20px;
    line-height: 34px
}

#page-lottery .ant-slider-handle,#page-lottery .ant-slider-track {
    z-index: 0
}

.text-red {
    color: #f51d1d
}

.Game-range-r {
    border: 1px solid #e6e6e6;
    width: 380px;
    height: 555px;
    float: right;
    margin: 10px 10px 18px 0;
    color: #707070
}

.red {
    color: #ff5c11
}

.yellow {
    color: #fff600
}

.nes-l i {
    float: right;
    display: block;
    margin: 19px 6px;
    width: 14px;
    height: 14px;
    background: url(../images/all-ico.png) 1px -43px no-repeat
}

.form-control-pc {
    display: block;
    width: 232px;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #fff;
    background-color: #2699de;
    background-image: none;
    border: 1px solid #2699de;
    margin-top: 8px;
    -webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

.Betting-l {
    border-right: 1px solid #e6e6e6;
    width: 391px
}

.Betting-l,.Betting-r {
    height: 555px;
    float: left
}

.Betting-r {
    width: 390px
}

.Clear-w a {
    float: right
}

.list-n-r a:hover {
    color: #01c4fc
}

.Button-Select .b-Big {
    width: 189px;
    height: 95px;
    float: left;
    text-align: center;
    border-bottom: 1px solid #e6e6e6
}

.b-l {
    border-left: 1px solid #e6e6e6
}

.Button-Select li a:hover {
    color: #fff;
    background: #2699de
}

.Button-Select dt {
    font-size: 20px;
    width: 94px;
    line-height: 98px
}

.Button-Select dd,.Button-Select dt {
    display: inline-block;
    height: 59px!important
}

.Button-Select dd {
    width: 95px;
    line-height: 30px
}

.Betting-size {
    margin-top: 35px;
    padding: 0 15px
}

.Betting-size .btn-dyn {
    float: right
}

.input-size {
    height: 49px;
    margin-top: 9px;
    float: left;
    font-size: 20px
}

.quota-submission {
    float: right;
    cursor: pointer;
    background: transparent;
    color: #fc7d5b;
    font-size: 16px;
    width: 100px;
    height: 32px;
    line-height: 30px;
    border: 1px solid #fc7d5b;
    outline: none;
    border-radius: 2px;
    margin: 8px 16px 0 -3px
}

.Betting-size .Imp-w-price {
    float: left;
    width: 85px;
    height: 25px;
    border: 1px solid #e6e6e6;
    border-radius: 3px 3px 3px 3px;
    text-align: center;
    margin-top: 7px
}

.Betting-size .Imp-w-price:focus {
    outline: none;
    border-color: #80befd;
    box-shadow: 0 0 10px rgba(60,149,229,.5);
    transition: all .5s ease
}

.quota-submission:hover {
    transition: all .5s ease;
    background: #de2c1e;
    color: #fff
}

.ant-modal {
    top: 50%!important;
    margin-top: -75px!important
}

#page-promotions {
    height: 100%;
    width: 100%
}

#page-promotions #minheight {
    min-height: calc(100% - 158px)
}

#page-promotions .Promotions {
    width: 100%
}

#page-promotions .Promotions-size {
    width: 1200px;
    margin: 0 auto
}

#page-promotions .Promotions-c {
    background: #fff;
    margin-top: 30px
}

#page-promotions .Promotions-size .p-tit {
    border-bottom: 1px solid #e1d5cf;
    width: 1200px;
    height: 45px;
    background: #fff;
    font-size: 16px;
    color: #5c481d
}

#page-promotions .p-ico {
    float: left;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 15px 12px 12px;
    background: url(../images/all-ico.png) -435px -66px no-repeat
}

#page-promotions .Promotions-size .Promotions-c .p-tit span {
    display: inline-block;
    width: 100px;
    height: 45px;
    float: left;
    line-height: 50px;
    font-family: 微软雅黑
}

#page-promotions .Promotions-size .activity-pic {
    width: 1200px;
    margin: 0 auto
}

#page-promotions .Promotions-size ul {
    padding-bottom: 15px
}

#page-promotions .Promotions-size ul li {
    padding-top: 15px
}

#page-promotions .Promotions-size ul li .none_pro {
    text-align: center;
    font-size: 14px;
    color: #c1c1c1
}

#page-promotions .Promotions-size ul li .i_nothing {
    display: block;
    width: 100px;
    height: 100px;
    background: url(../images/i_nothing.png) no-repeat;
    margin: 80px auto 30px
}

#page-promotions .Promotions-size ul li img {
    cursor: pointer;
    width: 100%
}

#page-promotions .Promotions-size .activity-pic .title {
    font-size: 30px
}

#page-promotions .activity-c {
    width: 1200px;
    margin: 0 auto;
    color: #333;
    display: none;
    height: auto;
    padding:40px 20px;
    background: #eee;
}

#page-promotions .activity-detail {
    background: #eee;
    padding: 20px
}

#page-promotions .activity-c h2 {
    font-size: 16px;
    color: #f3a957;
    font-weight: 300;
    margin-bottom: 10px;
    font-family: 微软雅黑
}

#page-promotions .activity-c p {
    font-size: 14px;
    text-indent: 2em;
    margin: 15px 0;
    font-family: 微软雅黑
}

#page-promotions .activity-c h3 {
    font-size: 16px;
    font-family: 微软雅黑
}

@keyframes down {
    0% {
        height: 0
    }

    to {
        height: auto
    }
}

@keyframes up {
    0% {
        height: auto
    }

    to {
        height: 0
    }
}

#page-redirect {
    width: 100%;
    height: 100%
}

#page-redirect main {
    position: absolute;
    top: 2.75rem;
    bottom: 4rem;
    left: 0;
    right: 0;
    overflow-y: scroll
}

#page-redirect .content {
    width: 100%;
    top: 0
}

.verifyMain {
    background-color: #fff;
    padding: 10px;
    display: inline-block;
    margin-top: 5px;
    border-radius: 5px
}

.verifyMain .ant-checkbox-wrapper span {
    font: 500 12px Open Sans,sans-serif
}

#PageStreamSportLive .content.game-bj-4 .Gaming-Zone {
    width: 1200px;
    margin: 0 auto;
    padding-top: 30px;
    padding-bottom: 30px
}

#PageStreamSportLive .content.game-bj-4 .Gaming-Zone #com-playtab {
    width: 100%;
    height: 40px;
    font-size: 14px;
    background: rgba(0,0,0,.2)
}

#PageStreamSportLive .content.game-bj-4 .Gaming-Zone .game-elot-range {
    width: 1200px;
    background: #fff;
    overflow: hidden
}

#PageStreamSportLive .content.game-bj-4 .Gaming-Zone .game-elot-range>ul {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 11px
}

#PageStreamSportLive .content.game-bj-4 .Gaming-Zone .game-elot-range>ul>li {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 32px;
    line-height: 32px;
    font-size: 12px;
    color: #fff;
    padding: 10px 8px;
    cursor: pointer;
    background: -webkit-linear-gradient(-45deg,#455293,#2a3049);
    margin-bottom: 14px;
    box-shadow: 0 1px 5px #727272
}

#PageStreamSportLive .content.game-bj-4 .Gaming-Zone .game-elot-range>ul>li .imgBox {
    width: 145px;
    height: 81px;
    border: 1px solid #c8bdbd;
    display: flex;
    justify-content: space-around;
    align-items: center;
    background: #fff
}

#PageStreamSportLive .content.game-bj-4 .Gaming-Zone .game-elot-range>ul>li .imgBox .nba_BG {
    width: 54px;
    height: 54px
}

#PageStreamSportLive .content.game-bj-4 .Gaming-Zone .game-elot-range>ul>li .imgBox .nba_BG img {
    width: 100%;
    height: auto
}

#PageStreamSportLive .content.game-bj-4 .Gaming-Zone .game-elot-range>ul>li .listBox {
    display: flex;
    flex-direction: column;
    padding-left: 8px;
    justify-content: inherit;
    width: 80%;
    height: 91px
}

#PageStreamSportLive .content.game-bj-4 .Gaming-Zone .game-elot-range>ul>li .listBox .txt_title {
    width: 100%;
    font-size: 16px;
    color: #fff;
    font-weight: 600;
    line-height: 1.5
}

#PageStreamSportLive .content.game-bj-4 .Gaming-Zone .game-elot-range>ul>li .listBox .txt_tip {
    width: 36px;
    height: 19px;
    font-size: 12px;
    color: #fff;
    background: #ff4545;
    border-radius: 3px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 2px 0
}

#PageStreamSportLive .content.game-bj-4 .Gaming-Zone .game-elot-range>ul>li .listBox .txt_tip_end {
    width: 50px;
    height: 19px;
    font-size: 12px;
    color: #fff;
    background: #b3b3b3;
    border-radius: 3px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 2px 0
}

#PageStreamSportLive .content.game-bj-4 .Gaming-Zone .game-elot-range>ul>li .listBox .txt_info {
    display: flex;
    justify-content: flex-start
}

#PageStreamSportLive .content.game-bj-4 .Gaming-Zone .game-elot-range>ul>li .listBox .txt_info span {
    font-size: 12px;
    color: #aaa9a9;
    display: inline-block;
    margin-right: 15px
}

#PageStreamSportLive .content.game-bj-4 .Gaming-Zone .game-elot-range>ul>li .listBox .txt_info span[class^=icon_]:before {
    display: inline-block;
    content: "";
    width: 12px;
    height: 13px;
    margin-right: 5px
}

#PageStreamSportLive .content.game-bj-4 .Gaming-Zone .game-elot-range>ul>li .listBox .txt_info .icon_time:before {
    background: url(../images/4/icon_time.png) no-repeat 50%;
    background-size: 100%;
    margin-bottom: -1px
}

#PageStreamSportLive .content.game-bj-4 .Gaming-Zone .game-elot-range>ul>li .listBox .txt_info .icon_views:before {
    width: 13px;
    height: 13px;
    background: url(../images/4/icon_views.png) no-repeat 50%;
    background-size: 100%;
    margin-bottom: -2px
}

#PageStreamSportLive .content.game-bj-4 .Gaming-Zone .game-elot-range>ul>li .icon_play {
    float: right;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 20px;
    cursor: pointer
}

#PageStreamSportLive .content.game-bj-4 .Gaming-Zone .game-elot-range>ul>li .icon_play:after {
    content: "";
    display: block;
    clear: both
}

#PageStreamSportLive .content.game-bj-4 .Gaming-Zone .game-elot-range>ul>li .icon_play>span {
    display: inline-block;
    width: 58px;
    height: 58px;
    background: url(../images/4/icon_play.png) no-repeat 50%;
    background-size: 100%
}

#PageStreamSportLive .content.game-bj-4 .Gaming-Zone .game-elot-range>ul>li.bg_end {
    background: #c1c2c7
}

#PageStreamSportLive .content.game-bj-4 .Gaming-Zone .game-elot-range>ul>li.bg_end .txt_title {
    color: #888
}

#PageStreamSportLive .content.game-bj-4 .Gaming-Zone .game-elot-range>ul>li.bg_end .txt_tip_end {
    background: #888
}

#videoPlayer.custom-video-warpper {
    margin-bottom: 10px
}

#videoPlayer.custom-video-warpper .video-js {
    border: 1px solid #ccc;
    position: relative;
    width: calc(100% - 60px);
    height: auto;
    margin: 20px auto
}

#videoPlayer.custom-video-warpper .video-js .vjs-big-play-button {
    position: absolute;
    border-radius: 2em;
    width: 2em;
    height: 2em;
    line-height: 2em;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

#videoPlayer.custom-video-warpper .custom-video-dimensions.vjs-fluid {
    padding-top: 0
}

#PageLiveSportPlayer .content.game-bj-4 .Gaming-Zone {
    width: 1200px;
    margin: 0 auto;
    padding-top: 30px;
    padding-bottom: 30px
}

#PageLiveSportPlayer .content.game-bj-4 .Gaming-Zone #com-playtab {
    width: 100%;
    height: 40px;
    font-size: 14px;
    background: rgba(0,0,0,.2)
}

#PageLiveSportPlayer .content.game-bj-4 .Gaming-Zone .game-elot-range {
    width: 1200px;
    background: #fff;
    overflow: hidden
}

#PageLiveSportPlayer .content.game-bj-4 .Gaming-Zone .game-elot-range .game-name {
    text-align: center;
    margin: 20px 0 0;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: .5rem
}

#PageLiveSportPlayer .content.game-bj-4 .Gaming-Zone .game-elot-range>ul {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 11px
}

#PageLiveSportPlayer .content.game-bj-4 .Gaming-Zone .game-elot-range>ul>li {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 32px;
    line-height: 32px;
    font-size: 12px;
    color: #fff;
    padding: 10px 8px;
    background: -webkit-linear-gradient(-45deg,#455293,#2a3049);
    margin-bottom: 14px;
    box-shadow: 0 1px 5px #727272
}

#PageLiveSportPlayer .content.game-bj-4 .Gaming-Zone .game-elot-range>ul>li .imgBox {
    width: 145px;
    height: 81px;
    border: 1px solid #c8bdbd;
    display: flex;
    justify-content: space-around;
    align-items: center;
    background: #fff
}

#PageLiveSportPlayer .content.game-bj-4 .Gaming-Zone .game-elot-range>ul>li .imgBox .nba_BG {
    width: 54px;
    height: 54px
}

#PageLiveSportPlayer .content.game-bj-4 .Gaming-Zone .game-elot-range>ul>li .imgBox .nba_BG img {
    width: 100%;
    height: auto
}

#PageLiveSportPlayer .content.game-bj-4 .Gaming-Zone .game-elot-range>ul>li .listBox {
    display: flex;
    flex-direction: column;
    padding-left: 8px;
    justify-content: inherit;
    width: 80%;
    height: 91px
}

#PageLiveSportPlayer .content.game-bj-4 .Gaming-Zone .game-elot-range>ul>li .listBox .txt_title {
    width: 100%;
    font-size: 16px;
    color: #fff;
    font-weight: 600;
    line-height: 1.5
}

#PageLiveSportPlayer .content.game-bj-4 .Gaming-Zone .game-elot-range>ul>li .listBox .txt_tip {
    width: 36px;
    height: 19px;
    font-size: 12px;
    color: #fff;
    background: #ff4545;
    border-radius: 3px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 2px 0
}

#PageLiveSportPlayer .content.game-bj-4 .Gaming-Zone .game-elot-range>ul>li .listBox .txt_tip_end {
    width: 50px;
    height: 19px;
    font-size: 12px;
    color: #fff;
    background: #b3b3b3;
    border-radius: 3px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 2px 0
}

#PageLiveSportPlayer .content.game-bj-4 .Gaming-Zone .game-elot-range>ul>li .listBox .txt_info {
    display: flex;
    justify-content: flex-start
}

#PageLiveSportPlayer .content.game-bj-4 .Gaming-Zone .game-elot-range>ul>li .listBox .txt_info span {
    font-size: 12px;
    color: #aaa9a9;
    display: inline-block;
    margin-right: 15px
}

#PageLiveSportPlayer .content.game-bj-4 .Gaming-Zone .game-elot-range>ul>li .listBox .txt_info span[class^=icon_]:before {
    display: inline-block;
    content: "";
    width: 12px;
    height: 13px;
    margin-right: 5px
}

#PageLiveSportPlayer .content.game-bj-4 .Gaming-Zone .game-elot-range>ul>li .listBox .txt_info .icon_time:before {
    background: url(../images/4/icon_time.png) no-repeat 50%;
    background-size: 100%;
    margin-bottom: -1px
}

#PageLiveSportPlayer .content.game-bj-4 .Gaming-Zone .game-elot-range>ul>li .listBox .txt_info .icon_views:before {
    width: 13px;
    height: 13px;
    background: url(../images/4/icon_views.png) no-repeat 50%;
    background-size: 100%;
    margin-bottom: -2px
}

#PageLiveSportPlayer .content.game-bj-4 .Gaming-Zone .game-elot-range>ul>li .icon_play {
    float: right;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 20px;
    cursor: pointer
}

#PageLiveSportPlayer .content.game-bj-4 .Gaming-Zone .game-elot-range>ul>li .icon_play:after {
    content: "";
    display: block;
    clear: both
}

#PageLiveSportPlayer .content.game-bj-4 .Gaming-Zone .game-elot-range>ul>li .icon_play>span {
    display: inline-block;
    width: 58px;
    height: 58px;
    background: url(../images/4/icon_play.png) no-repeat 50%;
    background-size: 100%
}

#PageLiveSportPlayer .content.game-bj-4 .Gaming-Zone .game-elot-range>ul>li.bg_end {
    background: #c1c2c7
}

#PageLiveSportPlayer .content.game-bj-4 .Gaming-Zone .game-elot-range>ul>li.bg_end .txt_title {
    color: #888
}

#PageLiveSportPlayer .content.game-bj-4 .Gaming-Zone .game-elot-range>ul>li.bg_end .txt_tip_end {
    background: #888
}

#com-npg-playhead {
    width: 1200px;
    height: 140px;
    margin: 1px auto 0;
    font-size: 14px;
    color: #50bff1;
    clear: both;
    display: flex
}

#com-npg-playhead .game-logo {
    width: 135px;
    height: 88px;
    margin: 30px 5px 21px 25px
}

#com-npg-playhead .game-f1sca,#com-npg-playhead .game-f1scb,#com-npg-playhead .game-jsfta,#com-npg-playhead .game-jsftb,#com-npg-playhead .game-pk10,#com-npg-playhead .game-pk10kai,#com-npg-playhead .game-pk10kaib {
    margin: 30px 5px 21px 0
}

#com-npg-playhead .Countdown,#com-npg-playhead .winNums {
    display: flex;
    text-align: center;
    height: 98px;
    padding: 20px;
    box-sizing: border-box;
    margin-top: 20px;
    margin-right: 20px;
    border: 1px solid rgba(0,0,0,.1);
    background-color: hsla(0,0%,100%,.2);
    -webkit-border-radius: 5%;
    -moz-border-radius: 5%;
    border-radius: 10px
}

#com-npg-playhead.playhead_XYFT .Countdown,#com-npg-playhead.playhead_XYFT .winNums {
    margin-right: 10px
}

#com-npg-playhead.playhead_XYFT .game-logo {
    width: 123px;
    margin: 30px 5px 21px 0
}

#com-npg-playhead.playhead_xyft_sd {
    width: 1270px
}

#com-npg-playhead .title {
    float: left;
    text-align: center;
    color: #fff;
    margin: 10px 20px 0 0
}

#com-npg-playhead .title p {
    float: left;
    clear: both
}

#com-npg-playhead .Countdown .number-size {
    float: left;
    text-align: center;
    color: #fff;
    margin: 10px 20px 0 0;
    font-size: 14px;
    font-family: 微软雅黑
}

#com-npg-playhead .Countdown .number-size span {
    color: #04b4fd
}

#com-npg-playhead .Countdown .time-item {
    width: 193px;
    float: left
}

#com-npg-playhead .Countdown .time-item span,#com-npg-playhead .Countdown .time-item strong {
    float: left;
    line-height: 49px;
    font-size: 34px;
    font-family: Arial;
    margin: 8px 10px 0 0;
    color: #fff;
    background: none
}

#com-npg-playhead .Countdown .time-item .spinner {
    font-size: 24px
}

#com-npg-playhead .Countdown .time-item .Split-point {
    display: block;
    float: left;
    width: 5px;
    height: 22px
}

#com-npg-playhead .winNums .title {
    float: left;
    text-align: center;
    color: #fff;
    margin: 10px 20px 0 0;
    font-size: 14px;
    font-family: 微软雅黑
}

#com-npg-playhead .winNums .title span {
    color: #04b4fd
}

#com-npg-playhead .spinner>i {
    width: 12px;
    height: 12px;
    margin-left: 10px;
    background-color: #fff;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: bouncedelay 1.4s ease-in-out infinite;
    animation: bouncedelay 1.4s ease-in-out infinite;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

#com-npg-playhead .spinner .i_1 {
    -webkit-animation-delay: -.32s;
    animation-delay: -.32s
}

#com-npg-playhead .spinner .i_2 {
    -webkit-animation-delay: -.16s;
    animation-delay: -.16s
}

#com-npg-playhead .Lottery-information {
    width: 130px;
    height: 98px;
    text-align: center;
    margin-top: 20px;
    border: 1px solid rgba(0,0,0,.1);
    background-color: hsla(0,0%,100%,.2);
    -webkit-border-radius: 5%;
    -moz-border-radius: 5%;
    border-radius: 10px;
    position: relative
}

#com-npg-playhead .Lottery-information li {
    height: 30px;
    position: relative;
    display: block;
    margin: 5px auto
}

#com-npg-playhead .Lottery-information li:hover>.Recent-numbers {
    opacity: 1;
    visibility: visible;
    transform: translateZ(0);
    -moz-transform: translateZ(0);
    -webkit-transform: translateZ(0)
}

#com-npg-playhead .Lottery-information .information {
    float: left;
    display: block;
    width: 36px;
    height: 18px
}

#com-npg-playhead .Lottery-information .img-top01,#com-npg-playhead .Lottery-information .img-top21 {
    margin: 42px 25px 0 26px
}

#com-npg-playhead .Lottery-information .if-ico01,#com-npg-playhead .Lottery-information .if-ico21 {
    background: url(../images/all-ico.png) -102px -125px no-repeat
}

#com-npg-playhead .Lottery-information .img-top02 {
    margin: 18px 25px 0 26px
}

#com-npg-playhead .Lottery-information .if-ico02 {
    background: url(../images/all-ico.png) -81px -67px no-repeat
}

#com-npg-playhead .Lottery-information .shape-top {
    display: block;
    float: left
}

#com-npg-playhead .Lottery-information a {
    position: relative;
    display: block;
    color: #50bff1;
    height: 49px;
    line-height: 49px
}

#com-npg-playhead .Lottery-information a:hover {
    color: #fff
}

#com-npg-playhead .Lottery-information a:hover .i_newestLots {
    background-position: 0 -12px
}

#com-npg-playhead .Lottery-information .i_newestLots {
    position: absolute;
    top: 50%;
    left: 75%;
    margin-top: -6px;
    width: 13px;
    height: 12px;
    background: url(../images/i_newestLots.png) 0 0 no-repeat
}

#com-npg-playhead .Lottery-information .Recent-numbers {
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    position: absolute;
    background: #fff;
    width: 410px;
    height: 300px;
    padding: 0 10px;
    top: 111px;
    right: -70px;
    z-index: 9999;
    border: 1px solid rgba(0,0,0,.1);
    border-radius: 4px;
    transform: translate3d(0,10px,0);
    -moz-transform: translate3d(0,10px,0);
    -webkit-transform: translate3d(0,10px,0);
    transition: all .3s ease-out 0s;
    visibility: hidden;
    display: block;
    opacity: 0
}

#com-npg-playhead .Lottery-information .Recent-numbers:before {
    border-color: rgba(0,0,0,.1) transparent;
    border-style: solid;
    border-width: 0 9px 9px;
    bottom: 100%;
    content: "";
    height: 0;
    position: absolute;
    left: 270px;
    width: 0
}

#com-npg-playhead .Lottery-information .Recent-numbers:after {
    border-color: #fff transparent;
    border-style: solid;
    border-width: 0 9px 9px;
    bottom: 100%;
    content: "";
    height: 0;
    position: absolute;
    left: 270px;
    width: 0
}

#com-npg-playhead .Lottery-information .specialWidth {
    width: 300px
}

#com-npg-playhead .Lottery-information .specialWidth:before {
    left: 50%
}

#com-npg-playhead .Lottery-information .specialWidth:after {
    left: 50%
}

#com-npg-playhead .period-info {
    margin: 20px 10px;
    display: flex;
    flex-direction: column;
    justify-content: center
}

#com-npg-playhead .period-info div:first-child {
    margin-bottom: 15px
}

#com-npg-playhead .date-t {
    width: 100px;
    float: left
}

#com-npg-playhead .date-k {
    height: 20px;
    float: right
}

#com-npg-playhead .game-cqlhc {
    background: url(../images/icons/game-cqlhc.png)
}

#com-npg-playhead .game-115-guangdong {
    background: url(../images/icons/game-115-guangdong.png)
}

#com-npg-playhead .game-pk10 {
    background: url(../images/icons/game-pk10.png)
}

#com-npg-playhead .game-pk10kai {
    background: url(../images/icons/game-pk10kai.png)
}

#com-npg-playhead .game-pk10kaib {
    background: url(../images/icons/game-pk10kaib.png)
}

#com-npg-playhead .game-f1sca {
    background: url(../images/icons/game-f1sca.png)
}

#com-npg-playhead .game-f1scb {
    background: url(../images/icons/game-f1scb.png)
}

#com-npg-playhead .game-xyft-sd {
    background: url(../images/icons/game-xyft-sd.png) no-repeat
}

#com-npg-playhead .game-jsftb {
    background: url(../images/icons/game-jsftb.png) no-repeat
}

#com-npg-playhead .game-rswfc {
    background: url(../images/icons/game-rswfc.png)
}

#com-npg-playhead .game-k3-jiangsu {
    background: url(../images/icons/game-k3-jiangsu.png)
}

#com-npg-playhead .game-by-blefc {
    background: url(../images/icons/game-by-blefc.png) no-repeat
}

#com-npg-playhead .game-by-blffc {
    background: url(../images/icons/game-by-blffc.png) no-repeat
}

#com-npg-playhead .game-by-blwfc {
    background: url(../images/icons/game-by-blwfc.png) no-repeat
}

#com-npg-playhead .game-hr-fl2fc {
    background: url(../images/icons/game-hr-fl2fc.png) no-repeat
}

#com-npg-playhead .game-hr-fl5fc {
    background: url(../images/icons/game-hr-fl5fc.png) no-repeat
}

#com-npg-playhead .game-hr-wlffc {
    background: url(../images/icons/game-hr-wlffc.png) no-repeat
}

#com-npg-playhead .game-hx-hl5fc {
    background: url(../images/icons/game-hx-hl5fc.png) no-repeat
}

#com-npg-playhead .game-hx-nw2fc {
    background: url(../images/icons/game-hx-nw2fc.png) no-repeat
}

#com-npg-playhead .game-hx-omffc {
    background: url(../images/icons/game-hx-omffc.png) no-repeat
}

#com-npg-playhead .game-jc-jnd2fc {
    background: url(../images/icons/game-jc-jnd2fc.png) no-repeat
}

#com-npg-playhead .game-jc-jnd5fc {
    background: url(../images/icons/game-jc-jnd5fc.png) no-repeat
}

#com-npg-playhead .game-jc-jndffc {
    background: url(../images/icons/game-jc-jndffc.png) no-repeat
}

#com-npg-playhead .game-hs-bxffc {
    background: url(../images/icons/game-hs-bxffc.png) no-repeat
}

#com-npg-playhead .game-hs-bx2fc {
    background: url(../images/icons/game-hs-bx2fc.png) no-repeat
}

#com-npg-playhead .game-hs-bx5fc {
    background: url(../images/icons/game-hs-bx5fc.png) no-repeat
}

#com-npg-playhead .game-ks-rs2fc {
    background: url(../images/icons/game-ks-rs2fc.png) no-repeat
}

#com-npg-playhead .game-ks-rsffc {
    background: url(../images/icons/game-ks-rsffc.png) no-repeat
}

#com-npg-playhead .game-ssh-ml1fc {
    background: url(../images/icons/game-ssh-ml1fc.png) no-repeat
}

#com-npg-playhead .game-ssh-sd2fc {
    background: url(../images/icons/game-ssh-sd2fc.png) no-repeat
}

#com-npg-playhead .game-ssh-sd5fc {
    background: url(../images/icons/game-ssh-sd5fc.png) no-repeat
}

#com-npg-playhead .game-ssc-xjp1fc {
    background: url(../images/icons/game-ssc-xjp1fc.png) no-repeat
}

#com-npg-playhead .game-ssc-xjp2fc {
    background: url(../images/icons/game-ssc-xjp2fc.png) no-repeat
}

#com-npg-playhead .game-ssc-xjp5fc {
    background: url(../images/icons/game-ssc-xjp5fc.png) no-repeat
}

#com-npg-playhead .game-ssc-dj5fc {
    background: url(../images/icons/game-ssc-dj5fc.png) no-repeat
}

#com-npg-playhead .game-ssc-ld1fc {
    background: url(../images/icons/game-ssc-ld1fc.png) no-repeat
}

#com-npg-playhead .game-ssc-ld2fc {
    background: url(../images/icons/game-ssc-ld2fc.png) no-repeat
}

#com-npg-playhead .game-ssc-ld5fc {
    background: url(../images/icons/game-ssc-ld5fc.png) no-repeat
}

#com-npg-playhead .game-ssc-ny2fc {
    background: url(../images/icons/game-ssc-ny2fc.png) no-repeat
}

#com-npg-playhead .game-ssc-se1fc {
    background: url(../images/icons/game-ssc-se1fc.png) no-repeat
}

#com-npg-playhead .game_txffc {
    background: url(../images/icons/game_txffc.png) no-repeat
}

#com-npg-playhead .game-ks-twssc {
    background: url(../images/icons/game-ks-twssc.png)
}

#com-npg-playhead .game-ks-twffc {
    background: url(../images/icons/game-ks-twffc.png)
}

#com-npg-playhead .game-ks-twjsc {
    background: url(../images/icons/game-ks-twjsc.png)
}

#com-npg-playhead .game-ks-twsscb {
    background: url(../images/icons/game-ks-twsscb.png)
}

#com-npg-playhead .game-hn5fc {
    background: url(../images/icons/game-hn5fc.png)
}

#com-npg-playhead .game-hn5fcb {
    background: url(../images/icons/game-hn5fcb.png)
}

#com-npg-playhead .game-ks-wlssc {
    background: url(../images/icons/game-ks-wlssc.png) no-repeat
}

#com-npg-playhead .game-ks-wlsscb {
    background: url(../images/icons/game-ks-wlsscb.png) no-repeat
}

#com-npg-playhead .game-ks-cq5fcb {
    background: url(../images/icons/game-ks-cq5fcb.png) no-repeat
}

#com-npg-playhead .game-f1bjk,#com-npg-playhead .game-f1sca,#com-npg-playhead .game-jspk10 {
    margin: 30px 5px 21px 0
}

#com-npg-playhead .game-f1bjk {
    background: url(../images/icons/game-f1bjk.png)
}

#com-npg-playhead .game-f1bjl {
    background: url(../images/icons/game-f1bjl.png)
}

#com-npg-playhead .game-jspk10 {
    background: url(../images/icons/game-jspk10.png)
}

#com-npg-playhead .game-ks-cq2fc {
    background: url(../images/icons/game-ks-cq2fc.png)
}

#com-npg-playhead .game-ks-cq5fc {
    background: url(../images/icons/game-ks-cq5fc.png) no-repeat
}

#com-npg-playhead .game-ks-cqjsc {
    background: url(../images/icons/game-ks-cqjsc.png)
}

.playhead_PK10 .Lottery-information,.playhead_PK10JDC .Lottery-information {
    width: 100px!important
}

#com-npg-subplay {
    width: 100%;
    height: 100%;
    margin-top: 10px
}

#com-npg-ballbasket .Play {
    width: 76px
}

#com-npg-ballbasket .buy-number {
    width: 112px
}

#com-npg-ballbasket .Amount {
    width: 80px
}

.chase-dialog-size {
    width: 760px;
    height: 465px;
    background: #fff
}

#dlg-npg-chase {
    width: 100%;
    height: 100%
}

#dlg-npg-chase .w-50 {
    width: 50px
}

#dlg-npg-chase .w-60 {
    width: 60px
}

#dlg-npg-chase .w-80 {
    width: 80px
}

#dlg-npg-chase .dialog-content {
    padding: 0 20px
}

#dlg-npg-chase .tab-title {
    height: 28px;
    margin: 10px 0
}

#dlg-npg-chase .tab-title .form-control {
    height: 25px;
    margin-right: 5px;
    padding: 0;
    text-align: center;
    display: inline-block
}

#dlg-npg-chase .tab-title span {
    padding-right: 5px;
    height: 28px;
    line-height: 28px
}

#dlg-npg-chase input {
    border: 1px solid #a6a6a6
}

#dlg-npg-chase .checkbox-label {
    display: inline-block;
    padding-left: 24px
}

#dlg-npg-chase .checkbox-label:before {
    top: 1px;
    left: 1px;
    width: 16px;
    height: 16px
}

#dlg-npg-chase button {
    cursor: pointer;
    color: #fff;
    font-size: 16px;
    height: 30px;
    line-height: 30px;
    margin: 0;
    padding: 0;
    border: 0;
    outline: none;
    border-radius: 2px;
    vertical-align: middle;
    background: #2a8fbd
}

#dlg-npg-chase button:hover {
    transition: all .5s ease
}

#dlg-npg-chase .btn-danger {
    background: #888
}

#dlg-npg-chase .btn-orange {
    background: #eb6100
}

#dlg-npg-chase .tab-title-col {
    display: inline-block
}

#dlg-npg-chase .tab-btn {
    padding: 0 15px;
    width: 120px;
    font-size: 12px;
    margin-left: 10px;
    float: right
}

#dlg-npg-chase .tab-form {
    border: 1px solid #ddd;
    margin: 0 auto 10px
}

#dlg-npg-chase .tab-form .tab-tit {
    height: 25px;
    line-height: 25px;
    background: #eee;
    border-bottom: 1px solid #ddd
}

#dlg-npg-chase .tab-form .tab-tit span {
    width: 20%;
    display: inline-block;
    float: left;
    text-align: center
}

#dlg-npg-chase .tab-form .tab-tit span:first-child,#dlg-npg-chase .tab-form .tab-tit span:nth-child(2) {
    width: 10%
}

#dlg-npg-chase .tab-form li {
    width: 100%;
    height: 30px;
    line-height: 30px;
    color: #666;
    float: left;
    border-bottom: 1px dotted #ddd
}

#dlg-npg-chase .tab-form li>span {
    width: 20%;
    display: inline-block;
    float: left;
    text-align: center
}

#dlg-npg-chase .tab-form li>span:first-child,#dlg-npg-chase .tab-form li>span:nth-child(2) {
    width: 10%
}

#dlg-npg-chase .tab-form .form-control {
    padding: 0;
    height: 22px;
    margin: 4px auto 0;
    text-align: center;
    font-size: 12px
}

#dlg-npg-chase .unchecked-lbl {
    margin-left: -13px
}

#dlg-npg-chase em {
    color: red;
    font-style: normal
}

#dlg-npg-chase .tab-con {
    height: 290px;
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%
}

#Betting-npg-record {
    background: #fff;
    margin-top: 20px;
    width: 100%;
    padding: 20px
}

#Betting-npg-record .record-tab {
    width: auto;
    text-align: center
}

#Betting-npg-record .record-tab li {
    float: left;
    width: 100px
}

#Betting-npg-record .record-tab>li>a {
    display: block;
    height: 34px;
    line-height: 34px;
    color: #999;
    margin-right: 2px;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0
}

#Betting-npg-record .record-tab>li.active a,#Betting-npg-record .record-tab>li.active a.focus,#Betting-npg-record .record-tab>li.active a.hover {
    background-color: #d8620b;
    border-color: #d8620b;
    color: #fff;
    border-bottom: 1px solid #f0f0f0
}

#Betting-npg-record li {
    float: left;
    font-size: 14px;
    text-align: center
}

#Betting-npg-record .record-head li {
    height: 34px;
    line-height: 34px;
    color: #fff;
    background: #eb7e00
}

#Betting-npg-record .record-head span {
    line-height: 16px
}

#Betting-npg-record .record-content-w {
    width: 100%;
    color: #878787;
    font-size: 14px
}

#Betting-npg-record .record-content-w .record-body {
    background: #fafafa;
    border: 1px solid #dad9d9;
    width: 100%;
    height: 225px
}

#Betting-npg-record .record-body ul {
    height: 45px;
    line-height: 45px;
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 0
}

#Betting-npg-record .record-body ul:hover {
    background-color: #efefef
}

#Betting-npg-record .record-body ul:last-child {
    border-bottom: none
}

#Betting-npg-record .record-01 .cell1,#Betting-npg-record .record-01 .cell2 {
    width: 20%
}

#Betting-npg-record .record-01 .cell3,#Betting-npg-record .record-01 .cell4,#Betting-npg-record .record-01 .cell5,#Betting-npg-record .record-01 .cell6,#Betting-npg-record .record-01 .cell7,#Betting-npg-record .record-01 .cell8 {
    width: 10%
}

#Betting-npg-record .record-02 .cell1,#Betting-npg-record .record-02 .cell2,#Betting-npg-record .record-02 .cell3 {
    width: 20%
}

#Betting-npg-record .record-02 .cell4,#Betting-npg-record .record-02 .cell5,#Betting-npg-record .record-02 .cell6,#Betting-npg-record .record-02 .cell7 {
    width: 10%
}

#Betting-npg-record .cell3>a {
    color: #0280a0;
    text-align: center;
    outline: none;
    cursor: pointer;
    transition: color .3s ease
}

#Betting-npg-record .cell3>a:hover {
    color: #04b4fd
}

#Betting-npg-record .button-detailed {
    width: 100%;
    text-align: right;
    line-height: 1.42857143;
    vertical-align: top;
    padding: 8px 0;
    border-bottom: 2px solid #eb7e00
}

#Betting-npg-record .button-detailed a {
    position: relative;
    display: inline-block;
    font-size: 12px;
    margin-right: 2%;
    color: #eb7e00;
    cursor: pointer
}

#Betting-npg-record .button-detailed a:hover {
    color: #ff2906
}

#Betting-npg-record .button-detailed .anticon {
    margin-right: 5px
}

.dialog-quick-bet {
    margin: 0;
    width: 600px;
    height: 370px;
    background-color: #fff
}

.dialog-quick-bet .rc-dialog-close {
    top: 15px
}

#dlg-quickbet {
    width: 100%;
    height: 100%
}

#dlg-quickbet .dialog-content {
    position: relative;
    padding: 15px;
    box-sizing: border-box
}

#dlg-quickbet .dialog-content fieldset {
    padding: 10px;
    margin: 15px 0;
    border: 1px solid #eee;
    background-color: #fafafa
}

#dlg-quickbet .dialog-content fieldset legend {
    display: block;
    line-height: inherit;
    color: #333;
    font-size: 14px;
    border: 0;
    width: auto;
    padding: 0 10px;
    margin: 0
}

#dlg-quickbet .dialog-content fieldset .table-striped {
    width: 100%
}

#dlg-quickbet .dialog-content fieldset .table-striped>tbody>tr>td {
    line-height: 28px;
    padding-left: 3px
}

#dlg-quickbet .dialog-content fieldset .table-striped>tbody>tr:nth-child(odd)>td,#dlg-quickbet .dialog-content fieldset .table-striped>tbody>tr:nth-child(odd)>th {
    background-color: #e6e6e6;
    line-height: 28px;
    padding-left: 3px
}

#dlg-quickbet .dialog-content .otherInfo .profit {
    text-align: center;
    font-size: 14px
}

#dlg-quickbet .dialog-content .otherInfo .profit span {
    color: #fe2e2e
}

#dlg-quickbet .dialog-content .otherInfo .sum {
    text-align: center;
    font-size: 18px;
    color: #898787
}

#dlg-quickbet .dialog-content .otherInfo .sum span {
    color: #f32e2e
}

#dlg-quickbet .dialog-content .otherInfo .tip {
    text-align: center;
    color: #ef8e1c;
    border-top: 0;
    padding: 0
}

#dlg-quickbet .dialog-content .buyNumber {
    max-width: 160px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0
}

#dlg-quickbet .dialog-footer {
    padding: 0;
    text-align: center;
    border-top: none
}

#dlg-quickbet .dialog-footer .btn-sm {
    padding: 5px 15px;
    font-size: 12px;
    line-height: 1.46666667;
    border-radius: 3px;
    margin: 5px 0
}

#dlg-quickbet .dialog-footer .btn-default {
    color: #fff;
    background-color: #2a8fbd;
    border-color: #2a8fbd
}

#dlg-quickbet .dialog-footer .btn+.btn {
    margin-bottom: 5px;
    margin-left: 5px
}

#dlg-quickbet .dialog-footer .btn.btn-dark {
    background: #959595;
    border: 1px solid #959595;
    color: #fff
}

#com-playheadk3 {
    width: 1200px;
    height: 140px;
    margin: 1px auto 0;
    font-size: 14px;
    color: #fff;
    clear: both
}

#com-playheadk3 .game-logo {
    width: 135px;
    height: 88px;
    float: left;
    margin: 30px 5px 21px 25px
}

#com-playheadk3 .game-f1sca,#com-playheadk3 .game-f1scb,#com-playheadk3 .game-jsfta,#com-playheadk3 .game-jsftb,#com-playheadk3 .game-pk10,#com-playheadk3 .game-pk10kai,#com-playheadk3 .game-pk10kaib {
    margin: 30px 5px 21px 0
}

#com-playheadk3 .npgWinNums {
    float: left;
    text-align: center;
    height: 98px;
    box-sizing: border-box;
    margin-top: 20px;
    margin-right: 20px;
    border: 1px solid rgba(0,0,0,.1);
    background-color: hsla(0,0%,100%,.2);
    -webkit-border-radius: 5%;
    -moz-border-radius: 5%;
    border-radius: 10px
}

#com-playheadk3 .npgWinNums .number {
    margin-top: 5px
}

#com-playheadk3 .period-info {
    float: left;
    padding: 15px 20px;
    margin: 20px 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #50bff1
}

#com-playheadk3 .period-info div:first-child {
    margin-bottom: 15px
}

.playhead_PK10 .Countdown,.playhead_PK10JDC .Countdown {
    padding: 20px 10px!important
}

#com-playheadk3.playhead_XYFT .game-logo {
    width: 123px;
    margin: 30px 5px 21px 0
}

#com-playheadk3.playhead_xyft_sd {
    width: 1270px
}

#com-playheadk3 .npgWinNums .title {
    font-family: 微软雅黑;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center
}

#com-playheadk3 .npgWinNums .title .termtitle {
    color: #fff;
    font-size: 18px;
    margin-right: 10px
}

#com-playheadk3 .npgWinNums .title .titlecount {
    color: #2ca6f3;
    font-size: 24px
}

#com-playheadk3 .spinner>i {
    width: 12px;
    height: 12px;
    margin-left: 10px;
    background-color: #fff;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: bouncedelay 1.4s ease-in-out infinite;
    animation: bouncedelay 1.4s ease-in-out infinite;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

#com-playheadk3 .spinner .i_1 {
    -webkit-animation-delay: -.32s;
    animation-delay: -.32s
}

#com-playheadk3 .spinner .i_2 {
    -webkit-animation-delay: -.16s;
    animation-delay: -.16s
}

#com-playheadk3 .Lottery-npg-information {
    width: 30%;
    height: 98px;
    margin-top: 20px;
    margin-right: 20px;
    padding: 10px 20px;
    border: 1px solid rgba(0,0,0,.1);
    background-color: hsla(0,0%,100%,.2);
    -webkit-border-radius: 5%;
    -moz-border-radius: 5%;
    border-radius: 10px;
    float: left;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

@-webkit-keyframes bouncedelay {
    0%,80%,to {
        -webkit-transform: scale(0)
    }

    40% {
        -webkit-transform: scale(1)
    }
}

@keyframes bouncedelay {
    0%,80%,to {
        transform: scale(0);
        -webkit-transform: scale(0)
    }

    40% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }
}

#com-playheadk3 .Lottery-npg-information .title {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center
}

#com-playheadk3 .Lottery-npg-information .title .termtitle {
    color: #fff;
    font-size: 18px;
    margin-right: 10px
}

#com-playheadk3 .Lottery-npg-information .title .titlecount {
    font-size: 24px
}

#com-playheadk3 .date-t {
    width: 100px;
    float: left
}

#com-playheadk3 .date-k {
    height: 20px;
    float: right
}

#com-playheadk3 .game-cqlhc {
    background: url(../images/icons/game-cqlhc.png)
}

#com-playheadk3 .game-115-guangdong {
    background: url(../images/icons/game-115-guangdong.png)
}

#com-playheadk3 .game-pk10 {
    background: url(../images/icons/game-pk10.png)
}

#com-playheadk3 .game-pk10kai {
    background: url(../images/icons/game-pk10kai.png)
}

#com-playheadk3 .game-pk10kaib {
    background: url(../images/icons/game-pk10kaib.png)
}

#com-playheadk3 .game-f1sca {
    background: url(../images/icons/game-f1sca.png)
}

#com-playheadk3 .npg-game-jssc {
    background: url(../images/icons/npg/npg-game-jssc.png)
}

#com-playheadk3 .game-f1scb {
    background: url(../images/icons/game-f1scb.png)
}

#com-playheadk3 .game-xyft-sd {
    background: url(../images/icons/game-xyft-sd.png) no-repeat
}

#com-playheadk3 .game-jsftb {
    background: url(../images/icons/game-jsftb.png) no-repeat
}

#com-playheadk3 .game-rswfc {
    background: url(../images/icons/game-rswfc.png)
}

#com-playheadk3 .game-k3-jiangsu {
    background: url(../images/icons/game-k3-jiangsu.png)
}

#com-playheadk3 .game-by-blefc {
    background: url(../images/icons/game-by-blefc.png) no-repeat
}

#com-playheadk3 .game-by-blffc {
    background: url(../images/icons/game-by-blffc.png) no-repeat
}

#com-playheadk3 .game-by-blwfc {
    background: url(../images/icons/game-by-blwfc.png) no-repeat
}

#com-playheadk3 .game-hr-fl2fc {
    background: url(../images/icons/game-hr-fl2fc.png) no-repeat
}

#com-playheadk3 .game-hr-fl5fc {
    background: url(../images/icons/game-hr-fl5fc.png) no-repeat
}

#com-playheadk3 .game-hr-wlffc {
    background: url(../images/icons/game-hr-wlffc.png) no-repeat
}

#com-playheadk3 .game-hx-hl5fc {
    background: url(../images/icons/game-hx-hl5fc.png) no-repeat
}

#com-playheadk3 .game-hx-nw2fc {
    background: url(../images/icons/game-hx-nw2fc.png) no-repeat
}

#com-playheadk3 .game-hx-omffc {
    background: url(../images/icons/game-hx-omffc.png) no-repeat
}

#com-playheadk3 .game-jc-jnd2fc {
    background: url(../images/icons/game-jc-jnd2fc.png) no-repeat
}

#com-playheadk3 .game-jc-jnd5fc {
    background: url(../images/icons/game-jc-jnd5fc.png) no-repeat
}

#com-playheadk3 .game-jc-jndffc {
    background: url(../images/icons/game-jc-jndffc.png) no-repeat
}

#com-playheadk3 .game-hs-bxffc {
    background: url(../images/icons/game-hs-bxffc.png) no-repeat
}

#com-playheadk3 .game-hs-bx2fc {
    background: url(../images/icons/game-hs-bx2fc.png) no-repeat
}

#com-playheadk3 .game-hs-bx5fc {
    background: url(../images/icons/game-hs-bx5fc.png) no-repeat
}

#com-playheadk3 .game-ks-rs2fc {
    background: url(../images/icons/game-ks-rs2fc.png) no-repeat
}

#com-playheadk3 .game-ks-rsffc {
    background: url(../images/icons/game-ks-rsffc.png) no-repeat
}

#com-playheadk3 .game-ssh-ml1fc {
    background: url(../images/icons/game-ssh-ml1fc.png) no-repeat
}

#com-playheadk3 .game-ssh-sd2fc {
    background: url(../images/icons/game-ssh-sd2fc.png) no-repeat
}

#com-playheadk3 .game-ssh-sd5fc {
    background: url(../images/icons/game-ssh-sd5fc.png) no-repeat
}

#com-playheadk3 .game-ssc-xjp1fc {
    background: url(../images/icons/game-ssc-xjp1fc.png) no-repeat
}

#com-playheadk3 .game-ssc-xjp2fc {
    background: url(../images/icons/game-ssc-xjp2fc.png) no-repeat
}

#com-playheadk3 .game-ssc-xjp5fc {
    background: url(../images/icons/game-ssc-xjp5fc.png) no-repeat
}

#com-playheadk3 .game-ssc-dj5fc {
    background: url(../images/icons/game-ssc-dj5fc.png) no-repeat
}

#com-playheadk3 .game-ssc-ld1fc {
    background: url(../images/icons/game-ssc-ld1fc.png) no-repeat
}

#com-playheadk3 .game-ssc-ld2fc {
    background: url(../images/icons/game-ssc-ld2fc.png) no-repeat
}

#com-playheadk3 .game-ssc-ld5fc {
    background: url(../images/icons/game-ssc-ld5fc.png) no-repeat
}

#com-playheadk3 .game-ssc-ny2fc {
    background: url(../images/icons/game-ssc-ny2fc.png) no-repeat
}

#com-playheadk3 .game-ssc-se1fc {
    background: url(../images/icons/game-ssc-se1fc.png) no-repeat
}

#com-playheadk3 .game_txffc {
    background: url(../images/icons/game_txffc.png) no-repeat
}

#com-playheadk3 .game-ks-twssc {
    background: url(../images/icons/game-ks-twssc.png)
}

#com-playheadk3 .game-ks-twffc {
    background: url(../images/icons/game-ks-twffc.png)
}

#com-playheadk3 .game-ks-twjsc {
    background: url(../images/icons/game-ks-twjsc.png)
}

#com-playheadk3 .game-ks-twsscb {
    background: url(../images/icons/game-ks-twsscb.png)
}

#com-playheadk3 .game-hn5fc {
    background: url(../images/icons/game-hn5fc.png)
}

#com-playheadk3 .game-hn5fcb {
    background: url(../images/icons/game-hn5fcb.png)
}

#com-playheadk3 .game-ks-wlssc {
    background: url(../images/icons/game-ks-wlssc.png) no-repeat
}

#com-playheadk3 .game-ks-wlsscb {
    background: url(../images/icons/game-ks-wlsscb.png) no-repeat
}

#com-playheadk3 .game-ks-cq5fcb {
    background: url(../images/icons/game-ks-cq5fcb.png) no-repeat
}

#com-navbar-jbcc .Drop-down-menu {
    position: absolute;
    left: 0
}

#com-playheadk3 .game-f1bjk,#com-playheadk3 .game-f1sca,#com-playheadk3 .game-jspk10 {
    margin: 30px 5px 21px 0
}

#com-playheadk3 .npg-game-jssc {
    margin: 20px 5px 21px 0
}

#com-playheadk3 .game-f1bjk {
    background: url(../images/icons/game-f1bjk.png)
}

#com-playheadk3 .game-f1bjl {
    background: url(../images/icons/game-f1bjl.png)
}

#com-playheadk3 .game-jspk10 {
    background: url(../images/icons/game-jspk10.png)
}

#com-playheadk3 .game-ks-cq2fc {
    background: url(../images/icons/game-ks-cq2fc.png)
}

#com-playheadk3 .game-ks-cq5fc {
    background: url(../images/icons/game-ks-cq5fc.png) no-repeat
}

#com-playheadk3 .game-ks-cqjsc {
    background: url(../images/icons/game-ks-cqjsc.png)
}

#com-npg-ballbasket {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column
}

#com-npg-ballbasket .Bet-button {
    flex: 1;
    padding: 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

#com-npg-ballbasket .Bet-button p {
    margin-bottom: 0
}

#com-npg-ballbasket .Bet-button .profit {
    font-size: 14px
}

#com-npg-ballbasket .Bet-button .profit span {
    color: #f51d1d
}

#com-npg-ballbasket .List {
    font-size: 14px;
    width: 378px;
    height: 45px;
    border-bottom: 1px solid #e6e6e6;
    padding: 12px 15px
}

#com-npg-ballbasket .List .Clear {
    float: right;
    width: 49px;
    height: 20px
}

#com-npg-ballbasket .List i {
    float: right;
    display: block;
    width: 20px;
    height: 20px;
    background: url(../images/all-ico.png) -107px -96px no-repeat
}

#com-npg-ballbasket .List a {
    color: #707070
}

#com-npg-ballbasket .List a:hover {
    color: #15bbe6
}

#com-npg-ballbasket .List-name {
    width: 380px;
    height: 34px;
    border-bottom: 1px solid #e6e6e6;
    padding-top: 2px
}

#com-npg-ballbasket .List-name li {
    float: left;
    line-height: 30px;
    margin: 0 59px 0 21px
}

#com-npg-ballbasket .List-name span {
    line-height: 30px
}

#com-npg-ballbasket .Bet-list {
    height: 356px;
    overflow-y: auto;
    background: #fff
}

#com-npg-ballbasket .List-01 {
    float: left;
    border-bottom: 1px dashed #e6e6e6;
    width: 368px;
    height: 40px;
    margin-left: 10px;
    line-height: 46px
}

#com-npg-ballbasket .Play {
    width: 78px
}

#com-npg-ballbasket .buy-number,#com-npg-ballbasket .Play {
    float: left;
    display: block;
    height: 39px;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

#com-npg-ballbasket .buy-number {
    width: 102px;
    margin-left: 10px;
    text-align: center
}

#com-npg-ballbasket .Amount {
    float: left;
    color: #d92e0f;
    display: block;
    width: 100px;
    height: 39px;
    margin-left: 10px;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center
}

#com-npg-ballbasket .operating {
    display: block;
    cursor: pointer;
    width: 20px;
    height: 20px;
    float: left;
    margin: 10px 6px 5px 0;
    background: url(../images/all-ico.png) -129px -96px no-repeat
}

#com-npg-ballbasket .btn-chase {
    cursor: pointer;
    background: #eb6e00;
    float: left;
    line-height: 21px;
    width: 35px;
    text-align: center;
    color: #fff;
    border-radius: 3px;
    font-size: 12px;
    margin-right: 5px;
    margin-top: 10px
}

#com-npg-ballbasket .Bet-button {
    padding: 15px;
    border-top: 1px solid #e6e6e6
}

#com-npg-ballbasket .Bet-button .Total-bets {
    font-size: 14px
}

#com-npg-ballbasket .Focus-co {
    color: #e62250
}

#page-luck-wheel {
    position: relative;
    overflow: auto;
    height: 100%;
    background: url(../images/luckWheel/bg.png) no-repeat;
    background-size: cover;
    padding-bottom: 10vh
}

#page-luck-wheel,#page-luck-wheel .contentGroup {
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%
}

#page-luck-wheel .contentGroup {
    padding: 7px 25px;
    display: flex
}

#page-luck-wheel .contentGroup .title {
    width: 33%;
    height: 9.51009vw;
    background: url(../images/luckWheel/title.png) 50% no-repeat;
    background-size: 100%;
    margin-top: 50px
}

#page-luck-wheel .contentGroup .title.title.zh-TW {
    background: url(../images/luckWheel/title-tw.png) 50% no-repeat;
    background-size: 100%
}

#page-luck-wheel .contentGroup .title.title.en,#page-luck-wheel .contentGroup .title.title.th {
    background: url(../images/luckWheel/title-en.png) 50% no-repeat;
    background-size: 100%
}

#page-luck-wheel .contentGroup .centerGroup {
    width: 100%;
    height: auto;
    flex-direction: row;
    display: flex;
    justify-content: center;
    align-items: center
}

#page-luck-wheel .contentGroup .centerGroup .luckWheel {
    width: 50%;
    height: auto;
    position: relative;
    display: flex;
    flex-direction: row-reverse
}

#page-luck-wheel .contentGroup .centerGroup .luckWheel .luckWheelBg {
    width: 33vw;
    height: 33vw;
    background: url(../images/luckWheel/wheel.png) top no-repeat;
    background-size: 100%
}

#page-luck-wheel .contentGroup .centerGroup .luckWheel .luckWheelPanel {
    width: 27vw;
    height: 27vw;
    position: absolute;
    z-index: 1;
    border-radius: 50%;
    top: 3vw;
    right: 3vw
}

#page-luck-wheel .contentGroup .centerGroup .luckWheel .luckWheelPanel .sector {
    position: absolute;
    left: 13.5vw;
    top: 0;
    width: 13.5vw;
    height: 27vw;
    font-size: 14px;
    border-radius: 0 6.75vw 6.75vw 0;
    overflow: hidden;
    transform-origin: left center;
    z-index: 1
}

#page-luck-wheel .contentGroup .centerGroup .luckWheel .luckWheelPanel .sector:first-child {
    transform: rotate(-18deg)
}

#page-luck-wheel .contentGroup .centerGroup .luckWheel .luckWheelPanel .sector:nth-child(2) {
    transform: rotate(18deg)
}

#page-luck-wheel .contentGroup .centerGroup .luckWheel .luckWheelPanel .sector:nth-child(3) {
    transform: rotate(54deg)
}

#page-luck-wheel .contentGroup .centerGroup .luckWheel .luckWheelPanel .sector:nth-child(4) {
    transform: rotate(90deg)
}

#page-luck-wheel .contentGroup .centerGroup .luckWheel .luckWheelPanel .sector:nth-child(5) {
    transform: rotate(126deg)
}

#page-luck-wheel .contentGroup .centerGroup .luckWheel .luckWheelPanel .sector:nth-child(6) {
    transform: rotate(162deg)
}

#page-luck-wheel .contentGroup .centerGroup .luckWheel .luckWheelPanel .sector:nth-child(7) {
    transform: rotate(198deg)
}

#page-luck-wheel .contentGroup .centerGroup .luckWheel .luckWheelPanel .sector:nth-child(8) {
    transform: rotate(234deg)
}

#page-luck-wheel .contentGroup .centerGroup .luckWheel .luckWheelPanel .sector:nth-child(9) {
    transform: rotate(270deg)
}

#page-luck-wheel .contentGroup .centerGroup .luckWheel .luckWheelPanel .sector:nth-child(10) {
    transform: rotate(306deg)
}

#page-luck-wheel .contentGroup .centerGroup .luckWheel .luckWheelPanel .sector-inner {
    text-align: center;
    display: block;
    width: 13.5vw;
    height: 27vw;
    transform-origin: right center
}

#page-luck-wheel .contentGroup .centerGroup .luckWheel .luckWheelPanel .sector-inner span {
    display: block;
    transform-origin: center;
    transform: rotate(-83deg);
    color: #4f4f4f;
    font-weight: 800;
    font-size: 32px;
    height: 40px;
    line-height: 24px;
    margin: 80px 0 0 11px;
    width: 22px
}

#page-luck-wheel .contentGroup .centerGroup .luckWheel .luckWheelBtn {
    position: absolute;
    width: 9.1vw;
    height: 9.1vw;
    background: url(../images/luckWheel/btn.png) top no-repeat;
    background-size: 100%;
    z-index: 1;
    top: 11.95vw;
    right: 11.95vw
}

#page-luck-wheel .contentGroup .centerGroup .luckWheel .luckWheelPoint {
    position: absolute;
    width: 4.2vw;
    height: 4.788vw;
    background: url(../images/luckWheel/point.png) top no-repeat;
    background-size: 100%;
    z-index: 1;
    top: 8px;
    right: 14.4vw
}

#page-luck-wheel .contentGroup .centerGroup .historyGroup {
    width: 50%;
    height: auto;
    display: flex;
    padding-left: 100px
}

#page-luck-wheel .contentGroup .centerGroup .historyGroup .history {
    width: 50%;
    margin: 10px;
    background-color: rgba(0,0,0,.35294117647058826);
    border-radius: 10px
}

#page-luck-wheel .contentGroup .centerGroup .historyGroup .history .historyTitle {
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    margin: 5px 0
}

#page-luck-wheel .contentGroup .centerGroup .historyGroup .history .listOfNames {
    width: 100%;
    height: 185px;
    max-height: 185px;
    overflow: hidden
}

#page-luck-wheel .contentGroup .centerGroup .historyGroup .history .listOfNames ul li {
    font-size: 14px;
    color: #fff;
    line-height: 30px;
    width: 100%;
    float: left;
    text-indent: 10px
}

#page-luck-wheel .contentGroup .centerGroup .historyGroup .history .listOfNames ul li span {
    color: #e71212
}

#page-luck-wheel .contentGroup .notice {
    width: 50%;
    height: auto;
    display: flex;
    flex-direction: column
}

#page-luck-wheel .contentGroup .notice .noticeTitle {
    font-family: PingFangSC;
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #fff
}

#page-luck-wheel .contentGroup .notice .noticeGroup {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    margin-top: 10px
}

#page-luck-wheel .contentGroup .notice .noticeGroup .noticeContentTitle {
    width: 20%;
    font-family: OpenSans;
    font-size: 12px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.17;
    letter-spacing: normal;
    color: #fff
}

#page-luck-wheel .contentGroup .notice .noticeGroup .noticeContent {
    width: 80%;
    font-family: PingFangTC;
    font-size: 12px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #fff
}

.qr-container {
    background-color: white;
    display: inline-block; /* Ensures the background only wraps around the image */
    padding: 10px 10px 10px 10px;
    width: 124px !important;
    height: 124px !important;
}