@charset "UTF-8";

* {
  box-sizing: border-box;
}

body {
    font: 12px;
    font-family: "Microsoft Yahei";
    background: #e5e5e5;
    margin: 0;
    padding: 45px 0 53px;
    overflow-x: hidden;
    color: #222;
}
.header h1 img {
    height: 32px;
    margin-top: -1px;
    margin-right: 10px;
}
.white{color:#fff;}
.red{color:#cc001b;}

.home-top-menu li span,.home-user-data li span,
.home-platform1 li span,.home-platform li span,
 a, a:hover, a:active, a:visited{color:#676767;}


 /*slider - start*/
.slider {
    width: 50%;
    margin: 100px auto;
}
.slick-slide {
  margin: 0px 10px;
}
.center .slick-slide{
    margin: 7px 20px;
}
.slick-slide img {
    width: 100%;
}
.slick-prev:before,
.slick-next:before {
    color: black;
    opacity: 1;
    font-size: 30px;
    font-weight: bolder;
}
.slick-prev:before, .slick-next:before {
    color: black;
    
}
.slick-slide {
    transition: all ease-in-out .3s;
    opacity: .2;
}
.slick-active {
    opacity: 1;
}
.slick-current {
    opacity: 1;
}
.center .slick-slide {
    margin: 0 20px;
    padding: 2px 0 10px;
}
.center .slick-current img{
    background: #dcdcdc;
    border-radius: 5px;
}

.slick-slide span{
    font-size: 13px;
    white-space: nowrap;
    font-weight: bold;
}
 /*slider - end*/

.place3{
    background-color:azure;
    font-size:3em;
    text-align:center;
}
.place3 a{
    position: relative;
    top:-10px;
}
.place3 a span input{
     width:90px;
}
.place2{
    font-size:3em;
    text-align:center;
    position: relative;
    top: -10px;
    background-color: aliceblue;
}
.place2 input{
    position: relative;
    top:-10px;
}
#daili img{
    width:100%;
    text-align: center;
}

/*promotion*/
.img_2018,
.img_2018 p{
    margin-top:0.5em;
    margin-bottom:0.5em;
}
.img_2018 p{
    margin-top:0.5em;
    margin-bottom:0.5em;
    margin-left: 0.5em;
    margin-right: 0.5em;
    color:#000;
}
.img_hr{
    height:3px;
    background-color:#f0f0f0;
    margin-top:10px;
}
.submenu{
    margin:1em 0.5em 1em 0.5em ;
    line-height:2em;
}
.a01{font-weight:bold;color:#FFEB3B;}
.a02{font-weight:bold;color:#50AACD;}
.a03{font-weight:bold;}
.a5{font-size:16px; color:#000;}
.a10{color:#000;}
.a12{font-weight:bold;color:#000;}
.a11{font-weight:bold;color:#000;}

.head_1{color:#000; height:26px; border:1px solid}
.head_2{color:#000; height:26px; border:1px solid}
.head_3{ border-left:1px solid;}
/*promotion_end*/

/*jssor*/

/* jssor slider bullet navigator skin 05 css */
/*
.jssorb05 div           (normal)
.jssorb05 div:hover     (normal mouseover)
.jssorb05 .av           (active)
.jssorb05 .av:hover     (active mouseover)
.jssorb05 .dn           (mousedown)
*/

.jssorb05 {position: absolute;}

.jssorb05 div,
.jssorb05 div:hover,
.jssorb05 .av {
    position: absolute;
    /* size of bullet elment */
    width: 16px;
    height: 16px;
    background: url('../js/jssor/img/b05.png') no-repeat;
    overflow: hidden;
    cursor: pointer;
}
.jssorb05 .av {background-position: -67px -7px;}
.jssorb05 div {background-position: -7px -7px;}

.jssorb05 div:hover,
.jssorb05 .av:hover {
    background-position: -37px -7px;
}
.jssorb05 .dn,
.jssorb05 .dn:hover {
    background-position: -97px -7px;
}
/* jssor slider arrow navigator skin 22 css */
/*
.jssora22l                  (normal)
.jssora22r                  (normal)
.jssora22l:hover            (normal mouseover)
.jssora22r:hover            (normal mouseover)
.jssora22l.jssora22ldn      (mousedown)
.jssora22r.jssora22rdn      (mousedown)
*/

.jssora22l,
.jssora22r {
    display: block;
    position: absolute;
    /* size of arrow element */
    width: 40px;
    height: 1000px;
    cursor: pointer;
    background: url('../js/jssor/img/a22.png') center center no-repeat;
    overflow: hidden;
}
.jssora22l {background-position: -10px -31px;}
.jssora22r {background-position: -70px -31px;}
.jssora22l:hover {background-position: -130px -31px;}
.jssora22r:hover {background-position: -190px -31px;}
.jssora22l.jssora22ldn {background-position: -250px -31px;}
.jssora22r.jssora22rdn {background-position: -310px -31px;}

div,dl,dt,dd,
ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,code,form,
fieldset,input,button,textarea,
p,blockquote,
table,th,td {
    padding: 0;
    margin: 0;
}
table {
    border-collapse: collapse;
}
button,input,select,textarea {
    font-family: inherit;
    font-size: 100%;
}
i,em {
    font-style: normal;
}
ol,ul,li {
    list-style: none;
}
h1,h2,h3,h4,h5,h6 {
    font-size: inherit;
    font-weight: normal;
}
img {
    border: 0;
    vertical-align: middle
}

.ind {
    text-indent: 2em
}
.clearfix,
.layout,
.mod-forms li,
.mod-f-l li,
.data-list dl,
.mod-forms-3 li {
    zoom: 1;
}

.clearfix:after,
.layout:after,
.mod-forms li:after,
.mod-f-l li:after,
.data-list dl:after,
.mod-forms-3 li:after {
    display: block;
    overflow: hidden;
    clear: both;
    height: 0;
    visibility: hidden;
    content: ".";
}

.btn35{
	width:142px;
	height:40px;
	line-height:18px;
	font-size:18px;
	color:black;
	background:url("./bg35.jpg") no-repeat left top;
	padding-bottom:4px;
    border-radius:0.3em;
}

.btn12{
	width:143px;
	height:40px;
	font-size:18px;
	background:url("./bg12.jpg") no-repeat left top;
	color:#FFF;
    border-radius:0.3em;
}

a,a:visited {
    text-decoration: none;
    outline: none;
    color: #5e5e5e;
}

a:hover,a:active {color: #444;}

.cWhite,a.cWhite,a.cWhite:visited,
.cWhite a,a.cWhite:hover,.cWhite a:hover {
    color: #fff;
}

.cGray,a.cGray,
.cGray a,.cGray a:active {
    color: #bcbcbc;
}

.cMain,a.cMain,
.cMain a,.cMain a:active {
    color: #007aff;
}

.c6,a.c6,
.c6 a,.c6 a:active {
    color: #666;
}

.c8,a.c8,
.c8 a,.c8 a:active {
    color: #888;
}

.cRed,a.cRed,
.cRed a,.cRed a:active {
    color: #ff0000;
}

.cRed a:active,
a.cRed:active {
    color: #ff0000;
    text-decoration: underline;
}

.cOrange,a.cOrange,
.cOrange a,.cOrange a:active {
    color: #ff5000;
}

.cOrange a:active,
a.cOrange:active {
    color: #ff5000;
    text-decoration: underline;
}

.cGreen,a.cGreen,
.cGreen a,.cGreen a:active {
    color: #009856;
}

.cGreen a:hover,a.cGreen:hover {
    color: #009856;
    text-decoration: underline;
}

.cGray a:active,a.cGray:active,
.cMain a:active,a.cMain:active,
.c6 a:active,a.c6:active,
.c8 a:active,a.c8:active{
    color: #007aff;
}

.nav li a:hover,.nav li a:active span,
.mod-promotions li:active h3,
.hd-cell a:hover,.hd-cell a:active {
    color: #007aff;
}

hr {
    height: 1px;
    border-width: 0;
    background: #ccc;
}

::-webkit-input-placeholder {color: #888;}
::-moz-placeholder {color: #888;}

.fl {display: inline;float: left;}
.fr {display: inline;float: right;}
.hide {display: none;}
.fn {font-weight: bold;}
.mt5  {margin-top: 5px}
.mt10 {margin-top: 10px}
.mt12 {margin-top: 12px}
.mt15 {margin-top: 15px}
.mt20 {margin-top: 20px}
.mt30 {margin-top: 30px}
.mtb10{margin-top: 10px;margin-bottom: 10px;}
.mb10 {margin-bottom: 10px}
.mr10 {margin-right: 10px}
.ml10 {margin-left: 10px}
.ml70 {margin-left: 70px}

.f14px {font-size: 14px;}
.f16px {font-size: 16px;}
.bb1 {border-bottom: 1px solid #d1d1d1;}

.layout {
    margin-left: 10px;
    margin-right: 10px;
}

.header {
    height: 45px;
    background: url(../images/main/header.jpg);
    overflow: hidden;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 9998;
	display: block;
}
.header h1 {
    margin: 7px 10px;
    font-size: 17px;
    font-family: "microsoft yahei";
    font-weight: normal;
    line-height: 30px;
    color: #222;
}
.header h1 a {
    float: left;
    color: #fff;
    white-space: nowrap;
}
.header .hd-right {
    line-height: 44px;
    height: 44px;
    font-size: 13px;
    color: #444;
    position: absolute;
    right: 10px;
    top: 0;
    z-index: 100000000;
}

.header .hd-right img {width: 28px;}
.header .hd-right a {color:#523207}

.footer {
    background: #523207;
    height: 55px;
    position: fixed;
    bottom: 0;
    width: 100%;
    /*border-top: 1px solid #3a3a3a;*/
	z-index: 1000;
    color: #676767;
}
.footer li {
    float: left;
    display: inline;
    width: 20%;
    position: relative;
}
.footer li a {
    color: #929292;
    display: block;
    width: 100%;
    /* height: 48px; */
    text-align: center;
}
.footer li a img {
    width: 64px;
}
.footer li a span {
    color: #fff;
    display: block;
    /*line-height: 1;*/
	font-size:14px;
}
/* .nav li a i.news-tip {
    position: absolute;
    top: -1px;
    right: -15px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #f00005;
} */

.mod-forms-2,
.mod-f-l {
    border: 1px solid #dcdcdc;
    border-radius: 5px;
    overflow: hidden;
    background: #fff;
}

.mod-forms-2 li {
    height: 48px;
    line-height: 48px;
    font-size: 14px;
    overflow: hidden;
    border-bottom: 1px solid #eee;
}

.mod-forms-2 li:last-child,
.mod-f-l li:last-child {
    border-bottom: none;
}

.mod-forms-2 li label {
    width: 65px;
    text-align: right;
    display: inline;
    float: left;
}

.mod-forms-2 li .form-ipt {
    width: 100%;
    margin-left: 70px;
}

.mod-forms-2 li input {
    height: 48px;
    border: 0;
    width: 100%;
}

.mod-forms li {
    height: 44px;
    line-height: 44px;
    font-size: 14px;
    border: 1px solid #dcdcdc;
    border-radius: 5px;
    margin: 10px 0;
    overflow: hidden;
    background: #fff;
}

.mod-forms li label {
    width: 70px;
    text-align: right;
    display: inline;
    margin-right: 5px;
    float: left;
}

.mod-forms li .form-ipt {
    margin-left: 75px;
}

.mod-forms li .form-ipt .txt-ipt {
    height: 44px;
    border: none;
    width: 87%;
}

.mod-forms li .form-ipt .vcode-ipt {width: 55%;}
.mod-forms li .w100 {margin-left: 10px;}
.mod-forms li .w100 .txt-ipt {width: 90%;}

.mod-forms li.form-label {
    border: none;
    height: auto;
    line-height: normal;
    padding-top: 3px;
    background: none;
}

.mod-forms li.form-label h3 {
    font-weight: normal;
}

.mod-forms li .tip {
    margin-top: 11px;
    margin-right: 5px;
}

.mod-forms-3 {overflow: hidden;}
.mod-forms-3 li {
    overflow: hidden;
    background: #fff;
    border-bottom: 1px solid #3a3a3a;
}

.select-arrow {width: 73%;}
.select-arrow img {
    margin-top: 13px;
    margin-right: 4px;
}
.select-arrow span {
    margin-right: 20px;
    text-align: center;
    display: block;
}
.select-arrow a {
    display: inline;
    float: left;
    overflow: hidden;
    height: 44px;
    line-height: 44px;
    cursor: pointer;
    width: 100%;
}

.date-wrap .date-y {width: 40%;}
.date-wrap .date-m {width: 30%;}
.date-wrap .date-d {width: 30%;}

.date-list h2,
.date-list li,
.modal-platform h2 {
    text-align: center;
}

.date-list li {
    padding: 13px;
    border-top: 1px solid #eee;
    font-size: 16px;
}

.date-list li:active {background: #f8f8f8;}

.mod-forms .form-item-2 label {
    width: 65px;
    text-align: left;
    margin: 0 5px 0 10px;
    font-size: 16px;
}

.mod-forms .form-item-2 .form-ipt .txt-ipt {font-size: 16px;}

.mod-f-l li {
    overflow: hidden;
    border-bottom: 1px solid #e7e7e7;
}

.mod-f-l li:active {background: #f8f8f8;}

.mod-f-l li a,
.mod-f-l li.no-next {
    display: block;
    padding: 15px 10px;
    line-height: 16px;
}

.mod-f-l li .tit {
    font-size: 16px;
    /*display: block;*/
}

.mod-f-l li .c {margin-top: 6px;}
.mod-f-l li .news-tip {
    background: #f00005;
    padding: 3px 12px;
    color: #fff;
    text-align: center;
    border-radius: 20px;
    margin-top: -3px;
    margin-right: 10px;
}

.mod-f-l .icon-bank {
    margin-top: -2px;
    margin-right: 6px;
}

.user-bank-wrap li a {padding: 10px;}
.user-bank-wrap .user-bank-info img {margin-top: 11px;}
.user-bank-wrap .arrow-r {margin-top: 14px;}
.user-bank-info {
    display: block;
    line-height: 22px;
}
.user-bank-info span {
    display: block;
    margin-left: 30px;
}
.login-wrap {margin: 20px 10px;}

.login-wrap .log-btn,
.confirm-sub {
    height: 44px;
    font-size: 14px;
    border-radius: 5px;
    width: 100%;
    display: block;
    text-align: center;
    line-height: 44px;
}
.login-wrap .log-sub,
.confirm-sub {
    background: #007aff;
    border: none;
    color: #fff;
}
.login-wrap .log-sub:hover,
.confirm-sub:hover {
    color: #fff;
}
.login-wrap .log-sub:active,
.confirm-sub:active {
    background: #238cff;
    color: #fff;
}
.login-wrap .forget-psw-btn,
.login-wrap .reg-btn {
    width: 48%;
    background: #fff;
    border: 1px solid #dcdcdc;
    color: #007aff;
}
.login-wrap .forget-psw-btn:active,
.login-wrap .reg-btn:active {
    border: 1px solid #cc1b1f;
    color: #cc1b1f
}
.login-games-flatform {padding: 0 10px;}
.login-games-flatform li {
    float: left;
    display: inline;
    width: 22%;
    text-align: center;
}
.login-games-flatform li.spacing {
    width: 4%;
    height: 1px;
}
.login-games-flatform li img {
    width: 100%;
    height: 100%;
    max-width: 90px;
    max-height: 90px;
    border-radius: 5px;
    overflow: hidden;
}
.hd-cell {
    height: 36px;
    line-height: 36px;
    background: #fff;
    border-top: 1px solid #dcdcdc;
    border-bottom: 1px solid #3a3a3a;
    padding: 0 10px;
}
.hd-cell h2 {font-size: 15px;}
.hd-cell a {
    font-size: 13px;
    color: #666;
}
.hd-tit h3 {
    color: #2a2a2a;
    font-size: 16px;
    text-align: center;
}
.items li {
    border-bottom: 1px solid #dcdcdc;
    background: #fff;
}
.items li:first-child {
    border-top: 1px solid #eee;
}
.items li a {padding: 10px;}
.items li a,.items li span {display: block;}
.items li a:active {background: #f8f8f8;}
.items li .tit {font-size: 15px;}
.items li .c {
    color: #888;
    margin-top: 5px;
}
.items li .arrow-r {margin-top: 12px;}
.items li .arrow-r-95 {margin-top: 30px;}

.items .transfer-come-btn,
.items .join-btn,
.items .joined-btn {
    border-left: 1px solid #ddd;
    margin-top: 10px;
    height: 60px;
}

.items .transfer-come-btn a,
.items .join-btn a,
.items .joined-btn a {
    width: 55px;
    margin: 15px 10px 0;
    height: 30px;
    line-height: 30px;
    border-radius: 3px;
    text-align: center;
    padding: 0;
}
.items .transfer-come-btn a {
    background: #ff9600;
    background-image: linear-gradient(to top, #ff9600, #ffa800);
    background-image: -webkit-linear-gradient(to top, #ff9600, #ffa800);
    color: #fff;
}
.items .transfer-come-btn a:active {
    background: #f28e00;
    background-image: linear-gradient(to top, #f28e00, #f4a100);
    background-image: -webkit-linear-gradient(to top, #ff9600, #f4a100);
}
.items .join-btn a {
    background: #019754;
    background-image: linear-gradient(to top, #019754, #2bb673);
    background-image: -webkit-linear-gradient(to top, #019754, #2bb673);
    color: #fff;
}
.items .joined-btn a,
.items .joined-btn a:active {
    background: #eee;
    color: #888;
}
.items .main-wrap {margin-right: 75px;}
.items .main-wrap .tit {margin-top: 7px;}
.txt-items li {
    border: 1px solid #dcdcdc;
    background: #fff;
    border-radius: 5px;
    margin-top: 10px;
    line-height: 20px;
}
.txt-items li .hd {
    border-bottom: 1px solid #eee;
    padding: 5px 10px;
}
.txt-items li h4 {font-size: 16px;}
.txt-items li .time {color: #888;}
.txt-items li .txt-c {padding: 5px 10px;}
.ipt-file {position: relative;}
.ipt-file .file-type {
    height: 30px;
    width: 290px;
    filter: alpha(opacity=0);
    opacity: 0;
    cursor: pointer;
}
.ipt-file .ipt-file-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
.ipt-file .ipt-file-wrap .btn-type {
    height: 30px;
    line-height: 28px;
    width: 65px;
    vertical-align: middle;
    margin-left: 5px;
}
.form-t th {
    font-weight: normal;
    background: #dcdcdc;
    color: #000;
    height: 36px;
    font-size: 14px;
}
.form-t th,
.form-t td {
    border: 1px solid #dcdcdc;
    text-align: center;
}
.form-t td {
    color: #666;
    line-height: 22px;
    background: #fff;
    padding: 10px 0;
}
.reveal-modal-bg {
    position: fixed;
    height: 100%;
    width: 100%;
    background: #000;
    background: rgba(0, 0, 0, 0.8);
    z-index: 100;
    top: 0;
    left: 0;
}
.modal {
    left: 50%;
    top: 50px;
    position: fixed;
    z-index: 9999;
    visibility: hidden;
    padding-bottom: 10px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .4);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .4);
    box-shadow: 0 0 10px rgba(0, 0, 0, .4);
    background: #fff;
    overflow: hidden;
}
.modal,
.reveal-modal-bg:after {
    vertical-align: middle;
}
.modal .modal-hd h2 {
    font-size: 16px;
    font-weight: normal;
    padding: 15px 10px;
    font-family: "Microsoft YaHei";
    color: #c7a072;
}
.modal .modal-close {
    position: absolute;
    right: 20px;
    top: 19px;
    background: url(/images/close.png) no-repeat;
    width: 15px;
    height: 14px;
    cursor: pointer;
}
.modal .modal-close:active {background-position: 0 -14px;}

.modal .modal-content {
    padding: 0 10px;
    line-height: 20px;
    max-height: 255px;
    overflow-y: auto;
}

.modal h3 {
    font: 15px/22px "Microsoft YaHei";
    font-weight: normal;
    padding: 10px 0 10px;
}
.modal .modal-content p {margin: 5px 0;}
.modal .tips {color: #666;}
.modal .forms-btn-g {margin: 0;}

.modal .forms-btn-g .btn-gray {
    font-size: 12px;
    font-weight: normal;
    margin: 0 10px;
}
.modal .modal-btn a {
    width: 100px;
    display: inline-block;
    text-align: center;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    height: 26px;
    line-height: 26px;
    font-size: 14px;
    margin: 20px 17px 0;
}
.modal .modal-btn a.btn-sub {
    background: #019754;
    background-image: linear-gradient(to top, #019754, #2bb673);
    background-image: -webkit-linear-gradient(to top, #019754, #2bb673);
    color: #fff;
}
.modal .modal-btn a.btn-sub:active,
.items .join-btn a:active {
    background: #00874b;
    background-image: linear-gradient(to top, #00874b, #1fa464);
    background-image: -webkit-linear-gradient(to top, #00874b, #1fa464);
}
.modal .modal-btn a.btn-close {
    background: #eee;
    background-image: linear-gradient(to top, #eee, #f8f8f8);
    background-image: -webkit-linear-gradient(to top, #eee, #f8f8f8);
    border: 1px solid #dcdcdc;
    height: 24px;
    line-height: 24px;
}
.modal-promotion-detail {
    height: 75%;
    padding-bottom: 42px;
}
.modal-promotion-detail .modal-content {
    overflow-y: auto;
    overflow-x: hidden;
    height: 100%;
    max-height: 100%;
}
.modal-promotion-detail .modal-content ol li {
    border: none;
    margin: 5px 0;
}
.modal-promotion-detail .modal-content table td,
.modal-promotion-detail .modal-content table th {
    border: 1px solid #dcdcdc;
    text-align: center;
    padding: 5px 0;
}
.modal-promotion-detail .modal-content table p {
    margin: 0;
}
.modal-promotion-detail .modal-btn {
    background: #fff;
    height: 42px;
    width: 100%;
    position: absolute;
    bottom: 0;
}
.modal-promotion-detail .modal-btn a {
    background: #eee;
    background-image: linear-gradient(to top, #eee, #f8f8f8);
    background-image: -webkit-linear-gradient(to top, #eee, #f8f8f8);
    border: 1px solid #dcdcdc;
    width: 270px;
    margin: 8px 10px;
}
.modal-promotion-detail .modal-btn a:active {
    background: #ddd;
    background-image: linear-gradient(to top, #ddd, #eee);
    background-image: -webkit-linear-gradient(to top, #ddd, #eee);
}
.modal-recycle h3 {
    text-align: center;
    padding-top: 30px;
}
.modal-platform .transfer-form {
    margin: 10px 0 10px 26px;
}
.modal-platform .transfer-form label {
    font-size: 14px;
}
.modal-platform .transfer-form input {
    width: 160px;
    height: 18px;
    line-height: 18px;
    border: 1px solid #dcdcdc;
    padding: 3px 5px;
    margin-left: 5px;
}
.modal-platform .modal-hd h2 {
    text-align: left;
}

.modal-platform .mod-forms li {
    border: none;
    line-height: 28px;
}
.modal-platform .mod-forms li label {
    width: 60px;
}
.modal-platform .btn-deposit {
    float: left;
    display: inline;
    margin: 2px 0 0 10px;
    background: url(/images/btn_deposit_bg.png) no-repeat;
    width: 51px;
    height: 24px;
    font-size: 12px;
    color: #007922;
    line-height: 24px;
    padding-left: 17px;
    cursor: pointer;
}
.modal-platform .btn-deposit:hover {
    background-position: 0 -24px;
    color: #ff7800;
}
.modal-platform .forms-btn-g a {
    background: url(/images/common_spirits.png) repeat-x;
    height: 34px;
    line-height: 34px;
    font-size: 14px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-weight: bold;
    display: inline-block;
    text-align: center;
    padding: 0 15px;
    border: 0;
}
.modal-platform .forms-btn-g .btn-sub {
    background-position: 0 0;
    color: #fff;
    margin-right: 15px;
}
.modal-platform .forms-btn-g .btn-sub:hover,
.modal-platform .forms-btn-g .btn-sub:active {
    background-position: 0 -35px;
}
.modal-platform .forms-btn-g .btn-reset {
    background-position: 0 -70px;
}
.modal-platform .forms-btn-g .btn-reset:hover,
.modal-platform .forms-btn-g .btn-reset:active {
    background-position: 0 -105px;
}
.audit-tip {
    width: 100%;
    text-align: center;
    padding-top: 40px;
    font-size: 14px;
    line-height: 1.8;
}
.audit-tip .forms-btn-g {margin-top: 40px;}

.mod-home {
    padding-top: 125px;
	background: #fff;
}

.home-top-menu {
    padding: 14px 0;
    width: 100%;
    height: 80px;
    /*border-bottom: 1px solid #282828;*/
    background: url(../images/main/home-top-menu.jpg);
    position: fixed;
    top: 45px;
    z-index: 9997;
}

.home-top-menu li {
    width: 20%;
    float: left;
    display: inline;
    text-align: center;
}

.home-top-menu li img {
    width: 34px;
}

.home-top-menu li span {
    padding-top: 5px;
    display: block;
    width: 100%;
	color:#fff;
}

.notice {
    height: 36px;
    line-height: 36px;
    overflow: hidden;
    position: relative;
	color:#fff;
    top: 0px;
}

.notice>.marquee-wrap {
    margin: 0 10px 0 50px;
    overflow: hidden;
}

.notice span {
    position: absolute;
    display: block;
    left: 10px;
    top: 0;
    width: 40px;
}

.notice .marquee {
    height: 36px;
    width: overflow: hidden;
}

.home-banner {
    position: relative;
    width: 100%;
    z-index: 10;
}

.home-banner li {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: none;
}

.home-banner li img {
    width: 100%;
}

.home-platform {
    width: 100%;
    background: #fff;
    overflow: hidden;
}

.home-platform li {
    position: relative;
    float: left;
    display: inline;
    width: 33.3%;
    text-align: center;
}
/*.home-platform.tableGame li, .home-platform.hotGame li {
    height: 115px;
}
*/
.home-platform.tableGame li .tableBjk {
    width: 75%;
}

.home-platform li img {
    width: 100%;
    /*width: 87%;*/
    max-width: 210px;
}

.home-platform li span {
    display: block;
    width: 100%;
    color: #676767;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.home-platform li.platform-more span {
    color: #ccc;
    position: absolute;
    top: 50%;
    margin-top: -7px;
    width: 100%;
    display: block;
}

/*排行榜*/

.home-platform1 {
    width: 100%;
    background: #fff;
    overflow: hidden;
}

.home-platform1 li {
    position: relative;
    float: left;
    display: inline;
    width: 33%;
    /*border-left: 1px solid #bababa;*/
    /*border-top: 1px solid #bababa;*/
    border-bottom: 1px solid #d1d1d1;
    text-align: center;
    padding-bottom: 15px;
    font-size: 13px;
    margin-left: -1px;
}

.home-platform1 li img {
    width: 50%;
    max-width: 210px;
}

.home-platform1 li span {
    display: block;
    width: 100%;
}

.home-platform1 li.platform-more span {
    color: #ccc;
    position: absolute;
    top: 50%;
    margin-top: -7px;
    width: 100%;
    display: block;
}

/*排行榜end*/

/*登陸*/

.home-platform2 {
    width: 100%;
    background: #171717;
    overflow: hidden;
}

.home-platform2 li {
    position: relative;
    float: left;
    display: inline;
    width: 50%;
    text-align: center;
    padding:10px 0 10px 0;
    font-size: 16px;
    background-color:#cc001b;

}
.home-platform2 li a{
    color:#fff;
}
.home-platform2 li img {
    width: 50%;
    max-width: 210px;
}
.home-platform2 li span {
    display: block;
    width: 100%;
}
.home-platform2 li.platform-more span {
    color: #ccc;
    position: absolute;
    top: 50%;
    margin-top: -7px;
    width: 100%;
    display: block;
}
/*登陸end*/

.titbg{
	background-image:url(../images/main/titbg.jpg);
	background-position:bottom;
}
.home-user-data {
    width: 100%;
    background: #171717;
    overflow: hidden;
}
.home-user-data li {
    display: inline;
    float: left;
    position: relative;
    width: 50%;
    border-left: 1px solid #3a3a3a;
    border-top: 1px solid #3a3a3a;
    margin-left: -1px;
}
.home-user-data li img {
    width: 47%;
    max-width: 225px;
    float: right;
    display: inline;
}
.home-user-data li div {
    padding-left: 10px;
    position: absolute;
    top: 50%;
    margin-top: -7px;
}
.home-user-data li span {
    font-size: 14px;
    height: 14px;
    line-height: 1;
    display: block;
}
.home-user-data li em {
    color: #666;
    font-size: 13px;
    line-height: 22px;
    height: 22px;
    display: block;
}
.home-aide {
    width: 100%;
    background: #fff;
    overflow: hidden;
}
.home-aide li {
    position: relative;
    float: left;
    display: inline;
    width: 25%;
    text-align: center;
    padding: 15px 0;
}
.home-aide li img {
    width: 75%;
    max-width: 180px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.home-aide li span {
    font-size: 12px;
    display: block;
    margin-top: 10px;
    line-height: 1;
}
.mod-history .mod-forms li,
.mod-bonus .mod-forms li {
    margin: -1px 0 0;
    border-radius: 0;
}
.data-list li {
    border-bottom: 1px solid #dcdcdc;
    background: #fff;
    margin-top: 8px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.data-list-hd {
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    overflow: hidden;
}
.data-list-hd h3,
.data-list-hd h4 {
    color: #222;
    float: left;
    display: inline;
    width: 30%;
    font-size: 14px;
}
.data-list-hd h4 {
    font-size: 12px;
}
.data-list-hd span,
.data-list-hd em {
    color: #999;
    float: left;
    display: inline;
    width: 50%;
    text-align: right;
}
.data-list-hd em {
    width: 20%;
    float: right;
}
.data-list dl {
    overflow: hidden;
}
.data-list dl dd {
    width: 50%;
    height: 45px;
    position: relative;
    line-height: 45px;
    border-left: 1px solid #3a3a3a;
    border-top: 1px solid #3a3a3a;
    margin-left: -1px;
    float: left;
    display: inline;
    text-indent: 10px;
    color: #999;
    overflow: hidden;
}

.mod-bonus .data-list dl dd {
    width: 100%;
}

.data-list dl dd em {
    position: absolute;
    right: 10px;
    top: 0;
    text-align: right;
    display: block;
    color: #222;
    font-size: 14px;
}
.mod-thistory h4 {
    width: 70%;
}
.mod-thistory .data-list-hd em {
    width: 30%;
}
.mod-whistory .data-list-hd span {
    text-align: left;
}
.mod-spinner {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    color: #000;
    text-align: center;
    z-index: 100;
    display: none;
}
.mod-spinner span {
    display: block;
    position: relative;
    top: 50%;
    margin-top: 20px;
    padding: 12px 0;
    margin: 0 10px;
    background-color: #fff;
    border-radius: 5px;
}
.mod-aide li {
    overflow: hidden;
    position: relative;
}
.mod-aide li a {
    display: block;
    padding: 10px 10px 10px 80px;
    height: 60px;
}
.mod-aide li a:active {
    background: #f8f8f8;
}
.mod-aide li .item-icon {
    width: 60px;
    height: 60px;
    position: absolute;
    top: 10px;
    left: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.mod-aide li span {
    font-size: 16px;
    height: 22px;
    line-height: 22px;
    display: block;
}
.mod-aide li em {
    margin: 5px 12px 0 0;
    display: block;
    height: 33px;
    line-height: 18px;
    overflow: hidden;
    color: #999;
}
.mod-aide li .arrow-r {
    margin-top: 22px;
}
.mod-games li a {
    padding: 10px;
    line-height: 30px;
}
.mod-games li .games-icon {
    float: left;
    display: inline;
    width: 30px;
    height: 30px;
    margin-right: 10px;
}
.mod-games .arrow-r {
    margin-top: 7px;
}

.mod-games .mod-f-l {
    border: none;
    border-radius: 0;
}
.mod-promotions li {
    margin-top: 5px;
}
.promotions-banner {
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
    display: block;
}
.promotions-info {
    max-width: 960px;
    margin: 0 auto;
    padding: 12px 0;
    position: relative;
}
.promotions-info span {
    width: 90px;
    position: absolute;
    top: 16px;
    right: 10px;
    text-align: right;
    line-height: 12px;
    color: #666;
}
.promotions-info .arrow-r {
    width: 7px;
    height: 12px;
    vertical-align: middle;
    margin-left: 5px;
}
.promotions-info h3 {
    font-size: 16px;
    height: 20px;
    overflow: hidden;
    margin: 0 90px 0 10px;
}
.promotions-info p {
    margin-left: 10px;
    color: #999;
    margin-top: 6px;
    height: 36px;
    overflow: hidden;
    line-height: 18px;
}
.promotions-detail {
    max-width: 960px;
    margin: 0 auto;
}
.promotions-detail h3 {
    font-size: 16px;
    background: #fff;
    padding: 15px 10px;
    line-height: 1.4;
    border-bottom: 1px solid #3a3a3a;
}
.promotions-content {
    line-height: 18px;
    padding: 15px 10px;
    border-top: 1px solid #3a3a3a;
    background: #fff;
    margin-top: 5px;
}
.promotions-state {
    width: 100%;
    height: 44px;
    line-height: 44px;
    text-align: center;
    position: fixed;
    bottom: 50px;
}
.promotions-state span {
    color: #999;
    background: #f8f8f8;
    border-top: 1px solid #3a3a3a;
    display: block;
    max-width: 960px;
    margin: 0 auto;
}


.contents2{
    color:#676767
}

@media screen and (max-width:300px) {
    .contents2{font-size: 0.75em;}
}
@media screen and (min-width:400px)  and (max-width:500px){
    .contents2{font-size: 0.75em;}
}
@media screen and (min-width:500px)  and (max-width:600px){
    .contents2{font-size: 1em;}
}
@media screen and (min-width:600px)  and (max-width:700px){
    .contents2{font-size: 1em;}
}

@media screen and (min-width:700px) {
    body {
        padding: 45px 0 75px;
    }
    .mod-home {
        padding-top: 147px;
    }
    .nav {
        height: 75px;
    }
    .nav li a {
        height: 70px;
    }
    .nav li a img {
        width: 93px;
    }
    .nav li a span {
        font-size: 14px;
        padding-top: 2px;
    }
    .nav li a i.news-tip {
        position: absolute;
        top: -1px;
        right: -15px;
        width: 7px;
        height: 7px;
        border-radius: 50%;
        background: #f00005;
    }

    .home-top-menu {
        height: 103px;
    }
    .home-top-menu li img {
        width: 50px;
    }
    .home-top-menu li span {
        font-size: 14px;
    }
    .home-platform li {
        font-size: 15px;
        padding-bottom: 28px;
    }
    .home-platform li.platform-more span {
        margin-top: -8px;
    }
    .home-user-data li div {
        padding-left: 20px;
        margin-top: -30px;
    }
    .home-user-data li span {
        font-size: 24px;
        height: 24px;
        line-height: 1;
    }
    .home-user-data li em {
        font-size: 20px;
        line-height: 42px;
        height: 42px;
    }
    .home-aide li {
        padding: 25px 0;
    }
    .home-aide li span {
        font-size: 16px;
        margin-top: 15px;
    }
    .home-aide li img {
        border-radius: 15px;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
    }
}

@media screen and (min-width:700px)  and (max-width:800px) {
    .contents2{font-size: 1.2em;}
}

@media screen and (min-width:800px)  and (max-width:900px) {
    .contents2{font-size: 1.2em;}
}

@media screen and (min-width:900px) and (max-width:1000px) {
    .contents2{font-size: 1.2em;}
}

@media screen and (min-width:1000px){
    .contents2{font-size: 1.5em;}
}

/* 下载APP 常规优惠 */
.reg_pro h1 {
    background-image: -webkit-linear-gradient(bottom,#f7c45b,#fce88f,#fef19c);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 1.2em;
    /* font-weight: normal; */
    /* text-align: center; */
}

.reg_pro {
    margin-top: 1em;
    padding: 1em;
    color: #fbe7b0;
    line-height: 2em;
    /* font-size: 14px; */
}

.reg_pro td {
    background: #f2e0bd;
    color: #271507;
    /* font-size: 13px; */
    border:1px solid #191611;
}
/* 下载APP 常规优惠end */


.home-platform li {
  margin-left: 0px;
  box-sizing: border-box;
  border: 5px solid #fff;
  background-color: #f2f2f2;
  border-radius: 15px;
  padding: 10px 0;
}
.home-platform li img{
  margin: 0 auto 5px;
  padding: 0 10px;
}

.home-platform.chess_items img{
  background-image: none;
  margin: 0 auto 5px;
  padding: 0;
  width: 80%;
}
.center__slide{
  padding-top: 10px;
  padding-bottom: 150px;
}
.slick-slide{
  outline-color: rgba(256,256,256,0);
}
.lottery-platform li,
.chess-platform li{
  float: left;
  text-align: center;
  position: relative;
  display: block;
  height: 65px;
  line-height: 65px;
  opacity: .5;
  transition: all .5s;
}
.lottery-platform li{width: calc(50%);}
.chess-platform li{width: 33.3%;}

.lottery-platform li span,
.chess-platform li span{
  /*display: block;*/
  position: absolute;
  padding-left: 50%;
  left: 50%;
  transform: translateX(-60%);
  width: 100%;
  color: #676767;
  background-repeat: no-repeat;
  background-position: 25% center;
}
.lottery-platform li span{
  -webkit-background-size: 25%;
  background-size: 25%;
  background-position-x: 55px;
  color: white;
  font-size:16px;
}
.chess-platform li span {
    -webkit-background-size: 30%;
    background-size: 45%;
    padding-left: 75px;
}

.lottery-platform li.current,
.chess-platform li.current{opacity: 1;}

.lottery-platform:after,
.chess-platform:after{clear: both;}

.home-platform span{white-space: nowrap;}

.pd0{padding: 0 !important;}
.mg0{margin: 0 !important;}
.bd0{border:0 !important;}

@media screen and (min-width: 580px) {
  .lottery-platform li span{
    -webkit-background-size: 25%;
    background-size: 25%;
  }
}

/*168彩票 start*/
.game_list {
    margin-bottom: 20vh;
}

.game_list>.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.game_list>.row .item {
    width: 100%;
    padding-top: 27.16%;
    margin: 5px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 0 0;
    position: relative;
}

.game_list>.row .item .room {
    display: inline-block;
    width: 100%;
    height: 100%
}

.game_list>.row .item .shows {
    position: absolute;
    background: #3fc0f9;
    bottom: 14px;
    left: 10px;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 20px;
    padding: 0 10px;
    height: 24px;
    line-height: 24px;
    font-size: 14px;
}

[data-dpr="1"] .home .game_list>.row .item .shows {
    font-size: 12px
}

[data-dpr="2"] .home .game_list>.row .item .shows {
    font-size: 24px
}

[data-dpr="3"] .home .game_list>.row .item .shows {
    font-size: 39px
}

.game_list>.row .item .shows:hover {
    background: #288bb7;
    color: #fff
}

.game_list>.row .item.bj_item {
    background-image: url(../images/games/lottery/sy_rukou_01.png)
}

.game_list>.row .item.canada_item {
    background-image: url(../images/games/lottery/sy_rukou_02.png)
}

.game_list>.row .item.pk_item {
    background-image: url(../images/games/lottery/sy_rukou_03.png)
}

.game_list>.row .item.airship_item {
    background-image: url(../images/games/lottery/sy_rukou_04.png)
}

.game_list>.row .item.jdssc_item {
    background-image: url(../images/games/lottery/sy_rukou_05.png)
}

.game_list>.row .item.ssc_item {
    background-image: url(../images/games/lottery/sy_rukou_06.png)
}

/*.lottery-platform li.tab1 {
    width: 50%;
    background-color: #7ec040;
    // margin-left: -10%;
}*/
/* .lottery-platform li.tab2 {
    width: 60%;
    background-color: #282828;
    margin-right: -10%;
} */
.lottery-platform li.tab1 span {
    /*height: 60px;
    background-position: 70%;
    background-size: 70%;*/
    color: #878787;
}

.lottery-platform li.tab2 {
    background-color: #2c2b2b;
}

@media screen and (min-width: 768px) {
    .lottery-platform li span {
        background-size: 20%;
        /* padding-left: 25%; */
        background-position-x: 160px;
    }
    .lottery-platform li.tab1 span {
        background-position: 65%;
        background-size: 50%;
  }
  .game_list>.row .item{
        margin: 15px;
  }

}
@media screen and (min-width: 1023px) {
    .lottery-platform li, .chess-platform li{
      height: 80px;
      line-height: 4.5;
    }
    .chess-platform li span {
      -webkit-background-size: 15%;
      background-size: 15%;
    }
    .lottery-platform li span {
        background-size: 17%;
        background-position-x: 230px;
    }
    .lottery-platform li.tab1 span {
        background-position: 60%;
        background-size: 40%;
        height: 70px;
  }
  
}
/* .lottery-platform li.tab2 span {
    height: 65px;
    background-position: 67%;
    background-size: 70%;
} */
/*168彩票 end*/

/* 电子页 */
.home-platform.slot-platform li {
    width: calc(100%/3);
}
.home-platform.slot-platform li img{
    width: 85%;
}

/* 连线彩金 */
.home-platform.jackpot-platform li {
    width: calc(100%/3);
    height: 160px;
}

.home-platform.jackpot-platform .jackpot-money {
    color: #000;
    line-height: 2em;
    font-weight: bold;
}

.home-platform.jackpot-platform li img.jackpotCar{
    width: 70%;
}

@media screen and (max-width:320px) {
    .home-platform.jackpot-platform li {
        height: 130px;
    }
    .home-platform.jackpot-platform li img.jackpotCar{
        width: 70%;
    }
    .home-platform.tableGame li, .home-platform.hotGame li {
        height: 95px;
    }
}

@media screen and (min-width:700px) {
    .home-platform li {
        width: calc((100% - 6%)/4);
        padding: 15px;
        margin: 2px 5px;
    }
    .home-platform.tableGame li, .home-platform.hotGame li {
        height: 180px;
    }
    .home-platform.tableGame li .tableBjk{
        width: 70%;
    }
    .slick-slide img {
        width: 60%;
    }
    .slick-slide span {
        font-size: 20px;
    }
    .home-platform li img {
        height: 80%;
    }
    .home-platform.slot-platform li {
        margin: 2px 0;
    }
    .home-platform.slot-platform li img{
        width: 65%;
    }
    .home-platform.jackpot-platform li {
        width: calc((100% - 5%)/3);
        height: 250px;
        padding: 20px;
        margin: 5px;
    }
    .home-platform.jackpot-platform li img.jackpotCar{
        width: 65%;
    }
    .chess-platform li span {
        -webkit-background-size: 20%;
        background-size: 20%;
    }
    /* .lottery-platform li.tab1 span, .lottery-platform li.tab2 span {
        background-size: 45%;
    } */
}


@media screen and (min-width:1023px) {
    .home-platform li {
        width: calc((100% - 4%)/4);
        padding: 25px;
        margin: 5px;
    }
    .home-platform li img {
        padding: 0px 20px;
    }
    .home-platform.tableGame li, .home-platform.hotGame li {
        height: 235px;
    }
    .home-platform.jackpot-platform li {
        width: calc((100% - 6%)/3);
        padding: 30px;
        height: 325px;
        margin: 10px;
    }
    .chess-platform li span {
        -webkit-background-size: 20%;
        background-size: 20%;
    }
}

/* 字 動畫 */
.mod-f-l li .flicker {
    position: relative;
    border-bottom: 1px solid linear-gradient(left, #f71605, #3859fd);
    background: linear-gradient(left, #f71605, #3859fd);
    background: -webkit-linear-gradient(left, #f71605, #3859fd);
    background: -o-linear-gradient(left, #f71605, #3859fd);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: flickering 0.4s linear forwards infinite;
    -webkit-animation: flickering 0.4s linear forwards infinite;
    -moz-animation: flickering 0.4s linear forwards infinite;
    -ms-animation: flickering 0.4s linear forwards infinite;
    -o-animation: flickering 0.4s linear forwards infinite;
}

@keyframes flickering {
    0% {
        background-position: 40px -40px;
    }

    25% {
        background-position: 80px -80px;
    }

    30% {
        background-position: 100px -100px;
    }

    50% {
        background-position: 120px -120px;
    }

    75% {
        background-position: 160px -160px;
    }

    95% {
        background-position: 200px -200px;
    }

    100% {
        background-position: 40px -40px;
    }
}

@-webkit-keyframes flickering {
    0% {
        background-position: 40px -40px;
    }

    25% {
        background-position: 80px -80px;
    }

    30% {
        background-position: 100px -100px;
    }

    50% {
        background-position: 120px -120px;
    }

    75% {
        background-position: 160px -160px;
    }

    95% {
        background-position: 200px -200px;
    }

    100% {
        background-position: 40px -40px;
    }
}

@-moz-keyframes flickering {
    0% {
        background-position: 40px -40px;
    }

    25% {
        background-position: 80px -80px;
    }

    30% {
        background-position: 100px -100px;
    }

    50% {
        background-position: 120px -120px;
    }

    75% {
        background-position: 160px -160px;
    }

    95% {
        background-position: 200px -200px;
    }

    100% {
        background-position: 40px -40px;
    }
}

@-ms-keyframes flickering {
    0% {
        background-position: 40px -40px;
    }

    25% {
        background-position: 80px -80px;
    }

    30% {
        background-position: 100px -100px;
    }

    50% {
        background-position: 120px -120px;
    }

    75% {
        background-position: 160px -160px;
    }

    95% {
        background-position: 200px -200px;
    }

    100% {
        background-position: 40px -40px;
    }
}

@-o-keyframes flickering {
    0% {
        background-position: 40px -40px;
    }

    25% {
        background-position: 80px -80px;
    }

    30% {
        background-position: 100px -100px;
    }

    50% {
        background-position: 120px -120px;
    }

    75% {
        background-position: 160px -160px;
    }

    95% {
        background-position: 200px -200px;
    }

    100% {
        background-position: 40px -40px;
    }
}

.flicker_img {
    position: absolute;
    top: 5px;
    width: 25%;
    height: 65%;
}

@media only screen and (min-width: 600px) and (max-width: 1024px) {
    .flicker_img {
        width: 15%;
    }
}