@charset "utf-8";

 @font-face {
     font-family: 'DFPSongW12';
     src: url('../fonts/DFPSongW12.ttf');
 }

 body,
 .main {
     background-color: #0d0a13
 }

 /**
 * main
 */
 .main {
     margin-top: 135px;
 }

.home{
    display: flex;
    justify-content: center;
}
.wrapper{
    width: 1450px;
    margin: auto;
    position: absolute;
    top: 220px;
    z-index: 100;
}

 /* banner */
 .banner {
     position: relative;
     height: 1200px;
 }

 .banner .title-banner {
     position: absolute;
     top: 67px;
     left: 300px;
 }


 /* login */
 .form-login {
     position: absolute;
     top: 16px;
     right: 0;
     width: 193px;
     min-height: 272px;
     padding: 16px;
     background: url(../images/bg_loginbox.png) center top / 100% auto no-repeat;
 }

 .form-login .title {
     margin-bottom: 10px;
     text-align: center;
     font-size: 0
 }

 .form-login .title img {
     display: block;
     margin: 0 auto
 }

 .form-login .btn {
     width: 47%
 }

 .form-login .btn:first-child {
     margin-right: 6%;
 }

 .form-login .text-center .btn:first-child {
     margin-right: 0;
 }

 .user-navfast li {
     float: left;
     position: relative;
     font-size: 12px;
     line-height: 22px;
     color: #f5f1c5;
 }

 .user-navfast li:before {
     content: '';
     display: block;
     position: absolute;
     top: 4px;
     left: 0;
     width: 1px;
     height: 14px;
     background-color: #2f2c3e
 }

 .user-navfast li:first-child:before {
     content: none
 }

 .user-navfast li:first-child a {
     padding-left: 0;
 }

 .user-navfast a {
     padding: 0 3px;
     color: #f5f1c5;
 }

 /* 快速进入 */
 .nav-fast {
     margin: 8px 0 15px
 }

 .nav-fast .item {
     position: relative;
     width: 492px;
     height: 230px;
     padding: 8px 24px;
     background-repeat: no-repeat;
     background-size: 100% 100%;
     box-shadow: 0 5px 6px rgba(9, 7, 8, .83);
 }

 .nav-fast .DG {
     background-image: url(../images/bg_DG.jpg);
 }

 .nav-fast .AG {
     background-image: url(../images/bg_AG.jpg);
 }

 .nav-fast .model {
     position: absolute;
     bottom: 0;
     right: -14px;
     width: 250px;
     height: 235px;
 }

 .nav-fast .AG .model {
     width: 221px;
     right: -20px
 }

 .nav-fast .logo {
     width: auto;
     height: 63px;
     margin-top: 5px;
 }

 .nav-fast .title {
     font-size: 18px;
     line-height: 28px;
     color: #ffe88b;
 }

 .nav-fast h4 {
     font-size: 14px;
     line-height: 28px;
     color: #ffe88b;
 }

 .nav-fast .content1 {
     margin: 5px 0 10px;
     font-size: 12px;
     line-height: 20px;
     color: #a6a6a6;
 }

 .nav-fast .btn {
     padding: 0 43px;
     font-size: 14px;
     line-height: 27px;
     color: #ffe88b;
     border: 1px solid #ffecb4;
     border-radius: 0;
 }

 .nav-fast .btn:hover {
     color: #070a3c;
     background-color: #ffecb4
 }

 /* 牌桌 */
 .pokertable-content {}

 .pokertable-content .statistics {
     font-size: 14px;
     line-height: 30px;
     color: #ffe88b;
 }

 .pokertable-content .statistics .icon {
     float: left;
     height: 30px;
     margin-right: 5px;
     background-size: 100% auto;
 }

 .item-pokertable {
     float: left;
     width: 326px;
     height: 222px;
     margin-left: 11px;
     padding: 8px;
     background: url(../images/pokertable_bg.png) no-repeat;
     background-size: 100% 100%;
 }

 .item-pokertable:first-child {
     margin-left: 0;
 }

 .pokertable-header {
     height: 58px;
     background: url(../images/pokertable_top.png) center bottom / 100% auto no-repeat;
 }

 .pokertable-header .top {
     font-size: 14px;
     line-height: 30px;
 }

 .pokertable-header .top .icon {
     float: left;
     height: 30px;
     margin-right: 5px;
     background-size: 100% auto;
 }

 .pokertable-header .fl {
     color: #fefefe;
 }

 .pokertable-header .fr {
     color: #828282;
 }

 .pokertable-header .bottom {
     margin-top: 8px;
     font-size: 14px;
     line-height: 20px;
     text-align: center;
 }

 .pokertable-header .bottom span {
     float: left;
     width: 33.33%;
     border-left: 1px solid #271a70
 }

 .pokertable-header .bottom span:first-child {
     border-left: none
 }

 .pokertable .btn-enter {
     padding: 0 13px;
     font-size: 12px;
     line-height: 20px;
     color: #fff4ab;
     border: 1px solid #fff4ab;
     border-radius: 5px;
 }

 .pokertable .btn-enter:hover {
     color: #070a3c;
     background-color: #ffecb4
 }

 .table-poker {
     width: 286px;
     margin: 10px auto 5px;
     text-align: center;
     border-left: 1px solid #261a6b;
     border-top: 1px solid #261a6b;
 }

 .table-poker td {
     width: 18px;
     height: 18px;
     border-right: 1px solid #261a6b;
     border-bottom: 1px solid #261a6b;
 }

 .table-poker .item {
     position: relative;
     width: 18px;
     height: 18px;
     font-size: 12px;
     line-height: 16px;
     border-radius: 50%;
 }

 .table-poker .item.slash:before {
     content: '';
     display: block;
     position: absolute;
     top: 8px;
     left: 0;
     width: 100%;
     height: 1px;
     background-color: #f00;
     transform: rotate(-45deg);
     -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
     -m-transform: rotate(-45deg);
 }

 .table-poker .item.purple {
     color: #fff !important;
     background-color: #fd66ff;
     border: 1px solid #fd66ff
 }

 .table-poker .item.purple.hollow {
     background-color: transparent
 }

 .table-poker .item.green {
     color: #120f27 !important;
     background-color: #00ee05;
     border: 1px solid #00ee05
 }

 .table-poker .item.green.hollow {
     background-color: transparent
 }

 .table-poker .item.emerald {
     color: #120f27 !important;
     background-color: #4bf4ff;
     border: 1px solid #4bf4ff
 }

 .table-poker .item.emerald.hollow {
     background-color: transparent
 }

 .table-poker .item.purple.slash:before {
     background-color: #fd66ff
 }

 .table-poker .item.green.slash:before {
     background-color: #00ee05
 }

 .table-poker .item.emerald.slash:before {
     background-color: #4bf4ff
 }

 .table-poker .item i {
     display: block;
     position: absolute;
     top: -1px;
     width: 5px;
     height: 5px;
     border-radius: 50%;
 }

 .table-poker .item i.fl {
     left: -1px
 }

 .table-poker .item i.fr {
     right: -1px
 }

 .table-poker i.purple {
     background-color: #fd66ff
 }

 .table-poker i.green {
     background-color: #00ee05
 }

 .table-poker i.emerald {
     background-color: #4bf4ff
 }

 /* 百家乐专家 */
 .baccarat .tips {
     font-size: 14px;
     line-height: 30px;
     color: #ffe88b;
 }

 .baccarat .content {
     margin: 15px 0;
     padding: 20px 15px 20px 15px;
     border-radius: 10px;
     border: 1px solid #5a00ff;
     background: url(../images/bg_baccarat.jpg) no-repeat;
     background-size: 100% 100%;
 }

 .baccarat .content .item {
     position: relative;
     float: left;
     width: 297px;
 }

 .baccarat .content .item .lamp {
     top: -44px
 }

 .baccarat .content .turnover {
     width: 364px;
 }

 .table-baccarat {
     width: 100%;
     font-size: 12px;
     line-height: 32px;
     color: #fff;
     text-align: center;
     border-radius: 10px;
     overflow: hidden;
     background-color: rgba(0, 0, 0, .3)
 }

 .table-baccarat th {
     padding: 0 7px;
     line-height: 25px;
     color: #0d0b18;
     background-color: #fff;
 }

 .table-baccarat tbody tr {
     cursor: pointer;
     border-top: 1px solid #292732
 }

 .table-baccarat tbody tr:hover {
     background-color: #3e386d
 }

 .table-baccarat tbody span {
     display: block;
     width: 40px;
     height: 32px;
     margin: 0 auto;
     font-size: 13px;
     color: #db8600;
 }

 .table-baccarat tbody span .icon {
     height: 32px;
 }

 .table-baccarat tbody span .icon-medal-gold,
 .table-baccarat tbody span .icon-medal-silver,
 .table-baccarat tbody span .icon-medal-bronze {
     float: left;
     width: 19px;
     background-size: 100% auto;
 }

 .table-baccarat .icon-medal-gold {
     background-image: url(../images/medal_gold.png);
 }

 .table-baccarat .icon-medal-silver {
     background-image: url(../images/medal_silver.png);
 }

 .table-baccarat .icon-medal-bronze {
     background-image: url(../images/medal_bronze.png);
 }

 .table-baccarat .icon-ranking-rise,
 .table-baccarat .icon-ranking-flat,
 .table-baccarat .icon-ranking-decline {
     float: right;
     width: 16px;
 }

 .table-baccarat .icon-ranking-rise {
     background-image: url(../images/ranking_rise.png);
     background-size: 6px 18px;
 }

 .table-baccarat .icon-ranking-flat {
     background-image: url(../images/ranking_flat.png);
     background-size: 16px 1px;
 }

 .table-baccarat .icon-ranking-decline {
     background-image: url(../images/ranking_decline.png);
     background-size: 6px 18px;
 }

 .table-baccarat-ranking tbody tr td {
     padding-right: 17px;
 }

 .table-baccarat-ranking tbody tr td:last-child {
     background: url(../images/enter.png) right 6px center / 5px 9px no-repeat;
 }

 .table-baccarat-money .state {
     display: block;
     width: 18px;
     height: 18px;
     margin: 0 auto;
     font-style: normal;
     font-size: 12px;
     line-height: 18px;
     color: #000;
     background-color: #95d2ed;
     border-radius: 50%;
 }

 .table-baccarat-money tbody td:last-child {
     color: #fff600;
 }

 .turnover .title-second {
     margin-top: 10px;
 }

 .turnover .money {
     width: 370px;
     height: 103px;
     margin: 12px auto;
     padding: 28px 0;
     font-family: 'DFPSongW12';
     font-size: 40px;
     line-height: 47px;
     color: #fff9bd;
     background: url(../images/bg_turnover.png) no-repeat;
     background-size: cover;
 }

 .turnover .name {
     font-size: 20px;
     line-height: 30px;
     color: #fff;
 }

 .turnover .name span {
     color: #ffd35e;
 }

 .turnover .btn {
     margin-top: 16px;
     padding: 0 37px;
     font-size: 14px;
     line-height: 24px;
     color: #fff9bd;
     border: 1px solid #fff9bd;
     border-radius: 0;
 }

 .turnover .btn:hover {
     color: #000;
     background-color: #fff9bd;
 }