#app,
html {
    height: 100%
}

#app {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.about,
.activity,
.live,
.livelist,
.lottery,
.lotteryHall,
.resetWay,
.setMail,
.setMobile,
.setPwd,
.setQuestion,
.setSafePwd,
.verifyMail,
.verifyMobile,
.verifyPwd,
.verifyQuestion,
.verifySafePwd {
    background: #e6e6e6
}

.activity {
    background: white
}

.lottery .betHeader #Hi {
    cursor: pointer
}

.lottery .betHeader .betNavMore,
.lottery .betHeader ins {
    display: inline !important
}

.lottery .betHeader ins {
    margin: 0 4px
}

.lottery .serviceLink.ServiceBtn {
    background-position: 0 0
}

.lottery .serviceLink.ServiceBtn:hover {
    background-position: -87px 0
}

#app.alipay {
    background: none !important
}

.layermsg .layermcont {
    padding: 10px;
    line-height: 21px;
    text-align: center
}

.width380 {
    width: 380px
}

.laymshade {
    background-color: rgba(0, 0, 0, .4)
}

.layermbox2 .layermcont i:first-child {
    background-color: #f40
}

.layermbox2 .layermcont i:nth-child(2) {
    background-color: #f60
}

.layermbox2 .layermcont i:nth-child(3) {
    background-color: #f90
}

.layermchild {
    position: relative;
    border-radius: 3px !important
}

.layermchild h3 {
    margin: 0;
    padding: 0 80px 0 20px;
    height: 50px;
    line-height: 50px;
    font-size: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #2e4158;
    padding-left: 30px;
    border-radius: 2px 2px 0 0;
    border-bottom: none
}

.layermend {
    animation-duration: .5s;
    transition: .5s;
    width: 26px;
    height: 28px;
    right: 10px
}

.layermend:focus {
    outline: none
}

.layermend:before {
    -ms-transform: rotate(-45deg)
}

.layermend:after {
    -ms-transform: rotate(45deg)
}

.layermend:after,
.layermend:before {
    background-color: #83828a;
    width: 16px
}

.layermend:hover {
    transform: rotate(180deg)
}

.layermbox0 .layermchild {
    width: 380px;
    max-width: 500px;
    min-height: 210px;
    border-radius: 3px
}

.layerBet.layermanim.layermchild,
.msg.layermanim.layermchild {
    width: inherit;
    min-width: 380px
}

.layermcont {
    text-align: center;
    padding: 0 20px;
    margin-top: 40px;
    margin-bottom: 65px;
    word-break: break-all;
    max-height: 500px;
    max-height: 60vh;
    overflow: auto
}

.layermbtn {
    border: none;
    bottom: 14px;
    position: absolute;
    width: 100%
}

.layermbtn:before {
    display: none
}

.layermbtn span[type="0"],
.layermbtn span[type="1"] {
    height: 30px;
    min-width: 85px;
    padding: 0 15px;
    background-color: #f1f1f1;
    color: #333;
    border-radius: 3px;
    margin: .5em .4em .5em 0;
    font-weight: 400;
    line-height: 29px;
    cursor: pointer;
    font-size: 14px;
    text-align: center;
    text-decoration: none;
    position: static;
    width: auto
}

.layermbtn span[type="0"]:hover,
.layermbtn span[type="1"]:hover {
    opacity: .9;
    text-decoration: none
}

.layermbtn span[type="1"] {
    color: #fff;
    border: none;
    background: #3e5779
}

.layerConfirm .layermcont,
.layermsg .layermcont,
.msgWarn .layermcont,
.url .layermcont {
    padding: 0 20px;
    margin-top: 30px;
    padding-bottom: 0;
    margin-bottom: 80px;
    max-height: 600px;
    overflow-x: hidden;
    overflow-y: auto
}

.imageReview {
    max-width: 90% !important;
    min-width: 100px !important;
    min-height: 100px !important
}

.imageReview .layermcont {
    padding: 20px
}

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

.msgWait {
    min-height: 50px !important;
    max-height: 50px !important;
    min-width: 160px !important;
    max-width: 270px !important;
    background-color: inherit !important;
    box-shadow: none
}

.msgWait .layermcont {
    padding: 15px 6px;
    background-color: inherit
}

.msgWait .layermcont .svgLoad {
    float: left;
    margin: -4px 5px 0 0
}

.msg {
    min-height: 60px !important;
    min-width: 250px !important
}

.msg .layermcont {
    margin: 25px 0 !important
}

.lotteryConfirm {
    width: 400px;
    min-height: 250px;
    background: #fff;
    text-align: left;
    font-size: 14px;
    line-height: 2.5;
    padding-left: 10px
}

.lotteryConfirm .textarea {
    border: 1px solid #ccc;
    padding: 5px;
    border-radius: 2px 5px;
    display: inline-block;
    font-size: 12px;
    width: 310px;
    height: 120px;
    overflow: auto;
    vertical-align: top
}

.lotteryConfirm .textarea p {
    margin: 0
}

.lotteryConfirm span {
    margin-right: 5px
}

.lotteryConfirm em em {
    color: red;
    margin: 5px
}

.chaseLayer {
    width: 420px;
    margin: 0;
    padding-left: 30px;
    margin-bottom: 35px
}

.code {
    border: 0;
    color: #e4393c;
    outline: none;
    width: 216px
}

.layermbox2 .layermchild[data-v-b50996b8] {
    box-shadow: none;
    background-color: inherit
}

.laymshade[data-v-b50996b8] {
    background-color: rgba(0, 0, 0, .05)
}

.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;
    margin-left: 10px;
    padding: 2px 7px;
    text-shadow: 1px 1px 1px #333;
    font-size: 13px;
    border-radius: 2px;
    color: #fff
}

.nav {
    background: #e4393c;
    clear: both;
    height: 70px;
}

.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: left
}

.navItem li {
    float: left;
    text-align: center;
    width: 100px
}

.navItem li a {
    display: block;
    font-size: 14px;
    color: #fff;
    padding: 0 10px;
    line-height: 40px
}

.navItem .curr a,
.navItem li a:hover {
    background: #f34649
}

.logoCon {
    background: #fff
}

.serviceLink {
    background: url(../images/service.gif);
    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-bottom: 5px
}

.messageShow dt p {
    width: 100px;
    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-top: 5px;
    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(http://imagess-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 #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;
    margin: 5px 15px
}

.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: 92px
}

.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: 96px;
    border-left: 1px solid #e85759;
    border-right: 1px solid #de2e31;
    background: #e4393c;
}

.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 #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 #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 #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 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: 0
}

.head3 .navItem li {
    width: 100px;
    position: relative
}


/* .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
} */

.head3 .navItem li:last-child:after {
    right: -32px
}

.head3 .navItem li:before {
    left: -32px
}

.head3 .navItem a {
    line-height: 60px;
    position: relative;
    font-size: 15px
}

.head3 .curr a,
.head3 .navItem a:hover {
    background: none !important;
    color: #fedf50
}

.head3 .serviceLink {
    float: right;
    margin-top: 17px;
    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
}

.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
}

#HeaderTop .serviceLink[data-v-d09273b0] {
    margin-top: 2px
}

.live #HeaderTop .serviceLink[data-v-d09273b0],
.lottery #HeaderTop .serviceLink[data-v-d09273b0] {
    margin-top: 8px
}

.betHeader[data-v-d09273b0] {
    margin-bottom: 15px
}

.betHeader .userName img[data-v-d09273b0] {
    height: 24px;
    width: 24px
}

.betHeader .snav[data-v-d09273b0] {
    background: #232323;
    color: #fff;
    height: 40px;
    line-height: 40px
}

.betHeader .snav a[data-v-d09273b0] {
    color: #fff
}

.betHeader .snav .accountList a[data-v-d09273b0],
.betHeader .snav .messageShow a[data-v-d09273b0] {
    color: #333
}

.betHeader .service[data-v-d09273b0] {
    margin-top: 7px
}

.betHeader .service span[data-v-d09273b0] {
    margin-top: -5px
}

.betHeader .snavInfo[data-v-d09273b0] {
    height: 40px
}

.betHeader .snavAll a[data-v-d09273b0]:first-child:after {
    cursor: pointer;
    content: "\8FD4\56DE\9996\9875";
    margin-left: 2px;
    font-family: Microsoft YaHei
}

.betHeader .snavAll a[data-v-d09273b0]:hover {
    color: #e4393c;
    text-decoration: underline
}

.HoverPay .accountList[data-v-d09273b0] {
    margin-left: -30px
}

.HoverPay .accountList a[data-v-d09273b0] {
    height: 24px;
    overflow: hidden
}

.body[data-v-2c0afcea] {
    position: relative
}

.cardBox[data-v-2c0afcea] {
    position: fixed;
    z-index: 119
}

.fade-enter-active[data-v-2c0afcea],
.fade-leave-active[data-v-2c0afcea] {
    transition: opacity .4s
}

.fade-enter[data-v-2c0afcea],
.fade-leave-active[data-v-2c0afcea] {
    opacity: 0
}

.spread {
    cursor: default
}

.footer[data-v-25745cf4] {
    width: 100%;
    overflow: hidden;
    background: #fff;
    box-sizing: border-box
}

.footer>div>p[data-v-25745cf4] {
    color: #999;
    margin: 0;
    margin: 10px 5px;
    text-align: center
}

.footer>div>p a[data-v-25745cf4] {
    color: #333;
    padding: 0 10px;
    line-height: 1.4;
    margin: 5px 0
}

.footer>div>p a[data-v-25745cf4]:first-child {
    padding-left: 0
}

.footer .container[data-v-25745cf4] {
    height: 100px
}

.footer .aboutText[data-v-25745cf4] {
    padding: 10px 0 20px
}

.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
}

.accountDetail a:hover,
.invitationCode table a:hover,
.invitationCode table span:hover,
.searchDetail .betNum+a:hover,
.searchDetail a:hover {
    text-decoration: underline
}

.mainColor {
    color: #e4393c
}

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

.containerUser {
    padding-top: 15px
}

.activitySort,
.helpCenter,
.lotterySort,
.otherSort,
.safeSort {
    background: #eee
}

.userRight {
    float: left;
    width: 840px;
    box-sizing: border-box;
    margin-left: 10px
}

.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
}

.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
}

.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 .now span,
.queue .right span {
    color: #4aa9db
}

.queue .now i {
    border: 3px solid #4aa9db;
    width: 10px;
    height: 10px
}

.userInput {
    height: 30px;
    line-height: 20px;
    padding: 5px;
    border: 1px solid #cecece;
    width: 233px;
    color: #666;
    margin: 10px 0
}

.userTip {
    border: 1px solid #f8e2b9;
    background: #fffdeb;
    color: #f46e00;
    padding: 0 10px;
    line-height: 24px
}

.userTip i:before {
    content: "\E60F";
    font-family: iconfont;
    font-style: normal;
    margin: 0 5px;
    font-size: 14px
}

.userTip p {
    margin: 10px !important
}

.submitContent ins {
    text-decoration: none
}

.submitContent ins .money {
    color: #e4393c;
    display: inline-block;
    font-size: 16px;
    font-weight: 700
}

.submitContent li {
    color: #000;
    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;
    margin-top: 8px
}

.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;
    background: #eee;
    vertical-align: middle;
    padding: 0;
    cursor: pointer;
    position: absolute;
    left: 288px;
    top: 11px;
    margin: 0
}

.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: 30px;
    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;
    -ms-appearance: none;
    -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
}

.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;
    padding: 16px 20px
}

.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;
    margin-top: 8px
}

.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 img {
    width: 100px;
    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
}

.quickPay .submitContent li:nth-child(2) span {
    font-weight: 700
}

.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(http://imagess-google.com/system/common/bank/ui-bank.png) no-repeat;
    border: 1px solid #fff;
    overflow: hidden;
    height: 30px;
    margin: 10px 0;
    width: 126px
}

.bankABC {
    background-position: 5px 0 !important
}

.bankBOC {
    background-position: 5px -75px !important
}

.bankCCB {
    background-position: 5px -146px !important
}

.bankCEB {
    background-position: 5px -180px !important
}

.bankCITIC {
    background-position: 5px -218px !important
}

.bankCMB {
    background-position: 5px -253px !important
}

.bankCMBC {
    background-position: 5px -290px !important
}

.bankBCM {
    background-position: 5px -326px !important
}

.bankGDB {
    background-position: 5px -434px !important
}

.bankHXBANK {
    background-position: 5px -470px !important
}

.bankICBC {
    background-position: 5px -543px !important
}

.bankPSBC {
    background-position: 5px -756px !important
}

.bankSPABANK {
    background-position: 5px -866px !important
}

.bankSPDB {
    background-position: 5px -902px !important
}

.bankCIB {
    background-position: 5px -1046px !important
}

.bankTENPAY {
    background-position: 5px -1084px !important
}

.bankYFB {
    background-position: 5px -1155px !important
}

.bankHX {
    background-position: -37px -1236px !important
}

.bankCRCC {
    background-position: -2px -1276px !important
}

.bankYZB {
    background-position: -2px -1305px !important
}

.banked {
    background: url(http://imagess-google.com/system/common/bank/ui-bank.png) 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
}

.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: 480px;
    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
}

.notice {
    position: fixed;
    bottom: 0;
    right: 0;
    width: 316px;
    background: rgba(0, 0, 0, .2);
    color: #fff;
    z-index: 100
}

.noticCon {
    margin: 8px;
    background: #fff
}

.noticCon h3 {
    background: #e4393c;
    margin: 0;
    padding: 5px 8px
}

.noticCon h3 a {
    position: absolute;
    right: 20px;
    color: #fff;
    font-size: 12px;
    transition-duration: .7s
}

.noticCon h3 a:hover {
    transform: rotate(180deg)
}

.noticCon>ul {
    text-align: center
}

.noticCon>ul a {
    color: #333
}

.noticCon>ul i:before {
    content: "\E615";
    font-family: iconfont;
    font-style: normal;
    color: #ff9600;
    font-size: 18px
}

.noticCon>ul li {
    padding: 10px;
    line-height: 1.4
}

.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
}

.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(http://imagess-google.com/system/common/bank/default.png) 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
}

