@charset "UTF-8";
    .btn-form-box {
        text-align: center
    }
    
    .btn-form-box .van-button {
        margin-top: 1rem;
        height: 2rem;
        width: 14.4rem;
        line-height: 2rem;
        font-size: .9em
    }
    
    .verify-box {
        padding: .5rem 0 .5rem .75rem;
       
    }
    
    .verify-img {
        position: absolute;
        right: 0;
        top: -.5rem;
        width: 5em;
        height: 2.85em
    }
    
    .body[data-v-2c508d50] {
        position: relative
    }
    
    .cardBox[data-v-2c508d50] {
        position: fixed;
        z-index: 119
    }
    
    .loading[data-v-2c508d50] {
        color: var(--color-secondary)
    }
    
    .loading[data-v-2c508d50],
    .van-dialog[data-v-23a5d3c8] {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%
    }
    
    .van-dialog[data-v-23a5d3c8] {
        position: fixed;
        top: 50%;
        left: 50%;
        width: 100%;
        margin: auto;
        background: rgba(0, 0, 0, .4);
        z-index: 1000
    }
    
    .dialog-content[data-v-23a5d3c8] {
        position: relative;
        width: 360px;
        height: 330px;
        background: #fff;
        border-radius: 4px;
        padding: 50px 30px 20px;
        text-align: center
    }
    
    .dialog-content .title[data-v-23a5d3c8] {
        color: #000;
        font-size: 18px;
        font-weight: 700
    }
    
    .dialog-content .desc[data-v-23a5d3c8] {
        font-size: 13px;
        color: var(--color-secondary);
        margin-bottom: 3rem
    }
    
    .btn-box[data-v-23a5d3c8] {
        margin-top: 16px
    }
    
    .expand.button[data-v-23a5d3c8] {
        width: 100%;
        height: 36px;
        line-height: 36px;
        background-color: #dc3b3b;
        border: .05rem solid #dc3b3b;
        color: #fff;
        border-radius: 4px
    }
    
    .old-safety-input input[data-v-23a5d3c8] {
        font-size: 14px;
        width: 100%;
        height: 44px;
        border: 1px solid #ddd;
        padding-left: .5em
    }
    
    .old-safety-input input[data-v-23a5d3c8]:placeholder {
        color: #999
    }
    
    .old-safety-input .van-hairline--surround[data-v-23a5d3c8] {
        margin: 0 -6px!important
    }
    
    .old-safety-input .van-hairline--surround[data-v-23a5d3c8]:after {
        border-width: 0 0 .04651rem
    }
    
    .change-btn[data-v-23a5d3c8] {
        cursor: pointer;
        margin: 0 .69767rem;
        font-size: 12px;
        text-align: right;
        position: relative
    }
    
    .change-btn span[data-v-23a5d3c8] {
        position: absolute;
        color: var(--color-info);
        padding: 4px 0;
        display: inline-block;
        top: -33px;
        right: -15px
    }
    
    .change-btn span[data-v-23a5d3c8]:hover {
        text-decoration: underline;
        color: #0f49bd
    }
    
    .message-box[data-v-23a5d3c8] {
        margin-top: 16px;
        font-size: 13px;
        color: var(--color-secondary)
    }
    
    #HeaderTop .serviceLink[data-v-64a717df] {
        margin-top: 2px
    }
    
    .live #HeaderTop .serviceLink[data-v-64a717df],
    .lottery #HeaderTop .serviceLink[data-v-64a717df] {
        margin-top: 8px
    }
    
    .betHeader[data-v-64a717df] {
        margin-bottom: 15px
    }
    
    .betHeader .userName img[data-v-64a717df] {
        height: 24px;
        width: 24px
    }
    
    .betHeader .snav[data-v-64a717df] {
        background: #232323;
        color: #fff;
        height: 40px;
        line-height: 40px
    }
    
    .betHeader .snav a[data-v-64a717df] {
        color: #fff
    }
    
    .betHeader .snav .accountList a[data-v-64a717df],
    .betHeader .snav .messageShow a[data-v-64a717df] {
        color: #333
    }
    
    .betHeader .service[data-v-64a717df] {
        margin-top: 7px
    }
    
    .betHeader .service span[data-v-64a717df] {
        margin-top: -5px
    }
    
    .betHeader .snavInfo[data-v-64a717df] {
        height: 40px
    }
    
    .betHeader .snavAll a[data-v-64a717df]:first-child:after {
        cursor: pointer;
        content: "\8FD4\56DE\9996\9875";
        margin-left: 2px;
        font-family: Microsoft YaHei
    }
    
    .betHeader .snavAll a[data-v-64a717df]:hover {
        color: #e4393c;
        text-decoration: underline
    }
    
    .HoverPay .accountList[data-v-64a717df] {
        margin-left: -30px
    }
    
    .HoverPay .accountList a[data-v-64a717df] {
        height: 24px;
        overflow: hidden
    }
    
    .mList[data-v-64a717df] {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }
    
    .spread {
        cursor: default
    }
    
    .header {
        font-size: 12px
    }
    
    .snav {
        height: 30px;
        line-height: 30px;
        background: #f8f8f8;
        border-bottom: 1px solid #e8e8e8
    }
    
    .snav,
    .snav a {
        color: #666
    }
    
    .snavAll {
        float: left;
        padding-right: 20px
    }
    
    .snavAll #Hi {
        cursor: default
    }
    
    .snavAll .betNavMore,
    .snavAll ins {
        display: none
    }
    
    .snavAll i {
        font-size: 12px;
        padding-left: 3px
    }
    
    .snavAll table {
        position: absolute;
        margin: 0;
        font-size: 14px;
        color: #ff9600;
        display: block!important;
        background: #fff;
        padding: 10px;
        border: 1px solid #ccc;
        line-height: 30px;
        width: 330px;
        border-radius: 5px;
        cursor: default
    }
    
    .snavAll table th {
        width: 30%;
        text-align: center;
        line-height: 100px
    }
    
    .snavAll table td,
    .snavAll table th {
        margin: 0;
        padding: 0;
        float: left;
        border-bottom: 1px dashed #ccc
    }
    
    .snavAll table td {
        width: 68%
    }
    
    .snavAll table td a {
        color: #333;
        padding: 5px 10px;
        border-radius: 3px;
        margin-bottom: 5px;
        display: inline-block;
        height: 20px;
        line-height: 20px;
        float: left;
        background: #fff;
        border: 1px solid #ececec;
        width: 80px;
        margin-right: 10px
    }
    
    .snavIndexLink {
        float: left
    }
    
    .snavInfo {
        float: right;
        height: 30px
    }
    
    .snavInfo li {
        display: inline-block;
        padding-left: 20px;
        cursor: pointer
    }
    
    .snavInfo .service {
        margin-top: 3px
    }
    
    .userName {
        position: relative
    }
    
    .userName a {
        line-height: 30px;
        display: inline-block
    }
    
    .userName img {
        width: 22px;
        height: 22px;
        vertical-align: middle;
        border-radius: 50%;
        margin-right: 5px;
        margin-bottom: 3px
    }
    
    .userName .span {
        background: #ffba00;
        line-height: normal;
        margin-left: 10px;
        padding: 2px 7px;
        text-shadow: 1px 1px 1px #333;
        font-size: 13px;
        border-radius: 2px;
        color: #fff
    }
    
    .nav h3 {
        float: left;
        padding: 0;
        margin: 0;
        margin-right: 10px
    }
    
    .nav h3 a {
        font-size: 0
    }
    
    .nav h3 a img {
        margin-top: 1px
    }
    
    .nav h3 a:first-child img {
        height: 50px
    }
    
    .navItem {
        float: right
    }
    
    .navItem li {
        float: left;
        text-align: center;
        width: 100px
    }
    
    .navItem li a {
        display: block;
        font-size: 14px;
        color: #fff;
        padding: 0 20px;
        line-height: 40px
    }
    .head3 .navItem li:before {
        left: -32px;
    }
    .head3 .navItem li:before, .head3 .navItem li:last-child:after {
        content: "";
        height: 1px;
        width: 62px;
        background: #ea5154;
        position: absolute;
        bottom: 30px;
        transform: rotate(110deg);
        z-index: 1;
        box-shadow: 1px 1px 0 #d63234;
    }
    .navItem .curr a,
    .navItem li a:hover {
        background: #f34649
    }
    
    .logoCon {
        background: #fff
    }
    
    .serviceLink {
        color: #e4393c!important;
        display: block;
        background-position: 0 0;
        height: 25px;
        float: right;
        width: 87px;
        position: relative;
        margin-left: 25px
    }
    
    .serviceLink:hover {
        background-position: -87px 0
    }
    
    .serviceLink:hover i {
        background: #ca2528
    }
    
    .serviceLink:hover:after {
        border-right: 10px solid #ca2528
    }
    
    .serviceLink:hover {
        text-decoration: blink!important;
        color: #f77e80!important
    }
    
    .accountList,
    .messageShow {
        box-shadow: 4px 4px 8px rgba(0, 0, 0, .3)
    }
    
    .accountList i,
    .messageShow i {
        position: absolute;
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-bottom: 5px solid #fff;
        margin-left: 36px;
        margin-top: -10px
    }
    
    .accountList {
        position: absolute;
        background: #fff;
        color: #333;
        border: 1px solid #ccc;
        padding: 5px;
        margin-left: -16px;
        z-index: 20
    }
    
    .accountList a {
        color: #666;
        display: block;
        padding: 0 5px;
        width: 80px;
        text-align: center;
        line-height: 24px
    }
    
    .messageShow i {
        margin-left: 114px;
        margin-top: -15px
    }
    
    .messageShow {
        background: #fff;
        padding: 10px;
        position: absolute;
        color: #333;
        width: 260px;
        line-height: 20px;
        border-radius: 2px;
        border: 1px solid #ddd;
        right: -119px;
        box-sizing: border-box;
        z-index: 99
    }
    
    .messageShow dl {
        margin: 0
    }
    
    .messageShow dt {
        width: 100%;
        overflow: hidden;
        border-bottom: 1px dotted #ccc;
        padding: 0 0 4px 6px;
        display: flex;
        align-items: center;
        justify-content: space-between
    }
    
    .messageShow dt p {
        float: left;
        margin: 0
    }
    
    .messageShow dt p small {
        font-weight: 700;
        color: #f06701;
        font-size: 13px
    }
    
    .messageShow dt p+a {
        line-height: 20px
    }
    
    .messageShow dt a {
        color: #333;
        float: right
    }
    
    .messageShow dd {
        padding: 4px 0 0 6px;
        margin: 0
    }
    
    .messageShow dd p {
        margin: 0
    }
    
    .messageShow dd p a {
        color: #f06701
    }
    
    .getMoney,
    .showMoney {
        border: 1px dotted #6b6b6b;
        display: inline-block;
        box-sizing: border-box;
        line-height: 18px;
        padding: 0 3px
    }
    
    .getMoney i,
    .showMoney i {
        display: inline-block
    }
    
    .vertical {
        position: absolute;
        height: 15px;
        width: 1px;
        background: #d7d7d7;
        margin-top: 8px;
        margin-left: 12px
    }
    
    .pingLink {
        padding-left: 5px
    }
    
    .pingLink:hover {
        text-decoration: underline
    }
    
    .pingLink:before {
        content: "";
        display: inline-block;
        vertical-align: middle;
        margin-right: 2px;
        background: url(https://images.imags-google.com/system/common/other/greenball.png) no-repeat;
        height: 12px;
        width: 12px;
        background-size: 11px;
        transform: translateY(-1px)
    }
    
    .head10 .logoCon {
        height: 95px;
        background-color: #e73b3b
    }
    
    .head10 .nav {
        background-color: #d21e1e
    }
    
    .head10 .serviceLink {
        float: right;
        margin-top: 15px;
        background-position: 0 -26px
    }
    
    .head10 .logoL {
        width: 800px
    }
    
    .head10 .logoL a {
        font-size: 0;
        line-height: 0;
        display: block;
        float: left
    }
    
    .head10 .logoL a:first-child img {
        height: 62px;
        margin-top: 6.5px;
        display: block;
        max-height: 54px
    }
    
    .head10 .logoL a:nth-child(2) {
        float: right
    }
    
    .head10 .logoL a:nth-child(2) img {
        width: 300px;
        height: 92px;
        margin-top: -10px
    }
    
    .head10 .logo {
        position: relative
    }
    
    .head10 .logoL:after {
        content: "";
        position: absolute;
        display: block;
        right: 230px;
        top: 3px;
        width: 300px;
        height: 92px;
        display: none
    }
    
    .head10 .serviceLink:hover {
        background-position: -87px -26px
    }
    
    .head10 .nav {
        height: 42px
    }
    
    .head10 .navItem li {
        width: 130px
    }
    
    .head10 .navItem li a {
        line-height: 42px;
        padding: 0 10px;
        position: relative
    }
    
    .head10 .navItem li a:after {
        content: "";
        position: absolute;
        background: #ec6262;
        left: 0;
        top: 14px;
        width: 1px;
        height: 18px
    }
    
    .head10 .navItem .curr a,
    .head10 .navItem li a:hover {
        background: none
    }
    
    .head10 .navItem .curr,
    .head10 .navItem li:hover {
        background: #ca1a0d
    }
    
    .head10 .navItem .curr+li a:after,
    .head10 .navItem .curr a:after,
    .head10 .navItem li:hover+li a:after,
    .head10 .navItem li:hover a:after {
        background: none
    }
    
    .head10 .navItem li:first-child a:after {
        background: none!important
    }
    
    .head10 #navIndex a:before {
        content: "\E648"
    }
    
    .head10 #navLottery a:before {
        content: "\E64C"
    }
    
    .head10 #navActivity a:before {
        content: "\E64D"
    }
    
    .head10 #navAgent a:before {
        content: "\E61B"
    }
    
    .head10 #navMobile a:before {
        content: "\E64E"
    }
    
    .head10 #navLive a:before {
        content: "\E664"
    }
    
    .head10 #navHelp a:before {
        content: "\E650"
    }
    
    .head10 #Collaboration a:before {
        content: "\E61B"
    }
    
    .head10 .navItem li a:before {
        font-size: 19px;
        margin-right: 6px;
        margin-top: 10px;
        font-family: iconfont;
        transform: translateY(2px);
        display: inline-block;
        height: 19px;
        width: 19px;
        vertical-align: top;
        line-height: 19px
    }
    
    .head9 .nav,
    .head9 .nav .container,
    .head9 .navItem,
    .head9 .navItem li,
    .head9 .navItem li a {
        height: 60px
    }
    
    .head9 .navItem {
        margin-top: 0
    }
    
    .head9 .navItem li {
        width: 122px;
        position: relative
    }
    
    .head9 .navItem li a {
        line-height: 60px!important;
        position: absolute;
        font-size: 15px;
        width: 144px;
        margin-left: -9px;
        z-index: 1
    }
    
    .head9 .navItem li:after,
    .head9 .navItem li:before {
        content: "";
        height: 1px;
        width: 36px;
        background: #e85658;
        position: absolute;
        z-index: 1;
        left: -15px
    }
    
    .head9 .navItem li:before {
        transform: rotate(125deg);
        bottom: 15px
    }
    
    .head9 .navItem li:after {
        transform: rotate(-125deg);
        top: 15px
    }
    
    .head9 .curr a,
    .head9 .navItem a:hover {
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJEAAAA8BAMAAACUdEUgAAAAIVBMVEUAAADZNzPaPDfZNzPnREDUMCrWMy7jPzvYNTDfOzfcODVM0F+3AAAABHRSTlMAVaqquw+UVAAAAQhJREFUWMPllzEOgkAQRXcxGD0AR+AI3GAVtaIwIUtlQQihssDeQqgt2N5C72npbKOJ/xcb/R3NT16y82ZQWW9yIyK+Pscd1SuL2nyfzUGJVAZIJZvSHmg6eXh7BK9QIi2C18qmZELwrqIpQvC2Hl6D4DWyKb4DTaubaNIlglcqkRHBG2XTHMFbS7wIwcs9vBTBcx5ejeB5QrAGiH0vhAB81yF4XfC+4wnBTYgQPN/9thCWPCEMCN7g4V0QvLPce9gzZ44eXwcZpijmHcVXecJaL9oiL9wynyV/VDQ2vswTiq+5GU29MboO+CtKI2tzV9Bve/x/g34T4ALnOS5wgWN3b3gCf/yLwJ8oX/Uc50ebUwAAAABJRU5ErkJggg==) no-repeat;
        color: #fedf50
    }
    
    .head9 .nav h3 {
        line-height: 0;
        height: 60px
    }
    
    .head9 .nav h3 a img {
        margin-top: 6px
    }
    
    .head8 .nav {
        height: 70px;
        border-top: 3px solid #f29c9e
    }
    
    .head8 h3 {
        height: 65px;
        padding: 5px 0;
        margin: 0;
        max-width: 240px;
        overflow: hidden
    }
    
    .head8 h3 img {
        width: auto;
        margin-top: 0!important
    }
    
    .head8 .nav .container {
        height: 67px;
        border-top: 2px solid #dd3639
    }
    
    .head8 .nav .container .navItem a {
        line-height: 30px!important;
        font-size: 14px!important;
        margin: 0;
        height: 65px;
        position: absolute;
        z-index: 5;
        width: 126px
    }
    
    .head8 .nav .container .navItem li {
        position: relative
    }
    
    .head8 .nav .container .navItem .curr a,
    .head8 .nav .container .navItem li a:hover {
        background-color: inherit!important;
        color: #fedf50
    }
    
    .head8 .nav .container .navItem {
        height: 65px;
        border-right: 1px solid #e85759;
        border-left: 1px solid #de2e31
    }
    
    .head8 .nav .container .navItem li {
        height: 65px;
        width: 126px;
        border-left: 1px solid #e85759;
        border-right: 1px solid #de2e31
    }
    
    .head8 .navItem {
        position: relative
    }
    
    .head8 .navItem span {
        display: block;
        width: 126px;
        height: 70px;
        background-color: #ed494c;
        transition: .5s;
        transition: transform .6s cubic-bezier(.27, 1.24, .49, 1.15) .1s;
        position: absolute;
        left: 0;
        bottom: 0;
        border-top: 3px solid #fa7e00;
        box-shadow: 1px 0 5px rgba(0, 0, 0, .17);
        transform: translateX(504px)
    }
    
    .head8 .navItem span:before {
        content: "";
        display: block;
        height: 2px;
        background: #e64548;
        width: 126px
    }
    
    .head8 .navItem li a:before {
        font-size: 19px;
        font-family: iconfont;
        display: block;
        text-align: center;
        width: 100%;
        height: 19px;
        line-height: 19px;
        margin-top: 10px;
        color: #f7c4c5
    }
    
    .head8 #navIndex a:before {
        content: "\E651"
    }
    
    .head8 #navLottery a:before {
        content: "\E652"
    }
    
    .head8 #navActivity a:before {
        content: "\E653"
    }
    
    .head8 #navAgent a:before {
        content: "\E61B"
    }
    
    .head8 #navMobile a:before {
        content: "\E654"
    }
    
    .head8 #navLive a:before {
        content: "\E665"
    }
    
    .head8 #navHelp a:before {
        content: "\E656"
    }
    
    .head8 #Collaboration a:before {
        content: "\E61C"
    }
    
    .head8 li:first-child:hover~span {
        transform: translateX(0)!important
    }
    
    .head8 li:nth-child(2):hover~span {
        transform: translateX(126px)!important
    }
    
    .head8 li:nth-child(3):hover~span {
        transform: translateX(252px)!important
    }
    
    .head8 li:nth-child(4):hover~span {
        transform: translateX(378px)!important
    }
    
    .head8 li:nth-child(5):hover~span {
        transform: translateX(504px)!important
    }
    
    .head8 li:nth-child(6):hover~span {
        transform: translateX(630px)!important
    }
    
    .head8 li:first-child.curr~span {
        transform: translateX(0)
    }
    
    .head8 li:nth-child(2).curr~span {
        transform: translateX(126px)
    }
    
    .head8 li:nth-child(3).curr~span {
        transform: translateX(252px)
    }
    
    .head8 li:nth-child(4).curr~span {
        transform: translateX(378px)
    }
    
    .head8 li:nth-child(5).curr~span {
        transform: translateX(504px)
    }
    
    .head8 li:nth-child(6).curr~span {
        transform: translateX(620px)
    }
    
    .head7 .nav,
    .head7 h3 {
        height: 60px
    }
    
    .head7 h3 {
        padding: 5px 15px
    }
    
    .head7 h3 img {
        width: auto;
        margin-top: 0!important
    }
    
    .head7 .nav .container .navItem a {
        line-height: 16px!important;
        font-size: 16px!important;
        padding: 10px 0;
        margin: 0
    }
    
    .head7 .nav .container .navItem li {
        position: relative
    }
    
    .head7 .nav .container .navItem .curr a,
    .head7 .nav .container .navItem li a:hover {
        background-color: inherit!important;
        color: #fedf50
    }
    
    .head7 .nav .container .navItem {
        margin-top: 11px
    }
    
    .head7 .nav .container .navItem li {
        height: 38px
    }
    
    .head7 .navItem {
        position: relative
    }
    
    .head7 .navItem span {
        display: block;
        width: 80px;
        height: 2px;
        background-color: #fedf50;
        transition: .5s;
        transition: transform .6s cubic-bezier(.27, 1.24, .49, 1.15) .1s;
        position: absolute;
        left: 0;
        bottom: 0;
        margin-left: 10px
    }
    
    .head7 .navItem span:after {
        content: "";
        position: absolute;
        width: 100%;
        bottom: 0;
        left: 35px;
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-bottom: 6px solid #fedf50;
        transition: 2s
    }
    
    .head7 li:first-child:hover~span {
        transform: translateX(0)!important
    }
    
    .head7 li:nth-child(2):hover~span {
        transform: translateX(100px)!important
    }
    
    .head7 li:nth-child(3):hover~span {
        transform: translateX(200px)!important
    }
    
    .head7 li:nth-child(4):hover~span {
        transform: translateX(300px)!important
    }
    
    .head7 li:nth-child(5):hover~span {
        transform: translateX(400px)!important
    }
    
    .head7 li:nth-child(6):hover~span {
        transform: translateX(500px)!important
    }
    
    .head7 li:nth-child(7):hover~span {
        transform: translateX(600px)!important
    }
    
    .head7 li:first-child.curr~span {
        transform: translateX(0)
    }
    
    .head7 li:nth-child(2).curr~span {
        transform: translateX(100px)
    }
    
    .head7 li:nth-child(3).curr~span {
        transform: translateX(200px)
    }
    
    .head7 li:nth-child(4).curr~span {
        transform: translateX(300px)
    }
    
    .head7 li:nth-child(5).curr~span {
        transform: translateX(400px)
    }
    
    .head7 li:nth-child(6).curr~span {
        transform: translateX(500px)
    }
    
    .head7 li:nth-child(7).curr~span {
        transform: translateX(600px)
    }
    
    .head5 .navItem li {
        width: 130px
    }
    
    .head5 .navItem li a {
        line-height: 46px;
        padding: 0 10px;
        position: relative
    }
    
    .head5 .navItem li a:after {
        content: "";
        position: absolute;
        background: #ec6262;
        left: 0;
        top: 14px;
        width: 1px;
        height: 18px
    }
    
    .head5 .navItem .curr a,
    .head5 .navItem li a:hover {
        background: none
    }
    
    .head5 .navItem .curr,
    .head5 .navItem li:hover {
        background: #da291c
    }
    
    .head5 .navItem .curr+li a:after,
    .head5 .navItem .curr a:after,
    .head5 .navItem li:hover+li a:after,
    .head5 .navItem li:hover a:after {
        background: none
    }
    
    .head5 .navItem li:first-child a:after {
        background: none!important
    }
    
    .head5 #navIndex a:before {
        content: "\E648"
    }
    
    .head5 #navLottery a:before {
        content: "\E64C"
    }
    
    .head5 #navActivity a:before {
        content: "\E64D"
    }
    
    .head5 #navAgent a:before {
        content: "\E61B"
    }
    
    .head5 #navMobile a:before {
        content: "\E64E"
    }
    
    .head5 #navLive a:before {
        content: "\E664"
    }
    
    .head5 #navHelp a:before {
        content: "\E650"
    }
    
    .head5 #Collaboration a:before {
        content: "\E61B"
    }
    
    .head5 .navItem li a:before {
        font-size: 19px;
        margin-right: 6px;
        font-family: iconfont;
        transform: translateY(2px);
        display: inline-block
    }
    
    .service {
        display: none
    }
    
    .head6 {
        border-bottom: 3px solid #e4393c
    }
    
    .head6 .nav {
        background: #f34649
    }
    
    .head6 .navItem a {
        position: relative;
        line-height: 40px;
        height: 37px
    }
    
    .head6 .navItem .curr a,
    .head6 .navItem li:hover a {
        background: #e4393c
    }
    
    .head6 .navItem .curr a:after,
    .head6 .navItem li:hover a:after {
        content: "";
        position: absolute;
        width: 100%;
        height: 3px;
        bottom: -3px;
        left: 0;
        background: #be1c1f
    }
    
    .head4 .navItem {
        margin-top: 0;
        padding-top: 20px
    }
    
    .head4 .navItem li a:after {
        position: absolute;
        font-size: 12px;
        line-height: 12px;
        width: 100%;
        text-align: center;
        left: 0;
        top: 0;
        opacity: .5;
        font-family: SimSun;
        margin-top: 22px
    }
    
    .head4 #navIndex a:after {
        content: "HOME"
    }
    
    .head4 #navLottery a:after {
        content: "LOTTERY"
    }
    
    .head4 #navActivity a:after {
        content: "ACTIVITY"
    }
    
    .head4 #navAgent a:after {
        content: "AGENT"
    }
    
    .head4 #navMobile a:after {
        content: "MOBILE"
    }
    
    .head4 #navLive a:after {
        content: "UU LIVE"
    }
    
    .head4 #navHelp a:after {
        content: "HELP"
    }
    
    .head4 .navItem li {
        width: 110px;
        position: relative;
        height: 32px;
        border-left: 1px solid #e74d50;
        box-shadow: -1px 0 0 #dd383a;
        overflow: hidden
    }
    
    .head4 .navItem li:last-child {
        border-right: 1px solid #e74d50;
        box-shadow: -1px 0 0 #dd383a
    }
    
    .head4 .navItem .curr+li,
    .head4 .navItem li:hover+li {
        box-shadow: none
    }
    
    .head4 .navItem a {
        line-height: 16px;
        position: relative;
        font-size: 16px
    }
    
    .head4 .serviceLink {
        float: right
    }
    
    .head4 .nav {
        height: 72px
    }
    
    .head4 .nav h3 a img {
        margin-top: 10px
    }
    
    .head4 .service {
        display: initial!important
    }
    
    .head4 .navItem .curr a,
    .head4 .navItem li:hover a {
        background: none;
        color: #fedf50
    }
    
    .head3 .navItem {
        margin-top: 5px
    }
    
    .head3 .navItem li {
        width: 88px;
        position: relative
    }
    

    .head3 .navItem li:last-child:after {
        right: -32px
    }
    
    .head3 .navItem li:before {
        left: -32px
    }
    
    .head3 .navItem a {
        position: relative;
        font-size: 15px;
        line-height: 60px;
        padding: 0 10px;
    }
    
    .head3 .curr a,
    .head3 .navItem a:hover {
        background: none!important;
        color:#fedf50
    }
  
    .head3 .serviceLink {
        float: right;
        margin-top: 2px;
        background-position: 0 -26px
    }
    
    .head3 .serviceLink:hover {
        background-position: -87px -26px
    }
    
    .head3 .nav h3 {
        line-height: 0
    }
    
    .head3 .nav h3 a img {
        margin-top: 6px
    }
    
    .head3 .service {
        display: none!important
    }
    
    .head3 .navItem .curr a {
        background: initial;
        line-height: 60px;
        padding: 0 10px;
        position: relative;
    }
    
    .head2 .nav,
    .head2 h3 {
        height: 70px
    }
    
    .head2 h3 {
        border-left: 1px solid #d82d30;
        border-right: 1px solid #d82d30;
        padding: 10px 15px
    }
    
    .head2 h3 img {
        width: auto;
        margin-top: 0!important
    }
    
    .head2 .nav .container .navItem a {
        line-height: 16px!important;
        font-size: 16px!important;
        padding: 0;
        margin: 10px 0
    }
    
    .head2 .nav .container .navItem .curr a,
    .head2 .nav .container .navItem li a:hover {
        background-color: inherit!important;
        color: #fedf50
    }
    
    .head2 .nav .container .navItem {
        margin-top: 17px
    }
    
    .head2 .nav .container .navItem li {
        height: 38px
    }
    
    .head2 .nav .container .navItem li+li a {
        border-left: 1px solid #e96163
    }
    
    .footer[data-v-1134db64] {
        width: 100%;
        overflow: hidden;
        background: #fff;
        box-sizing: border-box
    }
    
    .footer>div>p[data-v-1134db64] {
        color: #999;
        margin: 0;
        margin: 10px 5px;
        text-align: center
    }
    
    .footer>div>p a[data-v-1134db64] {
        color: #333;
        padding: 0 10px;
        line-height: 1.4;
        margin: 5px 0;
        display: inline-block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 150px
    }
    
    .footer>div>p a[data-v-1134db64]:first-child {
        padding-left: 0
    }
    
    .footer>div>p a.not[data-v-1134db64] {
        padding: 0;
        cursor: default
    }
    
    .footer>div>p a.not[data-v-1134db64]:hover {
        color: #333!important
    }
    
    .footer .container[data-v-1134db64] {
        height: 100px
    }
    
    .footer .aboutText[data-v-1134db64] {
        padding: 10px 0 20px
    }
    
    .notice-scroll[data-v-4ecb49f7] {
        overflow: hidden!important;
        overflow-y: auto!important
    }
    
    .notice-scroll[data-v-4ecb49f7]::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
        background-color: #f5f5f586
    }
    
    .notice-scroll[data-v-4ecb49f7]::-webkit-scrollbar {
        width: 6px;
        background-color: #f5f5f586
    }
    
    .notice-scroll[data-v-4ecb49f7]::-webkit-scrollbar-thumb {
        background-color: #66666647
    }
    
    .notice-box[data-v-4ecb49f7] {
        position: fixed;
        top: 50%;
        left: 50%;
        width: 700px;
        height: 400px;
        margin-left: -350px;
        margin-top: -200px;
        color: #fff;
        z-index: 101;
        border-radius: 6px;
        overflow: hidden;
        box-shadow: 0 5px 10px #bbbbbb88
    }
    
    .notice-body[data-v-4ecb49f7] {
        position: relative;
        display: block;
        width: 100%;
        height: 346px;
        padding-top: 10px;
        padding-bottom: 10px;
        border: 1px solid #ddd
    }
    
    .notice-body .notice-left[data-v-4ecb49f7] {
        float: left;
        width: 196px;
        height: 100%;
        left: 0;
        top: 0;
        -webkit-user-select: none;
        user-select: none
    }
    
    .notice-body .notice-left li[data-v-4ecb49f7],
    .notice-body .notice-left ul[data-v-4ecb49f7] {
        display: block;
        width: 100%
    }
    
    .notice-body .notice-right[data-v-4ecb49f7] {
        float: right;
        width: 500px;
        height: 100%
    }
    
    .notice-wrapper[data-v-4ecb49f7] {
        height: 100%;
        overflow: hidden;
        border-right: 1px solid #eee;
        padding-right: 10px
    }
    
    .notice-wrapper li[data-v-4ecb49f7] {
        position: relative;
        display: flex!important;
        height: 70px;
        padding: 3px 10px;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        background: #fff;
        text-align: left;
        border-bottom: 1px solid #eee
    }
    
    .notice-wrapper li .item-title[data-v-4ecb49f7] {
        display: block;
        width: 190px;
        font-weight: 400;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        text-align: left;
        font-size: 14px;
        color: #333
    }
    
    .notice-wrapper li .item-time[data-v-4ecb49f7] {
        display: flex;
        width: 190px;
        justify-content: left;
        align-items: center;
        font-size: 13px;
        color: #999
    }
    
    .notice-wrapper li[data-v-4ecb49f7]:hover {
        background: #fafafa
    }
    
    .notice-wrapper li.on[data-v-4ecb49f7] {
        background: #efefef
    }
    
    .noticCon[data-v-4ecb49f7] {
        margin: 0;
        background: #fff;
        height: 100%
    }
    
    .noticCon h3[data-v-4ecb49f7] {
        background: #e4393c;
        margin: 0;
        height: 54px;
        font-weight: 500;
        text-align: left;
        font-size: 18px;
        line-height: 54px;
        padding: 0 15px
    }
    
    .noticCon h3 a[data-v-4ecb49f7] {
        position: absolute;
        right: 0;
        color: #fff;
        font-size: 20px;
        width: 54px;
        height: 54px
    }
    
    .noticCon h3 a>span[data-v-4ecb49f7] {
        transition-duration: .7s;
        display: flex;
        justify-content: center
    }
    
    .noticCon h3 a:hover span[data-v-4ecb49f7] {
        transform: rotate(180deg)
    }
    
    .noticCon ul[data-v-4ecb49f7] {
        text-align: center
    }
    
    .noticCon ul a[data-v-4ecb49f7] {
        color: #333
    }
    
    .noticCon ul li[data-v-4ecb49f7] {
        padding: 10px 15px;
        line-height: 1.4
    }
    
    .notice-title[data-v-4ecb49f7] {
        margin-bottom: 0;
        font-size: 18px;
        font-weight: 700;
        text-align: left;
        padding: 0;
        line-height: 150%;
        color: #333;
        word-break: break-all;
        overflow: hidden;
        margin-top: 9px;
        padding-right: 35px
    }
    
    .notice-time[data-v-4ecb49f7] {
        font-size: 13px;
        color: #999;
        margin-top: 6px;
        padding-bottom: 8px;
        margin-bottom: 15px;
        border-bottom: 1px solid #eee;
        display: block
    }
    
    .notice-content[data-v-4ecb49f7] {
        position: relative;
        padding: 0 17px;
        width: 100%;
        color: #333;
        word-break: break-all;
        height: 330px;
        font-size: 13px;
        text-align: left;
        overflow: hidden;
        line-height: 150%
    }
    
    .notice-content>div[data-v-4ecb49f7] {
        min-height: 95%;
        font-size: 14px;
        -webkit-user-select: none;
        user-select: none
    }
    
    .notice-content>div>p[data-v-4ecb49f7] {
        margin: 0!important
    }
    
    .notice-content a[data-v-4ecb49f7]:hover {
        color: #e4393c;
        text-decoration: underline
    }
    
    .notice-content a:hover .notice-title[data-v-4ecb49f7] {
        color: #e4393c
    }
    
    .notice-right-info[data-v-4ecb49f7] {
        position: relative
    }
    
    .notice-right-info .notice-link[data-v-4ecb49f7] {
        font-weight: 400;
        position: absolute;
        color: #09f;
        font-size: 14px;
        cursor: pointer;
        right: 0
    }
    
    .notice-html[data-v-4ecb49f7] {
        line-height: 150%
    }
    
    .notice-content .notice-html p {
        margin: 0!important
    }
    
    .van-dialog-notice[data-v-c4c32ba8] {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        background: rgba(0, 0, 0, .4);
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 1000
    }
    
    .dialog-content[data-v-c4c32ba8] {
        position: relative;
        width: 360px;
        height: 308px;
        background: #fff;
        border-radius: 4px;
        padding: 50px 30px 20px
    }
    
    .dialog-content .title[data-v-c4c32ba8] {
        text-align: center;
        color: #000;
        font-size: 18px;
        font-weight: 700
    }
    
    .dialog-content .title+p[data-v-c4c32ba8] {
        font-size: 14px
    }
    
    .dialog-content .desc[data-v-c4c32ba8] {
        font-size: 13px;
        margin: 2px 0 0;
        text-align: right
    }
    
    .dialog-content .custom-input[data-v-c4c32ba8] {
        border-bottom: 1px solid #ddd;
        height: 44px;
        width: 100%;
        font-size: 14px;
        outline: none
    }
    
    .btn-box[data-v-c4c32ba8] {
        margin-top: 20px
    }
    
    .expand.button[data-v-c4c32ba8] {
        width: 100%;
        height: 36px;
        line-height: 36px;
        background-color: #dc3b3b;
        border: .05rem solid #dc3b3b;
        color: #fff;
        border-radius: 4px
    }
    
    .slideUser {
        width: 150px;
        float: left;
        border: 1px solid #ddd;
        box-sizing: border-box;
        padding: 20px 10px;
        background: #fbfbfb
    }
    
    .slideUser .sildeSession:last-child {
        border: none
    }
    
    .sildeSession {
        list-style: none;
        margin: 0;
        padding: 0;
        padding-bottom: 5px;
        border-bottom: 1px dotted #ddd
    }
    
    .sildeSession h3 {
        display: block;
        height: 32px;
        margin: 0;
        line-height: 32px;
        font-size: 14px;
        color: #253647;
        font-weight: 700;
        margin-bottom: 8px
    }
    
    .sildeSession h3 span {
        font-family: iconfont;
        font-size: 14px;
        font-style: normal;
        padding: 10px;
        color: #2e4158
    }
    
    .sildeSession li {
        line-height: 28px
    }
    
    .sildeSession li a {
        padding-left: 36px;
        line-height: 25px
    }
    
    .announcementList li a:hover,
    .checkedList a:hover,
    .footer>div>p a:hover,
    .LoginOut:hover,
    .messageShow dt p:hover,
    .mybet a:hover,
    .noticCon ul a:hover,
    .sildeSession a:hover,
    .snavInfo a:hover,
    .userName span:hover,
    .userTitle span:hover {
        color: #e4393c!important;
        text-decoration: underline
    }
    
    #e74145 .searchDetail .betNum+a:hover,
    .accountDetail a:hover,
    .invitationCode table a:hover,
    .invitationCode table span:hover,
    .searchDetail a:hover {
        text-decoration: underline
    }
    
    .mainColor {
        color: #e4393c
    }
    
    .container {
        width: 1000px;
        margin: 0 auto
    }
    
    .containerUser {
        padding-top: 15px
    }
    
    .activitySort,
    .help,
    .lotterySort,
    .otherSort,
    .safeSort {
        background: #eee
    }
    
    .userRight {
        float: left;
        width: 840px;
        box-sizing: border-box;
        margin-left: 10px;
        position: relative
    }
    
    .userTitle {
        border: 1px solid #ddd;
        background: #f8f8f8;
        line-height: 32px;
        font-weight: 700;
        font-size: 14px;
        padding-left: 10px;
        color: #050505;
        background: #fbfbfb
    }
    
    .userTitle span {
        cursor: pointer;
        font-weight: 100;
        color: #333
    }
    
    .userMain {
        border: 1px solid #ddd;
        min-height: 675px;
        background: #fff
    }
    
    .resetForm,
    .submitBtn {
        display: inline-block;
        line-height: 30px;
        color: #fff;
        height: 30px;
        padding: 0 15px;
        border-radius: 3px;
        font-size: 14px;
        margin-right: 10px;
        min-width: 55px;
        text-align: center;
        cursor: pointer;
        background: #2e4158;
        margin: 10px 0
    }
    
    .submitBtn:hover {
        background: #3e5779;
        color: #fff
    }
    
    .mainColorBtn {
        display: inline-block;
        line-height: 30px;
        color: #fff!important;
        padding: 0 15px;
        border-radius: 3px;
        font-size: 14px;
        margin-right: 10px;
        min-width: 55px;
        text-align: center;
        cursor: pointer;
        background: #e4393c;
        margin: 10px 0
    }
    
    .mainColorBtn:hover {
        background: #ce1c1f;
        color: #fff
    }
    
    .submitBtnBig {
        width: 130px;
        line-height: 36px;
        border: 0
    }
    
    .betBtn,
    .layermbtn,
    .MustLogin,
    .submitBtn,
    .submitBtnBig {
        -webkit-user-select: none;
        user-select: none;
        outline: none
    }
    
    .resetForm {
        color: #fff!important;
        margin-left: 20px;
        height: 36px
    }
    
    .queue {
        display: table;
        width: 100%;
        table-layout: fixed;
        padding-bottom: 35px;
        padding: 35px 45px;
        box-sizing: border-box
    }
    
    .queue li {
        position: relative;
        display: table-cell;
        border-bottom: 1px solid #ccc;
        box-shadow: 0 4px 0 #e3e3e3;
        box-sizing: content-box
    }
    
    .queue li:first-child span {
        margin-left: 0
    }
    
    .queue li:last-child {
        border: 1px solid #fff;
        box-shadow: 0 4px 0 #fff;
        width: 10px
    }
    
    .queue span {
        font-size: 12px;
        line-height: 55px;
        margin-left: -15px
    }
    
    .queue i {
        position: absolute;
        background: #fff;
        width: 6px;
        height: 6px;
        display: block;
        border-radius: 50%;
        border: 5px solid #e3e3e3;
        bottom: -10px;
        left: -5px
    }
    
    .queue .right {
        border-bottom: 1px solid #4aa9db;
        box-shadow: 0 4px 0 #4aa9db;
        float: left;
        margin-bottom: -22px;
        width: 100%;
        border-top: 0
    }
    
    .queue .right i {
        border: 5px solid hsla(0, 0%, 100%, 0);
        font-family: iconfont;
        color: #4aa9db;
        background: #fff;
        bottom: -10px;
        line-height: 6px;
        font-size: 16px;
        width: 3px
    }
    
    .queue .right i:before {
        content: "\E60B";
        margin-left: -6px
    }
    
    .queue .right span {
        position: absolute;
        color: #4aa9db;
        margin-top: -16px
    }
    
    .queue .now span {
        color: #4aa9db
    }
    
    .queue .now i {
        border: 3px solid #4aa9db;
        width: 10px;
        height: 10px
    }
    
    .text-desc {
        margin-left: 70px;
        position: relative;
        top: -10px;
        color: #666
    }
    
    .userInput {
        height: 30px;
        line-height: 20px;
        padding: 5px;
        border: 1px solid #cecece;
        width: 233px;
        color: #666;
        margin: 10px 0 10px 9px
    }
    
    .userTip {
        border: 1px solid #f8e2b9;
        background: #fffdeb;
        color: #f46e00;
        padding: 10px 20px;
        line-height: 24px
    }
    
    .userTip i:before {
        content: "\E60F";
        font-family: iconfont;
        font-style: normal;
        margin: 0 5px;
        font-size: 14px
    }
    
    .stepBox .userTip {
        margin: 0 26px 26px 0
    }
    
    .submitContent ins {
        text-decoration: none
    }
    
    .submitContent ins .money {
        color: #e4393c;
        display: inline-block;
        font-size: 16px;
        font-weight: 700
    }
    
    .submitContent li {
        line-height: 36px;
        margin-bottom: 4px
    }
    
    .submitContent li>span {
        color: #666;
        display: inline-block;
        width: 144px;
        text-align: right;
        padding-right: 15px;
        font-size: 12px
    }
    
    .submitContent li input {
        vertical-align: middle;
        font-size: 12px
    }
    
    .submitContent li input:first-child {
        margin: 0
    }
    
    .submitContent li input[type=radio] {
        margin: 11px 5px;
        vertical-align: sub
    }
    
    .submitContent li a[notSubmit=yes] {
        margin-left: 8px;
        color: #e4393c
    }
    
    .submitContent li .textareaTtile {
        vertical-align: top
    }
    
    .submitContent li textarea {
        border: 1px solid #cecece;
        line-height: 1.4;
        padding: 5px;
        margin-right: 5px
    }
    
    .submitContent li .bankblockList {
        width: 78%;
        display: inline-block;
        vertical-align: top
    }
    
    .submitContent li .codes {
        width: 100px;
        margin-right: 10px
    }
    
    .submitContent li input[type=image] {
        margin-right: 10px
    }
    
    .submitContent li input[disabled] {
        background: #f8f8f8;
        color: #aaa
    }
    
    .submitContent li i {
        font-size: 13px;
        color: #333;
        right: 15px
    }
    
    .submitContent .btn {
        width: 85px;
        height: 100%;
        background: #eee;
        vertical-align: middle;
        padding: 0;
        cursor: pointer;
        position: absolute;
        left: 288px;
        top: 11px;
        margin: 0;
        border: none
    }
    
    .submitContent .btn a {
        display: inline-block;
        width: 100%;
        vertical-align: super
    }
    
    .submitContent .btn.SendCode {
        left: 295px
    }
    
    .submitContent .btn,
    .submitContent .btn a {
        height: 28px;
        line-height: 28px;
        text-align: center
    }
    
    .submitContent .codeImg {
        position: absolute;
        top: 10px;
        left: 299px;
        height: 30px
    }
    
    input[readonly=readonly] {
        color: #999
    }
    
    .verifyRight,
    .verifyWrong {
        font-style: inherit;
        margin-left: 8px;
        line-height: 35px
    }
    
    .verifyRight i,
    .verifyWrong i {
        font-family: iconfont;
        font-style: inherit;
        padding: 0 5px;
        font-size: 14px
    }
    
    .verifyRight ins,
    .verifyWrong ins {
        text-decoration: none
    }
    
    .verifyWrong {
        color: red
    }
    
    .verifyWrong i {
        color: red!important
    }
    
    .verifyRight {
        color: #71b83d
    }
    
    .verifyRight i {
        color: #71b83d!important
    }
    
    .verifyWrong i:after {
        content: "\E60D"
    }
    
    .verifyRight i:after {
        content: "\E60B"
    }
    
    .todayView {
        display: table;
        width: 100%;
        text-align: center;
        font-size: 14px;
        color: #000;
        line-height: 50px;
        background: #f8f8f8
    }
    
    .todayView li {
        display: table-cell
    }
    
    .todayView li i:before {
        content: "\E607";
        font-family: iconfont;
        font-style: normal;
        font-size: 16px;
        margin: 0 5px;
        color: #666;
        vertical-align: baseline
    }
    
    .todayView li:first-child {
        font-weight: 700
    }
    
    .todayView li span {
        color: #e4393c
    }
    
    .todayView em {
        margin-left: 12px;
        font-weight: 700
    }
    
    .todayView input {
        width: 150px
    }
    
    .userSelect {
        height: 30px;
        -webkit-appearance: none;
        appearance: none;
        width: 90px;
        line-height: 28px;
        border: 1px solid #cecece;
        color: #666;
        padding: 0 5px;
        background: #fff;
        border-radius: 0;
        padding: 0\9
    }
    
    .selectIcon {
        position: relative
    }
    
    .selectIcon em {
        right: 6px;
        top: 3px;
        position: absolute;
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 6px solid #999;
        display: none\0/IE89
    }
    
    .searchFirst {
        display: table;
        width: 100%;
        text-align: center;
        line-height: 76px;
        font-weight: 700;
        background: #f8f8f8;
        border-bottom: 1px solid #e3e3e3
    }
    
    .searchFirst li {
        display: table-cell;
        vertical-align: middle
    }
    
    .searchFirst li span {
        font-size: 14px;
        color: #000
    }
    
    .userSearch {
        background: #fff;
        border: 1px solid #cecece;
        height: 30px;
        line-height: 29px;
        display: inline-block;
        padding: 0 10px;
        font-size: 12px;
        color: #666;
        margin-right: 5px
    }
    
    .userSearch.active {
        border-color: #4aa9db;
        outline: 1px solid #4aa9db
    }
    
    .searchOpt {
        font-size: 14px;
        font-weight: 700;
        color: #000;
        text-align: left;
        background: #f8f8f8;
        border-bottom: 1px solid #e3e3e3;
        padding: 0 10px
    }
    
    .searchOpt input {
        margin: 10px 0;
        margin-right: 2px
    }
    
    .searchOpt span {
        margin-left: -32px;
        padding-right: 18px
    }
    
    .searchOpt span:after {
        font-family: iconfont;
        content: "\E60E"
    }
    
    .searchOpt .time {
        padding-right: 18px
    }
    
    .seekDetail {
        border-top: 1px solid #ddd
    }
    
    .seekDetail tr {
        line-height: 36px!important
    }
    
    .searchDetail table {
        width: 100%;
        text-align: center
    }
    
    .searchDetail table th {
        border-bottom: 1px solid #e3e3e3
    }
    
    .searchDetail table th:nth-child(3) {
        width: 170px
    }
    
    .searchDetail table tr {
        line-height: 36px;
        border-bottom: 1px dotted #e3e3e3
    }
    
    .searchDetail table tr a {
        color: #e4393c
    }
    
    .searchDetail .betNum {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        margin: 0 auto;
        display: inline-block;
        width: 100px;
        vertical-align: bottom
    }
    
    .searchDetail .betNum+a {
        display: inline-block;
        line-height: 0
    }
    
    .agentBetRecord .searchDetail table th:nth-child(3) {
        width: 130px
    }
    
    .betDetail {
        table-layout: fixed;
        border: none!important
    }
    
    .betDetail tr {
        line-height: 36px!important
    }
    
    .betDetail tr td:first-child {
        width: 145px
    }
    
    .betDetail tr td:nth-child(2) {
        width: 170px
    }
    
    .resultTitle {
        table-layout: fixed;
        background: #f8f8f8
    }
    
    .resultTitle th {
        background: #f8f8f8;
        text-align: left;
        font-size: 14px;
        font-weight: 400;
        color: #555;
        padding: 15px
    }
    
    .resultTitle tr:first-child th {
        border-bottom: 1px solid #e3e3e3
    }
    
    .resultTitle h2 {
        font-size: 16px;
        padding-bottom: 10px;
        margin: 0
    }
    
    .resultTitle p {
        font-size: 12px;
        margin: 0;
        line-height: 30px
    }
    
    .resultTitle p i {
        color: #e4393c
    }
    
    .resultTitle p .fucBtn {
        width: 100%;
        display: block;
        word-wrap: break-word;
        word-break: normal
    }
    
    .resultTitle p .cancel {
        display: inline-block;
        width: auto
    }
    
    .resultTitle ._zheader {
        height: 154px
    }
    
    .resultTitle ._zheader+tr>th:first-child {
        width: 93px
    }
    
    .keeyPlanCon {
        max-height: 120px;
        display: inline-block;
        overflow: auto;
        padding: 0!important;
        margin: 10px 0!important;
        border-top: 1px solid #e3e3e3;
        border-bottom: 1px solid #e3e3e3;
        background: #fff
    }
    
    .keeyPlan {
        border: 1px solid #e3e3e3;
        border-top: none;
        border-bottom: none
    }
    
    .keeyPlan,
    .keeyPlan th {
        background: #fff;
        text-align: center
    }
    
    .keeyPlan th {
        padding: 0;
        font-weight: 700;
        line-height: 30px;
        border-top: none
    }
    
    .keeyPlan td {
        font-size: 12px
    }
    
    .keeyPlan .betNum {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        margin: 0 auto;
        display: inline-block;
        width: 300px;
        vertical-align: bottom
    }
    
    .page {
        width: 95%;
        display: table;
        padding: 10px 2.5%
    }
    
    .page p {
        display: table-cell
    }
    
    .page p em {
        font-style: inherit;
        color: #e4393c;
        padding: 3px
    }
    
    .page a:hover {
        text-decoration: underline
    }
    
    .pageNav {
        text-align: right
    }
    
    .pageNav span:last-child a {
        border-right: 1px solid #ddd
    }
    
    .pageNav a {
        border: 1px solid #ddd;
        border-right: 0;
        padding: 6px 12px
    }
    
    .pageNav .active,
    .pageNav a:hover {
        background: #eee
    }
    
    .accountDetail table {
        width: 100%;
        text-align: center
    }
    
    .accountDetail table th {
        border-bottom: 1px solid #e3e3e3;
        font-weight: 700
    }
    
    .accountDetail table tr {
        line-height: 36px;
        border-bottom: 1px dotted #e3e3e3
    }
    
    .accountDetail table tr a {
        color: #4aa9db
    }
    
    .accountDetail table tr .xiaji {
        color: #e4393c
    }
    
    .accountDetail table tbody:nth-child(2) td:first-child {
        color: #4aa9db
    }
    
    .manage a {
        margin: 0 6px;
        font-size: 16px
    }
    
    .manage a:hover {
        text-decoration: underline
    }
    
    .BillRecord {
        table-layout: fixed
    }
    
    .BillRecord td:first-child,
    .BillRecord td:nth-child(2) {
        width: 150px
    }
    
    .BillRecord td:nth-child(3),
    .BillRecord td:nth-child(4),
    .BillRecord td:nth-child(5),
    .BillRecord td:nth-child(6) {
        width: 97px
    }
    
    .BillRecord td:nth-child(7) {
        width: 150px
    }
    
    .RechargeRecord {
        table-layout: fixed
    }
    
    .RechargeRecord td {
        width: 134px
    }
    
    .RechargeRecord td:first-child,
    .RechargeRecord td:nth-child(2) {
        width: 151px
    }
    
    .WithdrawRecord {
        table-layout: fixed
    }
    
    .WithdrawRecord td {
        width: 113px
    }
    
    .WithdrawRecord td:first-child {
        width: 137px
    }
    
    .WithdrawRecord td:nth-child(6) {
        width: 136px
    }
    
    .stepBox {
        margin: 10px 10px 0;
        padding: 16px 20px 0
    }
    
    .stepBox .alipayee {
        margin: 40px
    }
    
    .stepBox .alipayee ins:nth-child(2) {
        color: #e4393c
    }
    
    .stepBox .bankStyle ins:first-child {
        width: 12%
    }
    
    .stepBox .bankStyle span {
        font-weight: 100!important
    }
    
    .stepBox>em {
        font-family: iconfont;
        font-size: 22px;
        color: #2e4158;
        margin-right: 5px
    }
    
    .stepBox>span {
        font-size: 14px;
        text-align: center
    }
    
    .stepBox>ul {
        display: table;
        width: 100%;
        margin-top: 13px;
        table-layout: fixed;
        margin-bottom: 13px
    }
    
    .stepBox>ul>li {
        display: table-row;
        line-height: 26px
    }
    
    .stepBox>ul>li ins {
        text-decoration: blink;
        display: table-cell
    }
    
    .stepBox>ul>li ins:first-child,
    .stepBox>ul>li ins:nth-child(2) {
        width: 33.33333%
    }
    
    .stepBox>ul>li ins:nth-child(3) a {
        color: #4aa9db
    }
    
    .stepBox>ul>li ins span {
        font-weight: 700
    }
    
    .stepBox>ul h6 {
        display: table-caption;
        text-align: center
    }
    
    .stepBox p {
        margin-top: 0;
        margin-bottom: 0
    }
    
    .stepBox .erweima-box {
        min-height: 150px
    }
    
    .stepBox .erweima img {
        width: 160px;
        height: inherit;
        vertical-align: top
    }
    
    .stepBox .verifyRight,
    .stepBox .verifyWrong {
        display: block
    }
    
    .stepBox .verifyRight ins,
    .stepBox .verifyWrong ins {
        width: auto;
        display: inline
    }
    
    .quickPay .verifyRight,
    .quickPay .verifyWrong {
        display: inline-block
    }
    
    .quickPay .bankblockList {
        margin-left: -5px
    }
    
    .bankTable {
        overflow: hidden
    }
    
    .bankTable+li ins {
        padding-top: 6px
    }
    
    .bankTable ins:first-child {
        vertical-align: middle
    }
    
    .bankTable .bankblockList {
        width: 518px
    }
    
    .bankTable .bankblockList>div:nth-child(4n+1) {
        margin-left: 0
    }
    
    .selectBankCon {
        display: inline;
        position: relative
    }
    
    .selectBankCon i {
        position: absolute
    }
    
    .selectBank {
        border: 1px solid #ddd;
        display: inline-block;
        padding: 0 20px;
        padding-right: 40px;
        color: #000;
        line-height: 30px;
        cursor: pointer;
        border-radius: 2px
    }
    
    .selectBank i:before {
        content: "\E610";
        font-family: iconfont;
        font-style: normal;
        padding-left: 10px
    }
    
    .selectBank span {
        width: auto!important
    }
    
    .selectBank ins {
        display: none;
        width: 77px;
        text-align: center
    }
    
    .bankList {
        position: absolute;
        background: #fff;
        border: 1px solid #ddd;
        width: 380px!important;
        padding: 10px 20px;
        margin-top: -3px;
        left: 0;
        box-shadow: 2px 2px 4px #999
    }
    
    .bankList li {
        border-bottom: 1px dotted #ccc;
        cursor: pointer
    }
    
    .bankList li:hover {
        box-shadow: 2px 2px 2px #999;
        outline: 1px solid #eee
    }
    
    .bankList li ins {
        line-height: 1.4
    }
    
    .bankList li ins,
    .iconBank {
        display: inline-block;
        vertical-align: middle
    }
    
    .iconBank {
        box-sizing: border-box;
        background: url(https://images.imags-google.com/system/common/bank/ui-bank.png?1) no-repeat;
        border: 1px solid #fff;
        overflow: hidden;
        height: 30px;
        margin: 10px 0;
        width: 126px
    }
    
    .建设银行 {
        background: url(https://images.imags-google.com/system/common/bank/CCB.png) no-repeat 0!important
    }
    
    .农业银行 {
        background: url(https://images.imags-google.com/system/common/bank/ABC.png) no-repeat 0!important
    }
    
    .中国银行 {
        background: url(https://images.imags-google.com/system/common/bank/BOC.png) no-repeat 0!important
    }
    
    .光大银行 {
        background: url(https://images.imags-google.com/system/common/bank/CEB.png) no-repeat 0!important
    }
    
    .兴业银行 {
        background: url(https://images.imags-google.com/system/common/bank/CIB.png) no-repeat 0!important
    }
    
    .中信银行 {
        background: url(https://images.imags-google.com/system/common/bank/CITIC.png) no-repeat 0!important
    }
    
    .交通银行 {
        background: url(https://images.imags-google.com/system/common/bank/BCM.png) no-repeat 0!important
    }
    
    .招商银行 {
        background: url(https://images.imags-google.com/system/common/bank/CMB.png) no-repeat 0!important
    }
    
    .民生银行 {
        background: url(https://images.imags-google.com/system/common/bank/CMBC.png) no-repeat 0!important
    }
    
    .广发银行 {
        background: url(https://images.imags-google.com/system/common/bank/GDB.png) no-repeat 0!important
    }
    
    .华夏银行 {
        background: url(https://images.imags-google.com/system/common/bank/HXBANK.png) no-repeat 0!important
    }
    
    .工商银行 {
        background: url(https://images.imags-google.com/system/common/bank/ICBC.png) no-repeat 0!important
    }
    
    .邮政储蓄 {
        background: url(https://images.imags-google.com/system/common/bank/PSBC.png) no-repeat 0!important
    }
    
    .平安银行 {
        background: url(https://images.imags-google.com/system/common/bank/SPABANK.png) no-repeat 0!important
    }
    
    .浦发银行 {
        background: url(https://images.imags-google.com/system/common/bank/SPDB.png) no-repeat 0!important
    }
    
    .农商银行 {
        background: url(https://images.imags-google.com/system/common/bank/CRCC.png) no-repeat 0!important
    }
    
    .其它银行 {
        background: url(https://images.imags-google.com/system/common/bank/default.png?1) no-repeat 0!important
    }
    
    .ABC {
        background-position: 5px 0!important
    }
    
    .BOC {
        background-position: 5px -75px!important
    }
    
    .CCB {
        background-position: 5px -146px!important
    }
    
    .CEB {
        background-position: 5px -180px!important
    }
    
    .CITIC {
        background-position: 5px -218px!important
    }
    
    .CMB {
        background-position: 5px -253px!important
    }
    
    .CMBC {
        background-position: 5px -290px!important
    }
    
    .BCM {
        background-position: 5px -326px!important
    }
    
    .GDB {
        background-position: 5px -434px!important
    }
    
    .HXBANK {
        background-position: 5px -470px!important
    }
    
    .ICBC {
        background-position: 5px -543px!important
    }
    
    .PSBC {
        background-position: 5px -756px!important
    }
    
    .SPABANK {
        background-position: 5px -866px!important
    }
    
    .SPDB {
        background-position: 5px -902px!important
    }
    
    .CIB {
        background-position: 5px -1046px!important
    }
    
    .TENPAY {
        background-position: 5px -1084px!important
    }
    
    .YFB {
        background-position: 5px -1155px!important
    }
    
    .HX {
        background-position: -37px -1236px!important
    }
    
    .CRCC {
        background-position: -2px -1276px!important
    }
    
    .YZB {
        background-position: -2px -1305px!important
    }
    
    .default {
        background-position: 5px -1332px!important
    }
    
    .banked {
        background: url(https://images.imags-google.com/system/common/bank/ui-bank.png?1) no-repeat;
        margin: 10px 0
    }
    
    .banked i {
        padding-left: 20px
    }
    
    .banked span {
        visibility: hidden
    }
    
    .banked ins {
        margin-left: 36px;
        display: inline-block
    }
    
    .safeTop {
        border-bottom: 1px dotted #ddd
    }
    
    .safeTop .star i {
        font-family: iconfont;
        font-style: inherit;
        font-size: 28px;
        color: #d5d5d5
    }
    
    .safeTop .star .curr {
        color: #ffb200
    }
    
    .safeTop .text {
        padding: 10px 0;
        margin: 0!important
    }
    
    .safeTop .text strong {
        font-weight: 400;
        font-size: 16px;
        color: #f06701
    }
    
    .safeTop .text p {
        color: #666;
        font-size: 12px;
        padding-top: 10px;
        margin: 0;
        padding: 0
    }
    
    .safeTop .text p a {
        color: #009000
    }
    
    .safeList li {
        padding: 0 15px;
        border: 1px solid #ddd;
        overflow: hidden;
        width: 100%;
        height: 52px;
        margin-bottom: 10px;
        display: table;
        border-radius: 6px
    }
    
    .safeList li:hover {
        border-color: #4aa9db
    }
    
    .safeList span {
        margin-top: 15px;
        width: 562px;
        padding-left: 20px;
        display: block
    }
    
    .safeList span p {
        margin: 0;
        padding: 0
    }
    
    .safeList .btn {
        display: inline-block;
        width: 160px;
        height: 80px;
        margin-top: -15px;
        display: table-cell;
        vertical-align: middle
    }
    
    .safeList .btn a {
        background: #f8f8f8;
        border: 1px solid #ccc;
        display: block;
        width: 150px;
        height: 30px;
        line-height: 30px;
        border-radius: 4px;
        box-shadow: 2px 2px 2px #ccc;
        text-align: center;
        font-size: 16px;
        color: #666;
        margin-top: 5px
    }
    
    .safeList .btn a:hover {
        background: #2e4158;
        color: #fff
    }
    
    .safeList .btn a:first-child {
        margin-top: 0
    }
    
    .safeList .iconfont {
        width: 50px;
        height: 50px;
        padding: 5px;
        background: #2e4158;
        float: left;
        text-align: center;
        border-radius: 5px;
        line-height: 40px;
        color: #fff;
        font-size: 28px;
        text-shadow: 2px 2px 2px #333;
        display: block;
        padding-top: 3px
    }
    
    .safeList .text {
        padding-left: 65px
    }
    
    .safeList .text strong {
        font-size: 14px;
        color: #253647
    }
    
    .safeList .noSet .iconfont {
        background: #908b8b
    }
    
    .safeList .noSet strong {
        color: #908b8b
    }
    
    .bonusTable {
        width: 100%;
        padding: 10px 50px;
        border-top: 1px dotted #e8e8e8;
        border-bottom: 1px dotted #e8e8e8;
        background: #fff
    }
    
    .bonusTable ul {
        line-height: 45px
    }
    
    .bonusTable ul:first-of-type {
        margin-top: 20px
    }
    
    .bonusTable ul li {
        float: left;
        vertical-align: middle
    }
    
    .bonusTable ul li:first-child {
        width: 130px;
        font-size: 20px;
        text-align: left;
        padding-right: 22px
    }
    
    .bonusTable input {
        width: 100px;
        margin: 0
    }
    
    .logo {
        height: 68px;
        padding: 10px 0
    }
    
    .logoL {
        float: left
    }
    
    .logoR {
        float: right;
        line-height: 48px;
        font-size: 14px;
        color: #e4393c;
        margin-top: 10px
    }
    
    .logoR em {
        margin-right: 10px
    }
    
    .logoR em i {
        padding-right: 4px
    }
    
    .logoR a {
        color: #e4393c
    }
    
    .logoR i {
        font-size: 22px
    }
    
    .logoR span {
        font-size: 12px;
        line-height: 30px;
        display: none
    }
    
    .ftadCon {
        background: #f8f8f8;
        border: 1px solid #dce1e5;
        border-left: none;
        border-right: none;
        height: 160px
    }
    
    .ftad {
        background-size: 998px;
        background-color: #f8f8f8;
        padding: 20px 0
    }
    
    .ftad>li {
        float: left;
        padding-left: 25px;
        height: 118px
    }
    
    .ftad>li p {
        margin: 0;
        font-size: 20px;
        font-weight: 700
    }
    
    .ftad>li p i {
        font-size: 14px;
        margin-left: 10px;
        font-weight: 100;
        color: #b8b8b8
    }
    
    .ftad>li+li {
        border-left: 1px solid #ebebeb
    }
    
    .ftad>li:first-child {
        width: 368px;
        padding-left: 0
    }
    
    .ftad>li:nth-child(2) {
        width: 368px
    }
    
    .ftad>li:nth-child(3) {
        width: 264px
    }
    
    .bindCard {
        padding: 24px
    }
    
    .bindCard .cardItem:last-child {
        margin-right: 0
    }
    
    .bindCard .cardItem:hover {
        border-radius: 5px;
        border: 1px solid #c9c9c9;
        box-shadow: 0 0 10px #c9c9c9
    }
    
    .bindCard .cardItem:nth-child(3n+3) {
        margin-right: 0
    }
    
    .bindCard .cardEmpty {
        box-shadow: none;
        border: 1px dashed #ddd;
        text-align: center;
        line-height: 135px;
        font-size: 14px;
        color: #4aa9db
    }
    
    .bindCard .cardEmpty:hover {
        box-shadow: none
    }
    
    .cardItem {
        float: left;
        border-radius: 5px;
        border: 1px solid #e4e4e4;
        box-shadow: 0 1px 1px #c9c9c9;
        box-sizing: border-box;
        width: 249px;
        height: 140px;
        position: relative;
        margin-right: 13px;
        margin-bottom: 13px
    }
    
    .cardItem i {
        display: inline-block;
        width: 20px;
        height: 20px;
        background-size: 20px!important;
        vertical-align: sub;
        margin-right: 8px
    }
    
    .cardItem .bankName {
        padding: 10px 0;
        margin: 0 14px;
        border-bottom: 1px dotted #d9d9d9;
        font-size: 14px;
        display: flex;
        align-items: center
    }
    
    .cardItem .bankNum {
        position: absolute;
        top: 10px;
        right: 14px;
        text-align: right;
        font-size: 12px
    }
    
    .cardItem .cardInfo {
        height: 42px;
        padding-top: 17px;
        width: 100%
    }
    
    .cardItem .cardInfo .cardStyle {
        width: 88px;
        height: 23px;
        color: #eee;
        font-weight: 100;
        text-align: center;
        float: left;
        background: #2e4158;
        border-radius: 0 3px 0 0;
        padding-left: 5px
    }
    
    .cardItem .cardInfo .cardStyle em {
        display: inline-block;
        width: 9px;
        height: 23px;
        border-left: 9px solid transparent;
        border-bottom: 20px solid #fff;
        float: right
    }
    
    .cardItem .cardInfo .cardOperation {
        width: 110px;
        height: 26px;
        line-height: 26px;
        padding-right: 14px;
        text-align: right;
        float: right
    }
    
    .cardItem .cardInfo .cardOperation a {
        margin-left: 5px
    }
    
    .cardItem .cardTxt {
        margin-top: 62px;
        height: 32px;
        line-height: 34px;
        padding-left: 10px;
        color: #666;
        background: #f8f8f8;
        border-top: 1px solid #e7e7e7
    }
    
    .cardItem .cardTxt em {
        float: right;
        padding-right: 15px
    }
    
    .announcementList {
        margin: 0 auto;
        height: auto;
        overflow: hidden;
        padding: 15px 30px;
        border: 1px solid #e3e3e3;
        min-height: 591px;
        background: #fff
    }
    
    .announcementList li {
        height: 35px;
        line-height: 35px;
        border-bottom: 1px dashed #ddd
    }
    
    .announcementList li span {
        width: auto;
        float: right;
        height: 35px;
        max-width: 20%;
        text-align: right;
        color: #666;
        line-height: 35px;
        overflow: hidden
    }
    
    .announcementList .page {
        width: 100%;
        padding: 20px 0
    }
    
    .bankblockList {
        font-size: 12px
    }
    
    .bankblockList .rb i {
        width: 30px;
        background-size: 14px;
        display: inline-block;
        margin-right: 4px;
        float: left;
        height: 32px;
        line-height: 32px;
        text-align: center
    }
    
    .bankblockList .rb i:before {
        content: "\E628";
        font-family: iconfont;
        color: #d3d3d3;
        font-size: 14px
    }
    
    .bankblockList .rb {
        float: left;
        width: 119px;
        height: 32px;
        border: 1px solid #d3d3d3;
        margin: 5px;
        cursor: pointer;
        position: relative
    }
    
    .bankblockList .rb span {
        width: 73px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        background-size: 18px!important;
        padding-left: 24px;
        height: 32px;
        display: block;
        float: left;
        vertical-align: top;
        line-height: 32px;
        background: url(https://images.imags-google.com/system/common/bank/default.png?1) no-repeat 0
    }
    
    .bankblockList .rb_active {
        border: 1px solid #4aa9db
    }
    
    .bankblockList .rb_active i {
        text-align: center;
        background-size: 16px!important
    }
    
    .bankblockList .rb_active i:before {
        content: "\E629";
        font-family: iconfont;
        color: #4aa9db;
        font-size: 14px;
        line-height: 30px
    }
    
    .bankblockList .rb_active em:before {
        content: "\E632";
        font-family: iconfont;
        font-size: 18px;
        position: absolute;
        right: -1px;
        bottom: -1px;
        color: #4aa9db;
        line-height: 24px
    }
    
    .wechatCon {
        border: 1px solid #4aa9db!important
    }
    
    .wechatCon em:before {
        content: "\E632";
        font-family: iconfont;
        font-size: 18px;
        position: absolute;
        color: #4aa9db;
        line-height: 24px;
        right: 0;
        bottom: -3px
    }
    
    .noBG {
        padding-left: 0!important;
        background: none!important
    }
    
    .wechatCon {
        margin: 0!important
    }
    
    .wechatCon i:before {
        content: "\E628"!important;
        font-family: iconfont;
        color: #4aa9db!important;
        font-size: 14px;
        line-height: 30px
    }
    
    .wechatCon.rb_active i:before {
        content: "\E629"!important
    }
    
    .registerPage {
        width: 870px;
        min-height: 480px;
        margin: 30px auto;
        border: 1px solid #e1e1e2;
        padding-top: 20px;
        font-size: 14px;
        background: url(https://images.imags-google.com/system/pc/login/loginBg.png) no-repeat 450px 220px #fff
    }
    
    .registerPage h3 {
        font-size: 24px;
        color: #ff2c55;
        margin-bottom: 5px;
        margin-left: 30px;
        margin-top: 0
    }
    
    .registerPage p {
        margin-left: 30px;
        color: #646464;
        margin-bottom: 10px;
        margin-top: 0;
        height: 24px
    }
    
    .registerPage a {
        color: #ff2c55
    }
    
    .registerPage .submitBtn {
        color: #fff
    }
    
    .registerPage .forgetPwd {
        font-size: 12px;
        text-decoration: underline;
        margin-left: 40px
    }
    
    .regMain {
        border-top: 1px dashed #e0e3e6;
        padding: 50px 0;
        font-size: 0
    }
    
    .regMain input {
        font-size: 14px;
        height: 36px;
        width: 280px;
        border: 1px solid #e7e8e8;
        background-color: #feffff;
        color: #a9a9a9;
        padding-left: 10px;
        margin: 0;
        vertical-align: top!important
    }
    
    .regMain input[type=image] {
        clear: both;
        width: auto;
        padding: 0;
        border: none;
        margin: 0;
        height: 38px
    }
    
    .regMain .codes {
        width: 145px!important
    }
    
    .regMain li>span {
        color: #333;
        padding-right: 5px;
        margin-top: 0!important
    }
    
    .regMain img.codeImg {
        position: absolute!important;
        top: 0!important;
        left: 325px!important;
        height: 36px!important
    }
    
    .regMain span,
    .verifyRight,
    .verifyWrong {
        font-size: 14px
    }
    
    input:-webkit-autofill {
        -webkit-box-shadow: 0 0 0 1000px #fff inset;
        -webkit-text-fill-color: #333
    }
    
    .slideBox {
        position: relative
    }
    
    .slideBox .hd {
        position: absolute;
        display: block;
        z-index: 10;
        bottom: 15px;
        width: 100%;
        text-align: center
    }
    
    .slideBox .hd ul li {
        width: 9px;
        height: 9px;
        border-radius: 50%;
        margin-left: 5px;
        background: #999;
        cursor: pointer;
        display: inline-block;
        float: none
    }
    
    .slideBox .hd ul li:first-child {
        margin-left: 0
    }
    
    .slideBox .hd ul .on {
        background: #e74145
    }
    
    .slideTxtBox {
        -webkit-user-select: none;
        user-select: none
    }
    
    .slideTxtBox .hd ul li {
        float: left
    }
    
    .autoTab .hd ul li {
        width: 33.33333%;
        text-align: center;
        line-height: 30px;
        background: #edf7ff;
        border-top: 1px solid #fff;
        border-bottom: 1px solid #d7e2f7;
        box-sizing: border-box;
        cursor: pointer
    }
    
    .autoTab .hd ul li+li {
        border-left: 1px solid #d7e2f7
    }
    
    .autoTab .hd ul .on {
        border-top: 2px solid #e4393c;
        background: #fff;
        border-bottom: none;
        margin-top: -1px
    }
    
    label.check_box i {
        background-position: -783px 3px;
        width: 21px;
        height: 19px;
        display: inline-block;
        vertical-align: top;
        margin-top: 4px
    }
    
    label.cb_active i,
    label.checked i {
        background-position: -760px -40px
    }
    
    label.radio_box {
        margin-right: 20px
    }
    
    label.radio_box i {
        background: #ddd;
        width: 10px;
        height: 10px;
        border-radius: 100%;
        display: inline-block;
        vertical-align: middle;
        margin-right: 5px
    }
    
    label.checked,
    label.rb_active {
        color: #4aa9db
    }
    
    label.checked i,
    label.rb_active i {
        background: #4aa9db
    }
    
    .diyselect {
        background: #fff;
        height: 30px;
        line-height: 30px;
        text-indent: 10px;
        border: 1px solid #cecece;
        position: relative;
        display: inline-block;
        vertical-align: middle;
        border-radius: 2px;
        box-sizing: content-box;
        margin: 10px 0
    }
    
    .diyselect a {
        width: 100%;
        height: 28px;
        line-height: 28px;
        display: block;
        overflow: hidden
    }
    
    .diyselect a:hover {
        background: #f5f5f5
    }
    
    .sb_active {
        border: 1px solid #4aa9db!important
    }
    
    .sb_active .sb_icon {
        border-top: 5px solid #4aa9db!important
    }
    
    .diyselect .opts {
        border: 1px solid #4aa9db;
        display: none;
        height: auto;
        max-height: 224px;
        overflow-x: hidden;
        overflow-y: auto;
        top: 0;
        width: auto;
        z-index: 99
    }
    
    .diyselect .opts,
    .diyselect>.selected {
        cursor: pointer;
        left: 0;
        position: absolute
    }
    
    .diyselect>.selected {
        padding: 0 15px 0 0;
        overflow: hidden
    }
    
    .diyselect * {
        color: #666;
        cursor: pointer;
        background-color: #fff
    }
    
    .diyselect .sb_icon {
        top: 13px!important;
        display: inline-block;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 5px solid #ababab;
        width: 0;
        height: 0;
        right: 12px;
        position: absolute
    }
    
    .notSign {
        width: 825px;
        margin: 0 auto
    }
    
    .maintain,
    .notContent {
        text-align: center;
        color: #999;
        padding-top: 18px;
        line-height: 1
    }
    
    .maintain i,
    .notContent i {
        background: none!important;
        font-size: 68px;
        display: block;
        margin: 8px;
        margin-bottom: 18px;
        color: #999!important
    }
    
    .notContent i:before {
        content: "\E626"
    }
    
    .maintain i:before {
        content: "\E63C"
    }
    
    .L_BJ28:before,
    .L_FC3D:before,
    .L_K3:before,
    .L_KL8:before,
    .L_LHC:before,
    .L_more:before,
    .L_PK10:before,
    .L_PL35:before,
    .L_SSC:before,
    .L_SYX5:before,
    .L_XYNC:before {
        content: "\E65C";
        display: block;
        width: 0;
        height: 0;
        color: #fff;
        font-size: 56px;
        text-shadow: 0 4px 5px rgba(224, 21, 6, .42);
        transform: translate(2px);
        position: relative;
        z-index: 1
    }
    
    .L_BJ28:after,
    .L_FC3D:after,
    .L_K3:after,
    .L_KL8:after,
    .L_LHC:after,
    .L_PK10:after,
    .L_PL35:after,
    .L_SSC:after,
    .L_SYX5:after,
    .L_XYNC:after {
        display: inline-block;
        position: relative;
        z-index: 2;
        text-shadow: 0 1px 1px hsla(0, 0%, 100%, .55)
    }
    
    .L_K3:after {
        content: "\E657";
        color: #e41404
    }
    
    .L_K3:before {
        text-shadow: 0 4px 5px rgba(228, 20, 4, .42)
    }
    
    .L_XYNC:after {
        content: "\E63B";
        color: #094
    }
    
    .L_XYNC:before {
        text-shadow: 0 4px 5px rgba(0, 153, 68, .42)
    }
    
    .L_PK10:after {
        content: "\E668";
        color: #f22751
    }
    
    .L_PK10:before {
        text-shadow: 0 4px 5px rgba(242, 39, 81, .42)
    }
    
    .L_KL8:after {
        content: "\E65E";
        color: #fc5826
    }
    
    .L_KL8:before {
        text-shadow: 0 4px 5px rgba(252, 88, 38, .42)
    }
    
    .L_PL35:after {
        content: "\E65A";
        color: #38b366
    }
    
    .L_PL35:before {
        text-shadow: 0 4px 5px rgba(56, 179, 102, .42)
    }
    
    .L_FC3D:after {
        content: "\E658";
        color: #00b7ee
    }
    
    .L_FC3D:before {
        text-shadow: 0 4px 5px rgba(0, 183, 238, .42)
    }
    
    .L_SSC:after {
        content: "\E65B";
        color: #f96e00
    }
    
    .L_SSC:before {
        text-shadow: 0 4px 5px rgba(249, 110, 0, .42)
    }
    
    .L_SYX5:after {
        content: "\E659";
        color: #218ddd
    }
    
    .L_SYX5:before {
        text-shadow: 0 4px 5px rgba(33, 141, 221, .42)
    }
    
    .L_BJ28:after {
        content: "\E692";
        color: #a64dff
    }
    
    .L_BJ28:before {
        text-shadow: 0 4px 5px rgba(166, 77, 255, .42)
    }
    
    .L_more:before {
        content: "\E650";
        color: #fa7e00
    }
    
    .L_more:after {
        text-shadow: 0 .07em .1em rgba(250, 126, 0, .42)
    }
    
    .L_LHC:after {
        content: "\E65F";
        color: #07b39e
    }
    
    .L_LHC:before {
        text-shadow: 0 .07em .1em rgba(56, 179, 158, .42)
    }
    
    .cardCon {
        background-color: initial!important
    }
    
    .cardCon .layui-layer-content {
        overflow: initial!important
    }
    
    .card {
        color: #666;
        width: 300px;
        height: 202px;
        background: #fff;
        border: 1px solid #d9d9d9;
        box-shadow: 4px 4px 8px rgba(0, 0, 0, .3);
        font: 14px/1.8 Microsoft YaHei, SimSun, Arial;
        box-sizing: border-box
    }
    
    .cardLeft {
        width: 135px
    }
    
    .cardLeft img {
        border-radius: 50%;
        margin-top: 20px;
        margin-left: 28px
    }
    
    .cardLeft h6 {
        margin: 5px 0;
        color: #1d93d8;
        font-weight: 100;
        text-align: center;
        font-size: 14px
    }
    
    .cardInfo {
        width: 160px;
        font-size: 14px;
        padding-top: 15px
    }
    
    .cardInfo,
    .cardLeft {
        float: left;
        height: 150px
    }
    
    .cardIcon {
        clear: both;
        height: 50px;
        background: #f5f5f5;
        padding: 0 2%
    }
    
    .cardIcon li {
        float: left;
        width: 12.5%
    }
    
    .cardIcon li i {
        font-size: 25px;
        display: block;
        text-align: center;
        line-height: 55px
    }
    
    .cardIcon li i:before {
        font-size: 23px;
        transform: translate(8px);
        color: #fff!important
    }
    
    .noActive:after {
        color: #999!important
    }
    
    .noActive:before {
        text-shadow: 0 4px 5px hsla(0, 0%, 60%, .42)!important
    }
    
    .winnerList li {
        height: 40px;
        padding: 15px;
        padding-bottom: 5px;
        cursor: default
    }
    
    .winnerList li img {
        height: 36px;
        width: 36px;
        border-radius: 50%;
        float: left;
        margin-top: 2px;
        margin-right: 6px;
        transition: .5s
    }
    
    .winnerList li:hover img {
        opacity: .8
    }
    
    .winnerList li p {
        margin: 0;
        float: left;
        line-height: 1.7
    }
    
    .winnerList li p span {
        color: #f63745;
        margin: 0 5px
    }
    
    .newTab {
        border-bottom: 1px solid #ddd;
        margin-top: 15px;
        padding-left: 10px
    }
    
    .newTab a {
        font-size: 14px;
        background: #f8f8f8;
        border: 1px solid #cecece;
        margin: 0 5px;
        padding: 0 10px;
        border-radius: 4px 4px 0 0;
        line-height: 28px;
        display: inline-block;
        margin-bottom: -1px
    }
    
    .newTab .curr {
        border-bottom: 1px solid #fff;
        background: #fff;
        color: #e4393c
    }
    
    .openAgent .searchFirst {
        text-align: left;
        color: #333;
        background: #fff;
        border: none
    }
    
    .openAgent .searchFirst li {
        line-height: 3.5;
        padding: 10px 50px;
        padding-bottom: 0
    }
    
    .openAgent .searchFirst li span {
        color: #333
    }
    
    .openAgent .TabLi .submitBtn {
        margin-left: 180px
    }
    
    .invitationCode table {
        text-align: center;
        border-bottom: 1px dotted #e8e8e8;
        margin-bottom: 80px
    }
    
    .invitationCode table span {
        color: #4aa9db;
        cursor: pointer
    }
    
    .invitationCode table a {
        color: #e4393c
    }
    
    .invitationCode table em {
        color: #2e4158;
        cursor: pointer
    }
    
    .invitationCode table em:hover {
        text-decoration: underline
    }
    
    .invitationCode table input {
        border: 1px solid #cecece;
        border-radius: 0;
        padding: 8px;
        color: #666
    }
    
    .invitationCode table th {
        border-bottom: 1px dotted #e8e8e8;
        padding: 6px 0
    }
    
    .invitationCode table tr:nth-child(2) td {
        padding-top: 20px
    }
    
    .invitationCode table tr:last-child td {
        padding-bottom: 20px
    }
    
    .invitationCode table td {
        padding: 6px 0
    }
    
    .invitationCode table .code {
        width: 90px
    }
    
    .winningListLoading {
        text-align: center;
        width: 100%!important;
        padding: 30px 10px;
        box-sizing: border-box
    }
    
    .winningListLoading img {
        width: 50px
    }
    
    .winningListLoading h5,
    .winningListLoading p {
        margin: 0;
        font-size: 14px
    }
    
    .winningListLoading h5 {
        margin: 10px;
        font-style: normal
    }
    
    .footBar {
        background: #e6e6e6;
        width: 120px;
        height: 15px;
        border-radius: 15px;
        position: relative;
        display: inline-block;
        vertical-align: sub;
        margin-left: 5px!important;
        overflow: hidden
    }
    
    .footBar span {
        background-color: #fd5757;
        position: absolute;
        height: 15px;
        border-radius: 15px 0 0 15px
    }
    
    .serviceExperience {
        padding-top: 18px
    }
    
    .serviceExperience li {
        line-height: 30px;
        height: 35px;
        overflow: hidden
    }
    
    .serviceExperience li:nth-child(2) span {
        background: #4aa9db;
        color: #fff
    }
    
    .serviceExperience em {
        font-size: 26px;
        margin-left: 5px
    }
    
    .serviceExperience i {
        color: #a6a6a6;
        margin-left: 5px
    }
    
    .rechargeMethod {
        position: relative;
        margin: 30px 0;
        width: 238px;
        height: 38px;
        background: url(../images/rechargepc.png) 0 0 no-repeat!important;
        background-size: 100%!important
    }
    
    .technicalSupport {
        margin: 32px 0;
        position: relative
    }
    
    .technicalSupport img {
        float: left;
        width: 70px;
        height: 47px
    }
    
    .technicalSupport p {
        float: left;
        font-size: 14px!important;
        font-weight: 400!important;
        margin: 0 15px!important;
        line-height: 1.9
    }
    
    .technicalSupport i {
        background: -webkit-linear-gradient(left, hsla(0, 0%, 97%, 0), hsla(0, 0%, 97%, .66) 50%, hsla(0, 0%, 97%, 0));
        position: absolute;
        overflow: hidden;
        width: 40px;
        height: 100px;
        transform: rotate(17deg);
        left: -45px;
        top: -10px
    }
    
    .technicalSupport:hover i {
        left: 260px;
        transition: 1s
    }
    
    .technicalSupport .technicalSupport-box {
        float: left;
        width: 184px
    }
    
    .technicalSupport .uulive img {
        width: 68px;
        height: 63px;
        display: inline-block;
        transform: translateY(-10px)
    }

    .InviteW {
        display: table;
        margin: 0 auto
    }
    
    .InviteW span {
        width: 110px;
        display: inline-block
    }
    
    .how2play .layui-layer-content {
        padding: 20px;
        line-height: normal;
        font-size: medium;
        text-align: initial;
        word-break: normal;
        border-top: 18px solid #fff
    }
    
    .htpSort {
        background: #e6e6e6;
        margin: 10px
    }
    
    .htp {
        background: #fff;
        width: 100%;
        margin: 0 auto;
        min-height: 650px
    }
    
    .htpContent {
        padding: 10px 20px;
        font-family: \\E5\BE\AE\E8\BD\AF\E9\203A\2026\E9\BB\2018;
        text-align: initial;
        line-height: normal;
        word-break: break-all
    }
    
    .htpContent table th {
        background: #f2f7ff
    }
    
    .htpContent .border {
        border: 1px solid #ccd3db;
        border-radius: 8px;
        padding: 15px
    }
    
    .htpHeader {
        height: 80px;
        background: url(https://images.imags-google.com/system/common/other/htpTop.jpg) no-repeat;
        line-height: 80px
    }
    
    .htpHeader span {
        float: right;
        font-size: 20px;
        font-family: \\E5\BE\AE\E8\BD\AF\E9\203A\2026\E9\BB\2018;
        font-weight: 700;
        color: #425267;
        text-shadow: 0 1px 1px #adadad
    }
    
    .htpHeader i {
        float: right;
        font-family: iconfont;
        font-style: normal;
        font-size: 40px;
        color: #3f4f64;
        margin: 22px 30px 0 10px;
        display: inline-block;
        background: #fff;
        box-sizing: border-box;
        line-height: 38px;
        border-radius: 50%;
        width: 38px
    }
    
    .htpHeader i:before {
        color: #3f4f64!important
    }
    
    .manageInvite td:last-child {
        width: 100px
    }
    
    .manageInvite td:last-child a {
        padding: 0 5px
    }
    
    .plMore {
        display: table;
        width: 790px;
        text-align: center;
        padding: 20px 0;
        margin: 15px;
        border: 1px solid #d5d5d5;
        border-radius: 6px
    }
    
    .plMore li {
        display: table-cell;
        width: 20%
    }
    
    .plMore li+li {
        border-left: 1px dotted #d9d8d8
    }
    
    .plMore em {
        font-size: 18px
    }
    
    .plMore span {
        display: block
    }
    
    .yestodayWinning {
        margin: 5px 0;
        height: 152px
    }
    
    .yestodayWinning tr {
        height: 50px;
        vertical-align: top
    }
    
    .yestodayWinning tr:nth-child(2) td:nth-child(3),
    .yestodayWinning tr:nth-child(3) td:nth-child(3),
    .yestodayWinning tr:nth-child(4) td:nth-child(3) {
        overflow: hidden;
        font-size: 0
    }
    
    .yestodayWinning tr:nth-child(2) td:nth-child(3) {
        background: url(https://images.imags-google.com/system/pc/k3/ko1.png) no-repeat 50%
    }
    
    .yestodayWinning tr:nth-child(3) td:nth-child(3) {
        background: url(https://images.imags-google.com/system/pc/k3/ko2.png) no-repeat 50%
    }
    
    .yestodayWinning tr:nth-child(4) td:nth-child(3) {
        background: url(https://images.imags-google.com/system/pc/k3/ko3.png) no-repeat 50%
    }
    
    .yestodayWinning td:nth-child(2) {
        color: #cc0a2f;
        width: 40px;
        text-align: center
    }
    
    .yestodayWinning td:nth-child(2):before {
        background: radial-gradient(circle at 100px 100px, #5cabff, #000)
    }
    
    .yestodayWinning td:nth-child(3) {
        width: 46px;
        text-align: center;
        font-size: 14px
    }
    
    .yestodayWinning tr:hover {
        background: #fbfbfb
    }
    
    .yestodayWinning tr+tr td {
        border-top: 1px dashed #dce1e5
    }
    
    .yestodayWinning td {
        text-align: left;
        padding: 7px 15px;
        padding-right: 12px;
        border-right: none
    }
    
    .yestodayWinning td img {
        height: 36px;
        width: 36px;
        float: left;
        border-radius: 50%;
        margin-right: 9px;
        transition: .5s
    }
    
    .yestodayWinning td p {
        margin: 0;
        margin-top: 0;
        line-height: 1.7;
        height: 36px
    }
    
    .yestodayWinning td p i {
        color: red
    }
    
    .yestodayWinning td:hover img {
        opacity: .8
    }
    
    .yestodayWinning td:first-child {
        width: 280px
    }
    
    .yestodayWinning ins {
        display: block;
        width: 25px;
        height: 25px;
        margin: 0 auto;
        color: #555
    }
    
    .yestodayWinning tr:first-child ins {
        background: #c12f33;
        background: radial-gradient(circle at 25px 25px, #c12f33, #ca9293);
        color: #fff;
        border-radius: 50%;
        text-align: center;
        line-height: 25px
    }
    
    .yestodayWinning tr:nth-child(2) ins {
        background: #53b0fe;
        background: radial-gradient(circle at 25px 25px, #2b82cc, #53b0fe);
        color: #fff;
        border-radius: 50%;
        text-align: center;
        line-height: 25px
    }
    
    .yestodayWinning tr:nth-child(3) ins {
        background: #f8a968;
        background: radial-gradient(circle at 25px 25px, #c57532, #f8a968);
        color: #fff;
        border-radius: 50%;
        text-align: center;
        line-height: 25px
    }
    
    .refreshMove {
        -webkit-transition-property: -webkit-transform;
        -webkit-transition-duration: .8s;
        -moz-transition-property: -moz-transform;
        -moz-transition-duration: 1s;
        animation: rotate .8s linear infinite
    }
    
    @keyframes rotate {
        0% {
            transform: rotate(0deg)
        }
        to {
            transform: rotate(359deg)
        }
    }
    
    .userReport .searchFirst {
        text-align: left;
        padding: 0 15px;
        border: none
    }
    
    .userReport .searchFirst input {
        height: 30px;
        display: inline-block;
        vertical-align: top;
        margin: 23px 0;
        margin-right: 5px
    }
    
    .userReport .searchFirst a {
        vertical-align: top;
        margin: 23px 0
    }
    
    .agentReport .todayView {
        text-align: left;
        margin: 15px;
        margin-left: 4px;
        padding: 0 11px;
        width: calc(100% - 30px);
        background: initial
    }
    
    .agentReport .todayView input {
        width: 150px;
        font-size: 12px;
        vertical-align: top
    }
    
    .agentMember .selectIcon select {
        border-radius: 2px
    }
    
    .agentMember .selectIcon em {
        top: 5px
    }
    
    .lowerReportTable th {
        width: auto!important
    }
    
    .invitationCode {
        margin-top: 6px
    }
    
    .setBankcard .diyselect {
        width: 230px
    }
    
    .setQuestion .diyselect,
    .verifyQuestion .diyselect {
        width: 231px
    }
    
    .rebateDesLink {
        color: #e4393c;
        font-weight: 400
    }
    
    .rebateDesLink:hover {
        text-decoration: underline
    }
    
    .betMoreList {
        background: #fff;
        color: #fff;
        width: 810px;
        height: 210px;
        margin-left: -379px;
        border-radius: 6px;
        table-layout: fixed;
        vertical-align: top;
        display: none;
        position: absolute;
        z-index: 13;
        left: 379px;
        top: -15px;
        box-shadow: 5px 5px 12px rgba(0, 0, 0, .25);
        border-collapse: inherit\0
    }
    
    .betMoreList a {
        display: block;
        float: left;
        line-height: 2.6;
        min-width: 80px;
        text-align: center
    }
    
    .betMoreList a:hover {
        color: #e4393c;
        text-decoration: underline
    }
    
    .betMoreList th {
        color: #333;
        font-size: 16px;
        border-bottom: 1px solid #e4e4e4;
        width: 105px;
        height: 50px
    }
    
    .betMoreList th:first-child:before {
        content: "";
        position: absolute;
        top: -7px;
        left: 84px;
        width: 0;
        height: 0;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-bottom: 7px solid #fff
    }
    
    .betMoreList td {
        border-right: 1px solid #e4e4e4;
        vertical-align: top;
        padding: 16px
    }
    
    .betMoreList td:last-child {
        border-right: none;
        box-shadow: none
    }
    
    .lotteryHall .slideBox .hd {
        text-align: right;
        padding-right: 20px
    }
    
    .SendCode {
        left: 294px!important;
        top: 13px!important
    }
    
    button[disabled] {
        opacity: .8;
        cursor: not-allowed!important
    }
    
    .topBox li ins:first-child {
        width: 14.333%!important
    }