@charset "utf-8";
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
}
body {
    font-family: "Microsoft YaHei", sans-serif;
    font-size: 12px;
    color: #b3b3b3;
    min-width: 1250px;
    background-color: #241d17;
    backface-visibility: hidden;
    margin: 0;
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none;
    margin: 0;
    padding: 0;
}
:focus {
    outline: 0!important;
}
table th {text-align:center;}
ul, li {
    list-style: none;
    margin: 0;
    padding: 0;
}
input, button, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
a {
    background-color: transparent;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
}
a:focus {
    outline: 5px auto 0;
    outline-offset: -2px;
}
a:hover, a:active, a:visited, a:focus {
    text-decoration: none;
}
img {
    max-width: 100%;
    border: 0;
    vertical-align: middle;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
}
h1, .h1 {
    font-size: 36px;
    margin: 0;
}
h2, .h2 {
    font-size: 30px;
}
h3, .h3 {
    font-size: 22px;
}
h4, .h4 {
    font-size: 18px;
}
h5, .h5 {
    font-size: 14px;
}
h6, .h6 {
    font-size: 12px;
}
h1, h2, h3, h4, h5 {
    font-weight: 300;
    margin: 0;
    padding: 0;
}
i, em {
    font-style: normal;
}
table, td {
    border: 0;
    border-collapse: collapse;
    margin: 0;
    padding: 0;
}
button {
    outline: none;
    cursor: pointer;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    border: 0;
}
.banner a {
    display: block;
}
.flex {
    display: flex
}
.wrap {
    position: relative;
    width: 1000px;
    margin: 0 auto;
}
.column {
    display: flex;
    flex-direction: column;
}
.left {
    margin-right: auto;
}
.right {
    margin-left: auto;
}
.click-none {
    pointer-events: none;
}
.t1 {
    color: #00ff35!important;
}
.t3 {
    color: #fcc43e!important;
}
.t4 {
    color: #0fc!important;
}
.t6 {
    color: red!important;
}
::-webkit-scrollbar-track {
    box-shadow:inset 0 0 6px rgba(0,0,0,0.3);
    border-radius:10px;
}
::-webkit-scrollbar {
    width:8px;
}
::-webkit-scrollbar-thumb {
    border-radius:10px;
    box-shadow:inset 0 0 6px rgba(0,0,0,.3);
    background-color:#555;
}
@keyframes dt {from {transform:translate(0,-20px);opacity:0;}
    to {transform:translate(0,0);opacity:1;}
}

/* 点击搜索框获取焦点 placeholder消失-开始 */
/* WebKit browsers */
input:focus::-webkit-input-placeholder {
    color: transparent;
    /* transparent是全透明黑色(black)的速记法，即一个类似rgba(0,0,0,0)这样的值 */
    }
    /* Mozilla Firefox 4 to 18 */
    input:focus:-moz-placeholder {
    color: transparent;
    }
    /* Mozilla Firefox 19+ */
    
    input:focus::-moz-placeholder {
    color: transparent;
    }

    /* Internet Explorer 10+ */
    
    input:focus:-ms-input-placeholder {
    color: transparent;
    }
    /* 点击搜索框获取焦点 placeholder消失-结束 */
/*****************************************************************************************************************************************/
.nav-fixed {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
}
#header {
    height: auto;
}
.head-top {
    width: 100%;
    height: 39px;
    background-color: #1a140f;
    line-height: 39px;
    /* border-bottom: 1px solid #372b20; */
}
.head-top .pz {
    display: block;
    width: 15px;
    height: 39px;
    position: relative;
    background: url(../imgs/paizhaoico.png) no-repeat left center;
}
.head-top .pz .pz-img {
    height: 0;
    width: 426px;
    position: absolute;
    top: 36px;
    left: -52px;
    z-index: 999;
    background: url(../imgs/paizhao.png) center center no-repeat;
    transition: all .3s;
}
.head-top .pz:hover .pz-img {
    height: 278px;
}
.head-top .time,
.head-top .urgent {
    display: flex;
}
.head-top .time p {
    width: 170px;
    text-align: center;
}
.head-top .urgent span,
.head-top .time span {
    margin-right: 10px;
}
.head-top .langugua span,
.head-top .time span,
.head-top .urgent span {
    height: 39px;
    line-height: 39px;
    color: #ac825e;
    margin-left: 10px;
}
.head-top .langugua a img {
    margin-left: 3px;
    position: relative;
    top: 0;
    transition: all .3s;
}
.head-top .langugua a img:hover {
    top: -2px;
}
.head-top .right a {
    color: #ac825e;
    transition: all .3s;
    margin: 0 6px;
}
.head-mid {
    width: 100%;
    background: #1a140f;
    border-bottom: 1px solid #fcc43e;
}
.head-mid .nav {
    display: flex;
    margin-left: auto;
    z-index: 10
}
.head-mid .nav>ul {
    display: flex;
}
.head-mid .nav>ul>li {
    line-height: 60px;
    margin-left: 25px;
    padding: 0 5px;
    position: relative;
    white-space: nowrap;
}
.head-mid .nav>ul>li:nth-child(2)>a>p, .head-mid .nav>ul>li:nth-child(2)>a>span {
    color: #ff0000;
}
/* .head-mid .nav>ul>li:nth-child(6)>a>p, .head-mid .nav>ul>li:nth-child(6)>a>span {
    color: #00ff36;
} */
.head-mid .nav>ul>li:nth-child(7)>a>p, .head-mid .nav>ul>li:nth-child(7)>a>span {
    color: #ff0000;
}
.head-mid .nav>ul>li>a {
    padding-top: 25px;
    display: block;
    /* width: 64px;
    height: 55px; */
    position: relative;
    text-align: center;
    transition: all .3s;
}
.head-mid .nav>ul>li>a>p {
    color: white;
    font-weight: bold;
    font-size: 18px;
    transition: all .3s;
}
.head-mid .nav>ul>li>a>span {
    color: #5f5d5d;
    font-family: arial;
    line-height: 32px;
    transition: all .3s;
}
.head-mid .nav ul li .nav-hot {
    position: absolute;
    right: -16px;
    top: 24px;
    z-index: 1
}
.head-mid .nav ul li .nav-box {
    position: absolute;
    top: 80px;
    left: -37px;
    z-index: 99;
    width: 140px;
}
#navGame1 {background: rgba(0,0,0,.78);}
.head-mid .nav ul li .APPDOWN {
    display: none;
    position: absolute;
    top: 80px;
    left: -138px;
    z-index: 2;
    width: 338px;
}
.head-mid .nav ul li:hover .APPDOWN {
    display: block;
}
.head-mid .nav ul li .nav-box dl dd {
    border-bottom: none;
    animation: dt 1s both;
    visibility: hidden;
    height: 0;
    padding-top: 0;
    padding-bottom: 0;
    margin: 0;
    color: rgba(25, 25, 25, 0);
    
    z-index: 99;
}
/* .head-mid .nav ul li:hover p{
    color:#fff;
} */
.head-mid .nav ul li:hover .nav-box{
    border: 2px solid #ffd960;
}