.建设银行 {
    background: url(http://imagess-google.com/system/common/bank/CCB.png) no-repeat 0 !important
}

.农业银行 {
    background: url(http://imagess-google.com/system/common/bank/ABC.png) no-repeat 0 !important
}

.中国银行 {
    background: url(http://imagess-google.com/system/common/bank/BOC.png) no-repeat 0 !important
}

.光大银行 {
    background: url(http://imagess-google.com/system/common/bank/CEB.png) no-repeat 0 !important
}

.兴业银行 {
    background: url(http://imagess-google.com/system/common/bank/CIB.png) no-repeat 0 !important
}

.中信银行 {
    background: url(http://imagess-google.com/system/common/bank/CITIC.png) no-repeat 0 !important
}

.交通银行 {
    background: url(http://imagess-google.com/system/common/bank/BCM.png) no-repeat 0 !important
}

.招商银行 {
    background: url(http://imagess-google.com/system/common/bank/CMB.png) no-repeat 0 !important
}

.民生银行 {
    background: url(http://imagess-google.com/system/common/bank/CMBC.png) no-repeat 0 !important
}

.广发银行 {
    background: url(http://imagess-google.com/system/common/bank/GDB.png) no-repeat 0 !important
}

.华夏银行 {
    background: url(http://imagess-google.com/system/common/bank/HXBANK.png) no-repeat 0 !important
}

.工商银行 {
    background: url(http://imagess-google.com/system/common/bank/ICBC.png) no-repeat 0 !important
}

.邮政储蓄 {
    background: url(http://imagess-google.com/system/common/bank/PSBC.png) no-repeat 0 !important
}

.平安银行 {
    background: url(http://imagess-google.com/system/common/bank/SPABANK.png) no-repeat 0 !important
}

.浦发银行 {
    background: url(http://imagess-google.com/system/common/bank/SPDB.png) no-repeat 0 !important
}

.农商银行 {
    background: url(http://imagess-google.com/system/common/bank/CRCC.png) no-repeat 0 !important
}

.YZB {
    background: url(http://imagess-google.com/system/common/bank/YZB.png) no-repeat 0 !important
}

.wechat {
    background: url(http://imagess-google.com/system/common/bank/wechat.png) no-repeat 0 !important
}

.alipay {
    background: url(http://imagess-google.com/system/common/bank/alipay.png) no-repeat 0 !important
}

.qqpay {
    background: url(http://imagess-google.com/system/common/bank/qqpay.png) no-repeat 0 !important
}

.unionpay {
    background: url(http://imagess-google.com/system/common/bank/pay/card.png) no-repeat 0 !important
}

.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(http://imagess-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 {
    position: absolute !important;
    top: 136px !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: #fff
}

.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_6HC:before,
.L_FC3D:before,
.L_K3:before,
.L_KL8: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_6HC:after,
.L_FC3D:after,
.L_K3:after,
.L_KL8: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_more:before {
    content: "\E650";
    color: #fa7e00
}

.L_more:after {
    text-shadow: 0 .07em .1em rgba(250, 126, 0, .42)
}

.L_6HC:after {
    content: "\E65F";
    color: #07b39e
}

.L_6HC: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: 9px;
    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: 200px
}

.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 !important;
    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
}

.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 {
    margin: 30px 0
}

.rechargeMethod i {
    display: inline-block;
    background: url(../images/rechargeMethod.png) no-repeat !important;
    height: 50px;
    width: 72px;
    margin-right: 11px
}

.rechargeMethod .alipay {
    background-position: 0 -50px !important
}

.rechargeMethod .cup {
    background-position: 0 -100px !important;
    margin-right: 0
}

.technicalSupport {
    margin: 30px 0;
    position: relative
}

.technicalSupport img {
    float: left;
    width: 51px;
    height: 51px
}

.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: -25px
}

.technicalSupport:hover i {
    left: 260px;
    transition: 1s
}

.technicalSupport .technicalSupport-box {
    float: left;
    width: 105px
}

.technicalSupport .uulive img {
    width: 54px;
    height: 51px;
    display: inline-block;
    transform: translateY(0px)
}

.technicalSupport .uulivesee img {
    width: 51px;
    height: 51px;
    display: inline-block;
    transform: translateY(0px)
}


.InviteW {
    display: table;
    margin: 0 auto
}

.InviteW span {
    width: 110px
}

.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: normal
}

.htpContent table th {
    background: #f2f7ff
}

.htpContent .border {
    border: 1px solid #ccd3db;
    border-radius: 8px;
    padding: 15px
}

.htpHeader {
    height: 80px;
    background: url(http://imagess-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
}

.activityCon *,
.articleContent *,
.helpArtical *,
.htpContent *,
.msgCon * {
    font-family: Microsoft YaHei !important;
    font-size: 14px !important
}

.activityCon table *,
.articleContent table *,
.helpArtical table *,
.htpContent table *,
.msgCon table * {
    font-size: 12px !important
}

.activityCon p,
.articleContent p,
.helpArtical p,
.htpContent p,
.msgCon p {
    margin: 0 !important;
    padding: 0 !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
}

.plMore li+li {
    border-left: 1px dotted #d9d8d8
}

.plMore em {
    font-size: 18px
}

.plMore span {
    display: block
}

.yestodayWinning {
    margin: 5px 0;
    height: 152px;
    overflow: hidden;
}

.subnav {
    height: 460px;
    overflow: hidden;
}

.yestodayWinning tr {
    height: 55px;
    vertical-align: top
}

.ZJleft {
    border-bottom: 1px solid #dce1e5;
    line-height: 31px;
    width: 50%;
    text-align: center;
    height: 31px;
    display: inline-block
}

.PHright {
    border-bottom: 1px solid #dce1e5;
    line-height: 31px;
    width: 50%;
    text-align: center;
    height: 31px;
    display: inline-block;
    float: right;
    background: #f3f3f3;
}

.GGleft {
    border-bottom: 1px solid #dce1e5;
    line-height: 31px;
    width: 50%;
    text-align: center;
    height: 31px;
    display: inline-block
}

.XSright {
    border-bottom: 1px solid #dce1e5;
    line-height: 31px;
    width: 50%;
    text-align: center;
    height: 31px;
    display: inline-block;
    float: right;
    background: #f3f3f3;
    color: #0c0c0c;
    !important;
}

.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(http://imagess-google.com/system/pc/k3/ko1.png) no-repeat 50%
}

.yestodayWinning tr:nth-child(3) td:nth-child(3) {
    background: url(http://imagess-google.com/system/pc/k3/ko2.png) no-repeat 50%
}

.yestodayWinning tr:nth-child(4) td:nth-child(3) {
    background: url(http://imagess-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;
    font-size: 12px;
}

.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 {
    transition: .8s;
    transform: rotate(1turn)
}

.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: 508px;
    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: 60px;
    text-align: center
}

.betMoreList a:hover {
    color: #e4393c;
    text-decoration: underline
}

.betMoreList th {
    color: #333;
    font-size: 16px;
    border-bottom: 1px solid #e4e4e4;
    width: 92px;
    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: 12px !important
}

@font-face {
    font-family: iconfont;
    src: url("//at.alicdn.com/t/font_380332_z8260s51u06vquxr.eot");
    src: url("//at.alicdn.com/t/font_380332_z8260s51u06vquxr.eot?#iefix") format("embedded-opentype"), url("//at.alicdn.com/t/font_380332_z8260s51u06vquxr.woff") format("woff"), url("//at.alicdn.com/t/font_380332_z8260s51u06vquxr.ttf") format("truetype"), url("//at.alicdn.com/t/font_380332_z8260s51u06vquxr.svg#iconfont") format("svg")
}

body,
html {
    font: 12px/1.4 Microsoft YaHei, PingFang SC, Helvetica, Helvetica Neue, Tahoma, Arial, sans-serif;
    color: #14191e;
    min-width: 1000px
}

html {
    box-sizing: border-box
}

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

body {
    background: #fff;
    color: #5e5e5e;
    font: 12px/2em Microsoft YaHei, SimSun, Arial
}

textarea {
    resize: none
}

li,
ul {
    margin: 0;
    padding: 0
}

ul {
    list-style: none
}

a {
    text-decoration: none;
    cursor: pointer
}

a,
body {
    color: #666
}

em,
i {
    font-style: normal
}

ins {
    text-decoration: none
}

.banner .hd ul:after,
.banner .hd ul:before,
.bonusTable ul:after,
.bonusTable ul:before,
.fix:after,
.fix:before,
.safeList li:after,
.safeList li:before,
.winnerList li:after,
.winnerList li:before {
    content: "";
    display: table
}

.banner .hd ul:after,
.bonusTable ul:after,
.fix:after,
.safeList li:after,
.winnerList li:after {
    clear: both;
    overflow: hidden
}

.iconfont {
    font-family: iconfont
}

.textCenter {
    text-align: center
}

.mg30 {
    margin: 30px
}

.mgl20 {
    margin-left: 20px
}

.mglr30 {
    margin: 0 30px
}

.mgt40 {
    margin-top: 10px
}

.mgt15 {
    margin-top: 15px !important
}

.dpn {
    display: none !important
}

.dpb {
    display: block
}

.pt15 {
    padding-top: 15px
}

.pdr5 {
    padding-right: 5px
}

.pd30 {
    padding: 30px
}

.mgb10 {
    margin-bottom: 10px
}

.w90 {
    width: 90px !important
}

.h150 {
    height: 150px !important
}

.lh50 li a {
    line-height: 50px !important
}

.colMd4,
.colMd8 {
    float: left
}

.colMd4 {
    width: 33.33333333%
}

.colMd8 {
    width: 66.66666666%
}

.flr {
    float: right !important
}

input {
    border-radius: 2px
}

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

body {
    font-family: Microsoft YaHei
}

li {
    list-style: none
}

a {
    text-decoration: none
}

.pagination {
    position: relative
}

.pagination li {
    display: inline-block;
    margin: 0 5px
}

.pagination li a {
    padding: 0 10px;
    display: inline-block;
    border: 1px solid #ddd;
    background: #fff;
    color: #666
}

.pagination li a:hover {
    background: #eee
}

.pagination li.active a {
    color: #666;
    border: none;
    font-weight: 700
}

.selectIcon em {
    right: 8px;
    top: 5px
}

.title {
    position: relative;
    display: inline-block;
    width: 90px;
    height: 30px;
    line-height: 29px;
    background: #fff;
    text-align: center;
    border: 1px solid #cecece;
    padding-right: 14px
}

select {
    position: absolute;
    left: -1px;
    top: -1px;
    opacity: 0;
    z-index: 2
}

.iconLoadingCon {
    height: 175px;
    width: 150px;
    display: inline-block;
    position: relative
}

.iconLoadingCon img {
    width: 90px
}

.helpSlider {
    background: #fff;
    width: 200px;
    float: left;
    min-height: 500px
}

.helpSlider h2 {
    background-color: #e4393c;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    font-weight: 100;
    margin: 0
}

.helpMenu>li {
    border-top: 1px solid #eff0f1;
    line-height: 35px;
    font-size: 14px
}

.helpMenu>li a {
    padding-left: 25px;
    display: block
}

.helpMenu .curr a {
    color: #e4393c;
    border-left: 3px solid
}

.helpContent {
    width: 780px;
    float: left;
    background: #fff;
    min-height: 500px;
    margin-left: 20px;
    padding: 30px;
    box-sizing: border-box
}

.helpContent h4 {
    font-size: 18px;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #fce1e6;
    margin-top: 30px;
    color: #333;
    font-family: \\5FAE\8F6F\96C5\9ED1, Arial;
    margin: 0
}

.helpContent p {
    font-size: 14px;
    word-wrap: break-word
}

.helpArtical {
    margin-top: 5px
}

.helpArtical * {
    font-family: Microsoft YaHei !important;
    font-size: 12px
}

.helpArtical table {
    border: 1px solid #e6e6e6 !important
}

.helpArtical table strong {
    font-weight: 100
}

.helpArtical table tr:first-child td {
    background: #4393be;
    color: #fff;
    font-size: 14px !important
}

.helpArtical table tr:first-child td strong {
    font-size: 14px
}

.helpArtical table td {
    min-width: 80px;
    padding: 10px 0
}

body {
    background: #eee
}

.helpSlider {
    background: #fff;
    width: 200px;
    float: left;
    min-height: 500px
}

.helpSlider h2 {
    background-color: #e4393c;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    font-weight: 100;
    margin: 0
}

.helpMenu>li {
    border-top: 1px solid #eff0f1;
    line-height: 35px;
    font-size: 14px
}

.helpMenu>li a {
    padding-left: 25px;
    display: block
}

.helpMenu .curr a {
    color: #e4393c;
    border-left: 3px solid
}

.helpContent {
    width: 780px;
    float: left;
    background: #fff;
    min-height: 500px;
    margin-left: 20px;
    padding: 30px;
    box-sizing: border-box
}

.helpContent h4 {
    font-size: 18px;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #fce1e6;
    margin-top: 30px;
    color: #333;
    font-family: \\5FAE\8F6F\96C5\9ED1, Arial;
    margin: 0
}

.helpContent p {
    font-size: 14px;
    word-wrap: break-word
}

.helpArtical {
    margin-top: 5px
}

.helpArtical * {
    font-family: Microsoft YaHei !important;
    font-size: 12px
}

.helpArtical table {
    border: 1px solid #e6e6e6 !important
}

.helpArtical table strong {
    font-weight: 100
}

.helpArtical table tr:first-child td {
    background: #4393be;
    color: #fff;
    font-size: 14px !important
}

.helpArtical table tr:first-child td strong {
    font-size: 14px
}

.helpArtical table td {
    min-width: 80px;
    padding: 10px 0
}

body {
    background: #eee
}

.searchDetail table td em {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.searchDetail table {
    table-layout: fixed
}

.searchDetail table th:first-child {
    width: 140px
}

.searchDetail table th:nth-child(2) {
    width: 130px
}

.searchDetail table th:nth-child(3) {
    width: 110px
}

.searchDetail table th:nth-child(4) {
    width: 90px
}

.searchDetail table th:nth-child(5) {
    width: 148px
}

.searchDetail table th:nth-child(6) {
    width: 130px
}

.searchDetail table th:nth-child(7) {
    width: 80px
}

.layerBox {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 650px;
    height: 450px;
    margin-top: -210px;
    margin-left: -278px;
    background: #fff;
    z-index: 10000
}

.layerBg {
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    _position: absolute;
    pointer-events: auto;
    z-index: 999;
    background: #000;
    opacity: .3;
    filter: alpha(opacity=30)
}

.layui-layer-title {
    padding: 0 80px 0 20px;
    height: 50px;
    line-height: 50px;
    font-size: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #2e4158;
    padding-left: 30px;
    border-radius: 2px 2px 0 0
}

.layui-layer-setwin .layui-layer-close1 {
    background-position: 2px -39px;
    cursor: pointer;
    animation-duration: .5s;
    transition: .5s
}

.layui-layer-setwin {
    position: absolute;
    right: 15px;
    top: 7px;
    font-size: 0;
    line-height: normal
}

.close {
    display: block;
    width: 25px;
    height: 25px;
    top: 6px;
    position: relative
}

.close:after,
.close:before {
    content: "";
    position: absolute;
    top: 50%;
    width: 25px;
    height: 1px;
    background-color: #888;
    transform: rotate(45deg)
}

.close:after {
    transform: rotate(-45deg)
}

.articleTitle {
    font-size: 16px;
    color: #333;
    text-align: center
}

.articlePublishTime {
    font-size: 12px;
    text-align: center;
    border-bottom: 1px solid #ddd;
    padding-bottom: 5px
}

.articleContent,
.articleContent p,
.articleContent span {
    font-size: 14px !important;
    color: #333
}

.whereToSend {
    padding: 10px 0
}

.whereToSend i {
    font-size: 22px;
    padding-right: 5px;
    vertical-align: bottom
}

.whereToSend a {
    color: #666;
    border: 1px solid #ddd;
    padding: 6px 15px;
    float: right;
    margin-right: 10px;
    font-size: 14px;
    border-radius: 5px
}

.sendList table tr th {
    background: #f8f8f8;
    text-align: left;
    border-bottom: 1px solid #e3e3e3;
    font-size: 14px;
    font-weight: 400;
    color: #555;
    padding: 3px
}

.sendList table tr td {
    padding: 10px 3px;
    border-bottom: 1px dotted #e3e3e3;
    color: #666
}

.sendList table tr td a {
    margin: 0 5px;
    cursor: pointer;
    color: #333;
    font-weight: bolder
}

.sendList table tr td a:hover {
    color: #e4393c;
    text-decoration: underline
}

.sendList table tr td .read {
    color: inherit;
    font-weight: 400
}

.sendList table tr .td1 {
    text-align: center
}

.sendList table tr .td2 {
    width: 65%
}

.msgControl {
    padding: 10px
}

.msgControl input[type=checkbox] {
    cursor: pointer;
    vertical-align: middle;
    margin-right: 5px
}

.msgControl input[type=button] {
    background: #ccc;
    padding: 5px 10px;
    color: #666;
    border: 0;
    border-radius: 5px;
    margin: 0 5px
}

.msgControl input[type=button]:hover {
    background: #090;
    color: #fff
}

.msgDetail table {
    border-top: 1px solid #e3e3e3;
    border-left: 1px solid #e3e3e3
}

.msgDetail tr th {
    background: #f8f8f8;
    font-size: 14px;
    font-weight: 400;
    color: #555;
    padding: 8px
}

.msgDetail tr td,
.msgDetail tr th {
    text-align: center;
    border-bottom: 1px solid #e3e3e3;
    border-right: 1px solid #e3e3e3
}

.msgDetail tr td {
    padding: 5px
}

.msgCon {
    padding: 0 10px;
    margin-top: 10px;
    border-top: 1px dotted #ccc
}

.whereToSend {
    padding: 10px 0
}

.whereToSend i {
    font-size: 22px;
    padding-right: 5px;
    vertical-align: bottom
}

.whereToSend a {
    color: #666;
    border: 1px solid #ddd;
    padding: 6px 15px;
    float: right;
    margin-right: 10px;
    font-size: 14px;
    border-radius: 5px
}

.sendList table tr th {
    background: #f8f8f8;
    text-align: left;
    border-bottom: 1px solid #e3e3e3;
    font-size: 14px;
    font-weight: 400;
    color: #555;
    padding: 3px
}

.sendList table tr td {
    padding: 10px 3px;
    border-bottom: 1px dotted #e3e3e3;
    color: #666
}

.sendList table tr td a {
    margin: 0 5px;
    cursor: pointer;
    color: #333;
    font-weight: bolder
}

.sendList table tr td a:hover {
    color: #e4393c;
    text-decoration: underline
}

.sendList table tr td .read {
    color: inherit;
    font-weight: 400
}

.sendList table tr .td1 {
    text-align: center
}

.sendList table tr .td2 {
    width: 65%
}

.msgControl {
    padding: 10px
}

.msgControl input[type=checkbox] {
    cursor: pointer;
    vertical-align: middle;
    margin-right: 5px
}

.msgControl input[type=button] {
    background: #ccc;
    padding: 5px 10px;
    color: #666;
    border: 0;
    border-radius: 5px;
    margin: 0 5px
}

.msgControl input[type=button]:hover {
    background: #090;
    color: #fff
}

.msgDetail table {
    border-top: 1px solid #e3e3e3;
    border-left: 1px solid #e3e3e3
}

.msgDetail tr th {
    background: #f8f8f8;
    font-size: 14px;
    font-weight: 400;
    color: #555;
    padding: 8px
}

.msgDetail tr td,
.msgDetail tr th {
    text-align: center;
    border-bottom: 1px solid #e3e3e3;
    border-right: 1px solid #e3e3e3
}

.msgDetail tr td {
    padding: 5px
}

.msgCon {
    padding: 0 10px;
    margin-top: 10px;
    border-top: 1px dotted #ccc
}

.agentIntro {
    padding: 10px
}

.agentIntro em {
    color: #333
}

.agentIntro h3 {
    color: #e4393c;
    margin-bottom: 0
}

.agentIntro p {
    color: #666;
    margin-top: 5px
}

.whereToSend {
    padding: 10px 0
}

.whereToSend i {
    font-size: 22px;
    padding-right: 5px;
    vertical-align: bottom
}

.whereToSend a {
    color: #666;
    border: 1px solid #ddd;
    padding: 6px 15px;
    float: right;
    margin-right: 10px;
    font-size: 14px;
    border-radius: 5px
}

.sendList table tr th {
    background: #f8f8f8;
    text-align: left;
    border-bottom: 1px solid #e3e3e3;
    font-size: 14px;
    font-weight: 400;
    color: #555;
    padding: 3px
}

.sendList table tr td {
    padding: 10px 3px;
    border-bottom: 1px dotted #e3e3e3;
    color: #666
}

.sendList table tr td a {
    margin: 0 5px;
    cursor: pointer;
    color: #333;
    font-weight: bolder
}

.sendList table tr td a:hover {
    color: #e4393c;
    text-decoration: underline
}

.sendList table tr td .read {
    color: inherit;
    font-weight: 400
}

.sendList table tr .td1 {
    text-align: center
}

.sendList table tr .td2 {
    width: 65%
}

.msgControl {
    padding: 10px
}

.msgControl input[type=checkbox] {
    cursor: pointer;
    vertical-align: middle;
    margin-right: 5px
}

.msgControl input[type=button] {
    background: #ccc;
    padding: 5px 10px;
    color: #666;
    border: 0;
    border-radius: 5px;
    margin: 0 5px
}

.msgControl input[type=button]:hover {
    background: #090;
    color: #fff
}

.msgDetail table {
    border-top: 1px solid #e3e3e3;
    border-left: 1px solid #e3e3e3
}

.msgDetail tr th {
    background: #f8f8f8;
    font-size: 14px;
    font-weight: 400;
    color: #555;
    padding: 8px
}

.msgDetail tr td,
.msgDetail tr th {
    text-align: center;
    border-bottom: 1px solid #e3e3e3;
    border-right: 1px solid #e3e3e3
}

.msgDetail tr td {
    padding: 5px
}

.msgCon {
    padding: 0 10px;
    margin-top: 10px;
    border-top: 1px dotted #ccc
}

.wrapL {
    width: 232px;
    background: #fffdf3;
    border: 1px solid #e6c9a0;
    border-top: 3px solid #e6c9a0;
    float: left;
    height: 468px
}

.subnav li a {
    display: block;
    height: 100%
}

.subnav li img {
    width: 44px;
    height: 44px;
    vertical-align: middle
}

.subnav li .des,
.subnav li .sortName {
    margin-right: 5px;
    margin-bottom: 10px;
    vertical-align: top;
    font-size: 14px;
    color: #333;
    font-weight: 700
}

.subnav li .des {
    color: #999;
    font-size: 12px;
    font-weight: 100
}

.subnav li:hover {
    background: #fff9dd
}

.subnav li:hover i {
    transition: .5s;
    transform: rotate(1turn);
    transform-origin: 17px 25px
}

.subnav li {
    height: 46px;
    line-height: 46px;
    border-bottom: 1px dashed #ddd;
    padding: 0 8px
}

.subnav li i {
    font-size: 36px;
    margin: 0 5px;
    width: 38px;
    height: 38px;
    display: inline-block
}

.subnav li i:before {
    font-size: 34px;
    transform: translate(1px, -1px)
}

.subnav li:last-child {
    border: none
}

.wrapC {
    width: 488px;
    margin-left: 13px;
    float: left
}

.wrapC .banner {
    height: 251px;
    background: #eee;
    overflow: hidden
}

.main {
    width: 1000px;
    margin: 0 auto;
}

.wrapC .banner .hd ul {
    padding: 2px;
    border-radius: 10px
}

.wrapC .banner img {
    width: 488px;
    height: 250px
}

.autoTab {
    height: 204px;
    margin-top: 13px;
    border: 1px solid #d7e2f7;
    box-sizing: border-box
}

.wrapR {
    float: left;
    width: 252px;
    height: 472px;
    margin-left: 13px
}

.wrapR .slide {
    border: 1px solid #dce1e5;
    margin-top: 13px;
    height: 195px;
    overflow: hidden;
}

.wrapR .slide .help {
    height: 36px;
    background: #f8f8f8;
    border-top: 1px solid #dce1e5;
    line-height: 35px;
    color: #999;
    padding-left: 12px;
    text-align: left
}

.wrapR .slide .help a:hover {
    color: #e4393c;
    text-decoration: underline
}

.loginRegister {
    height: 44px
}

.loginRegister>a {
    display: inline-block;
    width: 119.5px;
    text-align: center;
    background: #fff9dd;
    line-height: 42px;
    color: #e4393c;
    font-size: 16px;
    font-weight: 700;
    border: 1px solid #ebd4b3;
    box-sizing: border-box;
    border-radius: 2px;
    float: left;
}

.loginRegister a i {
    padding-right: 5px
}

.loginRegister a+a {
    margin-left: 13px
}

.loginRegister a:hover {
    background: #f9f0c0
}

.slide h6,
.winningList h6 {
    margin: 0;
    padding: 0 8px;
    line-height: 30px;
    border-bottom: 1px solid #eee;
    font-size: 14px
}

.winningList {
    margin-top: 13px;
    border: 1px solid #dce1e5;
    height: 204px;
    overflow: hidden
}

.winningList .tempWrap {
    padding: 15px 0
}

.winningList .winnerList {
    margin-top: -7px !important
}

.winningList .winnerList li {
    padding: 6px 15px
}

.winningList .winnerList li:hover {
    background: #fbfbfb
}

.logined {
    padding: 0 15px;
    height: 44px;
    background: #fffdf3;
    border-radius: 2px;
    border: 1px solid #ebd4b3;
    border-top: 3px solid #ebd4b3;
    position: relative
}

.logined h3 {
    line-height: 26px;
    text-align: center;
    margin: 7px
}

.logined h3 i {
    color: #e4393c;
    font-size: 16px
}

.logined h3 b {
    color: #36c
}

.logined>a {
    width: 45px;
    height: 15px;
    display: inline-block;
    cursor: pointer;
    border: none;
    position: absolute;
    z-index: 2;
    top: 6px;
    right: 10px;
    line-height: 15px;
    padding-left: 5px;
    border-radius: 2px
}

.logined>a em {
    color: #fffdf3
}

.logined>a:hover {
    background: #d8d8d8;
    color: #fff
}

.cqssc .a,
.cqssc .number,
.cqssc img {
    float: left
}

.cqssc .number {}

.cqssc .number em {
    display: inline-block;
    background: url(https://images.imags-google.com/system/pc/k3/open_num.png);
    width: 60px;
    height: 60px;
    vertical-align: middle
}

.cqssc a {
    margin-top: 51px;
    margin-left: 32px
}

.text {
    margin-top: 20px
}

.text i {
    color: red;
    margin: 0 3px
}

.text span {
    margin-right: 14px
}

.text span:last-child {
    margin: 0
}

.text a {
    display: inline-block;
    width: 18px;
    height: 18px;
    line-height: 18px;
    color: #fff;
    background: #ff9726;
    border-radius: 2px;
    margin-right: 6px
}

.text a+a {
    background: #5691d7
}

.sh11x5 em {
    font-size: 25px !important
}

.dice {
    margin-top: 32px
}

.dice span {
    display: inline-block;
    background: url(http://imagess-google.com/system/pc/k3/open_num.png);
    width: 60px;
    height: 60px;
    vertical-align: middle
}

.dice i {
    font-size: 25px;
    vertical-align: middle;
    color: #999;
    margin: 10px
}

.dice em {
    font-size: 25px;
    color: #333;
    vertical-align: middle;
    margin: 3px
}

.slideTxtBox p {
    text-align: center
}

.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"
}

.personalInfo {
    margin: 30px 20px;
    margin-bottom: 0;
    float: left;
    min-width: 450px;
    margin-left: 8px
}

.personalInfo .diyselect {
    width: 73px
}

.selectHeadImg {
    display: inline-block;
    position: relative;
    float: left;
    margin: 30px;
    margin-right: 0;
    width: 100px
}

.selectHeadImg a {
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    display: inline-block;
    width: 100%;
    background: rgba(0, 0, 0, .16);
    line-height: 25px;
    color: #fff
}

.selectHeadImg a:hover {
    background: rgba(0, 0, 0, .5)
}

.headImgList {
    width: 657px;
    height: 100%;
    overflow: hidden
}

.headImgListTitle {
    background: #d7d7d7;
    font-size: 14px;
    padding: 0 10px;
    line-height: 34px
}

.headImgListTitle a {
    float: right;
    background-position: 4px -36px;
    position: relative;
    width: 20px;
    height: 20px;
    margin: 7px 0
}

.headImgContent {
    float: left;
    width: 430px;
    padding: 5px;
    height: 350px;
    overflow: hidden
}

.headImgContent .curr img {
    border: 1px solid #53a8f1;
    box-shadow: 0 0 5px #53a8f1
}

.headImgContent a {
    display: block;
    float: left;
    padding: 5px;
    line-height: 0
}

.headImgContent a:hover img {
    border: 1px solid #53a8f1;
    box-shadow: 0 0 5px #53a8f1
}

.headImgContent img {
    width: 60px;
    height: 60px;
    border: 1px solid #b1bac5;
    border-radius: 3px
}

.headImgView {
    float: left;
    width: 196px;
    text-align: center;
    padding-top: 15px;
    margin-left: 14px
}

.headImgView img {
    width: 102px;
    height: 102px;
    border: 1px solid #b1bac5;
    border-radius: 3px
}

.headImgView h5,
.headImgView p {
    margin: 0
}

.headImgView h5 {
    font-size: 14px
}

.headImgView .button {
    margin-top: 136px
}

.headImgView .button a {
    line-height: 25px;
    height: 25px
}

.headImgView .button a:last-child {
    margin: 0
}

.cancel {
    background: #d6d6d6 !important;
    color: #666 !important
}

.cancel:hover {
    background: #c5c5c5 !important
}

.headImg {
    vertical-align: top;
    width: 100px;
    height: 100px;
    border-radius: 3px
}

.evCall {
    clear: both
}

.evCall .levelBar {
    margin: 10px 30px;
    width: 80%;
    height: 48px
}

.evCall h6 {
    margin: 0 30px
}

.evCall table {
    table-layout: fixed;
    margin: 0 30px;
    text-align: center;
    margin-bottom: 30px
}

.evCall table td,
.evCall table th {
    border: 1px solid #e6e6e6;
    height: 32px
}

.evCall table th {
    background-color: #f2f7ff
}

.evCallInfo {
    float: left;
    margin: 25px 30px;
    line-height: 22px;
    margin-bottom: 30px
}

.evCallInfo em {
    letter-spacing: 12px
}

.levelBar {
    clear: both;
    position: relative;
    margin-bottom: 18px
}

.levelBar .BTN {
    background-color: #e74a4a;
    border-color: #b91616;
    border-bottom: .25em solid #b91616 !important
}

.levelBar .u-progress ins {
    display: block;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.levelBar p {
    margin: 0
}

.levelBar>em {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    height: 16px;
    text-align: center;
    font-size: 14px;
    line-height: 16px;
    color: #fff
}

.levelBarInfo {
    position: relative;
    margin: 2px 0
}

.levelBarInfo p {
    text-align: center
}

.levelBarInfo em,
.levelBarInfo i {
    position: absolute;
    top: 6px;
    line-height: 15px;
    text-align: center;
    font-size: 14px
}

.levelBarInfo>em {
    left: 0
}

.levelBarInfo>i {
    right: 0
}

.u-progress {
    height: 16px;
    position: relative;
    border-radius: 8px;
    background: #ddd;
    overflow: hidden
}

.u-progress .pgbar,
.u-progress .pging {
    display: block;
    width: 100%;
    background: linear-gradient(90deg, #fd7430 0, #e4393c);
    height: 16px;
    border-radius: 8px 0 0 8px
}

.pging {
    position: relative
}

.agentIntroDes {
    color: #333
}

.personalInfo {
    width: 670px;
    margin-left: -11px
}

.selected {
    height: 30px;
    width: 65px;
    padding: 0;
    line-height: 30px
}

.personalInfo {
    margin: 30px 20px;
    margin-bottom: 0;
    float: left;
    min-width: 450px;
    margin-left: 8px
}

.personalInfo .diyselect {
    width: 73px
}

.selectHeadImg {
    display: inline-block;
    position: relative;
    float: left;
    margin: 30px;
    margin-right: 0;
    width: 100px
}

.selectHeadImg a {
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    display: inline-block;
    width: 100%;
    background: rgba(0, 0, 0, .16);
    line-height: 25px;
    color: #fff
}

.selectHeadImg a:hover {
    background: rgba(0, 0, 0, .5)
}

.headImgList {
    width: 657px;
    height: 100%;
    overflow: hidden
}

.headImgListTitle {
    background: #d7d7d7;
    font-size: 14px;
    padding: 0 10px;
    line-height: 34px
}

.headImgListTitle a {
    background-position: 4px -36px;
    width: 20px;
    height: 20px;
    margin: 7px 0
}

.headImgContent {
    float: left;
    width: 430px;
    padding: 5px;
    height: 350px;
    overflow: hidden
}

.headImgContent .curr img {
    border: 1px solid #53a8f1;
    box-shadow: 0 0 5px #53a8f1
}

.headImgContent a {
    display: block;
    float: left;
    padding: 5px;
    line-height: 0
}

.headImgContent a:hover img {
    border: 1px solid #53a8f1;
    box-shadow: 0 0 5px #53a8f1
}

.headImgContent img {
    width: 60px;
    height: 60px;
    border: 1px solid #b1bac5;
    border-radius: 3px
}

.headImgView {
    float: left;
    width: 196px;
    text-align: center;
    padding-top: 15px;
    margin-left: 14px
}

.headImgView img {
    width: 102px;
    height: 102px;
    border: 1px solid #b1bac5;
    border-radius: 3px
}

.headImgView h5,
.headImgView p {
    margin: 0
}

.headImgView h5 {
    font-size: 14px
}

.headImgView .button {
    margin-top: 136px
}

.headImgView .button a {
    line-height: 25px;
    height: 25px
}

.headImgView .button a:last-child {
    margin: 0
}

.cancel {
    background: #d6d6d6 !important;
    color: #666 !important
}

.cancel:hover {
    background: #c5c5c5 !important
}

.headImg {
    vertical-align: top;
    width: 100px;
    height: 100px;
    border-radius: 3px
}

.evCall {
    clear: both
}

.evCall .levelBar {
    margin: 10px 30px;
    width: 80%;
    height: 48px
}

.evCall h6 {
    margin: 0 30px
}

.evCall table {
    table-layout: fixed;
    margin: 0 30px;
    text-align: center;
    margin-bottom: 30px
}

.evCall table td,
.evCall table th {
    border: 1px solid #e6e6e6;
    height: 32px
}

.evCall table th {
    background-color: #f2f7ff
}

.evCallInfo {
    float: left;
    margin: 25px 30px;
    line-height: 22px;
    margin-bottom: 30px
}

.evCallInfo em {
    letter-spacing: 12px
}

.levelBar {
    clear: both;
    position: relative;
    margin-bottom: 18px
}

.levelBar .BTN {
    background-color: #e74a4a;
    border-color: #b91616;
    border-bottom: .25em solid #b91616 !important
}

.levelBar .u-progress ins {
    display: block;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.levelBar p {
    margin: 0
}

.levelBar>em {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    height: 16px;
    text-align: center;
    font-size: 14px;
    line-height: 16px;
    color: #fff
}

.levelBarInfo {
    position: relative;
    margin: 2px 0
}

.levelBarInfo p {
    text-align: center
}

.levelBarInfo em,
.levelBarInfo i {
    position: absolute;
    top: 6px;
    line-height: 15px;
    text-align: center;
    font-size: 14px
}

.levelBarInfo>em {
    left: 0
}

.levelBarInfo>i {
    right: 0
}

.u-progress {
    height: 16px;
    position: relative;
    border-radius: 8px;
    background: #ddd;
    overflow: hidden
}

.u-progress .pgbar,
.u-progress .pging {
    display: block;
    width: 100%;
    background: linear-gradient(90deg, #fd7430 0, #e4393c);
    height: 16px;
    border-radius: 8px 0 0 8px
}

.pging {
    position: relative
}

.agentIntroDes {
    color: #333
}

.slider-con {
    width: 1680px;
    transition: .3s
}

.item-page {
    width: 420px;
    float: left
}

.point {
    width: 430px;
    height: 10px;
    position: absolute;
    bottom: 16px;
    text-align: center
}

.point a {
    display: inline-block;
    width: 8px;
    height: 8px;
    background: #e0e0e0;
    border-radius: 50%;
    margin: 0 3px
}

.point .curr {
    background: #b1b0b0
}

.pageNum0 {
    transform: translateX(0)
}

.pageNum1 {
    transform: translateX(-420px)
}

.pageNum2 {
    transform: translateX(-840px)
}

.pageNum3 {
    transform: translateX(-1260px)
}

.layerBox {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 657px;
    height: 412px;
    margin-top: -210px;
    margin-left: -278px;
    background: #fff;
    z-index: 10000
}

.layerBg {
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    _position: absolute;
    pointer-events: auto;
    z-index: 999;
    background: #000;
    opacity: .3;
    filter: alpha(opacity=30)
}

.close {
    width: 25px;
    height: 25px;
    position: relative
}

.headImgListTitle a {
    float: right;
    position: relative;
    margin: 7px 6px
}

.close:after,
.close:before {
    content: "";
    position: absolute;
    top: 50%;
    width: 25px;
    height: 1px;
    background-color: #888;
    transform: rotate(45deg)
}

.close:after {
    transform: rotate(-45deg)
}

.headImgView .BuTop {
    margin-top: 130px
}

.LIWidth {
    width: 557px
}

.IContent {
    width: 360px
}

.personalInfo {
    margin: 30px 20px;
    margin-bottom: 0;
    float: left;
    min-width: 450px;
    margin-left: 8px
}

.personalInfo .diyselect {
    width: 73px
}

.selectHeadImg {
    display: inline-block;
    position: relative;
    float: left;
    margin: 30px;
    margin-right: 0;
    width: 100px
}

.selectHeadImg a {
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    display: inline-block;
    width: 100%;
    background: rgba(0, 0, 0, .16);
    line-height: 25px;
    color: #fff
}

.selectHeadImg a:hover {
    background: rgba(0, 0, 0, .5)
}

.headImgList {
    width: 657px;
    height: 100%;
    overflow: hidden
}

.headImgListTitle {
    background: #d7d7d7;
    font-size: 14px;
    padding: 0 10px;
    line-height: 34px
}

.headImgListTitle a {
    float: right;
    background-position: 4px -36px;
    position: relative;
    width: 20px;
    height: 20px;
    margin: 7px 0
}

.headImgContent {
    float: left;
    width: 430px;
    padding: 5px;
    height: 350px;
    overflow: hidden
}

.headImgContent .curr img {
    border: 1px solid #53a8f1;
    box-shadow: 0 0 5px #53a8f1
}

.headImgContent a {
    display: block;
    float: left;
    padding: 5px;
    line-height: 0
}

.headImgContent a:hover img {
    border: 1px solid #53a8f1;
    box-shadow: 0 0 5px #53a8f1
}

.headImgContent img {
    width: 60px;
    height: 60px;
    border: 1px solid #b1bac5;
    border-radius: 3px
}

.headImgView {
    float: left;
    width: 196px;
    text-align: center;
    padding-top: 15px;
    margin-left: 14px
}

.headImgView img {
    width: 102px;
    height: 102px;
    border: 1px solid #b1bac5;
    border-radius: 3px
}

.headImgView h5,
.headImgView p {
    margin: 0
}

.headImgView h5 {
    font-size: 14px
}

.headImgView .button {
    margin-top: 136px
}

.headImgView .button a {
    line-height: 25px;
    height: 25px
}

.headImgView .button a:last-child {
    margin: 0
}

.cancel {
    background: #d6d6d6 !important;
    color: #666 !important
}

.cancel:hover {
    background: #c5c5c5 !important
}

.headImg {
    vertical-align: top;
    width: 100px;
    height: 100px;
    border-radius: 3px
}

.evCall {
    clear: both
}

.evCall .levelBar {
    margin: 10px 30px;
    width: 80%;
    height: 48px
}

.evCall h6 {
    margin: 0 30px
}

.evCall table {
    table-layout: fixed;
    margin: 0 30px;
    text-align: center;
    margin-bottom: 30px
}

.evCall table td,
.evCall table th {
    border: 1px solid #e6e6e6;
    height: 32px
}

.evCall table th {
    background-color: #f2f7ff
}

.evCallInfo {
    float: left;
    margin: 25px 30px;
    line-height: 22px;
    margin-bottom: 30px
}

.evCallInfo em {
    letter-spacing: 12px
}

.levelBar {
    clear: both;
    position: relative;
    margin-bottom: 18px
}

.levelBar .BTN {
    background-color: #e74a4a;
    border-color: #b91616;
    border-bottom: .25em solid #b91616 !important
}

.levelBar .u-progress ins {
    display: block;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.levelBar p {
    margin: 0
}

.levelBar>em {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    height: 16px;
    text-align: center;
    font-size: 14px;
    line-height: 16px;
    color: #fff
}

.levelBarInfo {
    position: relative;
    margin: 2px 0
}

.levelBarInfo p {
    text-align: center
}

.levelBarInfo em,
.levelBarInfo i {
    position: absolute;
    top: 6px;
    line-height: 15px;
    text-align: center;
    font-size: 14px
}

.levelBarInfo>em {
    left: 0
}

.levelBarInfo>i {
    right: 0
}

.u-progress {
    height: 16px;
    position: relative;
    border-radius: 8px;
    background: #ddd;
    overflow: hidden
}

.u-progress .pgbar,
.u-progress .pging {
    display: block;
    width: 100%;
    background: linear-gradient(90deg, #fd7430 0, #e4393c);
    height: 16px;
    border-radius: 8px 0 0 8px
}

.pging {
    position: relative
}

.agentIntroDes {
    color: #333
}

.personalInfo {
    width: 670px;
    margin-left: -11px
}

.tabli {
    width: 100%
}

table {
    border-collapse: collapse
}

.containerUser {
    position: relative
}

.selected {
    width: 90%
}

.citycolor {
    color: #666
}

.containerUser {
    position: relative
}

._citys {
    background: #fff;
    width: 470px;
    position: absolute;
    top: 186px;
    left: 333px;
    display: block;
    border: 2px solid #eee;
    padding: 5px
}

._citys span {
    color: #56b4f8;
    height: 15px;
    width: 15px;
    line-height: 11px;
    text-align: center;
    border-radius: 3px;
    position: absolute;
    right: 10px;
    top: 10px;
    border: 1px solid #56b4f8;
    cursor: pointer
}

._citys0 {
    width: 100%;
    height: 34px;
    display: inline-block;
    border-bottom: 2px solid #56b4f8;
    padding: 0;
    margin: 0
}

._citys0 li {
    display: inline-block;
    line-height: 34px;
    font-size: 15px;
    color: #888;
    width: 80px;
    text-align: center;
    cursor: pointer
}

.citySel {
    background-color: #56b4f8;
    color: #fff !important
}

._citys1 {
    width: 100%;
    display: inline-block;
    padding: 10px 0
}

._citys1 a {
    width: 83px;
    height: 35px;
    display: inline-block;
    background-color: #f5f5f5;
    color: #666;
    margin-left: 6px;
    margin-top: 3px;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    font-size: 13px;
    overflow: hidden
}

._citys1 a:hover {
    color: #fff;
    background-color: #56b4f8
}

.AreaS {
    background-color: #56b4f8 !important;
    color: #fff !important
}

.activity {
    box-sizing: border-box
}

.activity .show a i {
    transform: rotate(180deg)
}

.activity .floor:first-child {
    margin-top: 15px
}

.floor {
    background: #fff;
    box-shadow: 0 4px 8px #c7c7c7;
    padding: 15px
}

.floor .floorTitleImg {
    float: left;
    width: 970px;
    height: 170px
}

.floor .floorRright {
    float: left;
    width: 290px;
    padding: 0 15px;
    box-sizing: border-box
}

.floor .floorRright h2 {
    font-size: 28px;
    font-weight: 100;
    margin: 0;
    color: #e4393c;
    line-height: 30px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%
}

.floor .floorRright p {
    font-size: 14px;
    padding: 12px 0;
    height: 72px
}

.floor .floorRright a {
    font-size: 18px;
    display: block;
    line-height: 40px;
    width: 120px;
    background: #e4393c;
    color: #fff;
    border-radius: 4px;
    text-align: center;
    padding-right: 18px;
    box-sizing: border-box;
    margin-top: 55px;
}

.floor .floorRright a i {
    position: absolute;
    margin-top: 15px;
    margin-left: 8px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 8px solid #f09394;
    transition: .1s
}

.floorDetail {}

.floorDetail p {
    margin: 10px 0;
    font-size: 14px;
    word-wrap: break-word
}

.floorDetail table {
    text-align: center;
    table-layout: fixed
}

.floorDetail table th {
    background-color: #4393be;
    color: #fff;
    font-weight: 100
}

.floorDetail table td,
.floorDetail table th {
    border: 1px solid #e6e6e6;
    height: 40px;
    font-size: 14px
}

.floorLine {
    background: url(http://imagess-google.com/system/pc/activity/activityShaw.png) no-repeat;
    width: 100%;
    height: 15px;
    padding: 0 3px;
    margin-left: -3px
}

.floorDetail em,
.floorDetail i {
    font-size: 14px
}

.floorDetail em {
    margin-right: 15px
}

.floorDetail i {
    color: #f76727
}

.floorDetail a {
    font-size: 16px;
    color: #fff;
    background: #e4393c;
    border-radius: 4px;
    padding: 7px 18px
}

.floorDetail h3 {
    display: block;
    background: #d2dbe0;
    width: 84px;
    text-align: center;
    line-height: 28px;
    font-size: 14px;
    margin-top: 30px
}

.floorDetail h3 i {
    display: inline-block;
    border-top: 14px solid transparent;
    border-bottom: 14px solid transparent;
    border-left: 10px solid #d2dbe0;
    position: absolute;
    margin-left: 14px
}

.floorDetail .disable {
    background: #d6d6d6;
    color: #999
}

.tbplus {
    position: relative;
    width: 145px
}

.tbplus em {
    position: absolute;
    right: -10px;
    top: -2px;
    font-size: 14px
}

.tbplus ins {
    border-bottom: 1px solid #7fbbdc;
    position: absolute;
    width: 147px;
    transform: rotate(15.2deg);
    left: -1px;
    top: 19px
}

.tbplus i {
    position: absolute;
    left: 12px;
    bottom: 3px;
    color: #fff
}

.showDetail {
    cursor: pointer
}

.activity[data-v-0fdda248] {
    box-sizing: border-box
}

.activity .show a i[data-v-0fdda248] {
    transform: rotate(180deg)
}

.activity .floor[data-v-0fdda248]:first-child {
    margin-top: 15px
}

.floor[data-v-0fdda248] {
    background: #fff;
    box-shadow: 0 4px 8px #c7c7c7;
    padding: 15px
}

.floor .floorTitleImg[data-v-0fdda248] {
    float: left;
    width: 680px;
    height: 170px
}

.floor .floorRright[data-v-0fdda248] {
    float: left;
    width: 290px;
    padding: 0 15px;
    box-sizing: border-box
}

.floor .floorRright h2[data-v-0fdda248] {
    font-size: 28px;
    font-weight: 100;
    margin: 0;
    color: #e4393c;
    line-height: 30px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%
}

.floor .floorRright p[data-v-0fdda248] {
    font-size: 14px;
    padding: 12px 0;
    height: 72px
}

.floor .floorRright a[data-v-0fdda248] {
    font-size: 18px;
    display: block;
    line-height: 40px;
    width: 120px;
    background: #e4393c;
    color: #fff;
    border-radius: 4px;
    text-align: center;
    padding-right: 18px;
    box-sizing: border-box
}

.floor .floorRright a i[data-v-0fdda248] {
    position: absolute;
    margin-top: 15px;
    margin-left: 8px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 8px solid #f09394;
    transition: .1s
}

.floorDetail[data-v-0fdda248] {}

.floorDetail[data-v-0fdda248] p {
    width: 100%;
}

.floorDetail[data-v-0fdda248] p img {
    width: 100%;
}

.floorDetail p[data-v-0fdda248] {
    margin: 10px 0;
    font-size: 14px;
    word-wrap: break-word
}

.floorDetail table[data-v-0fdda248] {
    text-align: center;
    table-layout: fixed
}

.floorDetail table th[data-v-0fdda248] {
    background-color: #4393be;
    color: #fff;
    font-weight: 100
}

.floorDetail table td[data-v-0fdda248],
.floorDetail table th[data-v-0fdda248] {
    border: 1px solid #e6e6e6;
    height: 40px;
    font-size: 14px
}

.floorLine[data-v-0fdda248] {
    background: url(http://imagess-google.com/system/pc/activity/activityShaw.png) no-repeat;
    width: 100%;
    height: 15px;
    padding: 0 3px;
    margin-left: -3px
}

.floorDetail em[data-v-0fdda248],
.floorDetail i[data-v-0fdda248] {
    font-size: 14px
}

.floorDetail em[data-v-0fdda248] {
    margin-right: 15px
}

.floorDetail i[data-v-0fdda248] {
    color: #f76727
}

.floorDetail a[data-v-0fdda248] {
    font-size: 16px;
    color: #fff;
    background: #e4393c;
    border-radius: 4px;
    padding: 7px 18px
}

.floorDetail h3[data-v-0fdda248] {
    display: block;
    background: #d2dbe0;
    width: 84px;
    text-align: center;
    line-height: 28px;
    font-size: 14px;
    margin-top: 30px
}

.floorDetail h3 i[data-v-0fdda248] {
    display: inline-block;
    border-top: 14px solid transparent;
    border-bottom: 14px solid transparent;
    border-left: 10px solid #d2dbe0;
    position: absolute;
    margin-left: 14px
}

.floorDetail .disable[data-v-0fdda248] {
    background: #d6d6d6;
    color: #999
}

.tbplus[data-v-0fdda248] {
    position: relative;
    width: 145px
}

.tbplus em[data-v-0fdda248] {
    position: absolute;
    right: -10px;
    top: -2px;
    font-size: 14px
}

.tbplus ins[data-v-0fdda248] {
    border-bottom: 1px solid #7fbbdc;
    position: absolute;
    width: 147px;
    transform: rotate(15.2deg);
    left: -1px;
    top: 19px
}

.tbplus i[data-v-0fdda248] {
    position: absolute;
    left: 12px;
    bottom: 3px;
    color: #fff
}

.showDetail[data-v-0fdda248] {
    cursor: pointer
}

.plCon[data-v-62036222] {
    margin: 15px
}

.plCon .balance[data-v-62036222] {
    width: 282px;
    height: 90px
}

.plCon .balance span[data-v-62036222] {
    font-size: 30px;
    color: #e4393c;
    font-family: arial
}

.plCon .balance span i[data-v-62036222] {
    font-family: \\5FAE\8F6F\96C5\9ED1;
    font-size: 26px
}

.plCon .balance p[data-v-62036222] {
    margin: 10px 0
}

.plCon .balance p a[data-v-62036222] {
    border-radius: 4px;
    border: 1px solid #ddd;
    margin: 0 3px;
    padding: 2px 10px
}

.plCon .balance p a[data-v-62036222]:nth-child(2) {
    margin-left: 28px
}

.plCon .balance p i[data-v-62036222] {
    font-size: 16px;
    margin-right: 5px
}

.plCon .calculate[data-v-62036222],
.plCon .plTotal[data-v-62036222] {
    width: 239px;
    height: 90px
}

.plCon .calculate .iconfont[data-v-62036222],
.plCon .plTotal .iconfont[data-v-62036222] {
    color: #fff;
    background: #fb4046;
    padding: 16px;
    font-size: 28px;
    display: block;
    height: 60px;
    width: 60px;
    border-radius: 4px;
    line-height: 28px;
    float: left
}

.plCon .calculate .detail[data-v-62036222],
.plCon .plTotal .detail[data-v-62036222] {
    display: block;
    width: 145px;
    height: 50px;
    float: left;
    padding-left: 10px;
    line-height: 1.4
}

.plCon .calculate .detail p[data-v-62036222],
.plCon .plTotal .detail p[data-v-62036222] {
    margin: 0;
    margin-left: 10px
}

.plCon .calculate .detail em[data-v-62036222],
.plCon .plTotal .detail em[data-v-62036222] {
    font-size: 28px;
    color: #e4393c;
    font-family: arial;
    line-height: 2
}

.plCon .calculate .detail em i[data-v-62036222],
.plCon .plTotal .detail em i[data-v-62036222] {
    font-family: \\5FAE\8F6F\96C5\9ED1;
    font-size: 24px
}

.plCon .calculate .detail ins[data-v-62036222],
.plCon .plTotal .detail ins[data-v-62036222] {
    margin-left: 10px;
    color: #e4393c;
    display: block;
    margin-top: 18px
}

.plCon .balance[data-v-62036222],
.plCon .calculate[data-v-62036222],
.plCon .plTotal[data-v-62036222] {
    float: left;
    padding: 15px
}

.plCon>div+div[data-v-62036222] {
    margin-left: 15px
}

.balance[data-v-62036222],
.calculate[data-v-62036222],
.plMore[data-v-62036222],
.plTotal[data-v-62036222] {
    border: 1px solid #ddd;
    border-radius: 6px
}

.balance[data-v-62036222] {
    white-space: nowrap
}

.proxyTitle[data-v-4a4ddd95] {
    padding: 20px;
    font-size: 14px
}

.proxyTitle i[data-v-4a4ddd95] {
    color: #e4393c;
    font-weight: 700
}

.proxySortInfo[data-v-4a4ddd95] {
    padding: 20px
}

.proxySortInfo li[data-v-4a4ddd95] {
    float: left;
    width: 153px;
    height: 56px;
    padding-top: 4px;
    border-right: 1px solid #e3e3e3;
    text-align: center
}

.proxySortInfo li span[data-v-4a4ddd95] {
    display: block;
    font-size: 24px;
    color: #090
}

.code_cont .plMore[data-v-4a4ddd95] {
    table-layout: fixed;
    width: 808px
}

.code_cont .plMore em[data-v-4a4ddd95] {
    color: #4aa9db
}

.userTip[data-v-4a4ddd95] {
    margin: 0 15px
}

.xem {
    width: 50px;
    overflow: hidden;
    height: 27px;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
    display: inline-block
}

.layerMsg[data-v-4986d4af] {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 380px;
    height: 216px;
    margin-top: -210px;
    margin-left: -190px;
    background: #fff;
    z-index: 10000
}

.layerBg[data-v-4986d4af] {
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    _position: absolute;
    pointer-events: auto;
    z-index: 999;
    background: #000;
    opacity: .3;
    filter: alpha(opacity=30)
}

.layui-layer-title[data-v-4986d4af] {
    padding: 0 80px 0 20px;
    height: 50px;
    line-height: 50px;
    font-size: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #2e4158;
    padding-left: 30px;
    border-radius: 2px 2px 0 0
}

.layui-layer-setwin .layui-layer-close1[data-v-4986d4af] {
    background-position: 2px -39px;
    cursor: pointer;
    animation-duration: .5s;
    transition: .5s
}

.layui-layer-setwin[data-v-4986d4af] {
    position: absolute;
    right: 15px;
    top: 7px;
    font-size: 0;
    line-height: normal
}

.close[data-v-4986d4af] {
    display: block;
    width: 25px;
    height: 25px;
    top: 6px;
    position: relative
}

.close[data-v-4986d4af]:after,
.close[data-v-4986d4af]:before {
    content: "";
    position: absolute;
    top: 50%;
    width: 25px;
    height: 1px;
    background-color: #888;
    transform: rotate(45deg)
}

.close[data-v-4986d4af]:after {
    transform: rotate(-45deg)
}

.layui-layer-dialog .layui-layer-content[data-v-4986d4af] {
    position: relative;
    padding: 40px 20px;
    line-height: 24px;
    word-break: break-all;
    overflow: hidden;
    font-size: 14px;
    overflow-x: hidden;
    overflow-y: auto;
    text-align: center
}

.layui-layer-prompt .layui-layer-input[data-v-4986d4af] {
    display: block;
    width: 220px;
    height: 30px;
    margin: 0 auto;
    line-height: 30px;
    padding: 0 5px;
    border: 1px solid #ccc;
    box-shadow: inset 1px 1px 5px rgba(0, 0, 0, .1);
    color: #333
}

.layui-layer-btn[data-v-4986d4af] {
    padding: 0 10px 12px;
    pointer-events: auto;
    text-align: center
}

.layui-layer-btn a[data-v-4986d4af] {
    height: 30px;
    min-width: 85px;
    padding: 0 15px;
    background-color: #f1f1f1;
    color: #333;
    border-radius: 3px;
    margin: .5em .4em .5em 0;
    font-weight: 400;
    line-height: 29px;
    cursor: pointer;
    font-size: 14px;
    text-align: center;
    text-decoration: none
}

.layui-layer-btn .layui-layer-btn0[data-v-4986d4af] {
    color: #fff;
    border: none;
    background: #3e5779
}

.layui-layer-btn a[data-v-4986d4af],
.layui-layer-dialog .layui-layer-ico[data-v-4986d4af],
.layui-layer-setwin a[data-v-4986d4af] {
    display: inline-block;
    vertical-align: top
}

body[data-v-4154006b],
html[data-v-4154006b] {
    margin: 0;
    font-family: Microsoft YaHei
}

[data-v-4154006b],
[data-v-4154006b]:after,
[data-v-4154006b]:before {
    box-sizing: inherit
}

body[data-v-4154006b] {
    background: #e6e6e6
}

ul[data-v-4154006b] {
    margin: 0;
    padding: 0
}

li[data-v-4154006b] {
    list-style: none
}

li[data-v-4154006b]::-moz-selection {
    background: transparent
}

li[data-v-4154006b]::selection {
    background: transparent
}

.fix[data-v-4154006b]:after,
.fix[data-v-4154006b]:before {
    content: "";
    display: table
}

.fix[data-v-4154006b]:after {
    clear: both;
    overflow: hidden
}

.rebateDes[data-v-4154006b] {
    width: 1200px;
    min-height: calc(100vh - 20px);
    background: #fff;
    margin: 10px auto
}

.rebateDes .notContent[data-v-4154006b] {
    padding: 35vh 0 !important;
    font-size: 16px
}

.rebateNav[data-v-4154006b] {
    background: linear-gradient(90deg, #56585f 0, #68686e 50%, #4b4e56);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#56585f", endColorstr="#4b4e56", GradientType=0);
    height: 65px;
    padding: 0 20px;
    position: relative
}

.rebateNav a[data-v-4154006b] {
    width: 143px;
    height: 44px;
    display: block;
    position: absolute;
    text-align: center;
    background: url(http://imagess-google.com/system/pc/other/rebateBtn.png) no-repeat;
    top: 21px;
    line-height: 50px;
    font-size: 16px;
    color: #333;
    text-shadow: 1px 1px 0 #c3c3c3
}

.rebateNav a[data-v-4154006b]:first-child {
    left: 20;
    z-index: 8
}

.rebateNav a[data-v-4154006b]:nth-child(2) {
    left: 135px;
    z-index: 7
}

.rebateNav a[data-v-4154006b]:nth-child(3) {
    left: 250px;
    z-index: 6
}

.rebateNav a[data-v-4154006b]:nth-child(4) {
    left: 365px;
    z-index: 5
}

.rebateNav a[data-v-4154006b]:nth-child(5) {
    left: 480px;
    z-index: 4
}

.rebateNav a[data-v-4154006b]:nth-child(6) {
    left: 595px;
    z-index: 3
}

.rebateNav a[data-v-4154006b]:nth-child(7) {
    left: 710px;
    z-index: 2
}

.rebateNav a[data-v-4154006b]:nth-child(8) {
    left: 825px;
    z-index: 1
}

.rebateNav .curr[data-v-4154006b] {
    background: url(http://imagess-google.com/system/pc/other/rebateBtnChecked.png) no-repeat;
    z-index: 99 !important
}

.rebateContent[data-v-4154006b] {
    padding: 20px;
    position: relative
}

.rebateContent .isClass[data-v-4154006b] {
    position: relative
}

.rebateContent .isClass li[data-v-4154006b]:first-child {
    cursor: pointer;
    font-weight: 700
}

.rebateContent .isClass li[data-v-4154006b]:first-child:before {
    content: "\5C55\5F00";
    position: absolute;
    right: 0;
    top: -10px;
    color: #aaa;
    font-size: 12px;
    font-weight: 400
}

.rebateContent .isClass[data-v-4154006b]:hover {
    background: #fcfcfc
}

.rebateContent .isClass[data-v-4154006b]:last-child:before {
    display: none !important
}

.rebateContent .show li[data-v-4154006b]:first-child:before {
    content: "\6536\56DE"
}

.rebateContent ul[data-v-4154006b] {
    width: 139px;
    float: left
}

.rebateContent ul:last-child li[data-v-4154006b]:first-child {
    cursor: auto
}

.rebateContent ul:last-child li[data-v-4154006b]:first-child:before {
    display: none
}

.rebateContent ul li[data-v-4154006b] {
    height: 40px;
    width: 100%;
    line-height: 40px;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-align: center;
    border-top: 1px solid #ddd
}

.rebateContent ul li[data-v-4154006b]:last-child {
    border-bottom: 1px solid #ddd
}

.rebateTitle[data-v-4154006b] {
    border-left: 1px solid #ddd;
    font-weight: 700
}

.rebateTitle li[data-v-4154006b] {
    width: 100% !important
}

.rebateTitle li[data-v-4154006b]:first-child {
    position: relative
}

.rebateTitle li:first-child i[data-v-4154006b] {
    position: absolute;
    left: 15px;
    bottom: -6px;
    z-index: 2
}

.rebateTitle li:first-child em[data-v-4154006b] {
    position: absolute;
    right: 15px;
    top: -6px;
    z-index: 2
}

.rebateTitle li[data-v-4154006b]:first-child:before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    border-bottom: 40px solid #ddd;
    border-right: 144px solid transparent;
    content: "";
    z-index: 1
}

.rebateTitle li[data-v-4154006b]:first-child:after {
    position: absolute;
    left: 0;
    right: 1px;
    top: 1px;
    bottom: 0;
    border-bottom: 39px solid #fff;
    border-right: 140px solid transparent;
    content: "";
    z-index: 1
}

.rebateTableCon[data-v-4154006b] {
    position: relative;
    float: left;
    overflow: hidden
}

.rebateTableCon li[data-v-4154006b]:first-child {
    background: #f8f8f8;
    text-align: center;
    font-size: 16px
}

.rebateTableCon em[data-v-4154006b],
.rebateTableCon i[data-v-4154006b] {
    position: absolute;
    width: 21px;
    height: 40px;
    top: 21px;
    cursor: pointer;
    background: #f8f8f8;
    z-index: 2;
    display: none
}

.rebateTableCon em[data-v-4154006b]:before,
.rebateTableCon i[data-v-4154006b]:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    left: 6px;
    top: 14px
}

.rebateTableCon em[data-v-4154006b] {
    left: 148px
}

.rebateTableCon i[data-v-4154006b] {
    right: 21px
}

.rebateTable[data-v-4154006b] {
    border-right: 1px solid #ddd
}

.rebateTable ul[data-v-4154006b] {
    width: 102px
}

.rebateTable ul li[data-v-4154006b] {
    border-left: 1px solid #ddd
}

.notice[data-v-4154006b] {
    display: none
}

.testShow[data-v-4154006b] {
    margin: 16px auto -10px 20px
}

.noneed[data-v-4154006b] {
    display: none
}

.minx .isClass li[data-v-4154006b]:first-child:before {
    content: "\6536\56DE";
    position: absolute;
    right: 0;
    top: -10px;
    color: #aaa;
    font-size: 12px;
    font-weight: 400
}

.selected[data-v-f4f5a59a] {
    width: 90%;
    height: 30px;
    line-height: 30px
}

.selected[data-v-214fcbe4] {
    width: 90%;
    height: 30px;
    line-height: 30px
}

.codeImg[data-v-6701bc8c] {
    top: 11px
}

.pingContent[data-v-41cd9eb4] {
    margin: 0 30px;
    border-top: 1px dashed #e0e3e6;
    padding-top: 4px;
    min-height: 317px
}

.pingContent li[data-v-41cd9eb4] {
    margin: 16px 0
}

.pingContent input[data-v-41cd9eb4] {
    border: 1px solid #e7e9e9;
    height: 36px;
    padding: 0 10px;
    color: #333;
    font-size: 14px
}

.pingContent input[data-v-41cd9eb4]:first-child {
    width: 170px
}

.pingContent input[data-v-41cd9eb4]:nth-child(3) {
    width: 420px
}

.pingContent a[data-v-41cd9eb4] {
    display: inline-block;
    width: 100px;
    height: 36px;
    text-align: center;
    background: #4aa9db;
    vertical-align: top;
    line-height: 36px;
    color: #fff;
    margin-left: 20px;
    border-radius: 2px
}

.pingContent a[data-v-41cd9eb4]:hover {
    background: #2199d8
}

.refresh[data-v-41cd9eb4] {
    display: block;
    margin: 16px auto;
    width: 130px
}

.refresh a[data-v-41cd9eb4] {
    margin: 5px 0
}

.refresh a[data-v-41cd9eb4]:before {
    content: "\91CD\65B0\6D4B\8BD5";
    color: #fff !important
}

.refresh .noActive[data-v-41cd9eb4] {
    background: #ddd
}

.refresh .noActive[data-v-41cd9eb4]:before {
    content: "\6B63\5728\68C0\6D4B...";
    color: #999 !important
}

.cssico-2right[data-v-41cd9eb4] {
    position: relative;
    color: #666;
    display: inline-block;
    width: 14px;
    height: 8px;
    margin: 0 6px
}

.cssico-2right[data-v-41cd9eb4]:after,
.cssico-2right[data-v-41cd9eb4]:before {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    border-top: .5px solid;
    border-right: .5px solid;
    transform: rotate(45deg);
    vertical-align: middle
}

.cssico-2right[data-v-41cd9eb4]:after {
    left: 5px
}

.noActive a[data-v-41cd9eb4] {
    cursor: auto;
    background: #ddd;
    color: #999
}

.noActive a[data-v-41cd9eb4]:hover {
    background: #ddd
}

.stepBox .bankStyle ins[data-v-5cf03b7b]:first-child {
    width: 6%
}

.stepBox .bspan[data-v-0998042f] {
    float: left;
    font-size: 12px
}

.stepBox .bankblockList.Bank[data-v-0998042f] {
    display: inline-block;
    margin-left: 9px;
    width: 606px
}

.bankblockList[data-v-0998042f] {
    margin-left: -5px
}

.bankblockList .wechatCon[data-v-0998042f] {
    margin: 5px !important
}

.mtop[data-v-0998042f] {
    margin-top: 0
}

.ptop[data-v-0998042f] {
    padding-top: 0
}

.mbottom[data-v-0998042f] {
    margin-bottom: 0
}

.btop[data-v-0998042f] {
    border-top: 0
}

.pbottom[data-v-0998042f] {
    padding-bottom: 0
}

.bbottom[data-v-0998042f] {
    border-bottom: 0
}

.wnone[data-v-0998042f] {
    width: auto
}

.quickPay[data-v-0998042f] {
    margin-top: 0 !important
}

.quickPay ul[data-v-0998042f] {
    margin-top: 0
}

.quickPay ul li span[data-v-0998042f] {
    width: 74px !important;
    text-align: left !important;
    font-weight: 100 !important;
    padding-right: 6px !important
}

.btnnot[data-v-5e51ff84] {
    width: 76px;
    text-align: center;
    color: #fff;
    background-color: #ccc
}

.mobileCon[data-v-0e4930d6] {
    background: url(../images/bg.jpg) 50% no-repeat;
    width: 100%;
    height: 655px;
    overflow: hidden;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.mobile[data-v-0e4930d6] {
    position: relative;
    height: 620px;
    padding-top: 56px;
    padding-left: 162px
}

.mobileSlide[data-v-0e4930d6] {
    position: absolute;
    width: 650px;
    height: 680px;
    right: -84px;
    top: 41px
}

.mobileText[data-v-0e4930d6] {
    transition-duration: 1s;
    width: 375px;
    height: 460px;
    margin-left: -153px;
    margin-top: 32px;
    z-index: 2
}

.mobileText em[data-v-0e4930d6],
.mobileText h1[data-v-0e4930d6],
.mobileText h2[data-v-0e4930d6],
.mobileText p[data-v-0e4930d6],
.mobileText span[data-v-0e4930d6] {
    display: block
}

.mobileText h1[data-v-0e4930d6] {
    position: absolute;
    left: 5px;
    top: 80px;
    overflow: hidden;
    width: 100px;
    height: 100px
}

.mobileText h1 img[data-v-0e4930d6] {
    height: 100%;
    width: 100%
}

.mobileText h2[data-v-0e4930d6] {
    font-size: 30px;
    color: #e4393c;
    -moz-user-select: text;
    -webkit-user-select: text;
    -ms-user-select: text;
    user-select: text;
    position: absolute;
    top: 240px;
    left: 10px
}

.mobileText .android[data-v-0e4930d6] {
    position: absolute;
    top: 364px;
    left: 16px;
    width: 120px;
    height: 120px;
    overflow: hidden;
    background: #fff;
    border: 7px solid #fff
}

.mobileText .cutFinger[data-v-0e4930d6] {
    position: absolute;
    left: 467px;
    top: 227px
}

.slideTxtBox[data-v-0e4930d6] {
    position: absolute;
    top: 42px;
    left: 32px
}

.slideTxtBox .hd[data-v-0e4930d6] {
    position: relative
}

.slideTxtBox .hd ul[data-v-0e4930d6] {
    float: left;
    position: absolute;
    left: 20px;
    top: -1px;
    height: 32px
}

.slideTxtBox .bd li[data-v-0e4930d6] {
    position: absolute;
    top: 0;
    left: 0
}

.mobileAnimate[data-v-0e4930d6] {
    top: 5px !important;
    transform: translateY(5px) !important
}

.mobileTextAnimate[data-v-0e4930d6] {
    right: -20px;
    opacity: 1
}

.mgt40[data-v-0e4930d6] {
    margin: 0 !important
}

.dontTouch[data-v-0e4930d6] {
    width: 500px;
    position: absolute;
    height: 590px;
    z-index: 19;
    margin-left: 300px
}

.slideTxtBox .bd li[data-v-0e4930d6] {
    transition: all 1s ease;
    opacity: 0
}

.slideTxtBox .bd li.ShowAuto[data-v-0e4930d6] {
    opacity: 1
}

blockquote[data-v-44a96af5],
body[data-v-44a96af5],
button[data-v-44a96af5],
code[data-v-44a96af5],
dd[data-v-44a96af5],
dl[data-v-44a96af5],
dt[data-v-44a96af5],
fieldset[data-v-44a96af5],
form[data-v-44a96af5],
h1[data-v-44a96af5],
h2[data-v-44a96af5],
h3[data-v-44a96af5],
h4[data-v-44a96af5],
h5[data-v-44a96af5],
h6[data-v-44a96af5],
input[data-v-44a96af5],
legend[data-v-44a96af5],
li[data-v-44a96af5],
ol[data-v-44a96af5],
p[data-v-44a96af5],
pre[data-v-44a96af5],
td[data-v-44a96af5],
textarea[data-v-44a96af5],
th[data-v-44a96af5],
ul[data-v-44a96af5] {
    margin: 0;
    padding: 0
}

address[data-v-44a96af5],
caption[data-v-44a96af5],
cite[data-v-44a96af5],
code[data-v-44a96af5],
dfn[data-v-44a96af5],
em[data-v-44a96af5],
th[data-v-44a96af5],
var[data-v-44a96af5] {
    font-style: normal;
    font-weight: 400
}

table[data-v-44a96af5] {
    border-collapse: collapse;
    border-spacing: 0
}

.table[data-v-44a96af5] {
    width: 100%
}

.table td[data-v-44a96af5],
.table th[data-v-44a96af5] {
    padding: 6px 12px;
    border-bottom: 1px solid #e3e3e3;
    text-align: left
}

.table-border td[data-v-44a96af5],
.table-border th[data-v-44a96af5] {
    border: 1px solid #e3e3e3
}

.table-border th[data-v-44a96af5] {
    background-color: #fafafa
}

.table-border td[data-v-44a96af5] {
    background-color: #fff
}

.table-info thead[data-v-44a96af5] {
    box-shadow: 0 2px 0 rgba(0, 0, 0, .05);
    -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, .05);
    -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, .05)
}

.table-info td[data-v-44a96af5],
.table-info th[data-v-44a96af5] {
    text-align: center
}

.table-info th[data-v-44a96af5] {
    padding-top: 10px;
    padding-bottom: 10px
}

.table-info td[data-v-44a96af5] {
    border-bottom-style: dotted;
    padding-top: 8px;
    padding-bottom: 8px
}

.table-info .highlight-cell td[data-v-44a96af5] {
    color: red
}

.table-border-none td[data-v-44a96af5],
.table-border-none th[data-v-44a96af5] {
    border: 0 none
}

.table-info .text-left[data-v-44a96af5] {
    text-align: left
}

.table-info .text-right[data-v-44a96af5] {
    text-align: right
}

.table-info .text-center[data-v-44a96af5] {
    text-align: center
}

.header[data-v-44a96af5] {
    height: 0
}

.main[data-v-44a96af5] {
    position: relative;
    border-width: 0 1px 1px;
    border-style: none solid solid;
    border-color: transparent #c2c2d2 #c2c2d2;
    background-color: #fff
}

.select-section-content[data-v-44a96af5] {
    padding: 12px 25px;
    border-top: 1px solid #e3e3e3;
    padding-right: 60px
}

.select-section-content .input[data-v-44a96af5] {
    width: 120px
}

.select-section-content .title[data-v-44a96af5] {
    float: left;
    height: 34px;
    line-height: 34px;
    padding-right: 10px
}

.select-section-content .function[data-v-44a96af5] {
    float: left;
    height: 34px;
    line-height: 34px
}

.select-section-content .function .label[data-v-44a96af5] {
    padding: 0 10px;
    vertical-align: baseline
}

.select-section-content .time[data-v-44a96af5] {
    float: left;
    height: 34px;
    line-height: 34px
}

.select-section-content .time a[data-v-44a96af5] {
    padding: 0 10px
}

.select-section-content .select[data-v-44a96af5] {
    float: left;
    padding-right: 10px
}

.select-section-content .select .ui-label[data-v-44a96af5],
.select-section-content .select .ui-select[data-v-44a96af5] {
    width: 72px
}

.select-function[data-v-44a96af5],
.select-section-content .search[data-v-44a96af5] {
    float: right
}

.select-function .arrow-down[data-v-44a96af5] {
    background-position: 0 0
}

.select-function .arrow-up[data-v-44a96af5] {
    background-position: 0 -10px
}

.select-title[data-v-44a96af5] {
    float: left;
    height: 28px;
    margin-right: 20px;
    line-height: 26px;
    line-height: 28px \9
}

.select-list[data-v-44a96af5] {
    float: left
}

.select-list li[data-v-44a96af5] {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin: 0 4px;
    height: 30px;
    line-height: 30px;
    line-height: 30px \9;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    border-radius: 4px
}

.select-list li.current[data-v-44a96af5],
.select-list li.current[data-v-44a96af5]:hover {
    background-color: #1d601d;
    color: #fff;
    cursor: default;
    box-shadow: inset 1px 2px 3px rgba(0, 0, 0, .2)
}

.select-list li a[data-v-44a96af5] {
    color: #009b7d;
    display: block;
    padding: 3px 12px;
    height: 24px;
    line-height: 24px
}

.select-list li:hover a[data-v-44a96af5] {
    color: #fff;
    text-decoration: none
}

.select-list li[data-v-44a96af5]:hover {
    background-color: #1d601d;
    color: #fff
}

.select-list li.current:hover a[data-v-44a96af5]:hover,
.select-list li.current a[data-v-44a96af5] {
    color: #fff
}

.select-download[data-v-44a96af5] {
    display: inline-block;
    margin: 0 50px;
    text-decoration: underline
}

.chart-table[data-v-44a96af5] {
    width: 100%
}

.chart-table .title-text th[data-v-44a96af5] {
    font-weight: 700;
    white-space: nowrap;
    word-wrap: break-word
}

.chart-table .title-number th[data-v-44a96af5] {
    padding-top: 0
}

.border-top[data-v-44a96af5] {
    border-top: 1px solid #e6e6e6
}

#J-ball-content .border-bottom[data-v-44a96af5],
#J-select-content .border-bottom[data-v-44a96af5],
.chart-table .title-number .border-bottom-header[data-v-44a96af5],
.chart-table .title-text .border-bottom-header[data-v-44a96af5],
.chart-table thead .border-bottom[data-v-44a96af5],
.J-ball-content border-bottom[data-v-44a96af5],
.tbody-footer-header .border-bottom[data-v-44a96af5],
.tbody-footer-header border-bottom[data-v-44a96af5],
.title-text .border-bottom[data-v-44a96af5] {
    border-bottom: 1px solid #ccc
}

.chart-table .tbody[data-v-44a96af5] {
    color: #888
}

.chart-table th[data-v-44a96af5] {
    padding: 5px 0;
    background-color: #f2f2f2;
    text-align: center
}

.chart-table td[data-v-44a96af5] {
    padding: 5px 0;
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;
    background-color: #fff;
    text-align: center
}

.chart-table .issue-numbers[data-v-44a96af5],
.chart-table .lottery-numbers[data-v-44a96af5] {
    width: auto
}

.chart-table .parity-numbers[data-v-44a96af5],
.chart-table .size-numbers[data-v-44a96af5] {
    color: #0a94e3
}

.chart-table .border-right[data-v-44a96af5] {
    border-right: 1px solid #ccc
}

.chart-table .ball-none[data-v-44a96af5],
.chart-table .title-number .ball-none[data-v-44a96af5] {
    width: 4px
}

.chart-table th .ball-noraml[data-v-44a96af5] {
    color: #333
}

.ball-noraml[data-v-44a96af5] {
    display: inline-block;
    width: 15px;
    height: 15px;
    line-height: 14px;
    text-align: center;
    font-style: normal;
    color: #b7b7b7;
    position: relative
}

.chart-table .ball-blue[data-v-44a96af5],
.chart-table .ball-green[data-v-44a96af5],
.chart-table .ball-orange[data-v-44a96af5],
.chart-table .ball-purple[data-v-44a96af5],
.chart-table .ball-red[data-v-44a96af5],
.chart-table .group-current[data-v-44a96af5] {
    background: url(http://imagess-google.com/system/pc/betOld/un-chart.png) no-repeat;
    color: #fff
}

.chart-table .ball-red[data-v-44a96af5] {
    background-position: 0 0
}

.chart-table .ball-orange[data-v-44a96af5] {
    background-position: -20px 0
}

.chart-table .ball-blue[data-v-44a96af5] {
    background-position: -40px 0
}

.chart-table .ball-green[data-v-44a96af5] {
    background-position: -60px 0
}

.chart-table .ball-purple[data-v-44a96af5] {
    background-position: -80px 0
}

.chart-table .ball-mark[data-v-44a96af5] {
    border-radius: 50%;
    font-style: normal;
    right: -6px;
    top: -6px
}

.chart-table .group-current[data-v-44a96af5] {
    display: inline-block;
    width: 18px;
    height: 12px;
    line-height: 12px;
    text-align: center;
    font-style: normal;
    background-position: -100px 0
}

.chart-table .tbody .bg-red[data-v-44a96af5] {
    background-color: #f53f00;
    color: #fff
}

.chart-table .tbody .bg-blue[data-v-44a96af5] {
    background-color: #00a2ff;
    color: #fff
}

.chart-table .tbody .bg-blue .ball-noraml[data-v-44a96af5] {
    color: #fff
}

.chart-table .tbody .bg-green[data-v-44a96af5] {
    background-color: #34bc0f;
    color: #fff
}

.chart-table .tbody .compare[data-v-44a96af5] {
    background-color: #7999f3;
    color: #fff
}

.chart-table .tbody .lost[data-v-44a96af5] {
    background-color: #e1f9f7;
    color: #ccc
}

.auxiliary-area td[data-v-44a96af5] {
    background-color: #f7f7f7;
    border-top: 1px solid #e6e6e6
}

.select-area td[data-v-44a96af5] {
    background-color: #ccc
}

.select-area .ico-add[data-v-44a96af5],
.select-area .ico-del[data-v-44a96af5] {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-right: 4px;
    background: url(http://imagess-google.com/system/pc/betOld/un-select-area.png) no-repeat;
    vertical-align: middle;
    cursor: pointer
}

.select-area .ico-add[data-v-44a96af5] {
    background-position: 0 0
}

.select-area .ico-del[data-v-44a96af5] {
    background-position: -20px 0
}

.c-0-1[data-v-44a96af5],
.c-0-2[data-v-44a96af5],
.c-0-3[data-v-44a96af5] {
    background: url(http://imagess-google.com/system/pc/betOld/un-chart.png) no-repeat;
    color: #fff;
    background-position: 0 0
}

.table-temperature .c-0-1[data-v-44a96af5] {
    background-position: -40px 0
}

.table-temperature .c-0-2[data-v-44a96af5] {
    background-position: -20px 0
}

.table-temperature .c-0-3[data-v-44a96af5] {
    background-position: 0 0
}

.table-lost-post .l-1[data-v-44a96af5] {
    background-color: #e1f9f7
}

.table-lost-post .l-1 .ball-noraml[data-v-44a96af5] {
    color: #b7b7b7
}

.table-guides .border-bottom[data-v-44a96af5] {
    border-bottom: 1px solid #ccc
}

.table-lost .ball-noraml[data-v-44a96af5] {
    color: #fff
}

.table-lost .auxiliary-area .ball-noraml[data-v-44a96af5],
.table-lost .select-area .ball-noraml[data-v-44a96af5] {
    color: #b7b7b7
}

.table-lost .select-area .ball-orange[data-v-44a96af5] {
    color: #fff
}

.f-1[data-v-44a96af5],
.f-2[data-v-44a96af5],
.f-3[data-v-44a96af5],
.f-4[data-v-44a96af5],
.f-5[data-v-44a96af5] {
    background: url(http://imagess-google.com/system/pc/betOld/un-chart.png) no-repeat;
    color: #fff
}

.f-1[data-v-44a96af5] {
    background-position: -60px 0
}

.f-2[data-v-44a96af5],
.f-3[data-v-44a96af5],
.f-4[data-v-44a96af5],
.f-5[data-v-44a96af5] {
    background-position: -80px 0
}

.select-area i[data-v-44a96af5] {
    cursor: pointer
}

.Trend_chart[data-v-44a96af5] {
    width: 100%;
    height: auto;
    min-height: 300px;
    background: #fff;
    padding: 0 0 40px
}

.Trend_chart .chart-section[data-v-44a96af5] {
    width: 100%;
    min-height: 300px;
    margin: 0;
    height: auto;
    overflow: hidden;
    padding-bottom: 1px;
    border: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc
}

.Trend_chart .chart-table[data-v-44a96af5] {
    width: 100%
}

.select-section[data-v-44a96af5] {
    border-bottom: 1px solid #ccc;
    width: 100%;
    padding: 20px 2%;
    height: auto;
    overflow: hidden
}

.select-function a[data-v-44a96af5] {
    float: left;
    width: auto;
    color: #1d601d;
    padding: 0 15px;
    display: block;
    height: 28px;
    line-height: 28px
}

.select-function a[data-v-44a96af5]:hover {
    text-decoration: underline
}

.select-function a.btn[data-v-44a96af5] {
    border: 1px solid #ccc;
    border-radius: 3px;
    background: #eee;
    font-size: 14px;
    font-weight: 700;
    box-shadow: 3px 3px 2px #ddd;
    margin: 0 7px
}

.select-function a.btn[data-v-44a96af5]:hover {
    background: #ddd;
    text-decoration: none
}

.select-function i[data-v-44a96af5] {
    padding: 0 3px;
    display: inline-block
}

.select-section h3[data-v-44a96af5] {
    font-size: 16px;
    font-weight: 700
}

.zh-0-1[data-v-44a96af5],
.zh-0-2[data-v-44a96af5],
.zhkd-1[data-v-44a96af5] {
    background: url(http://imagess-google.com/system/pc/betOld/un-chart.png) no-repeat;
    color: #fff
}

.zh-0-1[data-v-44a96af5] {
    background-position: -60px 0
}

.zh-0-2[data-v-44a96af5],
.zhkd-1[data-v-44a96af5] {
    background-position: -80px 0
}

.chart-table .zhdx-0[data-v-44a96af5] {
    background: #7999f3
}

.chart-table .zhdx-0 .ball-noraml[data-v-44a96af5] {
    color: #fff
}

.chart-table .zhds-0[data-v-44a96af5] {
    background: #7999f3
}

.chart-table .zhds-0 .ball-noraml[data-v-44a96af5] {
    color: #fff
}

.chart-table .zhzh-0[data-v-44a96af5] {
    background: #7999f3
}

.chart-table .zhzh-0 .ball-noraml[data-v-44a96af5] {
    color: #fff
}

.chart-table .ball-mark[data-v-44a96af5] {
    position: absolute;
    width: 12px;
    height: 12px;
    text-align: center;
    line-height: 12px;
    background-color: #00a2ff;
    color: #fff
}

.chart-table .KuaiSan_OpenNo .chonghao[data-v-44a96af5] {
    position: absolute;
    z-index: 10;
    width: 14px;
    height: 14px;
    background-color: #00a2ff;
    color: #fff;
    font: 12px/1.5;
    border-radius: 50%;
    margin-top: -5px;
    margin-right: -2px
}

.nonchang_OpenNo.c-0-2[data-v-44a96af5] {
    background-position: -60px 0
}

.select-function a.curr i[data-v-44a96af5] {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -moz-transform: rotate(180deg)
}

.select-function a.curr i[data-v-44a96af5],
.select-function a i[data-v-44a96af5] {
    transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    -moz-transition: all .3s
}

.select-function a i[data-v-44a96af5] {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -moz-transform: rotate(0deg)
}

.chart_control_cont[data-v-44a96af5] {
    width: 100%;
    padding: 10px 2%;
    height: auto;
    overflow: hidden
}

.chart_control_cont .title[data-v-44a96af5] {
    font-size: 12px;
    float: left;
    height: 28px;
    line-height: 28px;
    overflow: hidden;
    padding-right: 10px
}

.chart_control_cont .function[data-v-44a96af5] {
    width: auto;
    height: 28px;
    overflow: hidden;
    float: left
}

.chart_control_cont .function label[data-v-44a96af5] {
    width: auto;
    padding: 6px 15px;
    height: 16px;
    line-height: 16px;
    float: left
}

.chart_control_cont .time[data-v-44a96af5] {
    float: left;
    height: auto;
    overflow: hidden;
    line-height: 28px
}

.chart_control_cont .time a[data-v-44a96af5] {
    font-size: 12px;
    color: #009b7d;
    padding: 0 15px;
    float: left
}

.chart_control_cont .time a[data-v-44a96af5]:hover {
    text-decoration: underline
}

.J-chart-canvas[data-v-44a96af5] {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0
}

.Trend_chart .openNo-0[data-v-44a96af5],
.Trend_chart .openNo[data-v-44a96af5] {
    background: url(http://imagess-google.com/system/pc/betOld/un-chart.png) no-repeat 0 0;
    color: #fff
}

.Trend_chart .openNo-1[data-v-44a96af5] {
    background: url(http://imagess-google.com/system/pc/betOld/un-chart.png) no-repeat -60px 0;
    color: #fff
}

.Trend_chart .openNo-2[data-v-44a96af5],
.Trend_chart .openNo-3[data-v-44a96af5],
.Trend_chart .openNo-4[data-v-44a96af5],
.Trend_chart .openNo-5[data-v-44a96af5] {
    background: url(http://imagess-google.com/system/pc/betOld/un-chart.png) no-repeat -80px 0;
    color: #fff
}

.chart-table .ball-none._bili[data-v-44a96af5] {
    padding: 0
}

.chart-table .ball-none._bili i[data-v-44a96af5] {
    display: block;
    width: 100%;
    height: 27px;
    line-height: 27px;
    padding: 0;
    overflow: hidden
}

.chart-table td.dxxintai[data-v-44a96af5] {
    padding: 0
}

.chart-table td.dxxintai.bgc_blue[data-v-44a96af5] {
    padding: 0;
    background: #00a2ff;
    color: #fff
}

.chart-table td.dxxintai.bgc_green[data-v-44a96af5] {
    padding: 0;
    background: #34bc0f;
    color: #fff
}

.chart-table td.dxxintai.bgc_red[data-v-44a96af5] {
    padding: 0;
    background: #f53f00;
    color: #fff
}

.chart-table td.dxxintai.bgc_blue i[data-v-44a96af5],
.chart-table td.dxxintai.bgc_green i[data-v-44a96af5],
.chart-table td.dxxintai.bgc_red i[data-v-44a96af5] {
    color: #fff
}

.chart-table td.dxxintai i[data-v-44a96af5] {
    display: block;
    width: 100%;
    height: 27px;
    line-height: 27px;
    overflow: hidden;
    padding: 0
}

.chart-table td i.duizi[data-v-44a96af5] {
    background: url(http://imagess-google.com/system/pc/betOld/un-chart.png) no-repeat -100px;
    color: #fff;
    height: 27px;
    width: 18px;
    line-height: 27px
}

.chart-table td.zusan[data-v-44a96af5] {
    padding: 0 2px
}

.chart-table td.zusan i[data-v-44a96af5] {
    display: block;
    margin: 0 auto
}

.chart-table td.baozi[data-v-44a96af5] {
    padding: 0 2px
}

.chart-table td.baozi i[data-v-44a96af5] {
    display: block;
    margin: 0 auto;
    width: 20px
}

.chart-table td.dxxintai .duizi[data-v-44a96af5] {
    display: block;
    margin: 0 auto
}

.Trend_chart .openNo-kuadu-td[data-v-44a96af5] {
    padding: 0
}

.Trend_chart .openNo-kuadu-td .openNo-kuadu[data-v-44a96af5] {
    padding: 0;
    background: #00a2ff;
    color: #fff;
    display: block;
    height: 26px;
    line-height: 26px;
    text-align: center;
    width: 100%
}

.Trend_chart .open_kl8[data-v-44a96af5] {
    background: url(http://imagess-google.com/system/pc/betOld/un-chart.png) no-repeat 0 0;
    color: #fff
}

.Trend_chart .chart-section.kuaile8[data-v-44a96af5] {
    width: 100%;
    overflow-x: scroll
}

.kuaile8 .chart-table[data-v-44a96af5] {
    width: 2200px
}

.kuaile8 .chart-table .and_value i[data-v-44a96af5] {
    width: 25px
}

.Trend_chart .chart-table .title_zuhexigntai th[data-v-44a96af5] {
    padding: 5px 0
}

.Trend_chart .chart-table .haomaxingtai[data-v-44a96af5],
.Trend_chart .chart-table .hezhixingtai[data-v-44a96af5] {
    width: auto;
    height: 25px;
    line-height: 25px
}

.Trend_chart .chart-table .KuaiSan[data-v-44a96af5] {
    width: auto;
    padding: 0
}

.Trend_chart .chart-table .KuaiSan .hezhizoushi[data-v-44a96af5] {
    display: block;
    background: #f53f00;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    margin: 0 auto;
    color: #fff
}

.chart-table .border-right.isSHow[data-v-44a96af5] {
    padding: 0;
    background: #00a2ff
}

.Trend_chart .chart-table .isSHow .hezhixingtai[data-v-44a96af5] {
    display: block;
    background: #00a2ff;
    color: #fff
}

.chart-table .border-right.isHmxt[data-v-44a96af5] {
    padding: 0;
    background: #f53f00
}

.Trend_chart .chart-table .isHmxt .haomaxingtai[data-v-44a96af5] {
    display: block;
    background: #f53f00;
    color: #fff
}

.Trend_chart .chart-table .isSHow .haomaxingtai[data-v-44a96af5] {
    display: block;
    background: #00a2ff;
    color: #fff
}

.chart-table .border-right.isBaozi[data-v-44a96af5] {
    padding: 0;
    background: #34bc0f
}

.Trend_chart .chart-table .isBaozi .haomaxingtai[data-v-44a96af5] {
    display: block;
    background: #34bc0f;
    color: #fff
}

.chart-table .ball-none._bili i[data-v-44a96af5] {
    background-color: #7999f3;
    color: #fff
}

.chart_control_cont .time a.fb[data-v-44a96af5] {
    font-weight: 700
}

.select-function .curr i[data-v-44a96af5] {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -moz-transform: rotate(180deg)
}

.Dtable[data-v-44a96af5] {
    display: none
}

.pdd[data-v-44a96af5] {
    padding: 2px;
    color: #fff;
    border-radius: 10px;
    background-color: #f53f00
}

.pdd.red[data-v-44a96af5] {
    background: linear-gradient(180deg, #ff6669 30%, #e53a3d);
    background: -moz-linear-gradient(to bottom, #ff6669 30%, #e53a3d 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#ff6669", endColorstr="#e53a3d", GradientType=0);
    border: 1px solid #e94548
}

.pdd.blue[data-v-44a96af5] {
    background: linear-gradient(180deg, #33a8ff 30%, #228ede);
    background: -moz-linear-gradient(to bottom, #33a8ff 30%, #228ede 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#33a8ff", endColorstr="#228ede", GradientType=0);
    border: 1px solid #2994e3
}

.pdd.green[data-v-44a96af5] {
    background: linear-gradient(180deg, #41e07c 30%, #38b467);
    background: -moz-linear-gradient(to bottom, #41e07c 30%, #38b467 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#41e07c", endColorstr="#38b467", GradientType=0);
    border: 1px solid #3cb569
}

.chart-table .ball-none.bgcolor[data-v-44a96af5] {
    background: rgba(255, 235, 59, .25)
}

.ball-none.red[data-v-44a96af5] {
    background: linear-gradient(180deg, #ff6669 30%, #e53a3d);
    background: -moz-linear-gradient(to bottom, #ff6669 30%, #e53a3d 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#ff6669", endColorstr="#e53a3d", GradientType=0);
    color: #fff
}

.ball-none.blue[data-v-44a96af5] {
    background: linear-gradient(180deg, #33a8ff 30%, #228ede);
    background: -moz-linear-gradient(to bottom, #33a8ff 30%, #228ede 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#33a8ff", endColorstr="#228ede", GradientType=0);
    color: #fff
}

.ball-none.green[data-v-44a96af5] {
    background: linear-gradient(180deg, #41e07c 30%, #38b467);
    background: -moz-linear-gradient(to bottom, #41e07c 30%, #38b467 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#41e07c", endColorstr="#38b467", GradientType=0);
    color: #fff
}

.Trend_chart .padd3[data-v-44a96af5] {
    background: linear-gradient(180deg, #ff6669 30%, #e53a3d);
    background: -moz-linear-gradient(to bottom, #ff6669 30%, #e53a3d 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#ff6669", endColorstr="#e53a3d", GradientType=0);
    border: 1px solid #e94548;
    padding: 2px;
    color: #fff;
    border-radius: 10px;
    background-color: #f53f00;
    width: auto;
    height: auto
}

.navTxt[data-v-44a96af5] {
    margin-left: 5px
}

.how2play .layui-layer-content[data-v-642d737b] {
    padding: 20px;
    line-height: normal;
    font-size: medium;
    text-align: initial;
    word-break: normal;
    border-top: 18px solid #fff
}

.htpSort[data-v-642d737b] {
    background: #e6e6e6;
    margin: 10px
}

.htp[data-v-642d737b] {
    background: #fff;
    width: 1000px;
    margin: 0 auto;
    min-height: 650px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1)
}

.htpContent[data-v-642d737b] {
    padding: 10px 20px;
    font-family: Microsoft Yahei;
    text-align: initial;
    line-height: normal;
    word-break: normal
}

.htpContent table th[data-v-642d737b] {
    background: #f2f7ff
}

.htpContent .border[data-v-642d737b] {
    border: 1px solid #ccd3db;
    border-radius: 8px;
    padding: 15px
}

.htpHeader[data-v-642d737b] {
    height: 80px;
    background: url(http://imagess-google.com/system/common/other/htpTop.jpg) no-repeat;
    line-height: 80px
}

.htpHeader span[data-v-642d737b] {
    float: right;
    font-size: 20px;
    font-family: Microsoft Yahei;
    font-weight: 700;
    color: #425267;
    text-shadow: 0 1px 1px #adadad
}

.htpHeader i[data-v-642d737b] {
    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[data-v-642d737b]:before {
    display: none
}

.htpHeader i[data-v-642d737b]:after {
    color: #3f4f64 !important
}

body[data-v-642d737b] {
    overflow-x: hidden
}

.htpContent[data-v-642d737b] {
    max-width: 1000px
}

.code[data-v-20f1454a] {
    border: 0;
    color: #e4393c;
    outline: none
}

.topBox>ul>li ins[data-v-20f1454a]:first-child {
    width: 14.33333%
}

.layerBox[data-v-20f1454a] {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 650px;
    height: 480px;
    margin-top: -210px;
    margin-left: -278px;
    background: #fff;
    z-index: 10000
}

.layerBg[data-v-20f1454a] {
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    _position: absolute;
    pointer-events: auto;
    z-index: 999;
    background: #000;
    opacity: .3;
    filter: alpha(opacity=30)
}

.layui-layer-title[data-v-20f1454a] {
    padding: 0 80px 0 20px;
    height: 50px;
    line-height: 50px;
    font-size: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #2e4158;
    padding-left: 30px;
    border-radius: 2px 2px 0 0
}

.layui-layer-setwin .layui-layer-close1[data-v-20f1454a] {
    background-position: 2px -39px;
    cursor: pointer;
    animation-duration: .5s;
    transition: .5s
}

.layui-layer-setwin[data-v-20f1454a] {
    position: absolute;
    right: 15px;
    top: 7px;
    font-size: 0;
    line-height: normal
}

.close[data-v-20f1454a] {
    display: block;
    width: 25px;
    height: 25px;
    top: 6px;
    position: relative
}

.close[data-v-20f1454a]:after,
.close[data-v-20f1454a]:before {
    content: "";
    position: absolute;
    top: 50%;
    width: 25px;
    height: 1px;
    background-color: #888;
    transform: rotate(45deg)
}

.close[data-v-20f1454a]:after {
    transform: rotate(-45deg)
}

#qrcode[data-v-20f1454a] {
    margin: 0 auto;
    width: 256px
}

.bankblockList[data-v-20f1454a] {
    margin-left: -5px
}

.bankblockList .wechatCon[data-v-20f1454a] {
    margin: 5px !important
}

.stepBox .bspan[data-v-20f1454a] {
    float: left;
    font-size: 12px
}

.stepBox .bankblockList.Bank[data-v-20f1454a] {
    display: inline-block;
    margin-left: 9px;
    width: 650px
}

.mtop[data-v-20f1454a] {
    margin-top: 0
}

.ptop[data-v-20f1454a] {
    padding-top: 0
}

.mbottom[data-v-20f1454a] {
    margin-bottom: 0
}

.btop[data-v-20f1454a] {
    border-top: 0
}

.pbottom[data-v-20f1454a] {
    padding-bottom: 0
}

.bbottom[data-v-20f1454a] {
    border-bottom: 0
}

.wnone[data-v-20f1454a] {
    width: auto
}

.w81[data-v-20f1454a] {
    width: 80px
}

.colMd4[data-v-20f1454a] {
    float: right
}

.alipayee[data-v-20f1454a] {
    margin: 13px 0
}

.w100[data-v-20f1454a] {
    width: 100%
}

.imgone img[data-v-20f1454a] {
    margin: 20px 0 0;
    width: 130px;
    text-align: center
}

.upload[data-v-694ea43d] {
    line-height: 32px;
    height: 32px
}

.upload span[data-v-694ea43d]:first-child {
    position: absolute;
    width: 160px
}

.postBtn[data-v-694ea43d] {
    margin-top: 15px
}

.uploadimage[data-v-11f4b7e2] {
    display: inline-block;
    margin-left: 170px
}

.formBtn[data-v-11f4b7e2] {
    position: relative;
    border-radius: 3px;
    padding: 0 18px;
    background: #f2f3f5;
    color: #6c6c6c;
    border: 1px solid #e9e9e9;
    line-height: 30px;
    height: 32px;
    line-height: 32px;
    display: block;
    float: left;
    margin-left: 12px;
    text-align: center;
    cursor: pointer
}

.formBtn input[data-v-11f4b7e2] {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #e9e9e9;
    color: #666
}

.showImg[data-v-11f4b7e2] {
    position: relative
}

.showImg .showBox[data-v-11f4b7e2] {
    position: absolute;
    top: -202px;
    right: -150px;
    z-index: 9999;
    width: 300px;
    height: 200px;
    overflow: hidden;
    border-radius: 10px;
    border: 1px solid #eee;
    background: #eee;
    text-align: center
}

.w300[data-v-11f4b7e2] {
    float: left;
    width: 180px;
    padding: 9px 6px;
    border: 0
}

.lotteryHead[data-v-cfa578c4] {
    height: 238px;
    width: 100%
}

.lotteryLine[data-v-cfa578c4] {
    width: 100%;
    height: 15px;
    background: linear-gradient(180deg, #7a7a7a 0, #c3c4c3);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#7a7a7a", endColorstr="#c3c4c3", GradientType=0)
}

.lotteryLine i[data-v-cfa578c4] {
    display: block;
    float: left;
    border-right: 20px solid transparent;
    border-top: 15px solid #e6e6e6
}

.lotteryLine em[data-v-cfa578c4] {
    display: inline-block;
    border-left: 20px solid transparent;
    border-top: 15px solid #e6e6e6;
    float: right
}

.lotteryContent[data-v-cfa578c4] {
    background: #fff
}

.lotteryNav[data-v-cfa578c4] {
    height: 40px;
    background: #455467;
    padding-left: 10px;
    overflow: hidden
}

.lotteryNav li[data-v-cfa578c4] {
    float: left;
    line-height: 40px
}

.lotteryNav li a[data-v-cfa578c4] {
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    display: inline-block;
    margin: 10px 0;
    width: 100px;
    text-align: center;
    margin-top: 7px
}

.lotteryNav li+li a[data-v-cfa578c4] {
    border-left: 1px solid #74808f
}

.lotteryNav .on[data-v-cfa578c4] {
    background: #fff;
    border-radius: 5px 5px 0 0;
    margin-top: 3px;
    height: 37px
}

.lotteryNav .on a[data-v-cfa578c4] {
    color: #333;
    border-color: #fff;
    margin-top: 10px
}

.lotteryList[data-v-cfa578c4] {
    padding: 8px;
    width: 100% !important
}

.lotteryList li[data-v-cfa578c4] {
    position: relative;
    float: left;
    width: 226px;
    height: 100px;
    border: 1px solid #e3e3e3;
    padding: 16px 20px;
    box-sizing: border-box;
    transition: .3s;
    margin: 10px;
    box-shadow: 1px 1px 1px #8a8a8a
}

.lotteryList li:hover .lotteryNow[data-v-cfa578c4] {
    display: block
}

.lotteryList li i[data-v-cfa578c4] {
    font-size: 60px;
    line-height: 68px;
    width: 60px;
    display: inline-block
}

.lotteryDetail[data-v-cfa578c4] {
    float: right;
    width: 124px;
    margin-top: 8px
}

.lotteryDetail h4[data-v-cfa578c4] {
    text-align: center;
    font-size: 18px;
    margin: 0;
    color: #516073;
    font-weight: 100
}

.lotteryDetail em[data-v-cfa578c4] {
    display: block;
    text-align: center;
    color: #777;
    font-size: 14px;
    margin: 6px 0
}

.lotteryNow[data-v-cfa578c4] {
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(81, 96, 115, .9);
    width: 100%;
    height: 100%;
    text-align: center;
    display: none;
    z-index: 3
}

.lotteryNow .now[data-v-cfa578c4] {
    border: 1px solid #dfdfdf;
    color: #dfdfdf;
    font-size: 14px;
    padding: 2px 21px;
    margin-top: 33px;
    display: inline-block
}

.lotteryNow .now[data-v-cfa578c4]:hover {
    background: #bd2004;
    border: 1px solid #e6391f
}

.lotteryNow .help[data-v-cfa578c4] {
    position: absolute;
    bottom: 5px;
    right: 6px;
    border-radius: 50%;
    height: 22px;
    width: 22px
}

.lotteryNow .help[data-v-cfa578c4]:hover {
    background: #c3c3c3
}

.lotteryNow .help:hover i[data-v-cfa578c4] {
    color: #fff
}

.lotteryNow .help i[data-v-cfa578c4] {
    transform: translateX(-19px) translateY(13px);
    display: block;
    color: #dfdfdf;
    font-size: 23px;
    line-height: 0
}

.layui-layer-tips .layui-layer-content[data-v-cfa578c4] {
    line-height: 12px;
    padding: 5px 8px
}

.layui-layer-TipsG[data-v-cfa578c4] {
    border-bottom-color: transparent !important;
    border-left-color: #bd2004 !important;
    top: 6px !important;
    border-width: 5px !important;
    right: -10px !important
}

.lotterySlider[data-v-cfa578c4] {
    float: left;
    width: 80%;
    height: 100%;
    overflow: hidden
}

.helpTip[data-v-cfa578c4] {
    position: absolute;
    color: #fff;
    bottom: 5px;
    right: 40px
}

.helpTip[data-v-cfa578c4]:after {
    content: "";
    display: block;
    border: 6px dashed transparent;
    border-left-color: #bd2004;
    top: 5px;
    right: -11px;
    position: absolute;
    width: 0;
    height: 0
}

.helpTip em[data-v-cfa578c4] {
    padding: 0 6px;
    display: block;
    width: 64px;
    height: 22px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, .3);
    line-height: 22px;
    background: #bd2004;
    border-radius: 3px
}

.fade-enter-active[data-v-cfa578c4],
.fade-leave-active[data-v-cfa578c4] {
    transition: opacity .5s
}

.fade-enter[data-v-cfa578c4],
.fade-leave-active[data-v-cfa578c4] {
    opacity: 0
}

.winnerListSlide[data-v-90be4b02] {
    box-sizing: content-box
}

.winnerListSlide .tempWrap[data-v-90be4b02] {
    height: 192px !important
}

.winnerListCon[data-v-90be4b02] {
    float: left;
    width: 20%;
    overflow: hidden;
    height: 100%;
    background: #515860;
    box-sizing: border-box
}

.winnerListCon h3[data-v-90be4b02] {
    font-size: 20px;
    text-align: center;
    line-height: 45px;
    margin: 0;
    border-bottom: 1px solid #777d84;
    font-weight: 100
}

.color[data-v-90be4b02] {
    color: #fff
}

.bd[data-v-90be4b02] {
    overflow: hidden;
    height: 180px
}

.winnerList[data-v-90be4b02] {
    overflow: hidden;
    cursor: pointer;
    height: 1440px;
    position: relative;
    padding: 0;
    margin: 0
}

.winnerList li[data-v-90be4b02] {
    padding-left: 8px;
    padding-right: 5px
}

.fold-enter-active[data-v-90be4b02],
.fold-leave-active[data-v-90be4b02] {
    transition: all .5s
}

.fold-enter[data-v-90be4b02],
.fold-leave-active[data-v-90be4b02] {
    transform: translateZ(0)
}

.bet[data-v-9d4efb76] {
    background: #fff;
    border: 1px solid #ccc;
    position: relative
}

.betHeader[data-v-9d4efb76] {
    margin-bottom: 15px
}

.betHeader .userName img[data-v-9d4efb76] {
    height: 24px;
    width: 24px
}

.betHeader .snav[data-v-9d4efb76] {
    background: #232323;
    color: #fff;
    height: 40px;
    line-height: 40px
}

.betHeader .snav a[data-v-9d4efb76] {
    color: #fff
}

.betHeader .snav .accountList a[data-v-9d4efb76],
.betHeader .snav .messageShow a[data-v-9d4efb76] {
    color: #333
}

.betHeader .service[data-v-9d4efb76] {
    margin-top: 7px
}

.betHeader .service span[data-v-9d4efb76] {
    margin-top: -5px
}

.betHeader .snavInfo[data-v-9d4efb76] {
    height: 40px
}

.betHeader .snavAll a[data-v-9d4efb76]:first-child:after {
    content: "\8FD4\56DE\9996\9875";
    margin-left: 2px;
    font-family: Microsoft YaHei
}

.betHeader .snavAll a[data-v-9d4efb76]:hover {
    color: #e4393c;
    text-decoration: underline
}

.betContent[data-v-9d4efb76] {
    border-top: 1px solid #ddd
}

.betContent .betLeft[data-v-9d4efb76] {
    float: left;
    width: 740px;
    min-height: 500px;
    position: relative
}

.betContent .mybet table img[data-v-9d4efb76] {
    margin: 46px 0
}

.winningList ins[data-v-9d4efb76] {
    display: block;
    width: 25px;
    height: 25px;
    margin: 0 auto;
    color: #555
}

.winningList tr:nth-child(2) ins[data-v-9d4efb76] {
    background: #c12f33;
    background: radial-gradient(circle at 25px 25px, #c12f33, #ca9293);
    color: #fff;
    border-radius: 50%;
    text-align: center;
    line-height: 25px
}

.winningList tr:nth-child(3) ins[data-v-9d4efb76] {
    background: #53b0fe;
    background: radial-gradient(circle at 25px 25px, #2b82cc, #53b0fe);
    color: #fff;
    border-radius: 50%;
    text-align: center;
    line-height: 25px
}

.winningList tr:nth-child(4) ins[data-v-9d4efb76] {
    background: #f8a968;
    background: radial-gradient(circle at 25px 25px, #c57532, #f8a968);
    color: #fff;
    border-radius: 50%;
    text-align: center;
    line-height: 25px
}

#moneyList[data-v-9d4efb76] {
    width: 100%
}

.ssc .betLeft[data-v-9d4efb76] {
    border-right: 1px solid #ddd
}

.ssc .betRight[data-v-9d4efb76] {
    border-left: none
}

.ssc .roundNo img[data-v-9d4efb76] {
    margin: 0 5px
}

.odd[data-v-9d4efb76] {
    text-align: left;
    padding: 0 30px
}

.odd a[data-v-9d4efb76] {
    margin: 6px
}

.ordinaryChase[data-v-9d4efb76] {
    padding: 10px 15px
}

.ordinaryChase input[data-v-9d4efb76] {
    vertical-align: middle;
    height: 30px;
    width: 50px;
    margin-right: 4px;
    text-align: center;
    border: 1px solid #ddd
}

.chaseLonger[data-v-9d4efb76] {
    display: inline-block;
    vertical-align: middle;
    background: #f4f4f4;
    height: 30px;
    line-height: 30px;
    border: 1px solid #ddd
}

.chaseLonger li[data-v-9d4efb76] {
    float: left;
    width: 45px;
    text-align: center;
    font-weight: 700
}

.chaseLonger .curr[data-v-9d4efb76] {
    color: #f37036
}

.chaseListCon[data-v-9d4efb76] {
    height: 350px;
    overflow: auto
}

.advancedChase td[data-v-9d4efb76] {
    height: 38px;
    padding-left: 14px
}

.advancedChase td[data-v-9d4efb76]:first-child {
    width: 312px;
    border-right: 1px dashed #e3e3e3
}

.advancedChase td span[data-v-9d4efb76] {
    margin-right: 15px
}

.advancedChase input[data-v-9d4efb76] {
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    text-align: center
}

.advancedChase input[type=number][data-v-9d4efb76] {
    width: 80px;
    background: #fff;
    border: 1px solid #ddd
}

.advancedChase select[data-v-9d4efb76] {
    width: 170px;
    border-radius: 2px;
    border: 1px solid #ddd
}

.advancedChase .noCurr input[data-v-9d4efb76] {
    background: #fafafa
}

.advancedChase table[data-v-9d4efb76] {
    table-layout: fixed;
    width: 312px;
    margin: 14px 0;
    float: left
}

.advancedChase table[data-v-9d4efb76]:nth-child(2) {
    width: 384px
}

.advancedChase table:nth-child(2) tr td[data-v-9d4efb76] {
    border: none
}

.advancedChase hr[data-v-9d4efb76] {
    border: 1px solid #ddd;
    border-top: none;
    clear: both
}

.advancedChase a[data-v-9d4efb76],
.generalScheme[data-v-9d4efb76] {
    margin: 10px auto;
    width: 100px;
    height: 32px;
    font-size: 14px;
    line-height: 32px;
    border-radius: 4px
}

.chaseList[data-v-9d4efb76] {
    table-layout: fixed;
    width: 100%
}

.chaseList input[type=tel][data-v-9d4efb76] {
    display: inline-block;
    width: 60px;
    height: 22px;
    border: 1px solid #cecece;
    padding: 0 4px
}

.chaseList input[type=checkbox][data-v-9d4efb76] {
    margin-right: 5px
}

.chaseList tr:last-child td[data-v-9d4efb76] {
    border: none
}

.chaseList td[data-v-9d4efb76],
.chaseList th[data-v-9d4efb76] {
    padding: 0;
    text-align: left
}

.chaseList td[data-v-9d4efb76]:first-child,
.chaseList th[data-v-9d4efb76]:first-child {
    width: 54px
}

.chaseList td[data-v-9d4efb76]:nth-child(2),
.chaseList th[data-v-9d4efb76]:nth-child(2) {
    width: 186px
}

.chaseList td[data-v-9d4efb76]:nth-child(3),
.chaseList th[data-v-9d4efb76]:nth-child(3) {
    width: 90px
}

.chaseList td[data-v-9d4efb76]:nth-child(4),
.chaseList td[data-v-9d4efb76]:nth-child(5),
.chaseList th[data-v-9d4efb76]:nth-child(4),
.chaseList th[data-v-9d4efb76]:nth-child(5) {
    width: 84px
}

.chaseList td[data-v-9d4efb76]:first-child,
.chaseList th[data-v-9d4efb76]:first-child {
    padding-left: 14px
}

.chaseList td[data-v-9d4efb76] {
    height: 34px;
    line-height: 34px;
    border-bottom: 1px dotted #ddd
}

.chaseList td em[data-v-9d4efb76] {
    color: #f37036
}

.chaseList th[data-v-9d4efb76] {
    height: 38px;
    line-height: 38px;
    font-weight: 100;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd
}

.generalTable td[data-v-9d4efb76],
.generalTable th[data-v-9d4efb76] {
    text-align: left
}

.generalTable td[data-v-9d4efb76]:first-child,
.generalTable th[data-v-9d4efb76]:first-child {
    width: 34px
}

.generalTable td[data-v-9d4efb76]:nth-child(2),
.generalTable th[data-v-9d4efb76]:nth-child(2) {
    width: 84px
}

.generalTable td[data-v-9d4efb76]:nth-child(3),
.generalTable th[data-v-9d4efb76]:nth-child(3) {
    width: 54px
}

.generalTable td[data-v-9d4efb76]:nth-child(4),
.generalTable th[data-v-9d4efb76]:nth-child(4) {
    width: 74px
}

.generalTable td[data-v-9d4efb76]:nth-child(5),
.generalTable th[data-v-9d4efb76]:nth-child(5) {
    width: 84px
}

.generalTable td[data-v-9d4efb76]:first-child,
.generalTable th[data-v-9d4efb76]:first-child {
    padding-left: 14px
}

ins {
    margin: 0 4px
}

.betTotal {
    padding: 10px;
    text-align: center;
    font-size: 16px
}

.betTotal em,
.betTotal i {
    color: #f37036
}

.betTotal ._betMoney,
.betTotal ._chaseMoneyTotal,
.betTotal ._totalMoney {
    color: red
}

.betTotal input[type=number],
.betTotal input[type=tel],
.betTotal select {
    border: 1px solid #cecece;
    height: 30px;
    padding: 4px 5px;
    text-align: center;
    margin: 0 5px;
    border-radius: 0;
    vertical-align: baseline
}

.betTotal select {
    padding: 0 5px
}

.betTotal input[type=tel] {
    width: 60px
}

.betTotal input[type=radio] {
    display: none
}

.betTotal .money {
    color: red
}

.betBtn {
    display: block;
    margin: 0 auto;
    line-height: 44px;
    font-size: 20px;
    border-radius: 5px;
    width: 150px;
    text-align: center;
    background: #ea6a31;
    color: #fff;
    margin-bottom: 40px
}

.betBtn:hover {
    text-decoration: blink;
    color: #fff;
    background-color: #d95019;
    background: linear-gradient(180deg, #d64c15 0, #ea6a31)
}

.head6HC .openNumber[data-v-983ba0a2] {
    padding-top: 15px
}

.head6HC .openNumber .number-box em[data-v-983ba0a2] {
    height: 30px;
    width: 30px;
    line-height: 30px;
    font-size: 14px
}

.head6HC .openNumber .number-box span[data-v-983ba0a2] {
    font-size: 14px;
    color: #333
}

.headPK10 .announced .roundNo[data-v-983ba0a2] {
    margin-top: 10px;
    padding: 0 30px;
    font-size: 0;
    line-height: 0
}

.headPK10 .announced .roundNo img[data-v-983ba0a2],
.headPK10 .announced .roundNo li[data-v-983ba0a2] {
    width: 35px;
    margin: 0 4px;
    margin-bottom: 2px
}

.headPK10 .announced .roundNo li[data-v-983ba0a2] {
    height: 40px;
    background-size: 35px;
    font-size: 16px;
    line-height: 35px;
    font-weight: 700
}

.headPK10 .announced .roundNo img[data-v-983ba0a2] {
    line-height: 0
}

.headKL8 .announced .roundNo[data-v-983ba0a2] {
    margin-top: 19px;
    font-size: 0;
    line-height: 0
}

.headKL8 .announced .roundNo li[data-v-983ba0a2] {
    width: 25px;
    height: 31px;
    background-size: 25px;
    font-size: 12px;
    line-height: 25px;
    margin: 0 1px
}

.headKL8 .announced .roundNo img[data-v-983ba0a2] {
    width: 25px;
    height: 31px;
    margin: 0 1px
}

.betTitle[data-v-983ba0a2] {
    padding: 15px
}

.betTitle .announced .announcedTitle[data-v-983ba0a2],
.betTitle .betLogo h2[data-v-983ba0a2],
.betTitle .time .timeTitle[data-v-983ba0a2] {
    text-align: center;
    margin: 15px 0;
    font-size: 14px;
    color: #333;
    font-weight: 700
}

.betTitle .announcedTitle b[data-v-983ba0a2],
.betTitle .timeTitle b[data-v-983ba0a2] {
    color: red;
    margin: 0 5px
}

.betTitle .announced[data-v-983ba0a2],
.betTitle .betLogo[data-v-983ba0a2],
.betTitle .time[data-v-983ba0a2] {
    background: url(http://imagess-google.com/system/pc/k3/betBg.png);
    float: left;
    height: 140px;
    border-radius: 6px
}

.betTitle .betLogo[data-v-983ba0a2] {
    width: 284px;
    margin-right: 10px;
    text-align: center
}

.betTitle .betLogo h2[data-v-983ba0a2] {
    font-size: 24px
}

.betTitle .betLogo i[data-v-983ba0a2] {
    font-size: 60px;
    line-height: 70px;
    border-radius: 50%;
    padding: 4px;
    position: relative;
    margin-left: -52px;
    top: -3px
}

.betTitle .betLogo i[data-v-983ba0a2]:after {
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0
}

.betTitle .betLogo i[data-v-983ba0a2]:before {
    content: "";
    position: absolute;
    display: block;
    height: 1px;
    width: 36px;
    box-shadow: 0 0 10px 2px #b7a4a4;
    background: #dac9c9;
    z-index: 1;
    left: 12px;
    bottom: 3px
}

.betTitle .time[data-v-983ba0a2] {
    width: 380px;
    text-align: center;
    margin-right: 10px
}

.betTitle .time em[data-v-983ba0a2] {
    display: inline-block;
    height: 52px;
    color: #fff;
    font-size: 38px;
    line-height: 52px;
    font-family: Microsoft Yahei;
    margin-top: 6px;
    width: 200px;
    background: #455467;
    border-radius: 3px;
    text-shadow: 0 1px 1px #000
}

.betTitle .announced[data-v-983ba0a2] {
    width: 284px;
    text-align: center;
    position: relative;
    overflow: hidden
}

.betTitle .announced .announcedTitle[data-v-983ba0a2] {
    margin-bottom: 0
}

.betTitle .announced .announcedNo li[data-v-983ba0a2] {
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    margin: 19px 22px 0 0;
    float: left;
    background: url(http://imagess-google.com/system/pc/k3/open_num.png) no-repeat center 0
}

.betTitle .announced .announcedNo li[data-v-983ba0a2]:last-child {
    margin-right: 0
}

.betTitle .announced .announcedNoText[data-v-983ba0a2] {
    position: relative;
    z-index: 3 !important;
    transform: translateY(-95px)
}

.betTitle .announced .announcedNoText li[data-v-983ba0a2] {
    background: none;
    font-size: 30px
}

.betTitle .announced img[data-v-983ba0a2] {
    margin: 0 5px
}

.betTitle .announced .announcedNo[data-v-983ba0a2] {
    display: inline-block;
    margin: 0 auto;
    margin-top: 2px;
    position: relative;
    z-index: 4
}

.betTitle .announced .announcedNo img[data-v-983ba0a2] {
    margin: 0;
    margin-top: 9px
}

.betTitle .announced .announcedNo img+img[data-v-983ba0a2] {
    margin-left: 19px
}

.betTitle #Results .announcedNo1[data-v-983ba0a2] {
    background-position: 0 0
}

.betTitle #Results .announcedNo2[data-v-983ba0a2] {
    background-position: 0 -61px
}

.betTitle #Results .announcedNo3[data-v-983ba0a2] {
    background-position: 0 -122px
}

.betTitle #Results .announcedNo4[data-v-983ba0a2] {
    background-position: 0 -183px
}

.betTitle #Results .announcedNo5[data-v-983ba0a2] {
    background-position: 0 -244px
}

.betTitle #Results .announcedNo6[data-v-983ba0a2] {
    background-position: 0 -305px
}

.roundNo[data-v-983ba0a2] {
    text-align: center;
    margin-top: 26px
}

.roundNo li[data-v-983ba0a2] {
    display: inline-block;
    width: 42px;
    height: 48px;
    margin: 0 5px;
    position: relative;
    background: url(http://imagess-google.com/system/pc/ssc/ballOpenBg.png) no-repeat;
    font-size: 22px;
    line-height: 42px;
    color: #a12836;
    text-shadow: 1px 1px 1px #f5f5f5
}

.isLotteryCon[data-v-983ba0a2] {
    color: #333;
    position: fixed;
    top: 2.3em;
    left: 0;
    width: 100%;
    background: #e1d9ba;
    z-index: 5;
    height: 3.75em
}

.result[data-v-983ba0a2] {
    float: left;
    padding-top: .24em;
    border-top: 1px solid #fff;
    width: 68%
}

.timebar[data-v-983ba0a2] {
    float: left;
    position: relative;
    border-top: 1px solid #fff;
    width: 32%
}

.timebar[data-v-983ba0a2]:before {
    content: "";
    display: block;
    position: absolute;
    height: calc(3.75em - 1px);
    width: 1px;
    background-image: -webkit-linear-gradient(0deg, #bdb48b, #bdb48b 50%, transparent 0);
    left: 0;
    top: 0
}

.up[data-v-983ba0a2] {
    margin-top: -1rem
}

.openNumber[data-v-983ba0a2] {
    width: 100%;
    padding: 0 .6em;
    margin-top: .46em;
    font-size: .7em;
    display: table;
    table-layout: fixed
}

.number-box[data-v-983ba0a2] {
    vertical-align: top;
    display: table-cell;
    margin: 0 .3em;
    text-align: center
}

.number-box em[data-v-983ba0a2],
.number-box span[data-v-983ba0a2] {
    width: 100%;
    display: block;
    margin: 0 auto;
    text-align: center
}

.number-box em[data-v-983ba0a2] {
    height: 1.8em;
    width: 1.8em;
    line-height: 1.8em;
    box-shadow: 0 1px 1px #bbb59c;
    border-radius: 50%;
    color: #fff;
    font-size: .8em;
    margin-bottom: .4em
}

.number-box em.red[data-v-983ba0a2] {
    background: linear-gradient(0deg, #f87b7e 0, #dc3b40 75%);
    background: -webkit-linear-gradient(top, #f87b7e, #dc3b40 75%)
}

.number-box em.blue[data-v-983ba0a2] {
    background: linear-gradient(0deg, #6ebefa 0, #218ddd 75%);
    background: -webkit-linear-gradient(top, #6ebefa, #218ddd 75%)
}

.number-box em.green[data-v-983ba0a2] {
    background: linear-gradient(0deg, #69d893 0, #38b366 75%);
    background: -webkit-linear-gradient(top, #69d893, #38b366 75%)
}

.number-box.plus[data-v-983ba0a2] {
    width: 1em
}

.number-box.plus em[data-v-983ba0a2] {
    color: #333;
    box-shadow: none;
    font-size: 1.1em;
    line-height: 1.2em;
    width: 100% !important
}

.number-box.plus span[data-v-983ba0a2] {
    line-height: 30px
}

.number-box[data-v-983ba0a2]:first-child,
.number-box[data-v-983ba0a2]:last-child {
    margin-right: 0
}

.number-box span[data-v-983ba0a2] {
    line-height: 1.4
}

.text-small[data-v-983ba0a2] {
    font-size: .7em;
    line-height: 1.3em;
    margin-left: 1em;
    display: block
}

.past-open[data-v-983ba0a2] {
    position: absolute;
    top: 3.74em;
    left: 0;
    width: 100%;
    min-height: 10rem;
    border-top: 1px solid #fff;
    background: #e1d9ba
}

.past-open-table[data-v-983ba0a2] {
    width: 100%;
    font-size: .7em
}

.past-open-table th[data-v-983ba0a2] {
    font-weight: 400;
    line-height: 2.4em;
    border-bottom: 1px solid #bdb48b;
    color: #666
}

.past-open-table td[data-v-983ba0a2] {
    padding: .2rem .4rem
}

.past-open-table td[data-v-983ba0a2]:first-child,
.past-open-table td[data-v-983ba0a2]:last-child {
    width: 5.6em;
    color: #666
}

.past-open-result[data-v-983ba0a2] {
    position: relative;
    border-left: 1px solid #bdb48b
}

td.past-open-result[data-v-983ba0a2] {
    padding: .2rem .7rem;
    padding-right: .3rem
}

.past-open-result[data-v-983ba0a2]:before {
    content: "";
    width: .8em;
    height: 1px;
    background: #a7a182;
    position: absolute;
    left: -.4em;
    top: 50%
}

.past-open-result-box[data-v-983ba0a2] {
    font-size: .7em;
    text-align: center;
    float: left;
    width: 12.5%
}

.past-open-result-box em[data-v-983ba0a2] {
    font-size: 1.3em;
    display: block
}

.past-open-result-box span[data-v-983ba0a2] {
    color: #666
}

.past-open-result-box .red[data-v-983ba0a2] {
    color: #dc3b40
}

.past-open-result-box .blue[data-v-983ba0a2] {
    color: #218ddd
}

.past-open-result-box .green[data-v-983ba0a2] {
    color: #38b366
}

.timebar-issue[data-v-983ba0a2] {
    padding-top: .24em;
    font-size: .7em;
    line-height: 1.5em;
    text-align: center
}

.timebar h4[data-v-983ba0a2] {
    color: #333;
    text-align: center;
    font-weight: 400
}

.betRight[data-v-32e9ec76] {
    float: left;
    width: 258px;
    min-height: 500px;
    border-left: 1px solid #ddd;
    box-sizing: border-box
}

.betRight .box .bonus[data-v-32e9ec76] {
    color: #e4393c
}

.betRight .box h3[data-v-32e9ec76] {
    border-bottom: 1px solid #ddd;
    background: #455467;
    color: #fff;
    border-radius: 3px;
    display: inline-block;
    margin: 15px 0 6px 8px;
    text-align: center;
    height: 26px;
    line-height: 26px;
    font-weight: 100;
    font-size: 12px;
    padding: 0 6px
}

.betRight .box .notSelect[data-v-32e9ec76] {
    background: #d6d6d6;
    color: #666;
    cursor: pointer
}

.betRight .box table[data-v-32e9ec76] {
    text-align: center
}

.betRight .box table tr[data-v-32e9ec76]:hover {
    background: #f8f8fa
}

.betRight .box table th[data-v-32e9ec76] {
    background: #f2f4f7;
    height: 28px;
    line-height: 28px;
    text-align: center;
    font-weight: 400;
    color: #666;
    border-bottom: 1px solid #ddd
}

.betRight .box table .sum[data-v-32e9ec76] {
    font-weight: 700
}

.betRight .box table td[data-v-32e9ec76] {
    height: 24px;
    line-height: 24px;
    text-align: center;
    color: #666;
    border-right: 1px dotted #ebebeb;
    border-bottom: 1px dashed #ebebeb
}

.betRight .box table td em[data-v-32e9ec76] {
    width: 18px;
    height: 18px;
    display: inline-block;
    border-radius: 2px;
    color: #fff;
    vertical-align: middle;
    line-height: 18px
}

.betRight .box table td em+em[data-v-32e9ec76] {
    margin-left: 6px
}

.betRight .box table td .shuang[data-v-32e9ec76],
.betRight .box table td .xiao[data-v-32e9ec76] {
    background: #ff9726
}

.betRight .box table td .da[data-v-32e9ec76],
.betRight .box table td .dan[data-v-32e9ec76] {
    background: #5691d7
}

.betRight .box table td:first-child a[data-v-32e9ec76],
.betRight .box table td[data-v-32e9ec76]:first-child {
    color: #555
}

.betRight .box table .money[data-v-32e9ec76],
.betRight .box table .win[data-v-32e9ec76] {
    color: #ff9600
}

.betRight .box .more[data-v-32e9ec76] {
    width: 100%
}

.betRight .box .more td[data-v-32e9ec76] {
    text-align: right;
    padding-right: 15px
}

.betRight .box .more td a[data-v-32e9ec76] {
    color: #f37036
}

.betRight .winnerListSlide[data-v-32e9ec76] {
    height: 539px
}

.betRight .winnerListSlide li[data-v-32e9ec76] {
    border-bottom: 1px dotted #ddd;
    padding-top: 5px
}

.betRight .winnerListSlide li[data-v-32e9ec76]:hover {
    background: #f8f8fa
}

.betRight .today table td[data-v-32e9ec76]:nth-child(2) {
    color: #ff9600
}

.betRight .today a[data-v-32e9ec76] {
    color: #ff9831
}

.betRight .today a[data-v-32e9ec76]:hover {
    color: #e4393c
}

.betRight .today .more[data-v-32e9ec76] {
    display: inline-block;
    width: 156px !important;
    margin: 0 8px;
    height: 26px;
    text-align: right
}

.betRight .today .more a[data-v-32e9ec76] {
    background: #fff;
    display: inline-block;
    line-height: 13px;
    color: #555;
    padding-right: 5px
}

.betRight .today .more a[data-v-32e9ec76]:last-child {
    padding-left: 5px;
    background: #fff;
    border-left: 1px solid #555
}

.betRight .today .more a[data-v-32e9ec76]:hover {
    color: #f37036;
    text-decoration: underline
}

.betRight .winningList ins[data-v-32e9ec76] {
    display: block;
    width: 25px;
    height: 25px;
    margin: 0 auto;
    color: #555
}

.betRight .winningList tr:nth-child(2) ins[data-v-32e9ec76] {
    background: #c12f33;
    background: radial-gradient(circle at 25px 25px, #c12f33, #ca9293);
    color: #fff;
    border-radius: 50%;
    text-align: center;
    line-height: 25px
}

.betRight .winningList tr:nth-child(3) ins[data-v-32e9ec76] {
    background: #53b0fe;
    background: radial-gradient(circle at 25px 25px, #2b82cc, #53b0fe);
    color: #fff;
    border-radius: 50%;
    text-align: center;
    line-height: 25px
}

.betRight .winningList tr:nth-child(4) ins[data-v-32e9ec76] {
    background: #f8a968;
    background: radial-gradient(circle at 25px 25px, #c57532, #f8a968);
    color: #fff;
    border-radius: 50%;
    text-align: center;
    line-height: 25px
}

.betRight .winningList h3[data-v-32e9ec76] {
    cursor: pointer
}

.betRight .winningList .bd .tempWrap[data-v-32e9ec76],
.betRight .winningList .bd[data-v-32e9ec76] {
    width: 100%;
    padding: 0
}

.betRight .winningList .tempWrap[data-v-32e9ec76] {
    vertical-align: initial
}

.betRight .winningList table tr:nth-child(2) td[data-v-32e9ec76]:nth-child(3),
.betRight .winningList table tr:nth-child(3) td[data-v-32e9ec76]:nth-child(3),
.betRight .winningList table tr:nth-child(4) td[data-v-32e9ec76]:nth-child(3) {
    overflow: hidden;
    font-size: 0
}

.betRight .winningList table tr:nth-child(2) td[data-v-32e9ec76]:nth-child(3) {
    background: url(http://imagess-google.com/system/pc/k3/ko1.png) no-repeat 50%
}

.betRight .winningList table tr:nth-child(3) td[data-v-32e9ec76]:nth-child(3) {
    background: url(http://imagess-google.com/system/pc/k3/ko2.png) no-repeat 50%
}

.betRight .winningList table tr:nth-child(4) td[data-v-32e9ec76]:nth-child(3) {
    background: url(http://imagess-google.com/system/pc/k3/ko3.png) no-repeat 50%
}

.betRight .winningList table td[data-v-32e9ec76]:nth-child(2) {
    color: #cc0a2f;
    width: 40px;
    text-align: center
}

.betRight .winningList table td[data-v-32e9ec76]:nth-child(2):before {
    background: radial-gradient(circle at 100px 100px, #5cabff, #000)
}

.betRight .winningList table td[data-v-32e9ec76]:nth-child(3) {
    width: 46px;
    text-align: center;
    font-size: 14px
}

.betRight .winningList table td[data-v-32e9ec76] {
    text-align: left;
    padding: 7px 15px;
    padding-right: 12px;
    border-right: none
}

.betRight .winningList table td img[data-v-32e9ec76] {
    height: 36px;
    width: 36px;
    float: left;
    border-radius: 50%;
    margin-right: 9px;
    transition: .5s
}

.betRight .winningList table td p[data-v-32e9ec76] {
    margin: 0;
    margin-top: 0;
    line-height: 1.7;
    height: 36px
}

.betRight .winningList table td p i[data-v-32e9ec76] {
    color: red
}

.betRight .winningList table td:hover img[data-v-32e9ec76] {
    opacity: .8
}

.betRight .winningList table td[data-v-32e9ec76]:first-child {
    width: 280px
}

.betRight .winningList div[data-v-32e9ec76] {
    float: left;
    width: 78%;
    line-height: 1.5
}

.fold-enter-active[data-v-32e9ec76],
.fold-leave-active[data-v-32e9ec76] {
    transition: all .5s
}

.fold-enter[data-v-32e9ec76],
.fold-leave-active[data-v-32e9ec76] {
    transform: translateZ(0)
}

.ResultsList[data-v-32e9ec76] {
    min-height: 279px
}

#more-live[data-v-32e9ec76] {
    position: absolute;
    margin-top: 17px !important;
    margin-left: 10px !important;
    width: 106px !important
}

.changeShow[data-v-3420a9cc] {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 11
}

.video-con[data-v-3420a9cc],
.video[data-v-3420a9cc] {
    height: 456px;
    overflow: hidden;
    position: relative
}

iframe[data-v-3420a9cc] {
    border: none;
    width: 100%;
    height: 100%
}

.middleBox[data-v-3420a9cc] {
    z-index: 1
}

.middleBox>[data-v-3420a9cc],
.middleBox[data-v-3420a9cc] {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.middleBox>[data-v-3420a9cc] {
    width: 100%;
    height: 115%
}

.Anchor[data-v-3420a9cc] {
    position: absolute;
    top: 8em;
    right: .3em;
    width: 2.62em;
    z-index: 20;
    font-size: 1.5em
}

.AnchorImg[data-v-3420a9cc] {
    position: absolute;
    width: 2em;
    height: 2em;
    background-size: cover !important;
    border-radius: 50%;
    margin-top: 7px;
    margin-left: 5px
}

.AnchorBg[data-v-3420a9cc] {
    height: 3em;
    width: 3em;
    background-size: 2.6em !important;
    background-repeat: no-repeat !important;
    position: relative
}

.control[data-v-3420a9cc] {
    z-index: 25
}

.barrage[data-v-3420a9cc],
.control[data-v-3420a9cc] {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0
}

.barrage[data-v-3420a9cc] {
    top: auto;
    bottom: 2.8em
}

.con-btn[data-v-3420a9cc] {
    height: 2em;
    padding: 0 .24em;
    font-size: 1.4em
}

.con-btn li[data-v-3420a9cc] {
    float: right;
    margin-left: .2em
}

.con-btn li a[data-v-3420a9cc] {
    display: block;
    width: 1.4em;
    height: 1.4em;
    line-height: 1.4em;
    text-align: center;
    background: rgba(0, 0, 0, .3);
    border-radius: 50%;
    margin: 0 .24em
}

.con-btn li a[data-v-3420a9cc]:before {
    display: block;
    font-family: iconfont;
    color: #fff;
    font-size: .85em;
    transform: translateY(1px)
}

.con-btn li .back[data-v-3420a9cc]:before {
    content: "\E61B";
    transform: translateY(1px) scale(.9)
}

.con-btn li .question[data-v-3420a9cc]:before {
    content: "\E617"
}

.con-btn li .gift[data-v-3420a9cc]:before {
    content: "\E621"
}

.con-btn li .anchor[data-v-3420a9cc]:before {
    content: "\E643";
    transform: translateY(1px) scale(1.1)
}

.con-btn li .facetext[data-v-3420a9cc] {
    border-radius: .14em;
    width: 6.5em;
    text-align: left;
    padding-left: .4em;
    color: hsla(0, 0%, 100%, .8);
    line-height: 1.2em
}

.con-btn li .facetext[data-v-3420a9cc]:before {
    content: "\E625";
    display: inline;
    color: hsla(0, 0%, 100%, .8);
    font-size: .7em
}

.con-btn li .facetext em[data-v-3420a9cc] {
    display: inline-block;
    transform: scale(.9);
    font-size: .7em;
    margin-left: .1em
}

.con-btn li:first-child a[data-v-3420a9cc]:before {
    content: "\E624"
}

.con-btn li[data-v-3420a9cc]:last-child {
    float: left
}

.hideCon[data-v-3420a9cc] {
    position: absolute;
    top: 100%;
    width: 100%;
    left: 0;
    font-size: 1.4em
}

.hideCon>div[data-v-3420a9cc] {
    position: absolute;
    transform: translateY(12em)
}

.facetext.ined[data-v-3420a9cc],
.giving.ined[data-v-3420a9cc] {
    transform: translateY(-12em)
}

.toTop[data-v-3420a9cc] {
    transform: translateY(-13.8em);
    transition: .3s
}

.loadingBg-con[data-v-3420a9cc] {
    position: absolute;
    width: 100%
}

.loadingBg[data-v-3420a9cc] {
    height: 456px;
    background: #000
}

.loading-con[data-v-3420a9cc] {
    position: absolute;
    width: 100%;
    height: 100%
}

.loading-con canvas {
    transform: none !important;
    width: 100%
}

.vip1[data-v-e0bfe1b8],
.vip2[data-v-e0bfe1b8],
.vip-1[data-v-e0bfe1b8] {
    background: -webkit-linear-gradient(left, #41baea, #6fd3fa) !important
}

.vip3[data-v-e0bfe1b8],
.vip4[data-v-e0bfe1b8] {
    background: -webkit-linear-gradient(left, #13b8ad, #32e3d7) !important
}

.vip5[data-v-e0bfe1b8],
.vip6[data-v-e0bfe1b8] {
    background: -webkit-linear-gradient(left, #edb532, #fcce65) !important
}

.vip7[data-v-e0bfe1b8],
.vip8[data-v-e0bfe1b8] {
    background: -webkit-linear-gradient(left, #f06537, #fb9e76) !important
}

.vip9[data-v-e0bfe1b8] {
    background: -webkit-linear-gradient(left, #f75657, #fe7c7c) !important
}

.default .content[data-v-e0bfe1b8] {
    text-align: justify
}

.barrage[data-v-e0bfe1b8] {
    height: 130px;
    width: 100%;
    overflow: auto;
    z-index: 20;
    position: absolute;
    bottom: 41px
}

.barrage[data-v-e0bfe1b8]::-webkit-scrollbar {
    display: none
}

.barrage ul[data-v-e0bfe1b8] {
    min-height: 101%;
    width: 154px;
    color: #fff;
    margin: 0 .65em;
    font-size: 12px
}

.barrage ul li[data-v-e0bfe1b8] {
    padding: .2em 0;
    line-height: 1.4
}

.barrage ul .content[data-v-e0bfe1b8] {
    padding: 2px;
    padding-bottom: 1px;
    display: table;
    background: rgba(0, 0, 0, .15);
    border-radius: .2em
}

.barrage ul .content>div[data-v-e0bfe1b8],
.barrage ul .content span[data-v-e0bfe1b8] {
    float: left
}

.barrage ul .content>div[data-v-e0bfe1b8] {
    width: 113px
}

.barrage ul .content em[data-v-e0bfe1b8],
.barrage ul .content ins[data-v-e0bfe1b8] {
    text-shadow: 0 0 1px rgba(0, 0, 0, .19);
    vertical-align: middle
}

.barrage ul .content span[data-v-e0bfe1b8] {
    font-size: .75em;
    background: #00aafb;
    border-radius: .2em;
    width: 32px;
    text-align: center;
    margin-right: .4em
}

.barrage ul .content em[data-v-e0bfe1b8] {
    color: #e04649
}

.smallgift[data-v-20a184bc] {
    position: absolute;
    z-index: 20;
    bottom: 178px;
    left: .4em;
    height: 4.5em;
    font-size: 1.4em
}

.smallgift .block1[data-v-20a184bc],
.smallgift .block2[data-v-20a184bc] {
    position: absolute
}

.smallgift .block1[data-v-20a184bc] {
    top: 0
}

.smallgift .block2[data-v-20a184bc] {
    top: 2.4em
}

.smallgift .fix[data-v-20a184bc] {
    height: 2em;
    width: 12em;
    position: relative
}

.smallgift .fix img[data-v-20a184bc] {
    height: 1.9em;
    width: 1.9em;
    border-radius: 50%;
    display: block;
    float: left
}

.smallgift .fix[data-v-20a184bc]:nth-child(2) {
    margin-top: .5em
}

.text[data-v-20a184bc] {
    position: absolute;
    left: 2.3em;
    width: 3.6em;
    overflow: hidden
}

.text em[data-v-20a184bc],
.text span[data-v-20a184bc] {
    display: block;
    color: #fff;
    font-size: .68em;
    line-height: 1.32em
}

.text span[data-v-20a184bc] {
    margin-top: 1px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    width: 100%
}

.text em[data-v-20a184bc] {
    font-size: .55em
}

.text i[data-v-20a184bc] {
    color: #f3e76e
}

.resetNumber .number[data-v-20a184bc] {
    transition: 0s !important;
    transform: scale(3) !important;
    opacity: 0 !important
}

.number[data-v-20a184bc] {
    text-align: left;
    width: 2em;
    height: 2em;
    line-height: 2em;
    font-style: italic;
    font-size: 1.1em;
    color: #f3e76e;
    text-shadow: 0 3px 5px rgba(0, 0, 0, .64);
    float: left;
    padding-left: .2em;
    opacity: 0;
    transition: .3s;
    transform: scale(3)
}

.block[data-v-20a184bc] {
    transform: translateX(0);
    border-radius: 2em;
    background: rgba(0, 0, 0, .15);
    width: 9em;
    height: 100%;
    float: left;
    border: 1px solid #f3e76e;
    transform: translateX(-12em);
    transition: .3s
}

.created .block[data-v-20a184bc] {
    transform: translateX(0)
}

.created .number[data-v-20a184bc] {
    opacity: 1;
    transform: scale(1)
}

.beforeDestory .block[data-v-20a184bc] {
    transform: translateX(-12em)
}

.beforeDestory .number[data-v-20a184bc] {
    opacity: 0;
    transform: scale(1)
}

.container[data-v-14b7fe31] {
    float: right;
    width: 3em;
    height: 2em;
    margin-left: .5em
}

.block[data-v-14b7fe31] {
    position: relative;
    animation: moving .2s linear infinite
}

.cuke1[data-v-14b7fe31],
.cuke2[data-v-14b7fe31] {
    position: absolute;
    right: 0;
    height: 2em;
    width: 2.5em;
    background-repeat: no-repeat !important;
    background-size: 100% !important
}

.cuke1[data-v-14b7fe31] {
    transform: rotate(-40deg);
    top: .5em
}

.cuke2[data-v-14b7fe31] {
    transform: rotate(-10deg);
    top: .9em
}

@keyframes moving {
    0% {
        transform: translate(0);
        -webkit-filter: blur(0);
        filter: blur(0)
    }
    45% {
        -webkit-filter: blur(0);
        filter: blur(0)
    }
    50% {
        transform: translate(.03em, .03em);
        -webkit-filter: blur(.06em);
        filter: blur(.06em)
    }
    95% {
        -webkit-filter: blur(0);
        filter: blur(0)
    }
    to {
        transform: translate(0);
        -webkit-filter: blur(0);
        filter: blur(0)
    }
}

.container[data-v-1b7ad5a1] {
    float: right;
    width: 3em;
    height: 2em
}

.block[data-v-1b7ad5a1] {
    position: relative
}

.target1[data-v-1b7ad5a1],
.target2[data-v-1b7ad5a1] {
    height: 1em;
    width: 2.5em;
    position: absolute;
    background-size: 3em !important;
    background-repeat: no-repeat !important;
    top: .4em;
    transform: rotate(-45deg)
}

.target2[data-v-1b7ad5a1] {
    background-position: 0 -1.005em !important
}

.water1[data-v-1b7ad5a1] {
    height: 1.2em;
    background-position: -4.25em -.75em !important;
    left: 1.8em;
    top: -.45em;
    animation: injections 1.8s linear infinite;
    animation-delay: .5s
}

.water1[data-v-1b7ad5a1],
.water2[data-v-1b7ad5a1] {
    position: absolute;
    width: 1em;
    background-repeat: no-repeat !important;
    background-size: 5em !important;
    transform: scale(.5) translate(0);
    opacity: 0
}

.water2[data-v-1b7ad5a1] {
    height: .6em;
    background-position: -4.25em 0 !important;
    left: 1.5em;
    top: -.2em;
    animation: injections 1.8s linear infinite;
    animation-delay: .7s
}

@keyframes injections {
    0% {
        transform: scale(.1) translate(0);
        opacity: 0
    }
    5% {
        transform: scale(.5) translate(0);
        opacity: 1
    }
    15% {
        transform: scale(.6) translateY(.5em)
    }
    30% {
        transform: scale(.6) translateY(2em);
        opacity: 1
    }
    31% {
        opacity: 0
    }
}

.container[data-v-313aa7ba] {
    float: right;
    width: 3em;
    height: 2em;
    position: relative
}

.kiss[data-v-313aa7ba] {
    width: 2.2em;
    height: 1.4em;
    animation: kiss_kiss 1.8s linear infinite
}

.kiss[data-v-313aa7ba],
.small[data-v-313aa7ba] {
    background-size: 100% !important;
    background-repeat: no-repeat !important;
    position: absolute;
    top: .3em;
    left: .4em
}

.small[data-v-313aa7ba] {
    width: .8em;
    height: .6em;
    transform: rotate(20deg);
    animation: kiss_small 1.8s linear infinite
}

@keyframes kiss_kiss {
    0% {
        transform: scale(1)
    }
    25% {
        transform: scale(1)
    }
    30% {
        transform: scale(1.2)
    }
    38% {
        transform: scale(1)
    }
    to {
        transform: scale(1)
    }
}

@keyframes kiss_small {
    0% {
        transform: rotate(20deg) translate(0) scale(1);
        opacity: 0
    }
    30% {
        transform: rotate(20deg) translate(0) scale(1);
        opacity: 0
    }
    31% {
        transform: rotate(20deg) translate(0) scale(1);
        opacity: 1
    }
    60% {
        transform: rotate(20deg) translate(-1em, -1em) scale(.5);
        opacity: 0
    }
    to {
        opacity: 0
    }
}

.container[data-v-e66c2742] {
    float: right;
    width: 3em;
    height: 2em;
    position: relative
}

.durex1[data-v-e66c2742],
.durex2[data-v-e66c2742] {
    height: 2em;
    width: 1.6em;
    background-size: 100% !important;
    background-position: 0 -.75em !important;
    background-repeat: no-repeat !important;
    top: .2em;
    position: absolute;
    left: .5em
}

.durex1[data-v-e66c2742] {
    transform: rotate(-10deg) scale(.9);
    left: 1.15em
}

.durex2[data-v-e66c2742] {
    transform: rotate(15deg);
    left: .3em
}

.durex[data-v-e66c2742] {
    animation: durex .8s linear infinite;
    width: 2em;
    height: 1.6em
}

.small[data-v-e66c2742] {
    width: .6em;
    height: .5em;
    background-size: 220% !important;
    background-repeat: no-repeat !important;
    background-position: -.52em 0 !important;
    position: absolute;
    top: 0
}

.small1[data-v-e66c2742] {
    top: 1.3em;
    left: .3em;
    animation: durex_small1 .8s linear infinite
}

.small2[data-v-e66c2742] {
    top: .3em;
    left: 1em;
    animation: durex_small2 .8s linear infinite
}

.small3[data-v-e66c2742] {
    top: .5em;
    left: 2em;
    animation: durex_small3 .8s linear infinite
}

@keyframes durex {
    0% {
        transform: scale(1)
    }
    24% {
        transform: scale(1)
    }
    25% {
        transform: scale(1.01)
    }
    75% {
        transform: scale(1.01)
    }
    76% {
        transform: scale(1)
    }
    to {
        transform: scale(1)
    }
}

@keyframes durex_small1 {
    0% {
        transform: translate(0) rotate(-10deg);
        opacity: 1
    }
    to {
        transform: translate(.2em, -2em) rotate(-10deg);
        opacity: 0
    }
}

@keyframes durex_small2 {
    0% {
        transform: translate(0) rotate(-10deg);
        left: 1em;
        opacity: 1
    }
    60% {
        left: .6em;
        transform: translate(.05em, -1em) rotate(0deg)
    }
    80% {
        opacity: 0
    }
    to {
        transform: translate(.1em, -2em) rotate(10deg);
        opacity: 0
    }
}

@keyframes durex_small3 {
    0% {
        transform: translate(0) rotate(10deg);
        opacity: 1
    }
    60% {
        opacity: 0
    }
    to {
        transform: translateY(-2em) rotate(20deg);
        opacity: 0
    }
}

.tobottom[data-v-915df9b4] {
    transform: translateY(1.6em)
}

.info[data-v-915df9b4] {
    position: absolute;
    height: 2em;
    width: 9em;
    margin-left: .4em;
    left: 0;
    top: 128px;
    font-size: 1.4em;
    border: 1px solid #42b3f3;
    border-radius: 2em;
    background: #45a1f5;
    background: linear-gradient(270deg, #45a1f5 2%, #5bc3f7);
    background: -webkit-linear-gradient(left, #45a1f5 2%, #5bc3f7)
}

.info span[data-v-915df9b4] {
    margin-top: 1px;
    font-size: .68em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    line-height: 1.32em
}

.info .img[data-v-915df9b4] {
    float: left;
    width: 1.95em;
    height: 100%;
    display: block
}

.info img[data-v-915df9b4] {
    border-radius: 50%;
    display: inline-block
}

.text[data-v-915df9b4] {
    width: 3.6em;
    height: 100%;
    overflow: hidden;
    line-height: 1em;
    color: #fff;
    position: absolute;
    left: 2.3em
}

.text em[data-v-915df9b4] {
    font-size: .55em;
    display: block;
    line-height: 1.32em
}

.text em i[data-v-915df9b4] {
    color: #f3e76e
}

.review[data-v-915df9b4] {
    float: right;
    width: 2.8em;
    height: 2em;
    background-size: cover !important;
    margin-left: .4em;
    overflow: hidden
}

.binary[data-v-915df9b4] {
    position: absolute;
    z-index: 21;
    width: 100%;
    height: 150%;
    top: -25%;
    pointer-events: none;
    display: table
}

.binary-con[data-v-915df9b4] {
    height: 100%;
    width: 100%;
    display: table-cell;
    vertical-align: middle
}

#gift canvas {
    width: 100% !important;
    height: 456px !important;
    transform: none !important
}

#gift.porsche canvas {
    height: 257px !important
}

.help-con[data-v-852fe036] {
    color: #333;
    padding: 1.2em .8em;
    padding-bottom: 0;
    font-size: .7em;
    line-height: 1.4em
}

.help-con h3[data-v-852fe036] {
    text-align: center;
    margin-bottom: .4em;
    color: #e72d3c
}

.help-con h3[data-v-852fe036]:before {
    display: inline;
    content: "\E647   ";
    font-family: iconfont
}

.help-con p[data-v-852fe036] {
    margin-top: .5em
}

.age[data-v-852fe036],
.girl[data-v-852fe036]:before {
    font-size: .6em;
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    padding: 0 .2em;
    line-height: 1.5em;
    border-radius: .2em;
    height: 1.4em
}

.age[data-v-852fe036] {
    background: #ff8a60
}

.girl[data-v-852fe036]:before {
    content: "\E642";
    font-family: iconfont;
    background: #f7529e
}

.bouns[data-v-852fe036] {
    text-align: center;
    font-size: .5em;
    transform: translateY(-1.1em);
    height: .5em;
    color: #f7529e
}

.close[data-v-852fe036]:before {
    content: "\E622";
    font-family: iconfont;
    position: absolute;
    top: 0;
    right: 0;
    font-size: .6em;
    color: #ccc;
    height: 2.6em;
    width: 2.6em;
    text-align: center;
    line-height: 2.6em
}

ins[data-v-852fe036] {
    color: #666
}

table[data-v-852fe036] {
    font-size: .65em;
    margin: 0 auto;
    width: 15em;
    color: #666
}

table td[data-v-852fe036] {
    height: 2em;
    line-height: 2em
}

.name[data-v-852fe036] {
    text-align: center;
    font-size: .7em;
    color: #333;
    margin: 1.2em 0
}

.name em[data-v-852fe036] {
    color: #fff;
    background: #32aaff;
    font-size: .7em;
    padding: 0 .3em;
    border-radius: .2em
}

.head[data-v-852fe036] {
    height: 4em;
    width: 4em;
    margin: 0 auto;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    border-radius: 50%;
    margin-top: 1.7em;
    border: 3px solid #e2e0e0
}

.head span[data-v-852fe036] {
    height: 5em;
    width: 5em;
    display: block;
    background-repeat: no-repeat !important;
    background-size: 5em !important;
    position: absolute;
    margin-left: -9px;
    margin-top: -12px
}

.userinfo[data-v-852fe036] {
    top: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 100;
    transform: translateY(30em);
    transition: .3s
}

.opened[data-v-852fe036] {
    transform: translateY(0)
}

.content[data-v-852fe036] {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    width: 19em;
    border-radius: .22em;
    background: #fff
}

.content .loading[data-v-852fe036] {
    width: 100%;
    min-height: 10em;
    line-height: 10em;
    text-align: center;
    font-size: .8em;
    color: #666
}

.content .info[data-v-852fe036] {
    height: 100%;
    width: 100%;
    padding-bottom: 1em
}

.money[data-v-852fe036] {
    text-align: center;
    font-size: .6em;
    transform: translateY(-.6em);
    color: #df3040;
    line-height: .8em
}

.userTable[data-v-852fe036] {
    text-align: center
}

.userTable td[data-v-852fe036] {
    position: relative
}

.userTable td[data-v-852fe036]:nth-child(2n+2):before {
    position: absolute;
    margin-top: .5em;
    content: "";
    display: block;
    width: 1px;
    height: .9em;
    background-image: -webkit-linear-gradient(0deg, #d0d0d0, #d0d0d0 50%, transparent 0)
}

.review[data-v-28878ab8] {
    width: 100%;
    height: 2.9em;
    background-position: center -.1em !important;
    background-size: 3.1em !important;
    background-repeat: no-repeat !important;
    transform: translateY(.1em)
}

.balance[data-v-28878ab8] {
    float: left;
    color: #fcc948;
    font-size: .65em;
    padding-left: .6em
}

.balance[data-v-28878ab8]:before {
    content: "\E64F   ";
    font-family: iconfont
}

.giving[data-v-28878ab8] {
    background: rgba(4, 0, 12, .88);
    transition: .2s;
    width: 100%;
    height: 12em
}

.giving .desktop[data-v-28878ab8] {
    height: 9.6em;
    overflow: hidden
}

.giving .desktop ul li[data-v-28878ab8] {
    color: #fff;
    float: left;
    width: 25%;
    height: 4.8em;
    padding: .3em;
    position: relative;
    overflow: hidden
}

.giving .desktop ul li[data-v-28878ab8]:active {
    background-color: none
}

.giving .desktop ul li[data-v-28878ab8]:nth-child(4n+4) {
    border-right: none
}

.giving .desktop ul li[data-v-28878ab8]:nth-child(1n+2):after,
.giving .desktop ul li[data-v-28878ab8]:nth-child(1n+5):before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    display: block
}

.giving .desktop ul li[data-v-28878ab8]:nth-child(1n+5):before {
    height: 1px;
    width: 100%;
    background-image: -webkit-linear-gradient(90deg, #464853, #464853 50%, transparent 0)
}

.giving .desktop ul li[data-v-28878ab8]:nth-child(1n+2):after {
    width: 1px;
    height: 100%;
    background-image: -webkit-linear-gradient(0deg, #464853, #464853 50%, transparent 0)
}

.giving .desktop ul li i[data-v-28878ab8] {
    color: #d7da2b
}

.giving .desktop ul li em[data-v-28878ab8],
.giving .desktop ul li i[data-v-28878ab8] {
    display: block;
    text-align: center;
    font-size: .5em
}

.giving .desktop ul .selected[data-v-28878ab8] {
    border: 1px solid #ee3945 !important
}

.giving .footer[data-v-28878ab8] {
    height: 2.4em;
    line-height: 2.4em;
    background: rgba(0, 0, 0, .32);
    position: relative
}

.giving .footer[data-v-28878ab8]:before {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 1px;
    background-image: -webkit-linear-gradient(90deg, #464853, #464853 50%, transparent 0)
}

.giving .footer .btn[data-v-28878ab8] {
    color: #fff;
    float: right;
    background: #d9dfe2;
    height: 2em;
    width: 5.4em;
    line-height: 2em;
    font-size: .7em;
    text-align: center;
    border-radius: 1em;
    margin-top: .76em;
    margin-right: 1em
}

.giving .footer .btn a[data-v-28878ab8] {
    display: inline-block;
    width: 100%
}

.giving .footer .btn.curr[data-v-28878ab8] {
    background: #ee3945
}

.giving .footer .btn.curr a[data-v-28878ab8] {
    color: #fff
}

.manyBtn[data-v-28878ab8] {
    position: absolute;
    color: #fff;
    right: 1em;
    top: -1.4em;
    background: #03bec3;
    height: 3em;
    width: 3em;
    border-radius: 50%;
    text-align: center;
    padding-top: .72em;
    box-shadow: 0 0 0 .1em #009395, 0 0 0 .2em #00c6db, 0 0 0 .4em #63eaf7, 0 0 1em #000
}

.manyBtn em[data-v-28878ab8],
.manyBtn span[data-v-28878ab8] {
    display: block;
    font-size: .6em;
    line-height: 1.4em
}

.manyBtn[data-v-28878ab8]:active {
    background: #01989c
}

.gift[data-v-28878ab8] {
    position: relative
}

.gift span[data-v-28878ab8] {
    opacity: .5;
    position: absolute;
    top: .4em;
    right: .4em;
    background: #999;
    width: 1.4em;
    height: 1.4em;
    font-size: .5em;
    line-height: 1.4em;
    text-align: center;
    border-radius: .2em;
    color: #333
}

.showNum[data-v-28878ab8] {
    font-size: 2em;
    position: absolute;
    bottom: 3em;
    width: 100%;
    text-align: center;
    color: #fff;
    font-style: italic;
    color: #f9bc35;
    text-shadow: 0 3px 5px rgba(0, 0, 0, .64)
}

.ani_num[data-v-28878ab8] {
    animation: number .3s linear;
    transform: scale(1);
    opacity: 1
}

@keyframes number {
    0% {
        transform: scale(3);
        opacity: 0
    }
    to {
        transform: scale(1);
        opacity: 1
    }
}

.content .testing[data-v-1b70d176] {
    width: calc(16rem - 3.4em - 4.25em - 1em);
    overflow: hidden
}

.content input[data-v-1b70d176] {
    border: none;
    width: calc(100% - 2.6em);
    font-size: .7em;
    color: #333;
    padding: 0 .2em;
    outline: none
}

.facetext[data-v-1b70d176] {
    height: 12em;
    transition: .2s;
    width: 100%;
    pointer-events: none
}

.facetext .title[data-v-1b70d176] {
    display: table;
    width: 100%;
    border-bottom: 1px solid #d4d4d4;
    pointer-events: auto
}

.facetext .title>div[data-v-1b70d176] {
    display: table-cell
}

.facetext .title .btn[data-v-1b70d176],
.facetext .title .content[data-v-1b70d176],
.facetext .title .type[data-v-1b70d176] {
    height: 2.4em;
    line-height: 2.4em
}

.facetext .title .type[data-v-1b70d176] {
    width: 3.4em;
    background: #fdfdfd;
    text-align: center;
    position: relative
}

.facetext .title .type span[data-v-1b70d176] {
    display: inline-block;
    text-align: center;
    background: #d1d0cc;
    border-radius: .8em;
    width: 2.4em;
    height: 1.4em;
    transform: translateY(.5em);
    transition: .2s
}

.facetext .title .type span[data-v-1b70d176]:after {
    content: "";
    display: block;
    position: absolute;
    top: -.1em;
    right: -.5em;
    height: 1.6em;
    width: 1px;
    background: #d1d0cc
}

.facetext .title .type span.open[data-v-1b70d176] {
    background: #ef4b52
}

.facetext .title .type span.open em[data-v-1b70d176] {
    transform: translate(.7em, -.9em);
    color: #ef4b52
}

.facetext .title .type em[data-v-1b70d176] {
    transition: .2s;
    display: inline-block;
    line-height: 1.5em;
    transform: translate(-.72em, -.9em);
    font-size: .7em;
    color: #b9b8b4;
    background: #fdfdfd;
    border-radius: .75em;
    width: 1.5em;
    height: 1.5em;
    box-shadow: -1px 1px 4px rgba(0, 0, 0, .45)
}

.facetext .title .content[data-v-1b70d176] {
    background: #fdfdfd;
    position: relative;
    vertical-align: top
}

.facetext .title .faceortext[data-v-1b70d176] {
    position: absolute;
    top: 0;
    right: 0;
    width: 1.4em;
    font-size: 1.3em;
    line-height: 1.9em;
    color: #888
}

.facetext .title .btn[data-v-1b70d176] {
    width: 4.25em;
    text-align: center;
    font-size: .8em;
    color: #fff;
    background: #ccc;
    line-height: 2.2em
}

.facetext .title .curr[data-v-1b70d176] {
    background: #ee4a52
}

.facetext .title .curr[data-v-1b70d176]:active {
    background: red
}

.facetext .desktop[data-v-1b70d176] {
    height: 9.6em;
    background: #fdfdfd;
    pointer-events: auto
}

.facetext-face[data-v-1b70d176],
.facetext-text[data-v-1b70d176] {
    height: 100%;
    overflow: hidden
}

.facetext-face ul[data-v-1b70d176],
.facetext-text ul[data-v-1b70d176] {
    padding: .3em .5em
}

.facetext-face ul li[data-v-1b70d176],
.facetext-text ul li[data-v-1b70d176] {
    float: left
}

.facetext-face ul li[data-v-1b70d176] {
    width: 14.2857%;
    text-align: center;
    font-size: 1.4em;
    height: 1.4em;
    line-height: 1.4em
}

.facetext-text ul[data-v-1b70d176] {
    text-align: center
}

.facetext-text ul li[data-v-1b70d176] {
    display: inline-block;
    white-space: nowrap;
    margin: .2em 0;
    float: none;
    padding: 0 .2em
}

.facetext-text ul li em[data-v-1b70d176] {
    font-size: .7em;
    background: #f0f0f0;
    color: #666;
    display: inline-block;
    border-radius: 1em;
    padding: .2em .7em;
    max-width: 98%
}

.facetext-text ul li em[data-v-1b70d176]:active {
    color: #ee575d
}

.facetext-text .curr em[data-v-1b70d176] {
    background: #ee4a52;
    color: #fff
}

.broadCast[data-v-762282a5] {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 25;
    transition: 1s;
    transform: translateX(16rem);
    opacity: 0
}

.broadCast li[data-v-762282a5] {
    border-radius: 1em;
    padding: 0 .4em;
    color: #fff;
    font-size: .6em;
    background: #ec8f36;
    background: linear-gradient(270deg, #ec8f36 2%, #fad066);
    background: -webkit-linear-gradient(left, #ec8f36 2%, #fad066);
    margin-bottom: .5em;
    padding: 0 .6em;
    height: 1.8em;
    line-height: 1.8em;
    position: relative
}

.broadCast li em[data-v-762282a5]:before {
    position: absolute;
    left: .4em;
    content: "\E649";
    font-family: iconfont;
    padding-right: .3em;
    line-height: 1.8em
}

.broadCast.mounted[data-v-762282a5] {
    transform: translateX(0);
    opacity: 1
}

.broadCast.before-destroy[data-v-762282a5] {
    transform: translateX(-16rem);
    opacity: 0
}

.scrollText[data-v-762282a5] {
    display: inline;
    margin-left: 1.3em
}

.con[data-v-5ecd1df4] {
    pointer-events: none
}

.scrollText[data-v-5ecd1df4] {
    display: block;
    max-width: 206px;
    overflow: scroll;
    transform: translateY(.05em)
}

.scrollText[data-v-5ecd1df4]::-webkit-scrollbar {
    display: none
}

.target[data-v-5ecd1df4] {
    white-space: nowrap;
    transition: 5s;
    transition-timing-function: cubic-bezier(.5, .5, 1, 1)
}

.reset[data-v-5ecd1df4] {
    transform: translateX(0) !important
}

.betNavCon[data-v-78511096] {
    width: 100%;
    overflow: hidden
}

.betNav[data-v-78511096] {
    height: 38px;
    margin: 0 34px;
    transition: .6s;
    width: 3000px;
    overflow: hidden
}

.betNav>li[data-v-78511096] {
    display: inline-block;
    width: 112px;
    float: left;
    text-align: center;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 38px;
    background: #fff;
    cursor: pointer;
    color: #333
}

.betNav>li+li[data-v-78511096] {
    border-left: 1px solid #ddd
}

.betNav>li[data-v-78511096]:last-child {
    border-right: 1px solid #ddd
}

.betNav .active[data-v-78511096] {
    background: #ea6a31;
    color: #fff
}

.betNavtab[data-v-78511096] {
    height: 38px;
    position: absolute;
    right: 0;
    top: 0;
    background: #ececec;
    width: 35px;
    background: linear-gradient(#fff 2%, #ececec);
    border-left: 1px solid #ddd;
    cursor: auto
}

.betNavtab.left[data-v-78511096] {
    left: 0;
    border-right: 1px solid #ddd;
    border-left: none
}

.betNavtab.left em[data-v-78511096] {
    transform: rotate(90deg);
    margin-left: 3px
}

.betNavtab[data-v-78511096]:active {
    background: linear-gradient(#ececec 2%, #fff)
}

.betNavtab span[data-v-78511096] {
    display: block;
    width: 16px;
    height: 16px;
    border-radius: 8px;
    border: 1px solid;
    margin: 11px 9.5px;
    cursor: pointer
}

.betNavtab em[data-v-78511096] {
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid;
    display: block;
    margin: 5px 3px;
    transition: .5s;
    transform: rotate(-90deg);
    margin-left: 4px
}

.betNavtab em[data-v-78511096]:before {
    content: "";
    display: block;
    width: 38px;
    height: 35px;
    position: absolute;
    margin-left: -19px;
    margin-top: -21px
}

.betFilter[data-v-61fda88b] {
    text-align: left;
    width: 739px;
    box-sizing: border-box;
    padding: 10px 15px;
    border-bottom: 1px solid #ddd;
    background: #f2f4f7;
    border-top: 1px solid #ddd;
    height: 52px
}

.betFilter li[data-v-61fda88b] {
    display: inline;
    padding: 4px 5px;
    line-height: 30px;
    border-radius: 3px;
    cursor: pointer;
    text-align: center;
    color: #555;
    font-size: 14px;
    margin-right: 13px;
    margin-bottom: 5px
}

.betFilter .curr[data-v-61fda88b],
.betFilter li[data-v-61fda88b]:hover {
    background: #ff9726;
    color: #fff
}

.betTip[data-v-61fda88b] {
    padding: 3px 15px;
    color: #555;
    background: #fdfdfd
}

.betTip i[data-v-61fda88b] {
    font-size: 14px;
    margin-right: 3px
}

.betTip i[data-v-61fda88b],
.betTip ins[data-v-61fda88b] {
    color: #ff9831
}

.betTip ins[data-v-61fda88b] {
    color: red
}

.checkNumber span[data-v-61fda88b] {
    color: #333
}

.checkNumber .B a[data-v-61fda88b],
.checkNumber .E a[data-v-61fda88b] {
    padding: 0 14px;
    line-height: 46px
}

.checkNumber .C a[data-v-61fda88b] {
    padding: 0 8px
}

.checkNumber .G[data-v-61fda88b] {
    padding: 0 30px
}

.checkNumber ul[data-v-61fda88b] {
    text-align: center
}

.checkNumber ul li[data-v-61fda88b] {
    display: inline-block;
    margin: 12px 15px;
    vertical-align: top
}

.checkNumber ul li a[data-v-61fda88b] {
    box-shadow: 0 1px 5px #d4d4d4;
    display: block;
    background: linear-gradient(180deg, #fff 0, #f1efef 90%, #f7f7f7);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#f7f7f7", GradientType=0);
    border-radius: 5px;
    border: 1px solid #c0c5d2;
    height: 50px;
    line-height: 50px;
    font-size: 30px;
    color: #000;
    text-align: center;
    min-width: 52px
}

.checkNumber ul li a em[data-v-61fda88b] {
    padding-left: 8px;
    padding-right: 10px
}

.checkNumber ul li a em+em[data-v-61fda88b] {
    padding-left: 10px;
    padding-right: 8px;
    border-left: 1px dashed #ccc
}

.checkNumber ul li a span[data-v-61fda88b] {
    color: #111
}

.checkNumber ul li a i[data-v-61fda88b] {
    padding: 0 15px
}

.checkNumber[data-v-61fda88b] {
    margin: 24px 15px;
    padding: 25px 0;
    background: url(http://imagess-google.com/system/pc/k3/betBg.png);
    border-radius: 6px
}

.checkedList[data-v-61fda88b] {
    border: 1px solid #ddd;
    margin: 15px;
    padding: 10px;
    height: 188px;
    overflow-y: auto;
    margin-top: 40px;
    background: #fff
}

.checkedList table[data-v-61fda88b] {
    width: 100%
}

.checkedList table tr[data-v-61fda88b] {
    background: #f4f4f4
}

.checkedList table tr td[data-v-61fda88b] {
    padding: 5px 10px
}

.checkedList table tr+tr td[data-v-61fda88b] {
    border-top: 10px solid #fff
}

.checkedList .eachPrice[data-v-61fda88b] {
    width: 70px;
    height: 23px;
    padding: 4px 5px;
    border: 1px solid #ddd;
    margin: 0 3px
}

.checkedList .orderMoney[data-v-61fda88b] {
    color: red
}

.checkedList .orderCancel[data-v-61fda88b] {
    color: #ff9600;
    cursor: pointer
}

.checkedList .order_type[data-v-61fda88b] {
    display: inline-block;
    max-width: 180px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    vertical-align: top
}

.checkNumber .active a[data-v-61fda88b],
.checkNumber a[data-v-61fda88b]:hover {
    background: -ms-linear-gradient(to bottom, #d64b15 30%, #ea6a31 100%);
    background: linear-gradient(180deg, #d64b15 30%, #ea6a31);
    background: -moz-linear-gradient(to bottom, #d64b15 30%, #ea6a31 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#d64b15", endColorstr="#ea6a31", GradientType=0);
    border: 1px solid #d24c10;
    color: #fff;
    text-decoration: blink;
    box-shadow: inherit
}

.bet[data-v-4cc4832a] {
    background: #fff;
    border: 1px solid #ccc;
    position: relative
}

.betHeader[data-v-4cc4832a] {
    margin-bottom: 15px
}

.betHeader .userName img[data-v-4cc4832a] {
    height: 24px;
    width: 24px
}

.betHeader .snav[data-v-4cc4832a] {
    background: #232323;
    color: #fff;
    height: 40px;
    line-height: 40px
}

.betHeader .snav a[data-v-4cc4832a] {
    color: #fff
}

.betHeader .snav .accountList a[data-v-4cc4832a],
.betHeader .snav .messageShow a[data-v-4cc4832a] {
    color: #333
}

.betHeader .service[data-v-4cc4832a] {
    margin-top: 7px
}

.betHeader .service span[data-v-4cc4832a] {
    margin-top: -5px
}

.betHeader .snavInfo[data-v-4cc4832a] {
    height: 40px
}

.betHeader .snavAll a[data-v-4cc4832a]:first-child:after {
    content: "\8FD4\56DE\9996\9875";
    margin-left: 2px;
    font-family: Microsoft YaHei
}

.betHeader .snavAll a[data-v-4cc4832a]:hover {
    color: #e4393c;
    text-decoration: underline
}

.betContent[data-v-4cc4832a] {
    border-top: 1px solid #ddd
}

.betContent .betLeft[data-v-4cc4832a] {
    float: left;
    width: 740px;
    min-height: 500px;
    position: relative
}

.betContent .mybet table img[data-v-4cc4832a] {
    margin: 46px 0
}

.winningList ins[data-v-4cc4832a] {
    display: block;
    width: 25px;
    height: 25px;
    margin: 0 auto;
    color: #555
}

.winningList tr:nth-child(2) ins[data-v-4cc4832a] {
    background: #c12f33;
    background: radial-gradient(circle at 25px 25px, #c12f33, #ca9293);
    color: #fff;
    border-radius: 50%;
    text-align: center;
    line-height: 25px
}

.winningList tr:nth-child(3) ins[data-v-4cc4832a] {
    background: #53b0fe;
    background: radial-gradient(circle at 25px 25px, #2b82cc, #53b0fe);
    color: #fff;
    border-radius: 50%;
    text-align: center;
    line-height: 25px
}

.winningList tr:nth-child(4) ins[data-v-4cc4832a] {
    background: #f8a968;
    background: radial-gradient(circle at 25px 25px, #c57532, #f8a968);
    color: #fff;
    border-radius: 50%;
    text-align: center;
    line-height: 25px
}

#moneyList[data-v-4cc4832a] {
    width: 100%
}

.ssc .betLeft[data-v-4cc4832a] {
    border-right: 1px solid #ddd
}

.ssc .betRight[data-v-4cc4832a] {
    border-left: none
}

.ssc .roundNo img[data-v-4cc4832a] {
    margin: 0 5px
}

.odd[data-v-4cc4832a] {
    text-align: left;
    padding: 0 30px
}

.odd a[data-v-4cc4832a] {
    margin: 6px
}

.ordinaryChase[data-v-4cc4832a] {
    padding: 10px 15px
}

.ordinaryChase input[data-v-4cc4832a] {
    vertical-align: middle;
    height: 30px;
    width: 50px;
    margin-right: 4px;
    text-align: center;
    border: 1px solid #ddd
}

.chaseLonger[data-v-4cc4832a] {
    display: inline-block;
    vertical-align: middle;
    background: #f4f4f4;
    height: 30px;
    line-height: 30px;
    border: 1px solid #ddd
}

.chaseLonger li[data-v-4cc4832a] {
    float: left;
    width: 45px;
    text-align: center;
    font-weight: 700
}

.chaseLonger .curr[data-v-4cc4832a] {
    color: #f37036
}

.chaseListCon[data-v-4cc4832a] {
    height: 350px;
    overflow: auto
}

.advancedChase td[data-v-4cc4832a] {
    height: 38px;
    padding-left: 14px
}

.advancedChase td[data-v-4cc4832a]:first-child {
    width: 312px;
    border-right: 1px dashed #e3e3e3
}

.advancedChase td span[data-v-4cc4832a] {
    margin-right: 15px
}

.advancedChase input[data-v-4cc4832a] {
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    text-align: center
}

.advancedChase input[type=number][data-v-4cc4832a] {
    width: 80px;
    background: #fff;
    border: 1px solid #ddd
}

.advancedChase select[data-v-4cc4832a] {
    width: 170px;
    border-radius: 2px;
    border: 1px solid #ddd
}

.advancedChase .noCurr input[data-v-4cc4832a] {
    background: #fafafa
}

.advancedChase table[data-v-4cc4832a] {
    table-layout: fixed;
    width: 312px;
    margin: 14px 0;
    float: left
}

.advancedChase table[data-v-4cc4832a]:nth-child(2) {
    width: 384px
}

.advancedChase table:nth-child(2) tr td[data-v-4cc4832a] {
    border: none
}

.advancedChase hr[data-v-4cc4832a] {
    border: 1px solid #ddd;
    border-top: none;
    clear: both
}

.advancedChase a[data-v-4cc4832a],
.generalScheme[data-v-4cc4832a] {
    margin: 10px auto;
    width: 100px;
    height: 32px;
    font-size: 14px;
    line-height: 32px;
    border-radius: 4px
}

.chaseList[data-v-4cc4832a] {
    table-layout: fixed;
    width: 100%
}

.chaseList input[type=tel][data-v-4cc4832a] {
    display: inline-block;
    width: 60px;
    height: 22px;
    border: 1px solid #cecece;
    padding: 0 4px
}

.chaseList input[type=checkbox][data-v-4cc4832a] {
    margin-right: 5px
}

.chaseList tr:last-child td[data-v-4cc4832a] {
    border: none
}

.chaseList td[data-v-4cc4832a],
.chaseList th[data-v-4cc4832a] {
    padding: 0;
    text-align: left
}

.chaseList td[data-v-4cc4832a]:first-child,
.chaseList th[data-v-4cc4832a]:first-child {
    width: 54px
}

.chaseList td[data-v-4cc4832a]:nth-child(2),
.chaseList th[data-v-4cc4832a]:nth-child(2) {
    width: 186px
}

.chaseList td[data-v-4cc4832a]:nth-child(3),
.chaseList th[data-v-4cc4832a]:nth-child(3) {
    width: 90px
}

.chaseList td[data-v-4cc4832a]:nth-child(4),
.chaseList td[data-v-4cc4832a]:nth-child(5),
.chaseList th[data-v-4cc4832a]:nth-child(4),
.chaseList th[data-v-4cc4832a]:nth-child(5) {
    width: 84px
}

.chaseList td[data-v-4cc4832a]:first-child,
.chaseList th[data-v-4cc4832a]:first-child {
    padding-left: 14px
}

.chaseList td[data-v-4cc4832a] {
    height: 34px;
    line-height: 34px;
    border-bottom: 1px dotted #ddd
}

.chaseList td em[data-v-4cc4832a] {
    color: #f37036
}

.chaseList th[data-v-4cc4832a] {
    height: 38px;
    line-height: 38px;
    font-weight: 100;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd
}

.generalTable td[data-v-4cc4832a],
.generalTable th[data-v-4cc4832a] {
    text-align: left
}

.generalTable td[data-v-4cc4832a]:first-child,
.generalTable th[data-v-4cc4832a]:first-child {
    width: 34px
}

.generalTable td[data-v-4cc4832a]:nth-child(2),
.generalTable th[data-v-4cc4832a]:nth-child(2) {
    width: 84px
}

.generalTable td[data-v-4cc4832a]:nth-child(3),
.generalTable th[data-v-4cc4832a]:nth-child(3) {
    width: 54px
}

.generalTable td[data-v-4cc4832a]:nth-child(4),
.generalTable th[data-v-4cc4832a]:nth-child(4) {
    width: 74px
}

.generalTable td[data-v-4cc4832a]:nth-child(5),
.generalTable th[data-v-4cc4832a]:nth-child(5) {
    width: 84px
}

.generalTable td[data-v-4cc4832a]:first-child,
.generalTable th[data-v-4cc4832a]:first-child {
    padding-left: 14px
}

.newPlayType[data-v-55971d3c] {
    color: #fff;
    background: red;
    font-weight: 700;
    position: absolute;
    margin-top: -8.4px;
    margin-left: -16.8px;
    transform: scale(.5);
    border-radius: 2.8px;
    line-height: 14px;
    padding: 2.8px
}

.betFilter[data-v-55971d3c] {
    text-align: left;
    width: 739px;
    box-sizing: border-box;
    padding: 10px 15px;
    border-bottom: 1px solid #ddd;
    background: #f2f4f7;
    border-top: 1px solid #ddd;
    height: 52px
}

.betFilter li[data-v-55971d3c] {
    display: inline;
    padding: 4px 5px;
    line-height: 30px;
    border-radius: 3px;
    cursor: pointer;
    text-align: center;
    color: #555;
    font-size: 14px;
    margin-right: 13px;
    margin-bottom: 5px
}

.betFilter .curr[data-v-55971d3c],
.betFilter li[data-v-55971d3c]:hover {
    background: #ff9726;
    color: #fff
}

.betFilterAnd[data-v-55971d3c] {
    padding: 10px 15px;
    font-size: 12px;
    border-bottom: 1px solid #ccc;
    line-height: 2.2
}

.betFilterAnd li[data-v-55971d3c] {
    margin: 4px 0
}

.betFilterAnd span[data-v-55971d3c] {
    vertical-align: top;
    display: inline-block;
    font-weight: 700;
    color: #555;
    width: 64px;
    position: relative;
    margin-left: 22px
}

.betFilterAnd span[data-v-55971d3c]:before {
    content: "";
    display: block;
    width: 1px;
    height: 54px;
    background: #e7e7e8;
    position: absolute;
    top: -14px;
    left: -16px
}

.betFilterAnd span[data-v-55971d3c]:after {
    background: #fff;
    border: 1px solid #e7e7e8;
    border-radius: 50%;
    content: "";
    display: block;
    height: 11px;
    left: -21px;
    position: absolute;
    top: 7px;
    width: 11px
}

.betFilterAnd div[data-v-55971d3c] {
    display: inline-block;
    max-width: 620px
}

.betFilterAnd div a[data-v-55971d3c] {
    color: #555;
    margin-right: 15px;
    padding: 4px 6px;
    border-radius: 3px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.betFilterAnd div .curr[data-v-55971d3c],
.betFilterAnd div a[data-v-55971d3c]:hover {
    background: #ff9726;
    color: #fff
}

.betFilterAnd.modeZM span[data-v-55971d3c]:before {
    height: 80px
}

.betFilterAnd.modeZM div a[data-v-55971d3c] {
    display: inline-block;
    width: 60px;
    line-height: 17px;
    height: 25px;
    text-align: center
}

.betTip[data-v-55971d3c] {
    padding: 3px 15px;
    color: #555;
    background: #fdfdfd
}

.betTip i[data-v-55971d3c] {
    font-size: 14px;
    margin-right: 3px
}

.betTip i[data-v-55971d3c],
.betTip ins[data-v-55971d3c] {
    color: #ff9831
}

.betTip ins[data-v-55971d3c] {
    color: red
}

.hoverMoney[data-v-55971d3c],
.selectEg[data-v-55971d3c] {
    display: inline;
    margin-left: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    color: #ff9831
}

.hoverMoney .submitBtn[data-v-55971d3c],
.selectEg .submitBtn[data-v-55971d3c] {
    background: #f37036;
    color: #fff;
    text-decoration: initial
}

.EgContent[data-v-55971d3c],
.hoverContent[data-v-55971d3c] {
    display: none;
    background: #2e4158;
    margin-left: 8px;
    color: #fff;
    border-radius: 4px;
    position: relative;
    z-index: 999
}

.EgContent ul[data-v-55971d3c],
.hoverContent ul[data-v-55971d3c] {
    display: block;
    margin: 2px 10px;
    width: 100%
}

.EgContent ul li[data-v-55971d3c],
.hoverContent ul li[data-v-55971d3c] {
    white-space: nowrap
}

.hoverContent[data-v-55971d3c] {
    background: initial;
    margin-left: 4px
}

.hoverContent table[data-v-55971d3c] {
    background: #455467;
    border-radius: 4px;
    overflow: hidden
}

.hoverContent table th[data-v-55971d3c] {
    font-weight: 400
}

.hoverContent table td[data-v-55971d3c],
.hoverContent table th[data-v-55971d3c] {
    white-space: nowrap;
    padding: 4px 10px;
    text-align: center;
    box-shadow: 0 1px 0 #505e70, 1px 0 0 #505e70
}

.hoverMoney:hover~.hoverContent[data-v-55971d3c],
.selectEg:hover~.EgContent[data-v-55971d3c] {
    display: inline;
    float: left;
    position: absolute
}

.sscCheckNumber[data-v-06a0aef8] {
    padding: 15px 0 !important;
    padding-bottom: 5px !important
}

.sscCheckNumber ul li[data-v-06a0aef8] {
    display: table;
    margin: 10px 0
}

.sscCheckNumber[data-v-06a0aef8] {
    margin: 24px 15px;
    padding: 25px 0;
    background: url(http://imagess-google.com/system/pc/k3/betBg.png);
    border-radius: 6px
}

.betTotal[data-v-06a0aef8] {
    padding: 10px;
    text-align: center;
    font-size: 16px
}

.betTotal em[data-v-06a0aef8],
.betTotal i[data-v-06a0aef8] {
    color: #f37036
}

.betTotal ._betMoney[data-v-06a0aef8],
.betTotal ._chaseMoneyTotal[data-v-06a0aef8],
.betTotal ._totalMoney[data-v-06a0aef8] {
    color: red
}

.betTotal input[type=number][data-v-06a0aef8],
.betTotal input[type=tel][data-v-06a0aef8],
.betTotal select[data-v-06a0aef8] {
    border: 1px solid #cecece;
    height: 30px;
    padding: 4px 5px;
    text-align: center;
    margin: 0 5px;
    border-radius: 0;
    vertical-align: baseline
}

.betTotal select[data-v-06a0aef8] {
    padding: 0 5px
}

.betTotal input[type=tel][data-v-06a0aef8] {
    width: 60px
}

.betTotal input[type=radio][data-v-06a0aef8] {
    display: none
}

.betTotal .money[data-v-06a0aef8] {
    color: red
}

.inputAdd[data-v-06a0aef8] {
    display: inline-block;
    vertical-align: bottom;
    margin: 0 5px
}

.inputAdd i[data-v-06a0aef8] {
    background: #f4f4f4;
    height: 30px;
    line-height: 28px;
    width: 21px;
    text-align: center;
    float: left;
    border: 1px solid #e3e4e6;
    color: #686869;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer
}

.inputAdd i[data-v-06a0aef8]:first-child {
    border-right: none
}

.inputAdd i[data-v-06a0aef8]:last-child {
    border-left: none
}

.inputAdd input[data-v-06a0aef8] {
    margin: 0 !important;
    float: left;
    color: #686869
}

.inputAdd input[data-v-06a0aef8]:focus {
    outline: none
}

.inputAdd .off[data-v-06a0aef8] {
    color: #c3c8d3;
    cursor: default
}

.buyNumber a[data-v-610cb85d] {
    -webkit-filter: none !important;
    filter: none !important
}

.selectMini .buyNumber[data-v-610cb85d],
.selectSYX5 .buyNumber[data-v-610cb85d] {
    text-align: left;
    padding: 0 4px
}

.selectDsds .buyNumber[data-v-610cb85d] {
    width: 600px
}

.selectSYX5 .buyNumberTitle[data-v-610cb85d] {
    width: 55px;
    font-size: 12px;
    margin-right: 10px
}

.selectSYX5 .buyNumberFilter[data-v-610cb85d] {
    padding: 0;
    width: 82px;
    margin-left: 4px
}

.selectCenter[data-v-610cb85d] {
    width: 710px
}

.selectMini .buyNumberTitle[data-v-610cb85d] {
    margin-right: 20px
}

.selectMini .buyNumber[data-v-610cb85d] {
    width: 627px
}

.selectMini .buyNumber span[data-v-610cb85d] {
    display: block;
    font-size: 13px;
    line-height: 180%
}

.selectMini .buyNumber ins[data-v-610cb85d] {
    margin: 0 5px
}

.selectMini .buyNumber ins.curr span[data-v-610cb85d] {
    color: #000
}

.selectMini .buyNumber.sscCBZ[data-v-610cb85d] {
    width: 100%;
    text-align: center
}

.selectMini .buyNumber.sscCBZ ins[data-v-610cb85d] {
    margin: 10px 15px 30px
}

.buyNumber[data-v-610cb85d],
.buyNumberFilter[data-v-610cb85d],
.buyNumberTitle[data-v-610cb85d] {
    display: block;
    float: left
}

.buyNumber .curr[data-v-610cb85d],
.buyNumber a[data-v-610cb85d]:hover,
.buyNumberFilter .curr[data-v-610cb85d],
.buyNumberFilter a[data-v-610cb85d]:hover,
.checkNumber .active a[data-v-610cb85d],
.checkNumber a[data-v-610cb85d]:hover {
    *background: #ea6a31;
    background: #ea6a31 \0
}

.buyNumberTitle[data-v-610cb85d] {
    width: 63px;
    height: 26px;
    background: #455467;
    color: #fff;
    text-align: center;
    font-size: 14px;
    line-height: 26px;
    border-radius: 0 3px 3px 0;
    margin: 11px 0;
    margin-right: 25px;
    position: relative
}

.buyNumberTitle i[data-v-610cb85d] {
    position: absolute;
    display: block;
    right: -5px;
    top: 8px;
    border-top: 5px solid transparent;
    border-left: 5px solid #455467;
    border-bottom: 5px solid transparent
}

.buyNumber[data-v-610cb85d] {
    min-width: 500px;
    text-align: center;
    margin: 5px 0
}

.buyNumber a[data-v-610cb85d],
.buyNumber ins[data-v-610cb85d] {
    display: inline-block;
    margin: 0 6px;
    background: #cecece;
    border: 1px solid #c0c5d2;
    line-height: 38px;
    font-size: 18px;
    color: #000;
    box-shadow: 0 1px 3px #d4d4d4, inset 0 -1px 5px #fff;
    text-align: center;
    background: linear-gradient(180deg, #fff 0, #f1efef);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#f1efef", GradientType=0);
    *background: #f7f7f7;
    background: #f7f7f7 \0;
    -webkit-filter: none;
    filter: none;
    cursor: pointer;
    margin-bottom: 10px
}

.buyNumber a[data-v-610cb85d] {
    width: 38px;
    height: 38px;
    border-radius: 50%
}

.buyNumber ins[data-v-610cb85d] {
    height: 42px;
    width: 92px;
    line-height: 42px;
    border-radius: 4px
}

.buyNumberFilter[data-v-610cb85d] {
    width: 121px;
    padding: 0 20px
}

.buyNumberFilter a[data-v-610cb85d] {
    display: block;
    float: left;
    width: 21px;
    height: 21px;
    background: #fff;
    border: 1px solid #c1c6d2;
    margin: 2px 3px;
    border-radius: 2px;
    text-align: center;
    line-height: 18px;
    box-shadow: inset 0 -1px 5px #fff;
    background: linear-gradient(180deg, #fff 0, #f1efef);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#f1efef", GradientType=0)
}

.buyNumber .curr[data-v-610cb85d],
.buyNumber a[data-v-610cb85d]:hover,
.buyNumberFilter .curr[data-v-610cb85d],
.buyNumberFilter a[data-v-610cb85d]:hover,
.checkNumber .active a[data-v-610cb85d],
.checkNumber a[data-v-610cb85d]:hover {
    background: linear-gradient(180deg, #d64b15 30%, #ea6a31);
    background: -moz-linear-gradient(to bottom, #d64b15 30%, #ea6a31 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#d64b15", endColorstr="#ea6a31", GradientType=0);
    border: 1px solid #d24c10;
    color: #fff;
    text-decoration: blink;
    box-shadow: inherit
}

.textareaNumber[data-v-10bf7c6c] {
    padding: 0 15px
}

.numberTextarea[data-v-10bf7c6c] {
    position: relative;
    height: 180px
}

.numberTextarea textarea[data-v-10bf7c6c] {
    line-height: 1.8em;
    height: 180px;
    background: none;
    border: 0;
    resize: none;
    width: 710px;
    padding: 10px;
    color: #666;
    background: #f9f9f9;
    border: 1px solid #cacaca
}

.numberTextarea p[data-v-10bf7c6c] {
    position: absolute;
    left: 0;
    top: 0;
    color: #666;
    line-height: 26px;
    cursor: text;
    height: 155px;
    width: 630px;
    padding: 0 10px;
    padding-left: 64px
}

.numberImport[data-v-10bf7c6c] {
    display: inline;
    margin-left: 4px
}

.numberImport .submitBtn[data-v-10bf7c6c] {
    background: #f37036;
    color: #fff;
    text-decoration: initial
}

.numberImport a[data-v-10bf7c6c] {
    margin-right: 10px;
    position: relative;
    font-size: 13px;
    color: #ff9831;
    text-decoration: underline
}

.numberImport a p[data-v-10bf7c6c] {
    display: none
}

.numberBtn .submitBtn[data-v-10bf7c6c] {
    background: initial;
    color: #666;
    border: 1px solid #cacaca;
    line-height: 28px
}

.numberBtn a[data-v-10bf7c6c]:hover {
    background: #f37036;
    color: #fff;
    border-color: #f37036
}

.selectEg[data-v-10bf7c6c] {
    display: inline;
    margin-left: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer
}

.selectEg .submitBtn[data-v-10bf7c6c] {
    background: #f37036;
    color: #fff;
    text-decoration: initial
}

.EgContent[data-v-10bf7c6c] {
    display: none;
    background: #2e4158;
    margin-left: 8px;
    color: #fff;
    border-radius: 4px;
    position: relative;
    z-index: 999
}

.EgContent ul[data-v-10bf7c6c] {
    display: block;
    margin: 2px 10px;
    width: 100%
}

.EgContent ul li[data-v-10bf7c6c] {
    white-space: nowrap
}

.selectEg:hover~.EgContent[data-v-10bf7c6c] {
    display: inline;
    float: left;
    position: absolute
}

.textareaNumber[data-v-4d136249] {
    padding: 0 15px
}

.numberTextarea[data-v-4d136249] {
    position: relative;
    height: 180px
}

.numberTextarea textarea[data-v-4d136249] {
    height: 180px;
    background: none;
    border: 0;
    resize: none;
    width: 710px;
    padding: 10px;
    color: #666;
    background: #f9f9f9;
    border: 1px solid #cacaca;
    line-height: 1.8em
}

.numberTextarea p[data-v-4d136249] {
    position: absolute;
    left: 0;
    top: 0;
    color: #666;
    line-height: 26px;
    cursor: text;
    height: 155px;
    width: 630px;
    padding: 0 10px;
    padding-left: 64px
}

.numberImport[data-v-4d136249] {
    display: inline;
    margin-left: 4px
}

.numberImport .submitBtn[data-v-4d136249] {
    background: #f37036;
    color: #fff;
    text-decoration: initial
}

.numberImport a[data-v-4d136249] {
    margin-right: 10px;
    position: relative;
    font-size: 13px;
    color: #ff9831;
    text-decoration: underline
}

.numberImport a p[data-v-4d136249] {
    display: none
}

.numberBtn .submitBtn[data-v-4d136249] {
    background: initial;
    color: #666;
    border: 1px solid #cacaca;
    line-height: 28px
}

.numberBtn a[data-v-4d136249]:hover {
    background: #f37036;
    color: #fff;
    border-color: #f37036
}

.selectEg[data-v-4d136249] {
    display: inline;
    margin-left: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer
}

.selectEg .submitBtn[data-v-4d136249] {
    background: #f37036;
    color: #fff;
    text-decoration: initial
}

.EgContent[data-v-4d136249] {
    display: none;
    background: #2e4158;
    margin-left: 8px;
    color: #fff;
    border-radius: 4px;
    position: relative;
    z-index: 999
}

.EgContent ul[data-v-4d136249] {
    display: block;
    margin: 2px 10px;
    width: 100%
}

.EgContent ul li[data-v-4d136249] {
    white-space: nowrap
}

.selectEg:hover~.EgContent[data-v-4d136249] {
    display: inline;
    float: left;
    position: absolute
}

.checkedList[data-v-0fb078a9] {
    border: 1px solid #ddd;
    margin: 15px;
    padding: 10px;
    height: 188px;
    overflow-y: auto;
    margin-top: 40px;
    background: #fff
}

.checkedList table[data-v-0fb078a9] {
    width: 100%
}

.checkedList table tr[data-v-0fb078a9] {
    background: #f4f4f4
}

.checkedList table tr td[data-v-0fb078a9] {
    padding: 5px 10px
}

.checkedList table tr+tr td[data-v-0fb078a9] {
    border-top: 10px solid #fff
}

.checkedList .eachPrice[data-v-0fb078a9] {
    width: 70px;
    height: 23px;
    padding: 4px 5px;
    border: 1px solid #ddd;
    margin: 0 3px
}

.checkedList .orderMoney[data-v-0fb078a9] {
    color: red
}

.checkedList .orderCancel[data-v-0fb078a9] {
    color: #ff9600;
    cursor: pointer
}

.checkedList .order_type[data-v-0fb078a9] {
    display: inline-block;
    white-space: nowrap;
    vertical-align: top
}

.radioLabel[data-v-0fb078a9] {
    cursor: pointer;
    display: inline-block;
    padding-left: 30px;
    position: relative
}

.radioLabel[data-v-0fb078a9]:before {
    content: "\E628";
    display: inline;
    color: #e4393c;
    margin-left: -20px;
    position: absolute;
    width: 16px;
    font-family: iconfont;
    font-size: 12px
}

.radio .radioLabel[data-v-0fb078a9]:before {
    border-radius: 8px
}

input[type=radio]:checked+label[data-v-0fb078a9]:before {
    content: "\E629";
    transform: translateY(2px)
}

.checkedList[data-v-263a1cc1] {
    border: 1px solid #ddd;
    margin: 15px;
    padding: 10px;
    height: 188px;
    overflow-y: auto;
    margin-top: 40px;
    background: #fff
}

.checkedList table[data-v-263a1cc1] {
    width: 100%
}

.checkedList table tr[data-v-263a1cc1] {
    background: #f4f4f4
}

.checkedList table tr td[data-v-263a1cc1] {
    padding: 5px 10px
}

.checkedList table tr+tr td[data-v-263a1cc1] {
    border-top: 10px solid #fff
}

.checkedList .eachPrice[data-v-263a1cc1] {
    width: 70px;
    height: 23px;
    padding: 4px 5px;
    border: 1px solid #ddd;
    margin: 0 3px
}

.checkedList .orderMoney[data-v-263a1cc1] {
    color: red
}

.checkedList .orderCancel[data-v-263a1cc1] {
    color: #ff9600;
    cursor: pointer
}

.checkedList .order_type[data-v-263a1cc1] {
    display: inline-block;
    white-space: nowrap;
    vertical-align: top
}

.radioLabel[data-v-263a1cc1] {
    cursor: pointer;
    display: inline-block;
    padding-left: 30px;
    position: relative
}

.radioLabel[data-v-263a1cc1]:before {
    content: "\E628";
    display: inline;
    color: #e4393c;
    margin-left: -20px;
    position: absolute;
    width: 16px;
    font-family: iconfont;
    font-size: 12px
}

.radio .radioLabel[data-v-263a1cc1]:before {
    border-radius: 8px
}

input[type=radio]:checked+label[data-v-263a1cc1]:before {
    content: "\E629";
    transform: translateY(2px)
}

.chase[data-v-e35eb8c0] {
    margin: 15px;
    border: 1px solid #ddd
}

.chaseSort[data-v-e35eb8c0] {
    height: 38px;
    line-height: 38px;
    background: #fafafa;
    border-bottom: 1px solid #ddd
}

.chaseSort li[data-v-e35eb8c0] {
    float: left;
    width: 94px;
    height: 38px;
    border-right: 1px solid #ddd;
    text-align: center;
    font-size: 14px
}

.chaseSort label[data-v-e35eb8c0] {
    float: right;
    margin-right: 10px;
    cursor: pointer
}

.chaseSort label i[data-v-e35eb8c0] {
    color: #ff9726;
    font-weight: 700
}

.chaseSort .curr[data-v-e35eb8c0] {
    background: #fff
}

.chaseSort input[type=checkbox][data-v-e35eb8c0] {
    transform: translateY(2px)
}

.bet[data-v-8a3f4206] {
    background: #fff;
    border: 1px solid #ccc;
    position: relative
}

.betHeader[data-v-8a3f4206] {
    margin-bottom: 15px
}

.betHeader .userName img[data-v-8a3f4206] {
    height: 24px;
    width: 24px
}

.betHeader .snav[data-v-8a3f4206] {
    background: #232323;
    color: #fff;
    height: 40px;
    line-height: 40px
}

.betHeader .snav a[data-v-8a3f4206] {
    color: #fff
}

.betHeader .snav .accountList a[data-v-8a3f4206],
.betHeader .snav .messageShow a[data-v-8a3f4206] {
    color: #333
}

.betHeader .service[data-v-8a3f4206] {
    margin-top: 7px
}

.betHeader .service span[data-v-8a3f4206] {
    margin-top: -5px
}

.betHeader .snavInfo[data-v-8a3f4206] {
    height: 40px
}

.betHeader .snavAll a[data-v-8a3f4206]:first-child:after {
    content: "\8FD4\56DE\9996\9875";
    margin-left: 2px;
    font-family: Microsoft YaHei
}

.betHeader .snavAll a[data-v-8a3f4206]:hover {
    color: #e4393c;
    text-decoration: underline
}

.betContent[data-v-8a3f4206] {
    border-top: 1px solid #ddd
}

.betContent .betLeft[data-v-8a3f4206] {
    float: left;
    width: 740px;
    min-height: 500px;
    position: relative
}

.betContent .mybet table img[data-v-8a3f4206] {
    margin: 46px 0
}

.winningList ins[data-v-8a3f4206] {
    display: block;
    width: 25px;
    height: 25px;
    margin: 0 auto;
    color: #555
}

.winningList tr:nth-child(2) ins[data-v-8a3f4206] {
    background: #c12f33;
    background: radial-gradient(circle at 25px 25px, #c12f33, #ca9293);
    color: #fff;
    border-radius: 50%;
    text-align: center;
    line-height: 25px
}

.winningList tr:nth-child(3) ins[data-v-8a3f4206] {
    background: #53b0fe;
    background: radial-gradient(circle at 25px 25px, #2b82cc, #53b0fe);
    color: #fff;
    border-radius: 50%;
    text-align: center;
    line-height: 25px
}

.winningList tr:nth-child(4) ins[data-v-8a3f4206] {
    background: #f8a968;
    background: radial-gradient(circle at 25px 25px, #c57532, #f8a968);
    color: #fff;
    border-radius: 50%;
    text-align: center;
    line-height: 25px
}

#moneyList[data-v-8a3f4206] {
    width: 100%
}

.ssc .betLeft[data-v-8a3f4206] {
    border-right: 1px solid #ddd
}

.ssc .betRight[data-v-8a3f4206] {
    border-left: none
}

.ssc .roundNo img[data-v-8a3f4206] {
    margin: 0 5px
}

.odd[data-v-8a3f4206] {
    text-align: left;
    padding: 0 30px
}

.odd a[data-v-8a3f4206] {
    margin: 6px
}

.ordinaryChase[data-v-8a3f4206] {
    padding: 10px 15px
}

.ordinaryChase input[data-v-8a3f4206] {
    vertical-align: middle;
    height: 30px;
    width: 50px;
    margin-right: 4px;
    text-align: center;
    border: 1px solid #ddd
}

.chaseLonger[data-v-8a3f4206] {
    display: inline-block;
    vertical-align: middle;
    background: #f4f4f4;
    height: 30px;
    line-height: 30px;
    border: 1px solid #ddd
}

.chaseLonger li[data-v-8a3f4206] {
    float: left;
    width: 45px;
    text-align: center;
    font-weight: 700
}

.chaseLonger .curr[data-v-8a3f4206] {
    color: #f37036
}

.chaseListCon[data-v-8a3f4206] {
    height: 350px;
    overflow: auto
}

.advancedChase td[data-v-8a3f4206] {
    height: 38px;
    padding-left: 14px
}

.advancedChase td[data-v-8a3f4206]:first-child {
    width: 312px;
    border-right: 1px dashed #e3e3e3
}

.advancedChase td span[data-v-8a3f4206] {
    margin-right: 15px
}

.advancedChase input[data-v-8a3f4206] {
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    text-align: center
}

.advancedChase input[type=number][data-v-8a3f4206] {
    width: 80px;
    background: #fff;
    border: 1px solid #ddd
}

.advancedChase select[data-v-8a3f4206] {
    width: 170px;
    border-radius: 2px;
    border: 1px solid #ddd
}

.advancedChase .noCurr input[data-v-8a3f4206] {
    background: #fafafa
}

.advancedChase table[data-v-8a3f4206] {
    table-layout: fixed;
    width: 312px;
    margin: 14px 0;
    float: left
}

.advancedChase table[data-v-8a3f4206]:nth-child(2) {
    width: 384px
}

.advancedChase table:nth-child(2) tr td[data-v-8a3f4206] {
    border: none
}

.advancedChase hr[data-v-8a3f4206] {
    border: 1px solid #ddd;
    border-top: none;
    clear: both
}

.advancedChase a[data-v-8a3f4206],
.generalScheme[data-v-8a3f4206] {
    margin: 10px auto;
    width: 100px;
    height: 32px;
    font-size: 14px;
    line-height: 32px;
    border-radius: 4px
}

.chaseList[data-v-8a3f4206] {
    table-layout: fixed;
    width: 100%
}

.chaseList input[type=tel][data-v-8a3f4206] {
    display: inline-block;
    width: 60px;
    height: 22px;
    border: 1px solid #cecece;
    padding: 0 4px
}

.chaseList input[type=checkbox][data-v-8a3f4206] {
    margin-right: 5px
}

.chaseList tr:last-child td[data-v-8a3f4206] {
    border: none
}

.chaseList td[data-v-8a3f4206],
.chaseList th[data-v-8a3f4206] {
    padding: 0;
    text-align: left
}

.chaseList td[data-v-8a3f4206]:first-child,
.chaseList th[data-v-8a3f4206]:first-child {
    width: 54px
}

.chaseList td[data-v-8a3f4206]:nth-child(2),
.chaseList th[data-v-8a3f4206]:nth-child(2) {
    width: 186px
}

.chaseList td[data-v-8a3f4206]:nth-child(3),
.chaseList th[data-v-8a3f4206]:nth-child(3) {
    width: 90px
}

.chaseList td[data-v-8a3f4206]:nth-child(4),
.chaseList td[data-v-8a3f4206]:nth-child(5),
.chaseList th[data-v-8a3f4206]:nth-child(4),
.chaseList th[data-v-8a3f4206]:nth-child(5) {
    width: 84px
}

.chaseList td[data-v-8a3f4206]:first-child,
.chaseList th[data-v-8a3f4206]:first-child {
    padding-left: 14px
}

.chaseList td[data-v-8a3f4206] {
    height: 34px;
    line-height: 34px;
    border-bottom: 1px dotted #ddd
}

.chaseList td em[data-v-8a3f4206] {
    color: #f37036
}

.chaseList th[data-v-8a3f4206] {
    height: 38px;
    line-height: 38px;
    font-weight: 100;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd
}

.generalTable td[data-v-8a3f4206],
.generalTable th[data-v-8a3f4206] {
    text-align: left
}

.generalTable td[data-v-8a3f4206]:first-child,
.generalTable th[data-v-8a3f4206]:first-child {
    width: 34px
}

.generalTable td[data-v-8a3f4206]:nth-child(2),
.generalTable th[data-v-8a3f4206]:nth-child(2) {
    width: 84px
}

.generalTable td[data-v-8a3f4206]:nth-child(3),
.generalTable th[data-v-8a3f4206]:nth-child(3) {
    width: 54px
}

.generalTable td[data-v-8a3f4206]:nth-child(4),
.generalTable th[data-v-8a3f4206]:nth-child(4) {
    width: 74px
}

.generalTable td[data-v-8a3f4206]:nth-child(5),
.generalTable th[data-v-8a3f4206]:nth-child(5) {
    width: 84px
}

.generalTable td[data-v-8a3f4206]:first-child,
.generalTable th[data-v-8a3f4206]:first-child {
    padding-left: 14px
}

.bet[data-v-085bab19] {
    background: #fff;
    border: 1px solid #ccc;
    position: relative
}

.betHeader[data-v-085bab19] {
    margin-bottom: 15px
}

.betHeader .userName img[data-v-085bab19] {
    height: 24px;
    width: 24px
}

.betHeader .snav[data-v-085bab19] {
    background: #232323;
    color: #fff;
    height: 40px;
    line-height: 40px
}

.betHeader .snav a[data-v-085bab19] {
    color: #fff
}

.betHeader .snav .accountList a[data-v-085bab19],
.betHeader .snav .messageShow a[data-v-085bab19] {
    color: #333
}

.betHeader .service[data-v-085bab19] {
    margin-top: 7px
}

.betHeader .service span[data-v-085bab19] {
    margin-top: -5px
}

.betHeader .snavInfo[data-v-085bab19] {
    height: 40px
}

.betHeader .snavAll a[data-v-085bab19]:first-child:after {
    content: "\8FD4\56DE\9996\9875";
    margin-left: 2px;
    font-family: Microsoft YaHei
}

.betHeader .snavAll a[data-v-085bab19]:hover {
    color: #e4393c;
    text-decoration: underline
}

.betContent[data-v-085bab19] {
    border-top: 1px solid #ddd
}

.betContent .betLeft[data-v-085bab19] {
    float: left;
    width: 740px;
    min-height: 500px;
    position: relative
}

.betContent .mybet table img[data-v-085bab19] {
    margin: 46px 0
}

.winningList ins[data-v-085bab19] {
    display: block;
    width: 25px;
    height: 25px;
    margin: 0 auto;
    color: #555
}

.winningList tr:nth-child(2) ins[data-v-085bab19] {
    background: #c12f33;
    background: radial-gradient(circle at 25px 25px, #c12f33, #ca9293);
    color: #fff;
    border-radius: 50%;
    text-align: center;
    line-height: 25px
}

.winningList tr:nth-child(3) ins[data-v-085bab19] {
    background: #53b0fe;
    background: radial-gradient(circle at 25px 25px, #2b82cc, #53b0fe);
    color: #fff;
    border-radius: 50%;
    text-align: center;
    line-height: 25px
}

.winningList tr:nth-child(4) ins[data-v-085bab19] {
    background: #f8a968;
    background: radial-gradient(circle at 25px 25px, #c57532, #f8a968);
    color: #fff;
    border-radius: 50%;
    text-align: center;
    line-height: 25px
}

#moneyList[data-v-085bab19] {
    width: 100%
}

.ssc .betLeft[data-v-085bab19] {
    border-right: 1px solid #ddd
}

.ssc .betRight[data-v-085bab19] {
    border-left: none
}

.ssc .roundNo img[data-v-085bab19] {
    margin: 0 5px
}

.odd[data-v-085bab19] {
    text-align: left;
    padding: 0 30px
}

.odd a[data-v-085bab19] {
    margin: 6px
}

.ordinaryChase[data-v-085bab19] {
    padding: 10px 15px
}

.ordinaryChase input[data-v-085bab19] {
    vertical-align: middle;
    height: 30px;
    width: 50px;
    margin-right: 4px;
    text-align: center;
    border: 1px solid #ddd
}

.chaseLonger[data-v-085bab19] {
    display: inline-block;
    vertical-align: middle;
    background: #f4f4f4;
    height: 30px;
    line-height: 30px;
    border: 1px solid #ddd
}

.chaseLonger li[data-v-085bab19] {
    float: left;
    width: 45px;
    text-align: center;
    font-weight: 700
}

.chaseLonger .curr[data-v-085bab19] {
    color: #f37036
}

.chaseListCon[data-v-085bab19] {
    height: 350px;
    overflow: auto
}

.advancedChase td[data-v-085bab19] {
    height: 38px;
    padding-left: 14px
}

.advancedChase td[data-v-085bab19]:first-child {
    width: 312px;
    border-right: 1px dashed #e3e3e3
}

.advancedChase td span[data-v-085bab19] {
    margin-right: 15px
}

.advancedChase input[data-v-085bab19] {
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    text-align: center
}

.advancedChase input[type=number][data-v-085bab19] {
    width: 80px;
    background: #fff;
    border: 1px solid #ddd
}

.advancedChase select[data-v-085bab19] {
    width: 170px;
    border-radius: 2px;
    border: 1px solid #ddd
}

.advancedChase .noCurr input[data-v-085bab19] {
    background: #fafafa
}

.advancedChase table[data-v-085bab19] {
    table-layout: fixed;
    width: 312px;
    margin: 14px 0;
    float: left
}

.advancedChase table[data-v-085bab19]:nth-child(2) {
    width: 384px
}

.advancedChase table:nth-child(2) tr td[data-v-085bab19] {
    border: none
}

.advancedChase hr[data-v-085bab19] {
    border: 1px solid #ddd;
    border-top: none;
    clear: both
}

.advancedChase a[data-v-085bab19],
.generalScheme[data-v-085bab19] {
    margin: 10px auto;
    width: 100px;
    height: 32px;
    font-size: 14px;
    line-height: 32px;
    border-radius: 4px
}

.chaseList[data-v-085bab19] {
    table-layout: fixed;
    width: 100%
}

.chaseList input[type=tel][data-v-085bab19] {
    display: inline-block;
    width: 60px;
    height: 22px;
    border: 1px solid #cecece;
    padding: 0 4px
}

.chaseList input[type=checkbox][data-v-085bab19] {
    margin-right: 5px
}

.chaseList tr:last-child td[data-v-085bab19] {
    border: none
}

.chaseList td[data-v-085bab19],
.chaseList th[data-v-085bab19] {
    padding: 0;
    text-align: left
}

.chaseList td[data-v-085bab19]:first-child,
.chaseList th[data-v-085bab19]:first-child {
    width: 54px
}

.chaseList td[data-v-085bab19]:nth-child(2),
.chaseList th[data-v-085bab19]:nth-child(2) {
    width: 186px
}

.chaseList td[data-v-085bab19]:nth-child(3),
.chaseList th[data-v-085bab19]:nth-child(3) {
    width: 90px
}

.chaseList td[data-v-085bab19]:nth-child(4),
.chaseList td[data-v-085bab19]:nth-child(5),
.chaseList th[data-v-085bab19]:nth-child(4),
.chaseList th[data-v-085bab19]:nth-child(5) {
    width: 84px
}

.chaseList td[data-v-085bab19]:first-child,
.chaseList th[data-v-085bab19]:first-child {
    padding-left: 14px
}

.chaseList td[data-v-085bab19] {
    height: 34px;
    line-height: 34px;
    border-bottom: 1px dotted #ddd
}

.chaseList td em[data-v-085bab19] {
    color: #f37036
}

.chaseList th[data-v-085bab19] {
    height: 38px;
    line-height: 38px;
    font-weight: 100;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd
}

.generalTable td[data-v-085bab19],
.generalTable th[data-v-085bab19] {
    text-align: left
}

.generalTable td[data-v-085bab19]:first-child,
.generalTable th[data-v-085bab19]:first-child {
    width: 34px
}

.generalTable td[data-v-085bab19]:nth-child(2),
.generalTable th[data-v-085bab19]:nth-child(2) {
    width: 84px
}

.generalTable td[data-v-085bab19]:nth-child(3),
.generalTable th[data-v-085bab19]:nth-child(3) {
    width: 54px
}

.generalTable td[data-v-085bab19]:nth-child(4),
.generalTable th[data-v-085bab19]:nth-child(4) {
    width: 74px
}

.generalTable td[data-v-085bab19]:nth-child(5),
.generalTable th[data-v-085bab19]:nth-child(5) {
    width: 84px
}

.generalTable td[data-v-085bab19]:first-child,
.generalTable th[data-v-085bab19]:first-child {
    padding-left: 14px
}

._col5 td[data-v-085bab19],
._col5 th[data-v-085bab19] {
    padding: 0
}

._col5 td[data-v-085bab19]:first-child,
._col5 th[data-v-085bab19]:first-child {
    width: 60px;
    padding-left: 14px
}

._col5 td[data-v-085bab19]:nth-child(2),
._col5 th[data-v-085bab19]:nth-child(2) {
    width: 186px
}

._col5 td[data-v-085bab19]:nth-child(3),
._col5 th[data-v-085bab19]:nth-child(3) {
    width: 120px
}

._col5 td[data-v-085bab19]:nth-child(4),
._col5 th[data-v-085bab19]:nth-child(4) {
    width: 180px
}

._col5 td[data-v-085bab19]:nth-child(5),
._col5 th[data-v-085bab19]:nth-child(5) {
    width: 160px
}

._col7 td[data-v-085bab19],
._col7 th[data-v-085bab19] {
    padding: 0
}

._col7 td[data-v-085bab19]:first-child,
._col7 th[data-v-085bab19]:first-child {
    width: 46px;
    padding-left: 14px
}

._col7 td[data-v-085bab19]:nth-child(2),
._col7 th[data-v-085bab19]:nth-child(2) {
    width: 155px
}

._col7 td[data-v-085bab19]:nth-child(3),
._col7 th[data-v-085bab19]:nth-child(3) {
    width: 93px;
    padding-right: 0
}

._col7 td[data-v-085bab19]:nth-child(4),
._col7 td[data-v-085bab19]:nth-child(5),
._col7 td[data-v-085bab19]:nth-child(6),
._col7 th[data-v-085bab19]:nth-child(4),
._col7 th[data-v-085bab19]:nth-child(5),
._col7 th[data-v-085bab19]:nth-child(6) {
    width: 104px
}

.betFilter[data-v-be6bd93a] {
    text-align: left;
    width: 739px;
    box-sizing: border-box;
    padding: 10px 15px;
    border-bottom: 1px solid #ddd;
    background: #f2f4f7;
    border-top: 1px solid #ddd;
    height: 52px
}

.betFilter li[data-v-be6bd93a] {
    display: inline;
    padding: 4px 5px;
    line-height: 30px;
    border-radius: 3px;
    cursor: pointer;
    text-align: center;
    color: #555;
    font-size: 14px;
    margin-right: 13px;
    margin-bottom: 5px
}

.betFilter .curr[data-v-be6bd93a],
.betFilter li[data-v-be6bd93a]:hover {
    background: #ff9726;
    color: #fff
}

.betTip[data-v-be6bd93a] {
    padding: 3px 15px;
    color: #555;
    background: #fdfdfd
}

.betTip i[data-v-be6bd93a] {
    font-size: 14px;
    margin-right: 3px
}

.betTip i[data-v-be6bd93a],
.betTip ins[data-v-be6bd93a] {
    color: #ff9831
}

.betTip ins[data-v-be6bd93a] {
    color: red
}

.checkNumber span[data-v-be6bd93a] {
    color: #333
}

.checkNumber .B a[data-v-be6bd93a],
.checkNumber .E a[data-v-be6bd93a] {
    padding: 0 14px;
    line-height: 46px
}

.checkNumber .C a[data-v-be6bd93a] {
    padding: 0 8px
}

.checkNumber .G[data-v-be6bd93a] {
    padding: 0 30px
}

.checkNumber.normalbox ul[data-v-be6bd93a] {
    padding: 0 20px
}

.checkNumber.normalbox ul li a[data-v-be6bd93a] {
    font-size: 24px
}

.checkNumber.normalbox ul li .bet-item-eg-box[data-v-be6bd93a] {
    font-size: 12px;
    line-height: 16px;
    transform: translateY(-6px)
}

.checkNumber.normalbox ul li .bet-item-eg-box span[data-v-be6bd93a] {
    display: inline-block;
    margin: 0 3px;
    color: #666
}

.checkNumber.normalbox ul li .bet-item-rate[data-v-be6bd93a] {
    display: block;
    text-align: center
}

.checkNumber.D01 ul li[data-v-be6bd93a],
.checkNumber.E01 ul li[data-v-be6bd93a],
.checkNumber.E02 ul li[data-v-be6bd93a],
.checkNumber.E03 ul li[data-v-be6bd93a],
.checkNumber.E04 ul li[data-v-be6bd93a],
.checkNumber.E05 ul li[data-v-be6bd93a] {
    width: 112px;
    margin: 8px 11px
}

.checkNumber.A02 ul li[data-v-be6bd93a],
.checkNumber.B09 ul li[data-v-be6bd93a],
.checkNumber.B10 ul li[data-v-be6bd93a],
.checkNumber.B11 ul li[data-v-be6bd93a],
.checkNumber.B12 ul li[data-v-be6bd93a],
.checkNumber.B13 ul li[data-v-be6bd93a],
.checkNumber.B14 ul li[data-v-be6bd93a],
.checkNumber.F01 ul li[data-v-be6bd93a],
.checkNumber.F02 ul li[data-v-be6bd93a],
.checkNumber.F03 ul li[data-v-be6bd93a],
.checkNumber.F04 ul li[data-v-be6bd93a] {
    width: 83px;
    margin: 8px 14px
}

.checkNumber ul li[data-v-be6bd93a] {
    float: left;
    display: inline-block;
    margin: 12px 15px;
    vertical-align: top
}

.checkNumber ul li a[data-v-be6bd93a] {
    box-shadow: 0 1px 5px #d4d4d4;
    display: block;
    background: linear-gradient(180deg, #fff 0, #f1efef 90%, #f7f7f7);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#f7f7f7", GradientType=0);
    border-radius: 5px;
    border: 1px solid #c0c5d2;
    line-height: 50px;
    font-size: 30px;
    color: #000;
    text-align: center;
    min-width: 52px
}

.checkNumber ul li a em[data-v-be6bd93a] {
    padding-left: 8px;
    padding-right: 10px
}

.checkNumber ul li a em+em[data-v-be6bd93a] {
    padding-left: 10px;
    padding-right: 8px;
    border-left: 1px dashed #ccc
}

.checkNumber ul li a span[data-v-be6bd93a] {
    color: #111
}

.checkNumber ul li a i[data-v-be6bd93a] {
    padding: 0 15px
}

.checkNumber ul li .curr[data-v-be6bd93a] {
    background: linear-gradient(180deg, #d64b15 30%, #ea6a31);
    background: -moz-linear-gradient(to bottom, #d64b15 30%, #ea6a31 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#d64b15", endColorstr="#ea6a31", GradientType=0);
    border: 1px solid #d24c10;
    color: #fff !important;
    text-decoration: blink;
    box-shadow: inherit
}

.checkNumber ul li .curr .bet-item-eg-box span[data-v-be6bd93a] {
    color: #fff
}

.checkNumber[data-v-be6bd93a] {
    margin: 24px 15px;
    padding: 25px 0;
    background: url(http://imagess-google.com/system/pc/k3/betBg.png);
    border-radius: 6px
}

.checkedList[data-v-be6bd93a] {
    border: 1px solid #ddd;
    margin: 15px;
    padding: 10px;
    height: 188px;
    overflow-y: auto;
    margin-top: 40px;
    background: #fff
}

.checkedList table[data-v-be6bd93a] {
    width: 100%
}

.checkedList table tr[data-v-be6bd93a] {
    background: #f4f4f4
}

.checkedList table tr td[data-v-be6bd93a] {
    padding: 5px 10px;
    overflow: hidden;
    position: relative
}

.checkedList table tr+tr td[data-v-be6bd93a] {
    padding-top: 15px
}

.checkedList table tr+tr td[data-v-be6bd93a]:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 10px;
    background: #fff
}

.checkedList .eachPrice[data-v-be6bd93a] {
    width: 70px;
    height: 23px;
    padding: 4px 5px;
    border: 1px solid #ddd;
    margin: 0 3px
}

.checkedList .orderMoney[data-v-be6bd93a] {
    color: red
}

.checkedList .orderCancel[data-v-be6bd93a] {
    color: #ff9600;
    cursor: pointer
}

.checkedList .order_type[data-v-be6bd93a] {
    display: inline-block;
    max-width: 180px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    vertical-align: top
}

.sscCheckNumber[data-v-be6bd93a] {
    padding: 15px 0 !important;
    padding-bottom: 5px !important
}

.sscCheckNumber ul li[data-v-be6bd93a] {
    display: table;
    margin: 10px 0
}

.sscCheckNumber[data-v-be6bd93a] {
    margin: 24px 15px;
    padding: 25px 0;
    background: url(http://imagess-google.com/system/pc/k3/betBg.png);
    border-radius: 6px
}

.buyNumber a[data-v-be6bd93a] {
    -webkit-filter: none !important;
    filter: none !important
}

.selectMini .buyNumber[data-v-be6bd93a],
.selectSYX5 .buyNumber[data-v-be6bd93a] {
    text-align: left;
    padding: 0 4px
}

.selectDsds .buyNumber[data-v-be6bd93a] {
    width: 600px
}

.selectSYX5 .buyNumberTitle[data-v-be6bd93a] {
    width: 55px;
    font-size: 12px;
    margin-right: 10px
}

.selectSYX5 .buyNumberFilter[data-v-be6bd93a] {
    padding: 0;
    width: 82px;
    margin-left: 4px
}

.selectCenter[data-v-be6bd93a] {
    width: 710px
}

.selectMini .buyNumberTitle[data-v-be6bd93a] {
    margin-right: 20px
}

.selectMini .buyNumber[data-v-be6bd93a] {
    width: 610px
}

.buyNumber[data-v-be6bd93a],
.buyNumberFilter[data-v-be6bd93a],
.buyNumberTitle[data-v-be6bd93a] {
    display: block;
    float: left
}

.buyNumber .curr[data-v-be6bd93a],
.buyNumber a[data-v-be6bd93a]:hover,
.buyNumberFilter .curr[data-v-be6bd93a],
.buyNumberFilter a[data-v-be6bd93a]:hover,
.checkNumber .active a[data-v-be6bd93a],
.checkNumber a[data-v-be6bd93a]:hover {
    *background: #ea6a31;
    background: #ea6a31 \0
}

.buyNumberTitle[data-v-be6bd93a] {
    width: 63px;
    height: 26px;
    background: #455467;
    color: #fff;
    text-align: center;
    font-size: 14px;
    line-height: 26px;
    border-radius: 0 3px 3px 0;
    margin: 11px 0;
    margin-right: 25px;
    position: relative
}

.buyNumberTitle i[data-v-be6bd93a] {
    position: absolute;
    display: block;
    right: -5px;
    top: 8px;
    border-top: 5px solid transparent;
    border-left: 5px solid #455467;
    border-bottom: 5px solid transparent
}

.buyNumber[data-v-be6bd93a] {
    min-width: 500px;
    text-align: center;
    margin: 5px 0
}

.buyNumber a[data-v-be6bd93a],
.buyNumber ins[data-v-be6bd93a] {
    display: inline-block;
    margin: 0 6px;
    background: #cecece;
    border: 1px solid #c0c5d2;
    line-height: 38px;
    font-size: 18px;
    color: #000;
    box-shadow: 0 1px 3px #d4d4d4, inset 0 -1px 5px #fff;
    text-align: center;
    background: linear-gradient(180deg, #fff 0, #f1efef);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#f1efef", GradientType=0);
    *background: #f7f7f7;
    background: #f7f7f7 \0;
    -webkit-filter: none;
    filter: none;
    cursor: pointer;
    margin-bottom: 10px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.buyNumber a[data-v-be6bd93a] {
    width: 38px;
    height: 38px;
    border-radius: 50%
}

.buyNumber ins[data-v-be6bd93a] {
    height: 42px;
    width: 92px;
    line-height: 42px;
    border-radius: 4px
}

.buyNumber .curr[data-v-be6bd93a] {
    background: linear-gradient(180deg, #d64b15 30%, #ea6a31);
    background: -moz-linear-gradient(to bottom, #d64b15 30%, #ea6a31 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#d64b15", endColorstr="#ea6a31", GradientType=0);
    border: 1px solid #d24c10;
    color: #fff !important;
    text-decoration: blink;
    box-shadow: inherit
}

.buyNumber .curr.red[data-v-be6bd93a] {
    background: linear-gradient(180deg, #ff6669 30%, #e53a3d);
    background: -moz-linear-gradient(to bottom, #ff6669 30%, #e53a3d 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#ff6669", endColorstr="#e53a3d", GradientType=0);
    border: 1px solid #e94548
}

.buyNumber .curr.blue[data-v-be6bd93a] {
    background: linear-gradient(180deg, #33a8ff 30%, #228ede);
    background: -moz-linear-gradient(to bottom, #33a8ff 30%, #228ede 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#33a8ff", endColorstr="#228ede", GradientType=0);
    border: 1px solid #2994e3
}

.buyNumber .curr.green[data-v-be6bd93a] {
    background: linear-gradient(180deg, #41e07c 30%, #38b467);
    background: -moz-linear-gradient(to bottom, #41e07c 30%, #38b467 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#41e07c", endColorstr="#38b467", GradientType=0);
    border: 1px solid #3cb569
}

.buyNumber .red[data-v-be6bd93a] {
    color: #dc3b40
}

.buyNumber .blue[data-v-be6bd93a] {
    color: #218ddd
}

.buyNumber .green[data-v-be6bd93a] {
    color: #38b366
}

.lotteryConfirm {
    width: 350px
}

.lotteryOutCon[data-v-2364b350] {
    height: 100%;
    width: 100%
}

.bet[data-v-2364b350] {
    background: #fff;
    border: 1px solid #ccc;
    position: relative
}

.betHeader[data-v-2364b350] {
    margin-bottom: 15px
}

.betHeader .userName img[data-v-2364b350] {
    height: 24px;
    width: 24px
}

.betHeader .snav[data-v-2364b350] {
    background: #232323;
    color: #fff;
    height: 40px;
    line-height: 40px
}

.betHeader .snav a[data-v-2364b350] {
    color: #fff
}

.betHeader .snav .accountList a[data-v-2364b350],
.betHeader .snav .messageShow a[data-v-2364b350] {
    color: #333
}

.betHeader .service[data-v-2364b350] {
    margin-top: 7px
}

.betHeader .service span[data-v-2364b350] {
    margin-top: -5px
}

.betHeader .snavInfo[data-v-2364b350] {
    height: 40px
}

.betHeader .snavAll a[data-v-2364b350]:first-child:after {
    content: "\8FD4\56DE\9996\9875";
    margin-left: 2px;
    font-family: Microsoft YaHei
}

.betHeader .snavAll a[data-v-2364b350]:hover {
    color: #e4393c;
    text-decoration: underline
}

.betContent[data-v-2364b350] {
    border-top: 1px solid #ddd
}

.betContent .betLeft[data-v-2364b350] {
    float: left;
    width: 740px;
    min-height: 500px;
    position: relative
}

.betContent .mybet table img[data-v-2364b350] {
    margin: 46px 0
}

.winningList ins[data-v-2364b350] {
    display: block;
    width: 25px;
    height: 25px;
    margin: 0 auto;
    color: #555
}

.winningList tr:nth-child(2) ins[data-v-2364b350] {
    background: #c12f33;
    background: radial-gradient(circle at 25px 25px, #c12f33, #ca9293);
    color: #fff;
    border-radius: 50%;
    text-align: center;
    line-height: 25px
}

.winningList tr:nth-child(3) ins[data-v-2364b350] {
    background: #53b0fe;
    background: radial-gradient(circle at 25px 25px, #2b82cc, #53b0fe);
    color: #fff;
    border-radius: 50%;
    text-align: center;
    line-height: 25px
}

.winningList tr:nth-child(4) ins[data-v-2364b350] {
    background: #f8a968;
    background: radial-gradient(circle at 25px 25px, #c57532, #f8a968);
    color: #fff;
    border-radius: 50%;
    text-align: center;
    line-height: 25px
}

#moneyList[data-v-2364b350] {
    width: 100%
}

.ssc .betLeft[data-v-2364b350] {
    border-right: 1px solid #ddd
}

.ssc .betRight[data-v-2364b350] {
    border-left: none
}

.ssc .roundNo img[data-v-2364b350] {
    margin: 0 5px
}

.odd[data-v-2364b350] {
    text-align: left;
    padding: 0 30px
}

.odd a[data-v-2364b350] {
    margin: 6px
}

.ordinaryChase[data-v-2364b350] {
    padding: 10px 15px
}

.ordinaryChase input[data-v-2364b350] {
    vertical-align: middle;
    height: 30px;
    width: 50px;
    margin-right: 4px;
    text-align: center;
    border: 1px solid #ddd
}

.chaseLonger[data-v-2364b350] {
    display: inline-block;
    vertical-align: middle;
    background: #f4f4f4;
    height: 30px;
    line-height: 30px;
    border: 1px solid #ddd
}

.chaseLonger li[data-v-2364b350] {
    float: left;
    width: 45px;
    text-align: center;
    font-weight: 700
}

.chaseLonger .curr[data-v-2364b350] {
    color: #f37036
}

.chaseListCon[data-v-2364b350] {
    height: 350px;
    overflow: auto
}

.advancedChase td[data-v-2364b350] {
    height: 38px;
    padding-left: 14px
}

.advancedChase td[data-v-2364b350]:first-child {
    width: 312px;
    border-right: 1px dashed #e3e3e3
}

.advancedChase td span[data-v-2364b350] {
    margin-right: 15px
}

.advancedChase input[data-v-2364b350] {
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    text-align: center
}

.advancedChase input[type=number][data-v-2364b350] {
    width: 80px;
    background: #fff;
    border: 1px solid #ddd
}

.advancedChase select[data-v-2364b350] {
    width: 170px;
    border-radius: 2px;
    border: 1px solid #ddd
}

.advancedChase .noCurr input[data-v-2364b350] {
    background: #fafafa
}

.advancedChase table[data-v-2364b350] {
    table-layout: fixed;
    width: 312px;
    margin: 14px 0;
    float: left
}

.advancedChase table[data-v-2364b350]:nth-child(2) {
    width: 384px
}

.advancedChase table:nth-child(2) tr td[data-v-2364b350] {
    border: none
}

.advancedChase hr[data-v-2364b350] {
    border: 1px solid #ddd;
    border-top: none;
    clear: both
}

.advancedChase a[data-v-2364b350],
.generalScheme[data-v-2364b350] {
    margin: 10px auto;
    width: 100px;
    height: 32px;
    font-size: 14px;
    line-height: 32px;
    border-radius: 4px
}

.chaseList[data-v-2364b350] {
    table-layout: fixed;
    width: 100%
}

.chaseList input[type=tel][data-v-2364b350] {
    display: inline-block;
    width: 60px;
    height: 22px;
    border: 1px solid #cecece;
    padding: 0 4px
}

.chaseList input[type=checkbox][data-v-2364b350] {
    margin-right: 5px
}

.chaseList tr:last-child td[data-v-2364b350] {
    border: none
}

.chaseList td[data-v-2364b350],
.chaseList th[data-v-2364b350] {
    padding: 0;
    text-align: left
}

.chaseList td[data-v-2364b350]:first-child,
.chaseList th[data-v-2364b350]:first-child {
    width: 54px
}

.chaseList td[data-v-2364b350]:nth-child(2),
.chaseList th[data-v-2364b350]:nth-child(2) {
    width: 186px
}

.chaseList td[data-v-2364b350]:nth-child(3),
.chaseList th[data-v-2364b350]:nth-child(3) {
    width: 90px
}

.chaseList td[data-v-2364b350]:nth-child(4),
.chaseList td[data-v-2364b350]:nth-child(5),
.chaseList th[data-v-2364b350]:nth-child(4),
.chaseList th[data-v-2364b350]:nth-child(5) {
    width: 84px
}

.chaseList td[data-v-2364b350]:first-child,
.chaseList th[data-v-2364b350]:first-child {
    padding-left: 14px
}

.chaseList td[data-v-2364b350] {
    height: 34px;
    line-height: 34px;
    border-bottom: 1px dotted #ddd
}

.chaseList td em[data-v-2364b350] {
    color: #f37036
}

.chaseList th[data-v-2364b350] {
    height: 38px;
    line-height: 38px;
    font-weight: 100;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd
}

.generalTable td[data-v-2364b350],
.generalTable th[data-v-2364b350] {
    text-align: left
}

.generalTable td[data-v-2364b350]:first-child,
.generalTable th[data-v-2364b350]:first-child {
    width: 34px
}

.generalTable td[data-v-2364b350]:nth-child(2),
.generalTable th[data-v-2364b350]:nth-child(2) {
    width: 84px
}

.generalTable td[data-v-2364b350]:nth-child(3),
.generalTable th[data-v-2364b350]:nth-child(3) {
    width: 54px
}

.generalTable td[data-v-2364b350]:nth-child(4),
.generalTable th[data-v-2364b350]:nth-child(4) {
    width: 74px
}

.generalTable td[data-v-2364b350]:nth-child(5),
.generalTable th[data-v-2364b350]:nth-child(5) {
    width: 84px
}

.generalTable td[data-v-2364b350]:first-child,
.generalTable th[data-v-2364b350]:first-child {
    padding-left: 14px
}

ins {
    margin: 0 4px
}

.betTotal {
    padding: 10px;
    text-align: center;
    font-size: 16px
}

.betTotal em,
.betTotal i {
    color: #f37036
}

.betTotal ._betMoney,
.betTotal ._chaseMoneyTotal,
.betTotal ._totalMoney {
    color: red
}

.betTotal input[type=number],
.betTotal input[type=tel],
.betTotal select {
    border: 1px solid #cecece;
    height: 30px;
    padding: 4px 5px;
    text-align: center;
    margin: 0 5px;
    border-radius: 0;
    vertical-align: baseline
}

.betTotal select {
    padding: 0 5px
}

.betTotal input[type=tel] {
    width: 60px
}

.betTotal input[type=radio] {
    display: none
}

.betTotal .money {
    color: red
}

.betBtn {
    display: block;
    margin: 0 auto;
    line-height: 44px;
    font-size: 20px;
    border-radius: 5px;
    width: 150px;
    text-align: center;
    background: #ea6a31;
    color: #fff;
    margin-bottom: 40px
}

.betBtn:hover {
    text-decoration: blink;
    color: #fff;
    background-color: #d95019;
    background: linear-gradient(180deg, #d64c15 0, #ea6a31)
}

.betFilter[data-v-14762100] {
    text-align: left;
    width: 739px;
    box-sizing: border-box;
    padding: 10px 15px;
    border-bottom: 1px solid #ddd;
    background: #f2f4f7;
    border-top: 1px solid #ddd;
    height: 52px
}

.betFilter li[data-v-14762100] {
    display: inline;
    padding: 4px 5px;
    line-height: 30px;
    border-radius: 3px;
    cursor: pointer;
    text-align: center;
    color: #555;
    font-size: 14px;
    margin-right: 13px;
    margin-bottom: 5px
}

.betFilter .curr[data-v-14762100],
.betFilter li[data-v-14762100]:hover {
    background: #ff9726;
    color: #fff
}

.betTip[data-v-14762100] {
    padding: 3px 15px;
    color: #555;
    background: #fdfdfd
}

.betTip i[data-v-14762100] {
    font-size: 14px;
    margin-right: 3px
}

.betTip i[data-v-14762100],
.betTip ins[data-v-14762100] {
    color: #ff9831
}

.betTip ins[data-v-14762100] {
    color: red
}

.checkNumber span[data-v-14762100] {
    color: #333
}

.checkNumber .B a[data-v-14762100],
.checkNumber .E a[data-v-14762100] {
    padding: 0 14px;
    line-height: 46px
}

.checkNumber .C a[data-v-14762100] {
    padding: 0 8px
}

.checkNumber .G[data-v-14762100] {
    padding: 0 30px
}

.checkNumber ul[data-v-14762100] {
    text-align: center
}

.checkNumber ul li[data-v-14762100] {
    display: inline-block;
    margin: 12px 15px;
    vertical-align: top
}

.checkNumber ul li a[data-v-14762100] {
    box-shadow: 0 1px 5px #d4d4d4;
    display: block;
    background: linear-gradient(180deg, #fff 0, #f1efef 90%, #f7f7f7);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#f7f7f7", GradientType=0);
    border-radius: 5px;
    border: 1px solid #c0c5d2;
    height: 50px;
    line-height: 50px;
    font-size: 30px;
    color: #000;
    text-align: center;
    min-width: 52px
}

.checkNumber ul li a em[data-v-14762100] {
    padding-left: 8px;
    padding-right: 10px
}

.checkNumber ul li a em+em[data-v-14762100] {
    padding-left: 10px;
    padding-right: 8px;
    border-left: 1px dashed #ccc
}

.checkNumber ul li a span[data-v-14762100] {
    color: #111
}

.checkNumber ul li a i[data-v-14762100] {
    padding: 0 15px
}

.checkNumber[data-v-14762100] {
    margin: 24px 15px;
    padding: 25px 0;
    background: url(http://imagess-google.com/system/pc/k3/betBg.png);
    border-radius: 6px
}

.checkedList[data-v-14762100] {
    border: 1px solid #ddd;
    margin: 15px;
    padding: 10px;
    height: 188px;
    overflow-y: auto;
    margin-top: 40px;
    background: #fff
}

.checkedList table[data-v-14762100] {
    width: 100%
}

.checkedList table tr[data-v-14762100] {
    background: #f4f4f4
}

.checkedList table tr td[data-v-14762100] {
    padding: 5px 10px
}

.checkedList table tr+tr td[data-v-14762100] {
    border-top: 10px solid #fff
}

.checkedList .eachPrice[data-v-14762100] {
    width: 70px;
    height: 23px;
    padding: 4px 5px;
    border: 1px solid #ddd;
    margin: 0 3px
}

.checkedList .orderMoney[data-v-14762100] {
    color: red
}

.checkedList .orderCancel[data-v-14762100] {
    color: #ff9600;
    cursor: pointer
}

.checkedList .order_type[data-v-14762100] {
    display: inline-block;
    max-width: 180px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    vertical-align: top
}

.checkNumber .active a[data-v-14762100],
.checkNumber a[data-v-14762100]:hover {
    background: -ms-linear-gradient(to bottom, #d64b15 30%, #ea6a31 100%);
    background: linear-gradient(180deg, #d64b15 30%, #ea6a31);
    background: -moz-linear-gradient(to bottom, #d64b15 30%, #ea6a31 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#d64b15", endColorstr="#ea6a31", GradientType=0);
    border: 1px solid #d24c10;
    color: #fff;
    text-decoration: blink;
    box-shadow: inherit
}

.wrapL {
    width: 232px;
    background: #fffdf3;
    border: 1px solid #e6c9a0;
    border-top: 3px solid #e6c9a0;
    float: left;
    height: 468px
}

.subnav li a {
    display: block;
    height: 100%
}

.subnav li img {
    width: 44px;
    height: 44px;
    vertical-align: middle;
    transition: all 0.5s linear;
}

.subnav li img:hover {
    transform: rotate(360deg);
    transition: all 0.5s linear;
}

.subnav li .des,
.subnav li .sortName {
    margin-right: 5px;
    margin-bottom: 10px;
    vertical-align: top;
    font-size: 14px;
    color: #333;
    font-weight: 700
}

.subnav li .des {
    color: #999;
    font-size: 12px;
    font-weight: 100
}

.subnav li:hover {
    background: #fff9dd
}

.subnav li:hover i {
    transition: .5s;
    transform: rotate(1turn);
    transform-origin: 17px 25px
}

.subnav li {
    height: 46px;
    line-height: 46px;
    border-bottom: 1px dashed #ddd;
    padding: 0 8px
}

.subnav li i {
    font-size: 36px;
    margin: 0 5px;
    width: 38px;
    height: 38px;
    display: inline-block
}

.subnav li i:before {
    font-size: 34px;
    transform: translate(1px, -1px)
}

.subnav li:last-child {
    border: none
}

.wrapC {
    width: 488px;
    margin-left: 13px;
    float: left
}

.wrapC .banner {
    height: 251px;
    background: #eee;
    overflow: hidden
}

.wrapC .banner .hd ul {
    padding: 2px;
    border-radius: 10px
}

.wrapC .banner img {
    width: 488px;
    height: 250px
}

.autoTab {
    height: 204px;
    margin-top: 13px;
    border: 1px solid #d7e2f7;
    box-sizing: border-box
}

.wrapR {
    float: left;
    width: 252px;
    height: 472px;
    margin-left: 13px
}

.wrapR .slide {
    border: 1px solid #dce1e5;
    margin-top: 13px
}

.wrapR .slide .help {
    height: 36px;
    background: #f8f8f8;
    border-top: 1px solid #dce1e5;
    line-height: 35px;
    color: #999;
    padding-left: 12px;
    text-align: left
}

.wrapR .slide .help a:hover {
    color: #e4393c;
    text-decoration: underline
}

.loginRegister {
    height: 44px
}

.loginRegister>a {
    display: inline-block;
    width: 119.5px;
    text-align: center;
    background: #fff9dd;
    line-height: 42px;
    color: #e4393c;
    font-size: 16px;
    font-weight: 700;
    border: 1px solid #ebd4b3;
    box-sizing: border-box;
    border-radius: 2px
}

.loginRegister a i {
    padding-right: 5px
}

.loginRegister a+a {
    margin-left: 13px
}

.loginRegister a:hover {
    background: #f9f0c0
}

.slide h6,
.winningList h6 {
    margin: 0;
    padding: 0 8px;
    line-height: 30px;
    border-bottom: 1px solid #eee;
    font-size: 14px
}

.winningList {
    margin-top: 13px;
    border: 1px solid #dce1e5;
    height: 204px;
    overflow: hidden
}

.winningList .tempWrap {
    padding: 15px 0
}

.winningList .winnerList {
    margin-top: -7px !important
}

.winningList .winnerList li {
    padding: 6px 15px
}

.winningList .winnerList li:hover {
    background: #fbfbfb
}

.logined {
    padding: 0 15px;
    height: 44px;
    background: #fffdf3;
    border-radius: 2px;
    border: 1px solid #ebd4b3;
    border-top: 3px solid #ebd4b3;
    position: relative
}

.logined h3 {
    line-height: 26px;
    text-align: center;
    margin: 7px
}

.logined h3 i {
    color: #e4393c;
    font-size: 16px
}

.logined h3 b {
    color: #36c
}

.logined>a {
    width: 45px;
    height: 15px;
    display: inline-block;
    cursor: pointer;
    border: none;
    position: absolute;
    z-index: 2;
    top: 6px;
    right: 10px;
    line-height: 15px;
    padding-left: 5px;
    border-radius: 2px
}

.logined>a em {
    color: #fffdf3
}

.logined>a:hover {
    background: #d8d8d8;
    color: #fff
}

.cqssc .a,
.cqssc .number,
.cqssc img {
    float: left
}

.cqssc .number {
    padding-top: 45px;
    padding-left: 40px
}

.cqssc .number em {
    background: #e84245;
    border: 1px solid #b13032;
    background: linear-gradient(180deg, #e46062 2%, #c72c2e);
    font-size: 30px;
    color: #fff;
    border-radius: 50%;
    width: 41px;
    height: 41px;
    display: inline-block;
    line-height: 41px;
    text-align: center;
    font-weight: 100;
    margin: 0 5px;
    cursor: default
}

.cqssc a {
    margin-top: 51px;
    margin-left: 32px
}

.text {
    margin-top: 20px
}

.text i {
    color: red;
    margin: 0 3px
}

.text span {
    margin-right: 14px
}

.text span:last-child {
    margin: 0
}

.text a {
    display: inline-block;
    width: 18px;
    height: 18px;
    line-height: 18px;
    color: #fff;
    background: #ff9726;
    border-radius: 2px;
    margin-right: 6px
}

.text a+a {
    background: #5691d7
}

.sh11x5 em {
    font-size: 25px !important
}

.dice {
    margin-top: 32px
}

.dice span {
    display: inline-block;
    background: url(http://imagess-google.com/system/pc/k3/open_num.png);
    width: 60px;
    height: 60px;
    vertical-align: middle
}

.dice i {
    font-size: 25px;
    vertical-align: middle;
    color: #999;
    margin: 10px
}

.dice em {
    font-size: 25px;
    color: #333;
    vertical-align: middle;
    margin: 3px
}

.slideTxtBox p {
    text-align: center
}

.fold-enter-active,
.fold-leave-active {
    transition: all .5s
}

.fold-enter,
.fold-leave-active {
    transform: translateZ(0)
}

.bd {
    overflow: hidden
}

body {
    background-color: #fff;
    position: relative
}

body[data-v-0aee6343] {
    margin: 0;
    height: 100%;
    font-family: Microsoft YaHei, Helvetica Neue, Helvetica, Arial, PingFang SC, Hiragino Sans GB, Heiti SC, WenQuanYi Micro Hei, sans-serif;
    display: table;
    width: 100%
}

html[data-v-0aee6343] {
    box-sizing: border-box;
    height: 100%
}

[data-v-0aee6343],
[data-v-0aee6343]:after,
[data-v-0aee6343]:before {
    box-sizing: inherit
}

em[data-v-0aee6343],
i[data-v-0aee6343] {
    font-style: normal;
    color: #e4393c;
    margin: 0 5px
}

.fix[data-v-0aee6343]:after,
.fix[data-v-0aee6343]:before {
    content: "";
    display: table
}

.fix[data-v-0aee6343]:after {
    clear: both;
    overflow: hidden
}

.errorContent[data-v-0aee6343],
.notFound[data-v-0aee6343] {
    width: 100%;
    margin: 0 auto;
    height: 380px;
    position: relative;
    vertical-align: middle;
    height: 455px;
    text-align: center
}

.errorContent .left[data-v-0aee6343],
.notFound .left[data-v-0aee6343] {
    float: left;
    display: inline
}

.errorContent .right[data-v-0aee6343],
.notFound .right[data-v-0aee6343] {
    float: left;
    display: inline;
    text-align: left
}

.errorContent .right h1[data-v-0aee6343],
.notFound .right h1[data-v-0aee6343] {
    color: #59adf2;
    font-weight: 100
}

.errorContent .right p[data-v-0aee6343],
.notFound .right p[data-v-0aee6343] {
    color: #666;
    line-height: 1.6
}

.errorService[data-v-0aee6343] {
    font-size: 14px;
    text-decoration: blink;
    color: #59adf2;
    border: 1px solid;
    padding: 6px 10px;
    border-radius: 4px
}

.backHome[data-v-0aee6343] {
    color: #59adf2;
    padding: 0 4px;
    border-radius: 0
}

.errorLogo[data-v-0aee6343] {
    position: absolute;
    right: 20px;
    bottom: 20px
}

.errorLogo img[data-v-0aee6343] {
    height: 50px
}

.notFound[data-v-0aee6343] {
    height: 455px;
    text-align: center
}

.notFound h1[data-v-0aee6343] {
    color: #59adf2;
    font-weight: 100;
    margin: 40px 0;
    margin-bottom: 20px
}

.notFound p[data-v-0aee6343] {
    line-height: 1.8;
    color: #666;
    text-align: left;
    display: table;
    margin: 0 auto
}

.notFound[data-v-0aee6343] {
    display: block;
    margin: 10% auto;
    margin-bottom: 0;
    margin-top: calc(50vh - 228px)
}

.maintainCon[data-v-41b6fb82] {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 80%;
    display: table
}

.errorContent[data-v-41b6fb82] {
    display: table-cell;
    vertical-align: middle
}

.maintain[data-v-41b6fb82] {
    width: 526px;
    margin: 0 auto
}

.maintain>div[data-v-41b6fb82] {
    float: left
}

.maintain .left img[data-v-41b6fb82] {
    margin-top: 40px
}

.maintain .right[data-v-41b6fb82] {
    text-align: left;
    padding-left: 66px
}

.maintain .right h1[data-v-41b6fb82] {
    font-size: 32px;
    color: #59adf2;
    font-weight: 400
}

.maintain .right p[data-v-41b6fb82] {
    line-height: 1.8;
    font-size: 14px;
    color: #666
}

.maintain .right p em[data-v-41b6fb82] {
    color: red;
    margin: 0 4px
}

.maintain .right>a[data-v-41b6fb82] {
    font-size: 14px;
    border: 1px solid;
    border-radius: 4px;
    padding: 5px 12px;
    color: #45aeef
}

.content[data-v-c38a1014] {
    width: 1000px;
    margin: 0 auto;
    margin-top: 15px;
    margin-bottom: 15px;
    background: #fff;
    height: 500px
}

.info[data-v-c38a1014],
.poster[data-v-c38a1014] {
    float: left;
    height: 100%
}

.poster[data-v-c38a1014] {
    width: 780px
}

.poster[data-v-c38a1014],
.poster span[data-v-c38a1014] {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.poster span[data-v-c38a1014] {
    width: 70px;
    height: 70px;
    background: rgba(0, 0, 0, .35);
    border-radius: 50%
}

.poster span[data-v-c38a1014]:before {
    content: "\E646";
    display: block;
    font-family: iconfont;
    font-size: 30px;
    color: #fff
}

.info[data-v-c38a1014] {
    width: 220px;
    text-align: center;
    background: #1f1e1a;
    color: #fff;
    padding-top: 112px
}

.info em[data-v-c38a1014] {
    font-size: 20px
}

.info p[data-v-c38a1014] {
    font-size: 14px;
    margin: 6px 0 10px
}

.info span[data-v-c38a1014] {
    display: inline-block;
    height: 28px;
    line-height: 28px;
    color: #ecc47f;
    border: 1px solid;
    border-radius: 40px;
    font-size: 14px;
    padding: 0 12px
}

.webAnnounceList[data-v-95189700] {
    box-sizing: content-box;
    float: left;
    width: 252px;
}

.webAnnounceList li[data-v-95189700] {
    padding: 2px 12px;
    height: 23px;
}

.webAnnounceList li>a[data-v-95189700] {
    width: 80%;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.webAnnounceList li em[data-v-95189700] {
    float: right;
}

.webAnnounceList li[data-v-95189700] {
    padding: 2px 12px;
    height: 23px;
}

.webAnnounceList li em[data-v-95189700] {
    float: right;
}

.webAnnounceList li em[data-v-95189700] a {
    color: #666;
}

.guideList[data-v-95189700] {
    padding: 20px 0 0 10px;
    background: #fffff5;
    height: 163px;
}

.footer[data-v-58aef4d8] {
    width: 100%;
    overflow: hidden;
    box-sizing: border-box;
}

.adPart[data-v-58aef4d8] {
    background: #fbfafa;
    border: 1px solid #dce1e5;
    border-left: none;
    border-right: none;
    height: 225px;
}

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

.footerTop[data-v-58aef4d8] {
    height: 140px;
    position: relative;
}

.footerTop .img1[data-v-58aef4d8] {
    top: 0;
    left: 33px;
}

.footer img[data-v-58aef4d8] {
    position: absolute;
}

.footerTop .img2[data-v-58aef4d8] {
    position: absolute;
    top: 20px;
    left: 395px;
}

.footerBot[data-v-58aef4d8] {
    position: relative;
    cursor: pointer;
}

.footerBot[data-v-58aef4d8] {
    position: relative;
    cursor: pointer;
}

.overlight[data-v-58aef4d8],
.overlightR[data-v-58aef4d8] {
    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);
    top: -10px;
    z-index: 111;
}

.overlight[data-v-58aef4d8] {
    left: -545px;
}

.overlightR[data-v-58aef4d8] {
    right: -1545px;
}

.overlight[data-v-58aef4d8],
.overlightR[data-v-58aef4d8] {
    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);
    top: -10px;
    z-index: 111;
}

.aboutText p[data-v-58aef4d8] {
    text-align: center;
}

.aboutText p[data-v-58aef4d8] {
    text-align: center;
}

.copyright[data-v-58aef4d8] {
    margin-top: -10px;
    text-align: center;
}

.fix a[data-v-58aef4d8] {
    margin: 0 6px;
}

.aboutText p[data-v-58aef4d8] {
    text-align: center;
}

.copyright[data-v-58aef4d8] {
    margin-top: 16px;
    text-align: center;
}