.head-mid .nav ul li:hover .nav-box::before {
    content: "";
    position: absolute;
    top: -22px;
    left: 0;
    right: 0;
    width: 0;
    border: 10px solid transparent;
    border-left-width: 10px;
    border-right-width: 10px;
    border-bottom-color: #ffd960;
    margin: auto;
}
.head-mid .nav ul li:hover .nav-box dl dd {
    border-bottom: 1px dotted #534A43;
    overflow: hidden;
    visibility: inherit;
    height: 45px;
    line-height: 45px;
    background: transparent;
    white-space: nowrap;
    color: rgba(25, 25, 25, 1);
    transition: 0.5s height cubic-bezier(0.5, 0.3, 0.35, 1), 0.5s padding cubic-bezier(0.5, 0.3, 0.35, 1), 0.5s 0.2s color, 0.2s background;
}
.head-mid .nav ul li .nav-box a {
    display: flex;
    align-items: center
}
.head-mid .nav ul li .nav-box a img.gamename {
    width: 45px;
}
.head-mid .nav ul li .nav-box a img.hot {
    position: absolute;
    top: 2px;
    right: 1px;
}
.head-mid .nav ul li .nav-box a p {
    margin-left: 10px;
}
.head-mid .nav ul li .nav-box a p:hover {
    color: #ffcea4
}
.head-login {
    height: 52px;
    line-height: 52px;
    width: 100%;
    background: #201913;
    border-bottom: 1px solid #372b20;
}
.head-login .left {
    align-items: center;
}
.head-login .left a {
    display: block;
    height: 100%;
}
.login-befor {
    align-items: center;
}
.head-login .right .login-group {
	float:left;
    margin-right: 10px;
    position: relative;
}
.head-login .right input {
    transition: all .3s;
    background: #100c08;
    border: 1px solid #3d2b1c;
    width: 165px;
    height: 32px;
    font-size: 14px;
    font-family: 微软雅黑;
    color: #cfb6a1;
    text-indent: 13px;
}
.head-login .left .welcome{
    font-size: 18px;
    color: #ffc15b;
}
.head-login .left .welcome span:nth-child(2){
    font-size:12px;
}
.head-login .right input.user {
    background: #100c08 url(../imgs/login-bar-user.png) no-repeat 10px center;
    text-indent: 29px;
    width:200px;
}
.head-login .right input.password {
    background: #100c08 url(../imgs/login-bar-mm.png) no-repeat 12px center;
    text-indent: 29px;
    width:200px;
}
/* .head-login .right .login-group a.forget {
    font-size: 14px;
    color: #543d2a;
    position: absolute;
    right: 5px;
    top: 0;
} */
.head-login .right .login-group a.code {
    display: inline-flex;
    font-size: 14px;
    color: #543d2a;
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translate(0%, -50%);
}
.head-login .right .login-group a.code img {
    width: 45px;
    height: 25px;
}
.login-btn {
    display: inline-block;
    width: 110px;
    height: 30px;
    line-height: 30px;
    border-radius: 2px;
    text-align: center;
    margin: 0 6px;
    background: radial-gradient(#e81b32, #db172d);
}
.register-btn {
    display: inline-block;
    width: 110px;
    height: 30px;
    line-height: 30px;
    border-radius: 2px;
    text-align: center;
    background: linear-gradient(totop, #f39701, #fbae31);
    background: radial-gradient(#f99f0d, #f39701);
}
.login-after ul li {
    display: flex;
    line-height: 52px;
    align-items: center;
    color: #eeeeee;
    font-size: 12px;
    height: 52px;
}
.login-after ul li a {
    color: #ffeb88;
    margin: 0 10px;
}
.login-after ul li span.text {
    color: #ececec;
}
.login-after ul li span.line-y {
    width: 2px;
    height: 14px;
    background: #666;
}
.login-after ul li a em {
    color: #ececec;
}
.login-out {
    display: inline-block;
    width: 68px;
    height: 26px;
    line-height: 26px;
    border-radius: 2px;
    text-align: center;
    margin: 0 6px;
    background: radial-gradient(#e81b32, #db172d);
}
/*************************************************原生JS轮播*************************/
#slider li {
    list-style: none;
}
#slider {
    position: relative;
    overflow: hidden;
}
#picList1, #picList2, #picList3 {
    position: relative;
    left: 0;
    display: block;
}
#picList1 li, #picList2 li, #picList3 li {
    float: left;
}
#picList1 li img, #picList2 li img, #picList3 li img {
    display: block;
    max-width: 100%;
    height: auto;
}
#tabBtns1, #tabBtns2, #tabBtns3 {
    display: block;
    width: 100%;
    position: absolute;
    bottom: 60px;
    text-align: center;
}
#tabBtns1 a, #tabBtns2 a, #tabBtns3 a {
    width: 20px;
    height: 20px;
    line-height: 20px;
    margin: 0 2px;
    display: inline-block;
    border-radius: 50%;
    cursor: pointer;
    font-size: 12px;
    text-decoration: none;
    color: #333;
}
#tabBtns1 a, #tabBtns2 a, #tabBtns3 a, .controlBtn {
    background-color: rgba(255,255,255,0.5);
}
#tabBtns1 a.active, #tabBtns2 a.active, #tabBtns3 a.active, .controlBtn:hover {
    background-color: #c22f07;
    color: #fff;
}
.controlBtn {
    width: 30px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    font-size: 1.2em;
    color: #fff;
    -webkit-transition: .3s all;
    transition: .3s all;
    position: absolute;
    top: 50%;
    margin-top: -35px;
    z-index: 99;
}
#controlBtns1 a, #controlBtns2 a, #controlBtns3 a {
    background-color: rgba(0,0,0,0.50);
    color: #666;
}
#prev {
    left: 0;
}
#next {
    right: 0;
}
/*****************************************************************************************************************************************************************/
.news {
    width: 100%;
    height: 40px;
    line-height: 40px;
    background: rgba(0,0,0,.68);
    border-bottom: 1px solid #372b20;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 9;
}
.news .title {
    margin-right: 15px;
    float: left;
    background: url(../imgs/news-title.png) no-repeat left center;
    padding-left: 30px;
    color: #fcc43e;
    font-weight: 700;
    font-size: 16px;
}
.news marquee {
    margin-left: auto;
    /* color: #ffcea4; */
    color: #fff;
    width: 820px;
    height: 40px;
}
.logo > img {
    height: 50px;
    object-fit: contain;
    transform: scale(2.2);
}
.logo-hover {
    height: 40px !important;
    margin: 23px 0 0 0 !important;
}
/*****************************************************************************************************************************************************************/
.shine {
    animation: shine ease infinite .5s;
}
@keyframes shine {
    0% {
        color: rgba(255, 0, 0);
    }
    50% {
        color: rgba(255, 255, 0);
    }
    100% {
        color: rgba(255, 0, 0);
    }
}
.index-login {
    position: relative;
}
.index-login-info {
    width: 260px;
    padding: 0 10px 10px;
    /* border: 1px solid #fcc43e; */
    background: url(../imgs/login_bg.png);
    position: absolute;
    top: 20px;
    left: calc((100% - 1000px) / 2);
    z-index: 999;
}
.index-login-info > .login-befor > .login-group {
    margin-top: 10px;
    display: flex;
    flex-flow: row;
    justify-content: flex-start;
}
.index-login-info > .login-befor > .login-group > input {
    height: 28px;
    width: 100%;
    padding: 0 5px;
    background: transparent;
    border: 1px solid #947c67;
    color: #fafafa;
}
.index-login-info > .login-befor > .login-group > input:focus {
    border: 1px solid #fafafa;
    box-shadow: 0 0 4px #fcc43e;
}
.index-login-info > .login-befor > .login-group > #piccode {
    width: calc(100% - 45px);
}
.index-login-info > .login-befor > .login-group > .code > img {
    height: 28px;
    object-fit: contain;
}
.index-login-info > .login-befor > .login-btn {
    width: 100%;
    height: 36px;
    line-height: 36px;
    margin: 10px 0 0;
    background: linear-gradient(#fcc43e, #d0a43b);
}
.index-login-info > .login-befor > .register-btn,
.index-login-after > .register-btn {
    width: 100%;
    height: 36px;
    line-height: 36px;
    margin: 10px 0 0;
    background: none;
    border: 1px solid #fcc43e;
}
.certificate {
    width: 100%;
    height: 250px;
    background: url(../imgs/bottombg.png) no-repeat top center;
}
.certificate > ul {
    width: 1000px;
    margin: 0 auto;
    display: flex;
    flex-flow: row;
    justify-content: space-between;
}
.certificate > ul > li {
    width: 175px;
    margin: 84px 0 0;
    text-align: center;
}
.certificate > ul > li > img {
    height: 40px;
    object-fit: contain;
    margin-bottom: 10px;
}
.certificate > ul > li > h5 {
    color: white;
    font-weight: bold;
    font-size: 14px;
}
.certificate > ul > li > p {
    color: #666;
}

/* 分割线 */

.index-slots {
    padding-top: 20px;
    width: 100%;
    height: 449px;
    background: url(../imgs/hotgame-bg.jpg) no-repeat top center;
}
.index-slots-left {
    background: url(../imgs/robot.png);
    width: 335px;
    height: 518px;
    position: absolute;
    left: -304px;
    top: -50px;
    z-index: 1;
}
.index-slots .hd {
    position: relative;
    width: 1000px;
    height: 70px;
    background: #120e09 url(../imgs/hotgame-hd.png) no-repeat;
    z-index: 2;
}
.index-slots .hd .prev {
    cursor: pointer;
    left: -31px;
    top: 22px;
    position: absolute;
    width: 13px;
    height: 27px;
    background: url(../imgs/prev.png);
}
.index-slots .hd .next {
    cursor: pointer;
    right: -31px;
    top: 22px;
    position: absolute;
    width: 13px;
    height: 27px;
    background: url(../imgs/next.png);
}
.index-slots .hd ul li {
    height: 68px;
    padding-top: 18px;
    float: left;
    width: 166px;
    cursor: pointer;
    position: relative;
    top: 0;
    transition: all .3s;
}
.index-slots .hd ul li img {
    vertical-align: middle;
}
.index-slots .hd ul li i {
    float: left;
    display: block;
    margin-right: 10px;
    height: 32px;
    margin-left: 29px;
}
.index-slots .hd ul li i img {
    height: 40px;
}
.index-slots .hd ul li p {
    transition: all .3s;
    color: #ffcea4;
    font-size: 16px;
}
.index-slots .hd ul li span {
    transition: all .3s;
    color: #7a5434;
    font-family: arial;
    font-size: 10px;
    line-height: 22px;
}
.index-slots .hd ul li:hover, .index-slots .hd ul li.on {
    top: -4px;
}
.index-slots .hd ul li:hover *, .index-slots .hd ul li.on * {
    color: #fefd8a;
}
.index-slots-bom {
    display: flex;
}
.index-slots-bom .slots-center .bd {
    float: left;
    width: 650px;
    margin-left: 41px;
    margin-top: 21px;
    padding-top: 20px;
    padding-left: 17px;
}
.index-slots-bom .slots-center .bd ul li {
    float: left;
    position: relative;
    margin-bottom: 7px;
    width: 33.33%;
    padding-left: 8px;
    padding-right: 8px;
}
.game-lists .card {
    background-color: #342a21;
    text-align: center;
    -webkit-box-shadow: 0 2px 0 transparent;
    box-shadow: 0 2px 0 transparent;
    -webkit-transition: .3s;
    transition: .3s;
    margin-bottom: 0;
    border-radius: 6px;
}
.game-lists .card:hover {
    background-color: #342a21;
    -webkit-box-shadow: 0 2px 0 #d5322f;
    box-shadow: 0 2px 0 #d5322f;
    color: #fff;
}
.game-lists .card:hover .card-img-top {
    -webkit-filter: blur(4px);
    -moz-filter: blur(4px);
    filter: blur(4px);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    transform: scale(1.2);
}
.game-lists .card .card-img-wrapper {
    overflow: hidden;
    position: relative;
    border-radius: 4px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
.game-lists .card .card-block {
    display: flex;
    align-items: center;
    padding: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.game-lists .card .card-title {
    font-size: 14px;
}
.game-lists .card .card-ratings {
    margin-left: auto;
}
.game-lists .card .card-footer {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 106px;
    border-top: 0;
    background-color: rgba(0,0,0,0.4);
    border-radius: 2px 2px 0 0;
    opacity: 0;
    padding: .75rem 1.25rem;
}
.game-lists .card:hover .card-footer {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    opacity: 1;
}
.game-lists .card .card-footer .cash-games {
    min-width: 120px;
    z-index: 5;
    color: #fff;
    background: #9b7716;
    border-radius: 2px;
    white-space: nowrap;
    margin: 5px 0;
    padding: 5px 10px;
}
.index-slots-bom .bonus {
    float: left;
    width: 260px;
    margin: 0;
    padding: 0;
    margin-left: auto;
    height: 349px;
    background: url(../imgs/yjb.png);
    /* padding-top: 131px; */
    background-size: 100% 100%;
}
.index-slots-bom .bonus .bonus-title{
    height: 131px;
    line-height: 131px;
    padding-top: 30px;
    font-size: 16px;
    color: #ff0;
}
.index-slots-bom .bonus .rich-title span {
    line-height: 46px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
}
.index-slots-bom .bonus .rich-title span:nth-child(1) {
    /* margin-left: 6px; */
}
.index-slots-bom .bonus .rich-title span:nth-child(2) {
    margin-left: 20px;
}
.index-slots-bom .bonus .rich-title span:nth-child(3) {
    margin-left: 30px;
}
.index-slots-bom .bonus ul li {
    font-size: 12px;
    margin-left: 20px;
    float: left;
    position: relative;
    margin-right: 10px;
    margin-bottom: 7px;
}
.index-slots-bom .bonus ul li span {
    color: red;
    display: block;
    float: left;
}
.index-slots-bom .bonus ul li span.bdname {
    color: #ffcea4;
    width: 67px;
}
.index-slots-bom .bonus ul li span.bdjine {
    color: #fcc43e;
    width: 72px;
}
/*************************************************************************************************************************/
.index-games {
    width: 100%;
    background: #1a140f;
    border-top: 1px solid #503c2c;
    padding: 50px 0;
    position: relative;
}
.index-games > div {
    width: 200px;
    height: 200px;
    background: #1a140f;
    padding: 10px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    position: absolute;
    top: 195px;
    left: calc((100% - 200px) / 2);
}
.index-games > div > img {
   margin: auto;
}
.index-games > ul {
    width: 1000px;
    height: 530px;
    overflow: hidden;
    display: flex;
    flex-flow: row;
    justify-content: space-between;
    flex-wrap: wrap;
}
.index-games > ul > li {
    width: 486px;
    height: 248px;
    transition: all .5s;
    border: 2px solid #252224;
    overflow: hidden;
    position: relative;
}
.index-games > ul > li > p {
    width: 100%;
    text-align: center;
    color: white;
    font-size: 20px;
    line-height: 30px;
    position: absolute;
    bottom: 5px;
    left: 0;
}
.index-games > ul > li .round {
    width: 200px;
    height: 200px;
    background: #1a140f;
    border: 2px solid #252224;
    border-radius: 50%;
    position: absolute;
}
.index-games > ul > li:first-child .round {
    top: 142px;
    left: 397px;
}
.index-games > ul > li:nth-child(2) .round {
    top: 142px;
    left: -115px;
}
.index-games > ul > li:nth-child(3) .round {
    top: -119px;
    left: 397px;
}
.index-games > ul > li:nth-child(4) .round {
    top: -119px;
    left: -115px;
}
.index-games > ul > li:hover {
    border: 2px solid #fcc43e;
}
.index-games > ul > li:hover > .round {
    border: 2px solid #fcc43e;
}
.index-games > ul > li:hover > a {
    width: 100%;
    height: 100%;
    top: 0%;
    left: 0%;
}
.index-games > ul > li > img {
    width: 490px;
    object-fit: cover;
}
.index-games > ul > li > a {
    width: 0;
    height: 0;
    background: rgba(0,0,0,0.68);
    /* pointer-events: none; */
    transition: all .4s;
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 50%;
}
.index-games > ul > li > a.pe-none {
    pointer-events: none;
}
.index-games > ul > li > a > div {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}
.index-games > ul > li > a > div > ul {
    width: 100%;
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
    justify-content: space-around;
}
.index-games > ul > li > a > div > ul > li {
    width: 30%;
}
.index-games > ul > li > a > div > ul > li > img {
    width: 240px;
    object-fit: contain;
}
.index-games > ul > li > a > div > ul > li > p {
    color:#fff;
}
.index-service {
    background: #1a140f;
    padding-bottom: 50px;
    border-bottom: 1px solid #4c3928;
}
.index-service > ul {
    width: 1000px;
    margin: auto;
}
.index-service > ul > li {
    flex: 1;
}
.index-service > ul > li img {
    margin-right: 5px;
}
.index-service > ul > li span {
    margin-left: 5px;
    color: #fcc43e;
}
.index-login-after > p{
    color: white;
    text-align: left;
    line-height: 28px;
    font-size: 14px;
}
.index-login-after > p:first-child {
    margin-top: 10px;
}
.index-login-after > p #memberAccount,
.index-login-after > p #sysBalance {
    color: #fcc43e;
}
.index-login-after > p img {
    height: 30px;
    object-fit: contain;
}
.index-login-after > div {
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.index-login-after > div > a {
    width: 50%;
    text-align: left;
    line-height: 30px;
    text-decoration: underline;
    color: #fcc43e;
}
.index-login-after > .login-btn,
.index-login-after > .login-out {
    width: 100%;
    height: 36px;
    line-height: 36px;
    margin: 10px 0 0;
}
.index-login-after > .login-btn {
    background: linear-gradient(#fcc43e, #d0a43b);
}
.index-login-after > .login-out {
    background: radial-gradient(#e81b32, #db172d);
    color: #ffeb88;
}
/* .index-games ul li a {
    display: block;
    width: 235px;
    background: #241c15;
    text-align: center;
    padding-bottom: 10px;
} */
/* .index-games ul li a .photo {
    width: 235px;
    height: 180px;
    overflow: hidden;
    position: relative;
} */
/* .index-games ul li .hov {
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center
} */
/* .index-games ul li .hov h3 {
    display: inline-block;
    width: 86px;
    height: 28px;
    line-height: 28px;
    border-radius: 12px;
    background: #e69b2d;
    color: #fff;
    margin-top: 76px;
    font-size: 14px;
} */
/* .index-games ul li a img {
    display: block;
    transition: all .3s
} */
/* .index-games ul li a:hover img {
    transform: scale(1.1)
} */
/* .index-games ul li .hov img {
    transform: scale(1)
} */
/* .index-games ul li a:hover .hov {
    display: block
} */
/* .index-games ul li a p {
    color: #f1e9e2;
    font-size: 18px;
    margin-top: 20px;
} */
/* .index-games ul li a span {
    color: #a49384;
    line-height: 32px;
} */
/* .index-games ul li a i {
    display: block;
    background: url(../imgs/quicklink.png) no-repeat;
    margin: 0 auto;
    margin-top: 10px;
} */
/* .index-games ul li.q1 a i {
    height: 56px;
    width: 102px;
    background-position: 0 0;
} */
/* .index-games ul li.q2 a i {
    height: 56px;
    width: 101px;
    background-position: -102px 0;
} */
/* .index-games ul li.q3 a i {
    height: 56px;
    width: 75px;
    background-position: -203px 0;
} */
/* .index-games ul li.q4 a i {
    height: 56px;
    width: 128px;
    background-position: -278px 0;
} */
/*****************************************************************************************************************************************/
.casino_banner {
    position: relative;
}
.casino_banner > img {
    width: 100%;
}
.casino {
    width: 1000px;
    margin: 50px auto;
    background: #222;
    border: 3px solid #272727;
    padding: 4px;
}
.casino > ul {
    height: 409px;
    display: flex;
    flex-flow: row;
    overflow: hidden;
}
.casino > ul > li {
    width: 20%;
    overflow: hidden;
    transition: all 0.3s;
}
.casino > ul > li.active {
    width: 283px;
}
.casino > ul > li a{
    display: inline-block;
    width: 100%;
    height: 100%;
    position: relative;
}
.casino > ul > li.active a img.icon {
    top: 10px;
    left: 10px;
}
.casino > ul > li a img.icon {
    width: 60px;
    height: 60px;
    pointer-events: none;
    position: absolute;
    top: -60px;
    left: -60px;
}
.casino > ul > li a img.cover {
    height: 100%;
    object-fit: none;
}
.casino > ul > li a div.hov,
.casino > ul > li a div.mask {
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.68);
    display: flex;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
}
.casino > ul > li a div.mask h3 {
    margin: -40px auto 0;
    padding: 10px 20px;
    background: #222;
    font-size: 16px;
}
.casino > ul > li a div.hov p,
.casino > ul > li a div.mask p {
    width: 100%;
    text-align: right;
    position: absolute;
    left: 0;
    bottom: 60px;
}
.casino > ul > li a div.hov img,
.casino > ul > li a div.mask img {
    width: 100px;
    height: 100px;
    position: absolute;
    left: 0;
    bottom: -10px;
}
.casino > ul > li.active a div.hov {
    display: none;
}
/******************************************************电子游艺*******************************************************************/
.slots-game {display:flex;flex-direction:column;background:#0d0f11;background:url(../imgs/slotsbg.jpg) center;}
.slots-game .slots-banner img {display:block;max-width:100%;height:auto;}
.slots-tab {width: 1000px;position:relative;margin:0 auto;padding:10px 0 0;background:#241c17;}
.slots-tab ul{display:flex;}
.slots-tab ul li {float:left;text-align:center;width: 100%;border-right:1px solid #16191d;box-sizing:border-box;cursor:pointer;border-bottom: 5px solid #0b0d0e;}
.slots-ico {font-size:48px;line-height:24px;justify-content:center;}
.slots-tab ul li a {display:block;color:#999;padding-bottom:10px;/* border-bottom:5px solid #0b0d0e; */}
.slots-tab ul li.tab-active a{color:#cca352;}
.slots-tab ul li.tab-active{border-bottom:5px solid #9b7716;transition:all .5s;}
/* .slots-tab .line-slider {position:absolute;bottom:0;left:0;width:142px;height:5px;background:#9b7716;transition:all .5s;} */
.slots-list {position:relative;width: 1000px;margin:0 auto;background:#241c17;}
.slots-left {width:48px;background-color:#1b1d21;text-align:center;margin:5px 3px;}
.slots-left ul li {display:block;width:100%;float:inherit;box-sizing:border-box;cursor:pointer;text-align:center;word-break:normal;white-space:nowrap;font-size:12px;border-bottom:1px solid #222429;padding:5px 0;}
.left-active {background-color:#9b7716;transition:all .5s ease-in-out;}
.icon-small {font-size:36px;text-align:center;line-height:18px;}
.slots-title {display:flex;flex-direction:column;font-size:16px;color:#fff;width: 1000px;position:relative;background:#241c17;margin:0 auto;padding:10px 10px 0;}
.filter-group {height:28px;line-height:28px;margin-bottom:10px;}
.filter-group label {float:left;font-size:14px;color:#999;width:94px;}
.filter-group a {border-radius:3px;height:26px;line-height:26px;float:left;display:block;font-size:14px;color:#999;margin-right:10px;border:1px solid transparent;padding:0 12px;}
.filter-group a:hover,.filter-group a.active {border:1px solid #c1974d;color:#cca352;}
.slots-games {width:100%;}
.slots-games>.flex {width:100%;justify-content:flex-start;flex-wrap:wrap;}
.slots-item {flex-direction:column;width:calc(20% - 6px);box-sizing:border-box;box-shadow:0 0 30px rgba(0,0,0,.9);margin:5px 3px;}
.slots-item:hover {transition:border-color .5s ease-in-out;cursor:pointer;box-shadow:0 0 30px rgba(0,0,0,.9);border-color:#fec62f;}
.slots-img {display:block;position:relative;text-align:center;overflow:hidden;border:4px solid #1f1f1f;box-shadow:0 1px 2px 0 rgba(0,0,0,0.2),0 1px 2px 0 rgba(0,0,0,0.19);}
.slots-img img {display:block;width:100%;max-width:100%;height:auto;}
.game-start {display:none;width:100%;height:100%;position:absolute;background:rgba(0,0,0,.7);border:1px solid #996b3d;top:0;left:0;}
.slots-img:hover .game-start {display:flex;flex-direction:column;align-items:center;justify-content:center;}
.game-play {width:126px;z-index:5;color:#fff;background:#9b7716;border-radius:2px;white-space:nowrap;margin:5px 0;padding:5px 10px;}
.game-name {display:flex;justify-content:center;background-color:#2b2b2b;padding:10px 0;}
.slots-fish {display:block;padding:8px 20px 20px;}
.slots-fish img {display:block;cursor:pointer;margin:0 auto;}
.page-nav {display:flex;width: 1000px;margin:0 auto;background:#241c17;}
.pages {display:flex;align-items:center;margin:auto;}
.pagination {display:flex;align-items:center;border-radius:3px;margin:auto;padding:20px 5px;}
.pages a {display:block;float:left;height:30px;width:30px;line-height:30px;outline:none;border-right:1px solid #333;border-left:1px solid #333;color:#ECECEC;vertical-align:middle;text-align:center;text-decoration:none;font-weight:700;font-size:16px;font-family:Times,'Times New Roman',Georgia,Palatino;background-image:linear-gradient(#505050,#292929);}
.pages a:hover {background-image:linear-gradient(#9b7617,#a07401);}
.pages a:first-child {border:none;border-radius:2px 0 0 2px;}
.pages a:last-child {border:none;border-radius:0 2px 2px 0;}
.pages input {float:left;width:30px;height:30px;outline:none;border:none;vertical-align:middle;text-align:center;margin:0;padding:0;}
.pages span {border:none;background:none;cursor:default;padding:5px;}
.pagination a.current {background-image:linear-gradient(#ffc940,#6b4e02);}
section {width: 1000px;height:697px;display:inline-block;text-align:center;background:#0c0c0c;border-radius:5px;box-shadow:0 0 0 1px #191919 inset;}
.loader {position:relative;width:60px;height:60px;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);}
.loader-7 .line {width:8px;position:absolute;border-radius:5px;bottom:0;background:linear-gradient(tobottom,#ffffff,#757575);}
.loader-7 .line1 {left:0;-webkit-animation:line-grow .5s ease alternate infinite;animation:line-grow .5s ease alternate infinite;}
.loader-7 .line2 {left:20px;-webkit-animation:line-grow .5s .2s ease alternate infinite;animation:line-grow .5s .2s ease alternate infinite;}
.loader-7 .line3 {left:40px;-webkit-animation:line-grow .5s .4s ease alternate infinite;animation:line-grow .5s .4s ease alternate infinite;}
/*********************************************************体育赛事********************************************************************************/
.sports {
    padding-top: 32px;
    background: url(../imgs/sportsbg.jpg) top center no-repeat;
}
.sports ul {
    width: 1010px
}
.sports ul li {
    position: relative;
    width: calc(50% - 20px);
    height: 555px;
    float: left;
    background: rgba(0,0,0,0.8);
    border-radius: 5px;
    margin: 0 10px;
}
.sports ul li .new {
    position: absolute;
    top: -4px;
    right: -4px;
}
.sports ul li img {
    display: block;
    margin: 0 auto
}
.sports ul li .img01 {
    background: url(../imgs/01new.png) no-repeat;
    width: 260px;
    height: 290px;
    display: block;
    margin-top: 55px;
}
.sports ul li .img02 {
    background: url(../imgs/02new.png) no-repeat;
    width: 291px;
    height: 290px;
    display: block;
    margin-top: 55px;
}
.sports ul li .img03 {
    background: url(../imgs/03new.png) no-repeat;
    width: 263px;
    height: 290px;
    display: block;
    margin-top: 55px;
}
.sports ul li a {
    display: block;
    margin: 0 auto;
    width: 390px;
}
.sports ul li h2 {
    text-align: center;
    font-size: 18px;
    font-weight: normal;
    margin-top: 15px;
    height: 55px;
    line-height: 55px;
    color: #fff;
    transition: all 0.4s
}
.sports ul li span {
    width: 20px;
    height: 3px;
    background: #ffefa5;
    display: block;
    margin: 0 auto
}
.sports ul li p {
    width: 280px;
    line-height: 24px;
    color: #d2d2d2;
    margin: 0 auto;
    text-align: center;
    margin-top: 15px;
    height: 65px;
    transition: all 0.4s
}
.sports ul li:hover h2 {
    color: #fff100
}
.sports ul li:hover p {
    color: #fff100
}
/********************************************************彩票投注**********************************************************************************/
.lottery {
    background: url(../imgs/bg.jpg) no-repeat top center;
    padding: 10px 0;
    overflow: hidden;
}
.lottery-game {
    width: 1000px;
    height: auto;
    overflow: hidden;
    padding-top: 20px;
    padding-bottom: 20px;
    flex-direction: column;
    margin: auto;
}
.lottery-tab {
    width: 100%;
    height: 75px;
    position: relative;
    line-height: 75px;
    background: #121417;
    background-image: linear-gradient(#251d17, #1a140e);
    border-bottom: 1px solid #000;
}
.lottery-line {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 50%;
    height: 3px;
    border-top: 3px solid #f2a91b;
    overflow: hidden;
    text-align: center;
}
.lottery-tab ul li {
    width: 50%;
    float: left;
    cursor: pointer;
    position: relative;
    height: 75px;
    line-height: 75px;
    border: 1px solid transparent;
    border-image: linear-gradient(#000, rgba(255,255,255,.5), #000) 0 30 0 30;
}
.lottery-tab ul li:nth-child(2) {
    border-left: none;
}
.tab-item {
    display: table;
    margin: 0 auto;
}
.tab-item i.icon-zq {
    width: 134px;
    height: 50px;
    display: inline-block;
    background: url(../imgs/lottery-zq.png) no-repeat;
    vertical-align: middle;
}
.tab-item i.icon-ig {
    width: 134px;
    height: 50px;
    display: inline-block;
    background: url(../imgs/lottery-ig.png) no-repeat;
    vertical-align: middle;
}
.lottery-bom .tab-content {
    display: none;
}
.lottery-bom .tab-content.show {
    display: block;
}
.lottery-slide {
    display: flex;
    width: 100%;
    box-shadow: 0 1px 5px 0 #000;
    margin-bottom: 10px;
    border: 1px solid #504134;
}
.lottery-types {
    display: flex;
    border-radius: 4px;
    position: relative;
    text-align: center;
    padding-right: 25px;
    padding-left: 25px;
    font-size: 15px;
    background-image: linear-gradient(#251d17, #1a140e);
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 4px 0 0;
}
.lottery-types img {
    width: 80px;
    height: 80px;
    margin-bottom: 5px;
}
.lottery-types span {
    font-size: 18px;
    font-weight: 700;
    color: #fff;
}
.lottery-slide ul {
    display: flex;
    flex-wrap: wrap;
}
.lottery-slide ul li {
    height: 150px;
    width: 150px;
    border-radius: 4px;
    position: relative;
    text-align: center;
    padding-right: 15px;
    padding-left: 15px;
    font-size: 15px;
    background: radial-gradient(ellipse 80px 73px at top, #886d56, #43352a 80px);
    margin: 4px 10px 10px;
}
.lottery-slide ul li img {
    width: 80px;
    height: 80px;
}
.lottery-slide ul li p {
    margin-top: 10px;
    color: #fff;
}
.lottery-bom, .tab-content {
    flex-direction: column;
}
.lottery-slide ul li a {
    display: block;
    padding-top: 10px;
}
.lottery-types a {
    display: block;
    width: 80px;
    padding-top: 10px;
}
/********************************************************************优惠活动**********************************************************************/
.promotionDiv {
    background-color: #352a21;
    border: 1px solid #504134;
}
.pro-nav {
    margin-bottom: 10px;
}
#tabs01{
    display: flex;
}
.pro-nav>ul>li {
    display: table-cell;
    width: 100%;
    background-color: #EBBD7B;
}
.pro-nav>ul>li>a {
    position: relative;
    padding: 10px 5px;
    display: block;
    border-radius: 0;
    color: #503915;
    text-align: center;
    font-size: 12px;
}
.pro-nav>ul>li:hover a{
    background-color: #d5322f;
    color: #fff;
}

.pro-nav>ul>li>a.active {
    color: #FFF;
    background-color: #d5322f;
}
/* .pro-nav>ul>li:first-child>a {
    border-radius: 4px 0 0 4px;
}
.pro-nav>ul>li:last-child>a {
    border-radius: 0 4px 4px 0;
} */
.pro-Block {
    width: 980px;
    position: relative;
    margin: 0 auto;
    margin-bottom: 20px;
    border-radius: 10px;
    background: #251d17;
    box-shadow: 0.5px 0.866px 6px 0px rgba(4,0,0,0.2);
}
.pro-img {
    display: block;
}
.pro-Block img {
    padding: 10px 10px;
    vertical-align: top;
    margin: 0px;
}
.pro-Details {
    display: none;
}
.pro-Content {
    width: 100%;
    margin: 0 auto;
    font-size: 14px;
    padding-bottom: 20px;
}
.pro-TitleDiv {
    border-top: 1px solid #504134;
    height: 60px;
    line-height: 60px;
    vertical-align: middle;
    font-size: 16px;
    overflow: hidden;
}
.pro-TitleInnerDiv {
    width: 814px;
    float: left;
}
.pro-Title {
    margin: 0 10px 0 20px;
    font-size: 24px;
    float: left;
}
.pro-Time {
    margin-right: 30px;
    float: right;
    color: #c2c2c2;
}
.pro-TitleDiv a {
    border-left: 1px solid #504134;
    width: 166px;
    height: 60px;
    outline: none;
    float: right;
    text-align: center;
}
.pro-Anchor {
    width: 18px;
    height: 18px;
    display: inline-block;
    position: relative;
    top: 4px;
    background: url(../imgs/Down-arrow.png) no-repeat;
    transform: rotate(-90deg);
}
/***********************************************************************关于我们**********************************************************************/
.about-main {
    background: #241d17 url(../imgs/bg.jpg) no-repeat top center;
    padding: 10px 0;
    text-align: initial;
}
.about-main .leftbox {
    float: left;
    width: 232px;
    background: #352a21;
    border: 1px solid #504134;
    min-height: 858px
}
.about-main .leftbox .slogan {
    width: 206px;
    height: 75px;
    background: url(../imgs/slogan.png) no-repeat;
    margin: 0 auto;
    margin-top: 36px;
}
.about-main .leftbox .links {
    margin-top: 35px;
    margin-bottom: 30px;
}
.about-main .leftbox .links li {
    height: 45px;
    line-height: 45px;
    border-bottom: 1px solid #504134;
    width: 232px;
}
.about-main .leftbox .links li.last {
    border: none;
}
.about-main .leftbox .links li a {
    display: block;
    font-size: 16px;
    color: #e4cfbe;
    transition: all 0.3s;
}
.about-main .leftbox .links li a:hover, .about-main .leftbox .links li a.active {
    color: #fff350;
}
.about-main .leftbox .links li span {
    position: relative;
    right: 0;
    display: block;
    float: right;
    width: 16px;
    height: 16px;
    background: url(../imgs/arrow.png) no-repeat;
    /* margin-top: 14px; */
    margin-right: 37px;
    transition: all 0.3s;
    top: -30px;
}
.about-main .leftbox .links li a:hover span, .about-main .leftbox .links li a.active span {
    right: -10px;
}
.about-main .leftbox .links li i {
    float: left;
    margin-left: 51px;
    margin-top: 11px;
    margin-right: 15px;
    display: block;
    width: 22px;
    height: 25px;
    background: url(../imgs/icons.png) no-repeat;
}
.about-main .leftbox .links li i.g1 {
    background-position: 0 0;
}
.about-main .leftbox .links li i.g2 {
    background-position: -22px 0;
}
.about-main .leftbox .links li i.g3 {
    background-position: -44px 0;
}
.about-main .leftbox .links li i.g4 {
    background-position: -66px 0;
}
.about-main .leftbox .links li i.g5 {
    background-position: -88px 0;
}
.about-main .leftbox .links li i.g6 {
    background-position: -110px 0;
}
.about-main .leftbox .links li i.g7 {
    background-position: -132px 0;
}
.about-main .leftbox .img {
    width: 176px;
    height: 195px;
    background: url(../imgs/img.png);
    margin: 0 auto;
}
.about-main .rightbox {
    float: right;
    width: 715px;
    background: #352a21;
    border: 1px solid #504134;
    padding: 20px;
    min-height: 858px
}
.about-main .rightbox p {
    color: #aa998b;
    line-height: 27px;
    margin-bottom: 20px;
}
#menu1 dd {
    display: inline;
    cursor: pointer;
    color: #ffcea4;
    line-height: 28px;
}
#menu1 dd.hover {
    color: #df182f;
}
.par-right {
    width: 100%;
    text-align: initial;
    margin-left: auto;
}
.par-title {
    width: 413px;
    height: 49px;
    background: url(../imgs/title.png) no-repeat;
    margin: 0 auto;
    margin-bottom: 14px;
    margin-top: 14px;
}
.par-right .partext {
    color: #eeeeee;
    font-family: simsun;
    margin-left: 56px;
    line-height: 26px;
}
.par-right .memdata {
    position: relative;
    width: 640px;
    padding: 20px 10px;
    margin: 10px;
    margin-bottom: 20px;
    border-collapse: separate;
    border: 1px solid #9b836f;
}
.par-right .memdata>span {
    position: absolute;
    left: 40px;
    top: -10px;
    font-size: 14px;
    font-family: microsoft yahei;
    padding: 2px 8px;
    color: #FFFECA;
    background-color: #9B836F;
    border-radius: 5px;
}
.par-right dl {
    margin-bottom: 10px;
}
.par-right dl dd {
    display: flex;
    align-items: center;
}
.par-right dl dd label {
    float: left;
    height: 25px;
    line-height: 25px;
    text-align: right;
    width: 135px;
}
.par-right dl dd label span.star {
    font-family: verdana, Helvetica, sans-serif;
    font-size: 12px;
    color: #FF0000;
    font-weight: bold;
}
.par-right dl dd label span {
    color: #FED778;
}
.par-right dl dd input {
    display: inline-block;
    height: 20px;
    padding: 2px 6px;
    font-size: 12px;
    line-height: 20px;
    color: #555;
    border-radius: 3px;
    border: 1px solid #ccc;
    background-color: #fff;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    transition: border linear .2s, box-shadow linear .2s;
}
.par-right dl dd select {
    display: inline-block;
    height: 20px;
    padding: 2px 6px;
    font-size: 12px;
    line-height: 20px;
    color: #555;
    border-radius: 3px;
    border: 1px solid #ccc;
    background-color: #fff;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    transition: border linear .2s, box-shadow linear .2s;
}
.par-right dl dd input.code {
    width: 96px;
}
.par-right dl dd .par-code {
    margin-left: 10px;
}
.par-right dl dd .par-code img {
    width: 40px;
    height: 20px;
}
.par-right dl dd .point {
    margin-left: 10px;
}
.par-right dl:hover .text {
    color: #FED778;
}
.par-right dl dd.text {
    margin-left: 135px;
}
.par-right .btn-box {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.par-right .btn-box span {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}
.par-right .btn {
    display: inline-block;
    padding: 6px 34px;
    margin: 0 5px;
    color: #333;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: linear-gradient(to bottom, #fff, #e6e6e6);
    border: 1px solid #bbb;
    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
    border-bottom-color: #a2a2a2;
    border-radius: 4px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.05);
    text-shadow: 0 1px 1px rgba(255,255,255,0.75);
}
.par-right .btn-info {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
    background-color: #ab7d23;
    background-image: linear-gradient(to bottom, #cba13e, #ab7d23);
    background-repeat: repeat-x;
    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
}
/*********************************************************************************************************************************************/
.register-box {
    display: flex;
    width: 1000px;
    position: relative;
    margin: 20px 0;
}
.reg-left {
    float: left;
    width: 232px;
    background: #352a21;
    border: 1px solid #504134;
}
.reg-left .slogan {
    width: 206px;
    height: 75px;
    /* background: url(../imgs/slogan.png) no-repeat; */
    margin: 0 auto;
    margin-top: 36px;
}
.reg-left .slogan p{
    font-size: 23px;
    color: #fffe5a;
}
.reg-left ul.game {
    margin-top: 24px;
    margin-bottom: 30px;
}
.reg-left ul.game li {
    margin-left: 9px;
    margin-bottom: 10px;
}
.reg-left ul.game li a {
    display: block;
    width: 214px;
    height: 63px;
    background: #513f30;
    overflow: hidden;
}
.reg-left ul.game li a:hover {
    background: #251d17;
}
.reg-left ul.game li a i {
    transition: all 0.3s;
    position: relative;
    top: 0;
    margin-top: 15px;
    margin-left: 36px;
    float: left;
    display: block;
    height: 37px;
    width: 42px;
    background: url(../imgs/regicons.png) no-repeat;
}
.reg-left ul.game li a i.i1 {
    background-position: 0 0;
}
.reg-left ul.game li a i.i2 {
    background-position: -42px 0;
}
.reg-left ul.game li a i.i3 {
    background-position: -84px 0;
}
.reg-left ul.game li a i.i4 {
    background-position: -126px 0;
}
.reg-left ul.game li a i.i5 {
    background-position: -168px 0;
}
.reg-left ul.game li a i.i6 {
    background-position: -210px 0;
}
.reg-left ul.game li a i.i7 {
    background-position: -252px 0;
}
.reg-left ul.game li a i.i8 {
    background-position: -294px 0;
}
.reg-left ul.game li a i.i9 {
    background-position: -336px 0;
}
.reg-left ul.game li a p {
    color: #e4cfbe;
    font-size: 14px;
    margin-top: 17px;
    transition: all 0.3s;
}
.reg-left ul.game li a span {
    color: #9d826c;
    font-size: 10px;
    line-height: 18px;
    transition: all 0.3s;
}
.register .reg-title {
    width: 413px;
    height: 50px;
    background: url(../imgs/title.png) no-repeat;
    margin: 0 auto;
    margin-bottom: 14px;
    margin-top: 14px;
    text-align: center;
    line-height: 50px;
    color: #fff;
    font-size: 14px;
}
#register_form {
    margin: auto;
}
.reg-right {
    width: 757px;
    text-align: initial;
    margin-left: auto;
    background: #352a21;
    border: 1px solid #504134;
    padding: 20px;
}
.reg-right .regtext {
    color: #eeeeee;
    font-family: simsun;
    margin-left: 56px;
    line-height: 26px;
}
.register dl {
    margin-bottom: 10px;
}
.register dl dd {
    display: flex;
    align-items: center;
}
.register dl label span.star {
    font-family: verdana, Helvetica, sans-serif;
    font-size: 12px;
    color: #FF0000;
    font-weight: bold;
}
.reg-right dl dd label span {
    color: #FED778;
}
.register dl dd input {
    display: inline-block;
    height: 20px;
    padding: 2px 6px;
    font-size: 12px;
    line-height: 20px;
    color: #555;
    border-radius: 3px;
    border: 1px solid #ccc;
    background-color: #fff;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    transition: border linear .2s, box-shadow linear .2s;
}
.register dl dd select {
    display: inline-block;
    height: 20px;
    padding: 2px 6px;
    font-size: 12px;
    line-height: 20px;
    color: #555;
    border-radius: 3px;
    border: 1px solid #ccc;
    background-color: #fff;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    transition: border linear .2s, box-shadow linear .2s;
}
.register dl dd input.code {
    width: 96px;
}
.register dl dd .reg-code {
    margin-left: 9px;
}
.register dl dd .reg-code img {
    width: 40px;
    height: 20px;
}
.register dl:hover .text {
    color: #FED778;
}
.reg-right .memdata {
    position: relative;
    /* width: 640px; */
    width: 100%;
    padding: 20px 10px;
    margin: 20px 0;
    margin-bottom: 20px;
    border-collapse: separate;
    border: 1px solid #9b836f;
}
.reg-right .memdata>span {
    position: absolute;
    left: 40px;
    top: -10px;
    font-size: 14px;
    font-family: microsoft yahei;
    padding: 2px 8px;
    color: #FFFECA;
    background-color: #9B836F;
    border-radius: 5px;
}
.reg-right dl dd label {
    float: left;
    height: 25px;
    line-height: 25px;
    text-align: right;
    width: 135px;
}
.reg-right dl dd .point {
    margin-left: 10px;
}
.reg-right dl dd.text {
    margin-left: 135px;
}
.btn-box {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.btn-box span {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}
.reg-right .btn {
    display: inline-block;
    padding: 6px 34px;
    margin: 0 5px;
    color: #333;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: linear-gradient(to bottom, #fff, #e6e6e6);
    border: 1px solid #bbb;
    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
    border-bottom-color: #a2a2a2;
    border-radius: 4px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.05);
    text-shadow: 0 1px 1px rgba(255,255,255,0.75);
    height: 30px;
}
.reg-right .btn-info {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
    background-color: #ab7d23;
    background-image: linear-gradient(to bottom, #cba13e, #ab7d23);
    background-repeat: repeat-x;
    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
}
.err {
    color: red;
    padding-left: 16px;
    margin-left: 16px;
    white-space: nowrap;
    background: url(../imgs/err.png) no-repeat left center;
    display: block;
    line-height: 25px;
    font-size: 14px;
}
.suc {
    color: green;
    padding-left: 16px;
    margin-left: 16px;
    white-space: nowrap;
    background: url(../imgs/right.png) no-repeat left center;
    display: block;
    line-height: 24px;
    font-size: 14px;
}
/*************************************************************************************************************************/
.mobile {
    width: 100%;
    background: url(../imgs/mobile.jpg) no-repeat top center;
    height: 387px;
}
.mobile-main {
    width: 1000px;
    position: relative;
}
.mobile .con {
    width: 495px;
    margin-left: 56px;
    margin-top: 80px;
    float: left;
}
.mobile .con .title {
    /* width: 284px;
    height: 58px; */
    /* background: url(../imgs/mob-title.png); */
    margin-bottom: 20px;
}
.mobile .con .title p{
    font-size: 30px;
    color:rgb(255, 193, 91);
}
.mobile .con .title p:nth-child(2){
    font-size: 20px;
}
.mobile .con .txt {
    line-height: 24px;
    color: #a49384;
    margin-bottom: 24px;
}
.mobile .con .pay {
    width: 495px;
    height: 60px;
    background: url(../imgs/mob-pay.png);
}
.mobile .phone {
    width: 533px;
    height: 333px;
    background: url(../imgs/phone.png);
    float: right;
    margin-top: 40px;
    position: absolute;
    right: -70px;
}
/********************************************************************************************************************************/
.footer {
    width: 100%;
    padding: 50px 0;
    background: #1a140f url(../imgs/footerbg.png) no-repeat top center;
    overflow: hidden;
}
.footer .footico {
    width: 998px;
    height: 80px;
    background: url(../imgs/fico.png) no-repeat center center;
}
.footer .flink {
    text-align: center;
    line-height: 32px;
    margin-top: 10px;
}
.footer .flink a {
    color: #ac825e;
    margin: 0 12px;
    transition: all 0.3s;
}
.footer .flink a:hover {
    color: #fffe8b;
}
.footer .copyright {
    color: #ac825e;
    text-align: center;
    line-height: 32px;
}
/*******************弹框**********************/#message_box {
                                                 position: fixed;
                                                 left: calc(50% - 185px);
                                                 top: 35%;
                                                 z-index: 999999;
                                             }
.erro-modal {
    position: relative;
    flex-direction: column;
    width: 370px;
    border-radius: 5px;
    background-color: #fff;
    color: #595858;
    z-index: 999999;
    animation-duration: .3s;
    animation-fill-mode: both;
    animation-name: zoomIn;
}
.erro-close {
    position: absolute;
    right: -10px;
    top: -10px;
    z-index: 15;
    width: 34px;
    height: 34px;
    border-radius: 39px;
    border: 3px solid #7b5c3c;
    box-sizing: border-box;
    background-color: #fff;
    box-shadow: 0 3px 2px rgba(0,0,0,.25);
    line-height: 30px;
    color: #fff;
    font-size: 24px;
    text-align: center;
}
.erro-close i {
    display: block;
    height: 24px;
    width: 24px;
    margin: 2px 0 0 2px;
    padding-right: 0!important;
    transform: rotate(0deg);
    transition: transform .2s ease-in-out;
    cursor: pointer;
    background: url(../imgs/close.svg);
    background-size: cover;
}
.erro-close>i:hover {
    transform: rotate(90deg);
    transition: transform .2s ease-in-out;
}
.erro-header {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background: linear-gradient(to right, #7b5c3c, #352d27);
    padding: 10px 20px;
    font-size: 14px;
    color: #fff;
}
.erro-center {
    display: flex;
    align-items: center;
    padding: 20px;
    text-align: center;
}
.erro-center img {
    width: 60px;
}
.erro-center p {
    margin-left: 20px;
}
.erro-footer {
    display: flex;
    border-top: 1px solid #eaeaea;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    background: #fff;
    padding: 10px 20px;
    font-size: 14px;
    color: #999!important;
}
.erro-footer span {
    margin-left: auto;
}
.erro-footer a {
    color: red;
}
@keyframes zoomIn {
    0% {
        opacity:0;
        transform:scale(.5);
    }
    100% {
        opacity:1;
        transform:scale(1);
    }
}
/***************************************弹框公告****************************************/
.aside-container {
    position: fixed;
    top: 70%;
    left: 0;
    z-index: 2000;
}
.aside-item {
    position: relative;
    width: 70px;
    height: 50px;
    text-align: center;
    display: table;
    color: #fff;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.5);
}
.aside-holder {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    display: table-cell;
    vertical-align: middle;
    cursor: pointer;
    background: linear-gradient(to left, #7b5c3c, #352d27);
}
.aside-holder img {
    width: 20px;
    margin: 0 auto;
    display: block;
}
.aside-holder span {
    font-weight: 400;
    font-size: 9pt;
}
.moment {
    position: fixed;
    left: calc(50% - 250px);
    top: 20%;
    z-index: 999999;
}
.moment-modal {
    position: relative;
    flex-direction: column;
    width: 500px;
    border-radius: 5px;
    background-color: #fff;
    color: #595858;
    z-index: 999999;
    animation-duration: .3s;
    animation-fill-mode: both;
    animation-name: zoomIn;
}
.moment-close {
    position: absolute;
    right: -10px;
    top: -10px;
    z-index: 15;
    width: 34px;
    height: 34px;
    border-radius: 39px;
    border: 3px solid #7b5c3c;
    box-sizing: border-box;
    background-color: #fff;
    box-shadow: 0 3px 2px rgba(0,0,0,.25);
    line-height: 30px;
    color: #fff;
    font-size: 24px;
    text-align: center;
}
.moment-close i {
    display: block;
    height: 24px;
    width: 24px;
    margin: 2px 0 0 2px;
    padding-right: 0!important;
    transform: rotate(0deg);
    transition: transform .2s ease-in-out;
    cursor: pointer;
    background: url(../imgs/close.svg);
    background-size: cover;
}
.moment-close:hover>i {
    transform: rotate(90deg);
    transition: transform .2s ease-in-out;
}
.moment-header {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background: linear-gradient(to right, #7b5c3c, #352d27);
    padding: 10px 20px;
    font-size: 14px;
    color: #fff;
}
.moment-center {
    display: flex;
    align-items: center;
    padding: 2px;
    text-align: center;
}
.moment-center img {
    max-width: 100%;
}
.moment-center p {
    margin-left: 20px;
}
.moment-footer {
    display: flex;
    border-top: 1px solid #eaeaea;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    background: #fff;
    padding: 10px 20px;
    font-size: 14px;
    color: #999!important;
}
.moment-footer span {
    margin-left: auto;
}
.moment-footer a {
    color: red;
}
/*********************************************************************************************************************************************/
#floatleft, #floatright {
    display: flex;
    flex-direction: column;
}
#floatright .time24{
    background: url(../imgs/float/R01.png)no-repeat;
    width: 125px;
    height: 190px;
    background-size: contain;
    line-height: 280px;
    font-size: 22px;
    text-align: center;
}
#floatright .time24 p{
    height: 30px;
}
#floatright .activeCenter{
    background: url(../imgs/float/R03.png)no-repeat;
    width: 125px;
    height: 94px;
    line-height: 115px;
    font-size: 16px;
    text-align: center;
    color: #19120c;
    font-weight: 600;
}
#floatleft .fastMoney{
    background: url(../imgs/float/L03.png)no-repeat;
    width: 125px;
    height: 94px;
    line-height: 115px;
    font-size: 16px;
    text-align: center;
    color: #19120c;
    font-weight: 600;
}
#floatleft .rebate{
    /* background: url(../imgs/float/L01.png)no-repeat; */
    /* width: 125px; */
    height: 190px;
    background-size: contain;
    /* line-height: 280px; */
    font-size: 22px;
    text-align: center;
}
#floatleft .rebate p {
    height: 30px;
}
#floatleft .rebate p.percent{
    font-weight: 700;
}
#floatleft .floatClose{
    background: url(../imgs/float/L05.png)no-repeat;
    width: 125px;
    height: 29px;
    line-height: 29px;
    font-size: 10px;
    text-align: center;
    color: #ffffff;

    padding-left: 20px;
}
#floatright .floatClose{
    background: url(../imgs/float/R05.png)no-repeat;
    width: 125px;
    height: 29px;
    line-height: 29px;
    font-size: 10px;
    text-align: center;
    color: #ffffff;
    padding-left: 20px;
}
#floatright .proxy{
    background: url(../imgs/float/R04.png)no-repeat;
    width: 125px;
    height: 78px;
    text-align: center;
    line-height: 32px;
    font-size: 17px;
    font-weight: 600;
    /* padding: 20px 0 0 0; */
}
.tel{
    display: block;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    word-wrap: break-word;
    width: 100%;
    font-size: 14px;
}
.bomleft {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 1010;
}
.bomright {
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 1010;
}
.bombox {
    position: relative;
    width: 200px;
    overflow: hidden;
}
.tabbtn {
    display: block;
    width: 100%;
    position: absolute;
    bottom: 14px;
    text-align: center;
}
.tabbtn a {
    width: 20px;
    height: 20px;
    line-height: 20px;
    margin: 0 2px;
    display: inline-block;
    border-radius: 50%;
    cursor: pointer;
    font-size: 12px;
    text-decoration: none;
    color: #333;
}
.tabbtn a, .controlBtn {
    background-color: rgba(255,255,255,0.5);
}
.tabbtn a.active, .controlBtn:hover {
    background-color: #c22f07;
    color: #fff;
}
.bomleft .bomclose {
    display: block;
    background: url(../imgs/float/bomclose.png) no-repeat;
    height: 26px;
    width: 26px;
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
    z-index: 1100;
}
.bomright .bomclose {
    display: block;
    background: url(../imgs/float/bomclose.png) no-repeat;
    height: 26px;
    width: 26px;
    position: absolute;
    top: 5px;
    left: 5px;
    cursor: pointer;
    z-index: 1100;
}
.glow-3 {
	-webkit-animation: glow3 300ms ease infinite alternate;
	-moz-animation: glow3 300ms ease infinite alternate;
	-o-animation: glow3 300ms ease infinite alternate;
	-ms-animation: glow3 300ms ease infinite alternate;/*这里使用了呼吸动画*/
	animation: glow3 300ms ease infinite alternate;
}
@keyframes glow3 {
    0% {
    color:#ff0000;
    }
    100% {
    color:#e5c967;
    }
    }
/*********************************/
#login_box {
    position: fixed;
    left: calc(50% - 185px);
    top: 35%;
    z-index: 999999;
}
.loginbox-modal {
    position: relative;
    flex-direction: column;
    width: 370px;
    border-radius: 5px;
    background-color: #fff;
    color: #595858;
    z-index: 999999;
    animation-duration: .3s;
    animation-fill-mode: both;
    animation-name: zoomIn;
}
.loginbox-close {
    position: absolute;
    right: -10px;
    top: -10px;
    z-index: 15;
    width: 34px;
    height: 34px;
    border-radius: 39px;
    border: 3px solid #7b5c3c;
    box-sizing: border-box;
    background-color: #fff;
    box-shadow: 0 3px 2px rgba(0,0,0,.25);
    line-height: 30px;
    color: #fff;
    font-size: 24px;
    text-align: center;
}
.loginbox-close i {
    display: block;
    height: 24px;
    width: 24px;
    margin: 2px 0 0 2px;
    padding-right: 0!important;
    transform: rotate(0deg);
    transition: transform .2s ease-in-out;
    cursor: pointer;
    background: url(../imgs/close.svg);
    background-size: cover;
}
.loginbox-close>i:hover {
    transform: rotate(90deg);
    transition: transform .2s ease-in-out;
}
.loginbox-header {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background: linear-gradient(to right, #7b5c3c, #352d27);
    padding: 10px 20px;
    font-size: 14px;
    color: #fff;
}
.loginbox-center {
    display: flex;
    align-items: center;
    padding: 20px;
    text-align: center;
}
.form-group {
    width: 100%;
}
.loginbox-group {
    position: relative;
    width: 100%;
    display: flex;
    margin-bottom: 10px;
    box-shadow: inset 0 1px 5px rgba(0,0,0,0.2);
    border-radius: 4px;
    overflow: hidden;
    border: 1px solid #f3f3f3;
}
.group-addon {
    display: block;
    height: 38px;
    width: 40px;
    text-align: center;
    padding: 6px 6px;
    border-radius: .05rem;
}
.group-addon img {
}
.loginbox-group>.captcha {
    position: absolute;
    top: 50%;
    right: 1px;
    transform: translate(0%, -50%);
    width: 56px;
    height: 32px;
    border: none;
}
.loginbox-group input[type='text'], .loginbox-group input[type='number'], .loginbox-group input[type='password'] {
    color: #74573a;
    width: 100%;
    height: 38px;
    left: 0;
    padding: 10px;
    outline: none;
    font-family: 'Gudea', sans-serif;
    font-size: 16px;
    box-shadow: none;
    border: none;
    background: transparent;
}
.loginbox-footer {
    display: flex;
    border-top: 1px solid #eaeaea;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    background: #fff;
    padding: 10px 20px;
    font-size: 14px;
    color: #999!important;
}
.loginbox-footer span {
    margin-left: auto;
}
.loginbox-footer a {
    color: red;
}
.loginbox-btn>.btn-info, .loginbox-btn>.btn-reset {
    position: relative;
    display: inline-block;
    width: calc(50% - 10px);
    height: 34px;
    line-height: 34px;
    font-size: 14px;
    color: #fff;
    border-radius: 2px;
    border: 1px solid #eaeaea;
    background: linear-gradient(to top, #392f29, #7a5b3c);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.05);
}
.loginbox-btn>.btn-reset {
    border: 1px solid #eaeaea;
    color: #5f4e4b;
    background: linear-gradient(to bottom, #fff, #e6e6e6);
    border-radius: 2px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.05);
    text-shadow: 0 1px 1px rgba(255,255,255,0.75);
}
/***********************************皇冠棋牌*******************/
.kypoker-main {
    background: url(../imgs/kypokerbg.png);
    width: 100%;
    padding: 20px 0;
    min-width: 1200px;
}
.kypoker-main>.wrap {
    width: 1200px;
}
.kypoker-banner {
    background: url("../imgs/index_headerbg.png");
    border-radius: 10px;
    margin-bottom: 10px;
    width: 1200px;
    height: 350px;
}
.kypoker-main>.news {
    width: 1200px;
    border-radius: 10px;
    background: #0000009e;
    border: 0;
}
.kypoker-main>.news .title {
    margin-left: 20px;
}
.kypoker-main>.news marquee {
    margin: 0;
    width: 1000px;
}
.kypoker-main>.news>.wrap {
    width: 1200px;
}
.kypoker-body>.wrap {
    width: 1200px;
}
.kypoker-box {
    width: 573px;
    position: relative;
    overflow: hidden;
    height: 380px;
    margin-top: 15px;
    margin-left: 16px;
}
.kypoker-box:hover .kypoker-left {
    transform: translate(-10px);
}
.kypoker-left {
    width: 180px;
    height: 360px;
    background: url(../imgs/txt_bg-a11ffcad.jpg);
    padding: 0 16px;
    border-radius: 5px;
    overflow: hidden;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    box-shadow: 0 6px 12px #1a1a1a;
    transition: all .5s ease;
}
.kypoker-left a {
    background: linear-gradient(-90deg, #96a3ee, #4956c9);
    border-radius: 50px;
    text-align: center;
    display: block;
    width: 148px;
    height: 40px;
    line-height: 40px;
    margin-top: 120px;
}
.kypoker-left a{
    background: linear-gradient(-90deg,#9d6926,#e5cc97);
    width: 148px;
    height: 40px;
    line-height: 40px;
    border: none;
    border-radius: 21px;
    outline: none;
    overflow: hidden;
    position: absolute;
    bottom: 30px;
    left: 50%;
    font-size: 18px;
    cursor: pointer;
    transform: translateX(-50%);
}
.kypoker-box:hover .kypoker-pic{
    transform:translate(10px);
}
.kypoker-left>a:hover:before {
    left: 110%;
    transition: .3s;
}
.kypoker-left>a:before {
    content: '';
    background: rgba(255, 255, 255, 0.3);
    height: 100%;
    width: 65px;
    position: absolute;
    top: 0;
    left: -100%;
    transform: skew(-45deg);
    transition: 0s;
}
.kypoker-pic {
    width: 490px;
    height: 360px;
    border-radius: 5px;
    position: absolute;
    top: 20px;
    left: 83px;
    box-shadow: 0 6px 12px #1a1a1a;
    transition: all .5s ease;
}
.kypoker-pic p {
    padding: 10px 0 0 100px;
    width: 490px;
    background: linear-gradient(to top, #392f29, #7a5b3c);
    height: 75px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    font-size: 14px;
    color: #fff;
}
/*********************************************捕鱼****************************************/
#banner {
    margin-bottom: -10px
}
#carousel {
    position: relative;
    z-index: 2;
    transform-style: preserve-3d;
    perspective: 800px;
    height: 965px
}
#carousel a {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -252px;
    transition: transform .5s ease-in-out;
    cursor: pointer;
    display: block;
    width: 500px;
    height: 550px;
}
#carousel .ggFish-pic {
    background: url('../imgs/Bubble-GG.png')no-repeat;
    background-size: contain;
}
#carousel .agFish-pic {
    background: url('../imgs/Bubble-AG.png')no-repeat;
    background-size: contain;
}
#carousel .bgFish-pic {
    background: url('../imgs/Bubble-BG.png')no-repeat;
    background-size: contain;
}
.game-introduction {
    background: url("../imgs/Fishing-bg.png")no-repeat;
}



/* 首页公告 */
#slider .news {
    height: 50px;
    line-height: 50px;
    background: #00000061;
    border-bottom: 1px solid #372b20;
    position: absolute;
    bottom: 0;
    width: 100%;
}
#slider .news .title {
    margin-right: 15px;
    float: left;
    background: url(../imgs/news-title.png) no-repeat left center;
    padding-left: 30px;
    color: #fcc43e;
    font-weight: 700;
}
#slider .news marquee {
    color: #ffcea4;
    width: 820px;
    height: 50px;
}



/***********************************************游戏弹出转账*********************************************/
.game-transfer {
	/* display: none; */
	width: 500px;
	height: 490px;
	background: rgba(255,255,255,.4);
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	border-radius: 8px;
	padding: 10px;
	z-index: 1000;
}
.transfer-main {
	display: flex;
	flex-direction: column;
	background-color: #ffffff;
	height: 100%;
	width: 100%;
	border-radius: 8px;
}
.close {
	margin-left: auto;
	padding-top: 10px;
	padding-right: 20px;
	height: 32px;
}
.transfer-box {
	display: flex;
	justify-content: space-between;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 15px;
}
.transfer-left {
	height: 200px;
	width: 100%;
	background-color: #eaeaea;
	border-radius: 8px;
	float: left;
	text-align: center;
}
.transfer-left img {
	margin: 15px 15px 10px 15px;
}
.game-names {
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	color: #828282;
	margin-bottom: 5px;
}
.game-money {
	text-align: center;
	font-size: 22px;
	font-weight: bold;
	color: #FF0000;
}
.transfer-midd {
	width: 100%;
	text-align: center;
	padding-top: 90px;
}
.transfer-right {
	height: 200px;
	width: 100%;
	background-color: #eaeaea;
	border-radius: 8px;
	float: right;
}
.transfer-right img {
	margin: 15px 15px 10px 15px;
}
.game-shuru {
	background-color: #ffffff;
	margin-top: 20px;
	border-radius: 8px;
	padding-right: 32px;
	padding-left: 32px;
}
.transfer-money input {
	line-height: 42px;
	height: 42px;
	width: 100%;
	background-color: #eaeaea;
	border-radius: 4px;
	/* margin: 8px; */
	text-align: center;
	outline: none;
	font-size: 16px;
	color: #757575;
	border: none;
}
.game-shuru ul li{
    width:100%;
    margin: 0 5px;
}
.game-shuru ul li:first-child{margin-left:0}
.game-shuru ul li:last-child{margin-right:0}
.game-shuru ul li a {
	background-color: #38b4ee;
	height: 32px;
	width: 100%;
	line-height: 32px;
	text-align: center;
	border-radius: 4px;
	float: left;
	color: #fff;
}
.game-shuru ul li a:hover {
	background-color: #2799ce;
}
.game-shuru ul {
	margin-top: 20px;
	margin-bottom: 25px;
	height: 32px;
	display: flex;
}
.transfer-btna a {
	line-height: 42px;
	height: 42px;
	width: 180px;
	background-color: #ffb108;
	display: block;
	text-align: center;
	border-radius: 4px;
	font-size: 16px;
	font-weight: bold;
	margin-left: 20px;
	float: left;
	color: #fff;
}
.transfer-btna a:hover {
	background-color: #e09a04;
}
.transfer-btnb a {
	line-height: 42px;
	height: 42px;
	width: 180px;
	background-color: #25cc84;
	display: block;
	text-align: center;
	border-radius: 4px;
	font-size: 16px;
	font-weight: bold;
	margin-right: 20px;
	float: right;
	color: #fff;
}
.transfer-btnb a:hover {
	background-color: #099d5d;
}
.notice-box {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
}
.notice {
    /* background: #352a21; */
    padding: 5px;
    /* box-shadow: 5px 5px 8px rgba(255,255,255,0.2); */
    margin: auto;
    position: relative;
}
.notice > ul {
    display: flex;
    flex-flow: row;
    /* background: #251d17; */
}
.notice > ul > li {
    width: 360px;
    /* border: 5px solid #352a21; */
    visibility: hidden;
}
.notice > ul > li.active {
    visibility: visible;
}
.notice > ul > li > div:first-child {
    max-height: 500px;
    line-height: 20px;
    background: #251d17;
    padding: 5px;
    border: 10px solid #504134;
    overflow-x: hidden;
    overflow-y: auto;
}
.notice > ul > li > div:first-child > div {
    height: 100%;
    font-size: 16px;
    line-height: 28px;
    color: #fff;
    white-space: pre-line;
    word-break: break-all;
    hyphens: auto;
}
.notice-info {
    display: flex;
    flex-flow: row;
    justify-content: space-between;
    background: #251d17;
    /* border-top: 1px solid #251d17; */
    height: 36px;
    line-height: 36px;
}
.notice-info > div:first-child {
    width: calc(100% - 120px);
    text-align: left;
    padding-left: 15px;
    /* font-size: 16px; */
    color: #ccc;
}
.notice-info > div:nth-child(2) {
    width: 120px;
    border-left: 1px solid #504134;
    text-align: center;
    color: white;
    cursor: pointer;
}