@charset "utf-8";
*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
ul li{
	list-style: none;
}
em,i{
	font-style: normal;
}
html{
	font-size: 12px;
	font-family:
	"微软雅黑",
	"Microsoft YaHei",
	"Lantinghei SC", 
	"Open Sans", 
	Arial,
	"Hiragino Sans GB", 
	"STHeiti", 
	"WenQuanYi Micro Hei", 
	SimSun, 
	sans-serif;
	font-size: 1rem;
	font-size:100%;
}

body{
	width: 100%;
	height: 100%;
}
a{
	text-decoration: none;
	color: #555;
}
input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0px 1000px white inset;
}
table{
	border-spacing: 0;
    border-collapse: collapse;
}
.disabled{
	pointer-events: none;
}
.color-red{
	color: #e62350;
}
.color-green{
	color: #1da02b;
}
.color-gray{
	color: #9c9c9c;
}
.pull-right{
    float: right;
}
.pull-left{
    float: left;
}
.clearfix{
	clear: both;
	display:block;
	overflow: hidden;
}
.dis-table{
    display: table;
    box-sizing:border-box; 
}
.dis-tab-row{
    display: table-row;
    box-sizing:border-box; 
}
.dis-tab-cell{
    display: table-cell;
    box-sizing:border-box;
    vertical-align: middle;
}
.mt10{
	margin-top:1rem; 
}
.ml10{
	margin-left:1rem; 
}
.ml20{
	margin-left:2rem 
}
.pd10{
	padding:1rem;
}
.text-left{
	text-align: left;
}
.text-right{
	text-align:right;
}
.text-center{
	text-align:center;
}
.color-gray,
a.color-gray{
    color: #adadad;
}
.color-red,
a.color-red{
    color: #ff231c;
}
.color-pink,
a.color-red
{
    color: #eb6877;
}
.color-blue,
a.color-blue{
    color: #337ab7;
}
.color-yellow,
a.color-yellow{
    color: #f0ad4e;
}
.color-green,
a.color-green{
    color: #5eb95e;
}
.color-orange,
a.color-green{
    color: #f37b1d
}
.btn {
    padding: .3rem 1rem;
    color: #fff;
    display: inline-block;
    border-radius: .2rem;
    font-size: .8rem;
    cursor: pointer;
    font-weight: 400;
}
.btn-red{
	background: #e62350;
	color: #fff;
}
.btn-green{
	background: #8cc63f;
	color: #fff;
}
.btn-gray {
    background: #e8e8e8;
    color: #a8a8a8;
}
.btn:hover{
	opacity: .8;
}
/*登录页面样式*/
.login-bg{
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: #222734;
	overflow: hidden;
}
.login-contant{
	position: absolute;
    width: 44rem;
    height: 28rem;
    left: 50%;
    top: 50%;
    border-radius: .4rem;
    margin-top: -16rem;
    margin-left: -22rem;
    text-align: center;
}
.logo-bg{
	display: inline-block;
	background: url(../images/omni.png) no-repeat;
	background-size:cover; 
	width: 24rem;
	height: 7rem;
	margin-bottom:1rem; 
}
.login-contant .login-group{
	width: 36rem;
    height: 21rem;
    background: #fff;
    display: inline-block;
    border-radius: .4rem;
}
.login-form{
	text-align: center;
	position: relative;
	margin-top: 2.2rem;
}
.input-group{
	width:80%;
	height:4rem;
	border-radius: .4rem;
	border: 1px solid #ccc;
	overflow: hidden;
	display: inline-block;
	text-align: left;
	margin-top:1rem; 	
}
.input-group.error{
	border: 1px solid #ff8200;
}
.input-group .x-icon,
.input-group .x-input{
	display: inline-block;
	vertical-align: middle;
}
.input-group .x-icon{
	width:12%;
	text-align: center;
}
.input-group .x-icon i{
	display: inline-block;
	vertical-align: middle;
	color: #ccc;
	font-size: 2rem;
}
.input-group .x-icon i.password-icon {
	font-size: 2.4rem;
    margin-top: -8%;
}

.input-group .x-input{
	width:86%;
	height:100%;
	outline: none;
	border: none;
	font-size: 1.2rem;
	color: #555;
}
.login-hint,.login-btn{
	width: 80%;
	display: inline-block;
	margin-top:.3rem; 
}

.checkbox-group{
	position: relative;
	color: #9e9e9e;
	font-size: 1rem;
}
.checkbox-group .checkbox-genuine{
	opacity: 0;
	margin-right:.2rem; 
}
.checkbox-group .checkbox{
	display: block;
    position: absolute;
    width:1rem;
    height: 1rem;
    border: 1px solid #ccc;
    border-radius: .2rem;
    top: 50%;
    left: 0;
    margin-top: -.5rem;
    color: #fff;
}
.checkbox-group .checkbox.checked{
	background: #8cc63f;
	border-color:#8cc63f;
	color: #fff;
	font-size: .8rem;
	line-height:.9rem;
	/*background:-webkit-radial-gradient(#acdc6c,#8cc63f);*/
}
.checkbox-group .checkbox.checked:before{
	content:"\2713";
}
.login-verify{
	display: inline-block;
	width: 80%;
	text-align: left;
}
.login-hint .forgot a{
	text-align: right;
	color: #3399CC;
	font-size: .8rem;
}
.btn-submit{
	display: inline-block;
	padding:.5rem 6rem;
	color: #fff;
	background: #8cc63f;
	border-radius:.3rem; 
	margin-top: 1rem
}
.btn-submit:hover{
	background: #acdc6c;
}
.error-hint{
	color: #e63a58;	
	font-size: 1rem;
	display: inline-block;
	width: 80%;
	visibility: visible;
	padding:1% 0;
	text-align: left;

}
.tooltip-hint{
	position: absolute;
    color: #6d6d6d;
    border-radius: .2rem;
    right: 10%;
    top: -7%;
    font-size: .8rem;
}
.tooltip-hint span{
	display: inline-block;
	vertical-align: middle;
}
.tooltip-hint .hint-icon{
	width: 1rem;
	height: 1rem;
	background: #ff9500;
	color: #fff;
	text-align: center;
	line-height: 1rem;
	border-radius:1rem;
	font-size: .8rem; 
}
@-webkit-keyframes shake{
    0%,100%{-webkit-transform:translateX(0);}
    10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);}
    20%,40%,60%,80%{-webkit-transform:translateX(10px);}
}
@-moz-keyframes shake{
    0%,100%{-moz-transform:translateX(0);}
    10%,30%,50%,70%,90%{-moz-transform:translateX(-10px);}
    20%,40%,60%,80%{-moz-transform:translateX(10px);}
}
@-ms-keyframes shake{
    0%,100%{-ms-transform:translateX(0);}
    10%,30%,50%,70%,90%{-ms-transform:translateX(-10px);}
    20%,40%,60%,80%{-ms-transform:translateX(10px);}
}
@keyframes shake{
    0%,100%{transform:translateX(0);}
    10%,30%,50%,70%,90%{transform:translateX(-10px);}
    20%,40%,60%,80%{transform:translateX(10px);}
}
.tool-animat{
	animation: shake .5s;
	-webkit-animation: shake .5s;
	-moz-animation:shake .5s;
	-ms-animation:shake .5s;
}

@-webkit-keyframes fadeout{
    0%{opacity:1;}
    100%{opacity:0;}
}
@-moz-keyframes fadeout{
    0%{opacity:1;}
    100%{opacity:0;}
}
@-ms-keyframes fadeout{
    0%{opacity:1;}
    100%{opacity:0;}
}
@keyframes fadeout{
    0%{opacity:1;}
    100%{opacity:0;}
}
.tool-out{
	animation: fadeout .5s;
	-webkit-animation:fadeout .5s;
	-ms-animation:fadeout .5s;
	-moz-animation:fadeout .5s;
}

/*商户后台首页*/
.home-main{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    overflow: hidden;
    flex-wrap: nowrap;
    flex-direction: row;
}
.home-main .h-left-nav,
.home-main .h-right-contant{
	height: 100%;
    width: 100%;
}
.home-main .h-left-nav{
	width: 20rem;
	background: #222734;
	text-align: center;
	overflow: hidden;
} 
.h-left-nav .nav-top{
	height: 30%;
}
.h-left-nav .n-logo{
	display: inline-block;
	width: 14rem;
	height: 4rem;
	background: url(../images/omni.png) -.2rem no-repeat;
	background-size:cover;
	margin-top:30%; 
}
.h-left-nav .h-left-nav{
	width: 100%;
	text-align: center;
	height: 30%;
}
.h-left-nav .n-control{
	margin-top:10%; 
}
.n-control a{
	display: inline-block;
	padding: 2% 25%;
	background: #8cc63f;
	border-radius: .2rem;
	font-size: .8rem;
	color: #fff;

}
.n-control a i{
	font-size: 1.2rem;
}
.h-left-nav .nav-bottom{
	width: 100%;
    text-align: left;
    height: 70%;
    overflow: hidden;
    overflow-y: auto;
    padding: 10%;
    display: flex;
    flex-direction: column;
}
.nav-bottom .list-title{
	font-size: 1rem;
	color: #fff;
	font-weight: 500;
}
.nav-bottom .list-ul{
	height: 66%;
    overflow: hidden;
    overflow-y: auto;
}
.nav-bottom .list-ul li{
	padding:2% 0; 
}
.nav-bottom .list-ul a{
	color: #999;
	font-size: .85rem;
	font-weight: 400;
}
.nav-bottom .list-ul a:hover{
	color: #fff;
}
.nav-bottom .list-ul>li.active a{
	color: #8cc63f;
}
.h-right-contant{
	background: #f2f2f2;
}
.h-right-contant .ct-header,
.h-right-contant .ct-body{
	display: table;
	width: 100%;
}
.h-right-contant .ct-header{
	height:9%;
	background:#fff;
	box-shadow: 5px 5px 5px #e8e8e8 ;
}
.h-right-contant .ct-body{
	height: 91%;
	overflow: hidden;
	overflow-y:auto; 
}
.h-right-contant .ct-body {

}
.ct-header .shop-name{
	font-size: 1.3rem;
	color: #333333;
	float: left;
	padding-left:2%; 
}
.ct-header .user-name{
	font-size:.8rem;
	float: right;
	position: relative;
	padding-right:2%;
	color: #333333;
	padding-top:.5%;  
}
.ct-header .user-name i{
	font-size: 1rem;
	display: inline-block;
}
.ct-header .add-credit{
	float: right;
	margin-right:2rem;
	font-size: 1.2rem;
	color: #546E7A;
	margin-top: .2%;
}
.ct-header .add-credit a{
	padding: .2rem .8rem;
}
.user-name .user-logout{
	position: absolute;
    top: 93%;
    right: 10%;
    width: 10rem;
    background: #ffffff;
    font-size: .8rem;
    padding: 1rem 1rem;
    box-shadow: 5px 5px 5px #e2e2e2;
    display: none;
    z-index: 1;
}
.user-name .user-logout a{
	display: inline-block;
	width: 100%;
	line-height: 2rem;
}

.form-list{
	font-size: 1rem;
	text-align: center;
}
.form-list li{
	width: 100%;
	margin-top:4%; 
}
.form-list li .input-tit,
.form-list li .input-val{
	display: inline-block;
	vertical-align: middle;
}

.form-list li .input-tit{
	margin-right:.6rem; 
	width: 20%;
	text-align: right;
	font-size: 1.2rem;
}
.form-list li .input-val{
	padding: .8rem;
	width: 60%;
	text-align: left;
	border: 1px solid #ccc;
	font-size: 1rem;
}
.form-list li.infor-error .input-val{
	border-color:#ff0000;
}
.form-list  p.error{
	color: #dc2847;
	display: inline-block;
	vertical-align: middle;
	width: 60%;
	text-align: left;
	font-size: 1.2rem;

}
.form-list li .select-val{
	border: 1px solid #ccc;
    display: inline-block;
    vertical-align: middle;
    width: 60%;
    border-radius: 0;
}
@keyframes slideDown {
	0% {
		transform-origin: 0 0;
		transform: translateY(-100%);
	}

	100% {
		transform-origin: 0 0;
		transform: translateY(0%);
	}
}

@-webkit-keyframes slideDown {
	0% {
		-webkit-transform-origin: 0 0;
		-webkit-transform: translateY(-100%);
	}

	100% {
		-webkit-transform-origin: 0 0;
		-webkit-transform: translateY(0%);
	}
}
@-moz-keyframes slideDown {
	0% {
		-moz-transform-origin: 0 0;
		-moz-transform: translateY(-100%);
	}

	100% {
		-moz-transform-origin: 0 0;
		-moz-transform: translateY(0%);
	}
}
@-ms-keyframes slideDown{
	0% {
		-ms-transform-origin: 0 0;
		-ms-transform: translateY(-100%);
	}

	100% {
		-ms-transform-origin: 0 0;
		-ms-transform: translateY(0%);
	}
}
.slideDown {
	animation: slideDown .5s;
	-webkit-animation: slideDown .5s;
	-moz-animation: slideDown .5s;
	-ms-animation: slideDown .5s;
}
.ct-body .primary-box{
	width: 100%;
	height: 100%;
	overflow: hidden;
	overflow-y:auto;
	padding: 1%;
}

/*omnicp后台*/
.p-container{
	display: -webkit-flex;
	display:flex;
	width:100%;
	flex-direction:row;
	flex-wrap: nowrap;
	align-items: center;
	justify-content:space-between;
}
.container-primary1{
	height: 330px;
}
.container-primary1>div{
	height: 100%;
	background: #fff;
	padding:.5%;
	overflow: hidden;
}
.container-primary1 .revenues-charts{
	width: 30%;
	text-align: center;
}
.revenues-charts>div{
	position: relative;
}
.container-primary1 .minutes-charts{
	width: 40%;
}
.container-primary1 .month-data{
	width: 28%;
	padding: 20px;
}
#js-gross-num,#js-Per-Minute,#js-per-year{
	position: relative;
	display: inline-block;
	vertical-align: middle;
}
#js-Per-Minute,#js-per-year{
	margin-top: -10px;
}
.revenues-charts>div .revenues-num{
	position: absolute;
    left: 0;
    bottom: -3%;
    font-size: 1rem;
    color: #555;
    text-align: center;
    width: 100%;;
}
.container-primary1 .month-data h5{
	font-size:16px;	
}
.month-data h5 .more{
	float: right;
	font-size: 14px;
	color: #555;
	margin-top: 2px;
	font-weight: 400;
}
.month-data h5 .more i{
	display: inline-block;
	font-size: 16px;
	font-weight: 600;
}
.month-data .data-dl dt{
	font-size: 14px;
	color: #555;
	font-weight: 500;
}
.month-data .data-dl dd{
	font-size: 14px;
	font-weight: 400;
	color: #969696;
	margin-left:20px;
}
.month-data .data-dl .right-hint{
	color: #000;
	font-weight: 400;
	float: right;
	font-size:16px; 
}
.month-data .data-dl dt,
.data-dl.dl-list1 dd
{
	padding: 14px 0;
}
.month-data .data-dl dt{
	border-top:1px solid #ececec; 
}
.month-data .dl-list1 dt{
	border:none;
	border-bottom: 1px solid #ececec; 
}
.container-primary2{
	height: 230px;
	flex-wrap:wrap;
}
.container-primary2 .settlement-box,
.container-primary2 .account-box{
	height: 100%;
	background: #fff;
	margin-top: 1%;
	padding: 20px;
	overflow: hidden;
}
.h5-title{
	color:#000;
	font-size: 16px; 
	width: 100%;
	text-align: left;
}
.h5-title .subtext,
.h5-title .More{
	font-weight: 400;
	font-size: 14px;
	color: #9a9a9a;
}
.h5-title .More{
	float: right;
	margin-top: 2px;
}
.h5-title .More i{
	font-weight: 600;
}
.settlement-box .payment-contant{
	width: 100%;
	margin-top:2rem;
}
.payment-contant .payment-num{
	font-size: 3rem;
	color: #555;
	float: left;
	height: 5rem;
	line-height: 5rem;
}
.payment-invoice{
	display: block;
	width: 5rem;
	height: 5rem;
	border-radius:3rem;
	background: #ccc;
	float: right; 
}
.payment-invoice.exist{
	background: url(../images/bar2.png) no-repeat;
	background-size:cover; 
}
.payment-invoice.no-exist{
	background: url(../images/bar.png) no-repeat;
	background-size:cover; 
	pointer-events: none;
}
.account-box .infor-box{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content:space-between;
	flex-wrap:wrap; 
	margin-top:4%;
}
.account-box .infor-box>div{
	background: #f2f2f2;
	padding:16px 10px;
	font-size:16px;
	color: #555;
	font-weight: 400; 
}
.account-box .infor-box .cp-name,
.account-box .infor-box .cp-bank{
	width: 49%;
	overflow: hidden;
}
.account-box .infor-box .cp-bank-number{
	width:100%;
	margin-top: 2%;
}
.infor-box .cp-name .subtext,
.infor-box .cp-bank .subtext,
.cp-bank-number .subtext{
	float: right;
	max-width: 70%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;

}
.container-primary2 .settlement-box{
	width: 45%;
}
.container-primary2 .account-box{
	width: 54%;
}
.container-primary2 .playtime-box,
.container-primary2 .playcount-box{
	height:220px;
	background: #fff;
	margin-top: 1%;	
	position: relative;
}
.container-primary2 .playtime-box{
	width: 45%;
}
.container-primary2 .playcount-box{
	width: 54%;
}
.playtime-box .btn-data-change,
.playcount-box .btn-data-change {
    position: absolute;
    top: 6%;
    right: 1rem;
    display: inline-block;
    padding: .2rem 0rem;
    border: 1px solid #8cc63f;
    color: #8cc63f;
    font-size: .8rem;
    cursor: pointer;
    width: 5rem;
    text-align: center;
    z-index: 10;
}
.table-history{
	background: #fff;
	width: 100%;
	height: 100%;
	padding: 20px;
}
.pop-invoicebox{
	width:100%;
	height:100%;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: rgba(0,0,0,.5);
	z-index: 20;
}
.pop-invoicebox .invoice-contant{
	background: #fff;
	width: 36rem;
	height: 22rem;
	position: absolute;
	top: 50%;
	left:50%;
	margin-top: -11rem;
	margin-left:-18rem;
	overflow: hidden;
}
.invoice-contant .icon-guanbi{
	color: #8cc63f;
	font-size:2rem;
	position: absolute;
	right: 1rem;
	top: 2rem;
	cursor: pointer;
}
#table_id_example{
	font-size: .8rem;
	font-weight: 400;
	text-align: center;
}
.paginate_button {
    font-size: .75rem;
    padding: 0 !important;
}
.gameplay-box{
	background: #fff;
	padding: 20px;
	height: 100%;
	width: 100%;
}

.gameplay-box .head-search{
	color: #555;
	font-size: .8rem;
	font-weight: 400;
}
.head-search .select-choose{
	width:10%;
	height:28px;
	margin-right:2%;
	font-size: .7rem;
}
.head-search input{
	padding: .2rem 1rem;
	font-size: .7rem;
}
.dataTable{
	font-size: .8rem;
	color: #555;
	font-weight:400;
	border-color:#ccc !important; 
}
.dataTable th{
	border-color:#ccc !important; 
}

.form-list{
	font-size: 1rem;
	text-align: center;
}
.form-list li{
	width: 100%;
	margin-top:4%; 
}
.form-list li .input-tit,
.form-list li .input-val{
	display: inline-block;
	vertical-align: middle;
}

.form-list li .input-tit{
	margin-right:.6rem; 
	width: 20%;
	text-align: right;
	font-size: 1.2rem;
}
.form-list li .input-val{
	padding: .8rem;
	width: 60%;
	text-align: left;
	border: 1px solid #ccc;
	font-size: 1rem;
}
.form-list li.infor-error .input-val{
	border-color:#ff0000;
}
.form-list  p.error{
	color: #dc2847;
	display: inline-block;
	vertical-align: middle;
	width: 60%;
	text-align: left;
	font-size: 1.2rem;

}
.form-list li .select-val{
	border: 1px solid #ccc;
    display: inline-block;
    vertical-align: middle;
    width: 60%;
    border-radius: 0;
}
.detail-main{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: #f2f2f2;
	overflow-y:auto; 
}
.detail-main .head-fixed{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 60px;
	background: #1d242d;
	z-index: 10;
}
.detail-main .head-fixed .h-primary{
	width:70%;
	height: 100%;
	margin:0 auto;
	color: #fff;
	text-align: center;
	line-height: 60px;
}
.h-primary .h-return{
	float: left;
	font-size:.8rem;
	color: #fff;
}
.h-return i{
	font-weight:bold;
	font-size: 2rem;
	display: inline-block;
	vertical-align: middle;
}
.h-return span{
	display: inline-block;
	vertical-align: middle;
	font-weight: 400;
}
.detail-primary{
	height: 100%;
	width: 70%;
	margin:0 auto;
	/*overflow: hidden;
	overflow-y:auto;*/
}
.detail-primary .p-flex-box{
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap:wrap;
}
.p-flex-box.flex-box1{
	height: 325px;
	margin-top:80px;
}
.p-flex-box .revenue-charts{
	width: 48%;
	height: 100%;
	background: #fff;
	position: relative;
	padding:1rem;
}
.p-flex-box .game-play-data{
	width: 25%;
	height: 100%;
	display: inline-flex;
    flex-direction: column;
    justify-content: space-between;
}
.p-flex-box .region-charts{
	width: 25%;
	height: 100%;
	background: #fff
}
.game-play-data .play-time,
.game-play-data .play-sessions{
	width: 100%;
	height: 48.5%;
	background: #fff;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}
.game-play-data .play-sessions{
	align-self: flex-end;
}
.revenue-charts .pie-charts{
	height: 90%;
	text-align: center; 
}
.pie-charts h3{
	color: #8CC63F;
	font-weight:700;
	font-size: 2.3rem;
	width: 100%;
	text-align:left;
	height:46%;
	overflow: hidden;
	line-height: 140px;
}
.pie-charts .Per-Minute,
.pie-charts .Year-Licenses{
	display: inline-block;
	vertical-align: middle;
	width: 40%;
	height: 50%;
	margin-top: 0 !important;
}
.revenue-charts .payment-invoice{
	position: absolute;
	right:1rem;
	top: 2.9rem;
}
.game-play-data .status-box .x-icon{
	color: #8CC63F;
	display: inline-block;
	vertical-align: middle;
	margin-right:.5rem; 
}
.status-box .x-icon i{
	font-size: 3.2rem;
	color:#8CC63F; 
}
.game-play-data .status-box .x-text{
	display: inline-block;
	vertical-align: middle;
	text-align: left;
}
.status-box .x-text h5{
	font-size: 1.5rem;
	color:#8CC63F; 
	font-weight: 700;
}
.status-box .x-text span{
	font-size: .9rem;
	color: #999999;
	font-weight: 500;
}
.play-time .x-icon{
	margin-left:-20px; 
}
.p-flex-box.flex-box2{
	width: 100%;
	/*height: 700px;*/
	margin-top:10px;
	background: #fff;
	padding:20px;
}
.flex-box2 .game-list{
	display: flex;
	flex-wrap:nowrap;
	justify-content:flex-start; 
	align-items: flex-start;
	width: 100%;
	height: 70px;
	overflow: hidden;
	overflow-x:auto; 
}
.game-list .btn-hollow{
	padding:10px 30px;
	text-align: center;
	font-weight: 400;
	font-size: .8rem;
	border: 1px solid #ccc;
	margin-right:20px;
    white-space: nowrap;
}
.btn-hollow:hover{
	border-color:#ff8200;
	color: #ff8200;
}
.btn-hollow.active{
	border-color:#8CC63F;
	color: #8CC63F;
}
.game-table-data{
	width: 100%;
}
.table-title{
	border-left:5px solid #8CC63F;
	padding-left:20px;
	font-size: 1rem;
	font-weight: 500; 
}
.game-table-data table.table{
	font-weight: 400;
	font-size: .8rem;
	border: 1px solid #dedede;
	color: #555;
	margin:20px 0; 
}
.game-table-data table td{
	padding: 10px;
	text-align: center;
}
.game-table-data table.table tr:nth-child(even){
	background: #fff;
}
.game-table-data table.table tr:nth-child(odd){
	background: #f2f2f2;
}
.p-flex-box.flex-box3{
	width: 100%;
	/*height: 600px;*/
	margin-top:10px;
	margin-bottom:20px;
	background: #fff;
	padding: 20px; 
	justify-content: flex-start;
	align-items: flex-start;
	flex-direction: column; 
}
.p-flex-box.flex-box3 #js-Revenue-Data{
	margin-top: 20px;
}
/*table数据*/
.table-grid-contant{
	width: 100%;
	height: 100%;
	overflow: hidden;
	overflow-y:auto; 
	position: relative;
}
.table-grid-contant .tab-head-primary{
	width: 100%;
	position: relative;
}
.table-grid-contant .tab-head-primary:after{
	content: '';
	display: block;
	position: absolute;
	width: 18px;
	height: 100%;
	right: -18px;
	top: 0;
	background:#f1f1f1;
}
.table-grid-contant .tab-grid-head{
	width: 100%;
}
.tab-grid-head th{
	padding: 0.6rem .4rem;
}
.tab-grid-head th:nth-child(1){
	text-align: left;
}
.table-grid-contant .tab-grid-head tr{
	background:#f2f2f2;
	color: #333;
	font-size: .8rem;
}
.table-grid-contant .tab-grid-main{
	width: 100%;
	height: 80%;
	overflow: hidden;
	overflow-y:auto;
	margin-top: 1%;
	border: 1px solid #f2f2f2;
} 
.tab-grid-boby td{
	padding: 1rem .4rem;
	font-weight: 400;
	font-size: 0.75rem;
	color: #505050;
	border: 1px solid #f1f1f1;
	text-align: center;
}
.tab-grid-boby .order-number{
	background:#f2f2f2;

}
.tab-grid-boby .order-number td{
	color: #466879;
}
.tab-grid-boby tr td:nth-child(1){
	text-align: left;
}
.tab-pages-box{
	width: 100%;
	margin-top: 1%;
	height: 8%;
}
.page-primary .p-prev{
	margin-right:-1px; 
}
.page-primary .p-next{
	margin-left:-1px; 
}
.page-primary .page-btn i{
	font-size: 1rem;
}
.page-primary .p-next i{
	display: inline-block;
	transform: rotate(180deg);
}
.page-primary .page-btn i:hover{
	color: #88bc48;
	font-weight: 700;
}
.page-primary .page-btn,
.page-primary .page-num-list,
.page-num-list .p-number,
.page-primary .num-data-box,
.page-primary .serch-page{
	display: inline-block;
	vertical-align: middle;
}
.page-num-list .p-number+li{
	margin-left:-1px; 
}
.page-primary .page-num-list{
	margin:0 5px;
	color: #8cc63f; 
}
.page-primary .page-num-list{
	font-size: .9rem;
}
.page-primary .num-data-box,
.page-primary .serch-page{
	margin-right:10px;
	color: #5e6d82;
	font-size: .7rem;
	font-weight: 400;  
}
.page-primary .serch-page .x-input{
	padding: 0 .3rem;
	border: none;
	outline: none;
	width: 70%;
	height: 100%;
	font-size: .7rem;
	color: #8cc63f;
}
.page-primary .serch-page .x-input-box{
	width:116px;
	height:24px;
	border: 1px solid #d1dbe5;
	display: inline-flex;
	align-items: center;
	position: relative;
	margin-left:.5rem; 
}
.serch-page .x-input-box .x-unit{
	position: absolute;
	right:4px;
	top:2px;
	color: #ccc; 
	font-size:.6rem; 
	display: inline-block;
	background: url(../images/serch.png) no-repeat;
	background-size:cover;
	width: 20px;
	height: 20px; 
	cursor: pointer;
}
.serch-page .skip-page{
	display: inline-block;
	vertical-align: middle;
	font-size: .65rem;
}
.serch-page .skip-page:hover{
	color: #8cc63f;
}
.page-primary .num-data-box{
	font-size:0.65rem;
}
.page-primary .num-data-box .num-data{
	margin:0 5px;
	color: #8cc63f;
	font-size: 0.75rem;
}
.page-primary .page-btn{
	width: 1.3rem;
	height: 1.3rem;
	border: 1px solid #d1dbe5;
	color: #5e6d82;
	font-size:0.7rem;
	font-weight:400; 
	line-height: 1.3rem;
	text-align: center;
	cursor: pointer;
	outline: none;
	background:none;
}
.page-num-list .p-more{
	line-height: 1.3rem;
}
.page-num-list .p-number.active{
	background:#464d61;
	color: #fff;
}
.page-primary .page-btn:hover{
	background:#f9f9f9;
}
.table-loading{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(255,255,255,0.9);
	z-index: 1;
	display: none;
}
.table-loading .loading-primary{
	background: url(../images/loading.gif);
	background-size: cover;
	width: 4rem;
	height: 4rem;
	position: absolute;
	top:50%;
	left: 50%;
	margin-top:-2rem;
	margin-left:-2rem;
}
.disabled{
	pointer-events:none;
	background: #f1f1f1; 
}
/*弹窗插件样式*/
.popMasked{
    position:fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    width: 100%;
    height: 100%;
    opacity: .3;
}
.popMainBox{
    background: #fff;
    border-radius:4px;
    position: fixed;
    z-index: 1000;
    margin: 0 auto;
    top:42%;
    left:50%;
}
.popMainBox >.popHeader{
    padding:12px;
    border-bottom: 1px solid #ccc;
    font-size: 18px;
    color: #555;
    cursor: move;
}
.popMainBox >.popHeader .close-dialog{
    color: #cdcdcd;
    cursor: pointer;
}
.popMainBox .popFooter{
    border-top:1px solid #ccc;
    padding: 8px 12px;
}
.popMainBox >.popContant{
    padding: 10px;
    overflow:hidden;
}

@keyframes upanima{
    0%{transform: scale(0);}
    25%{transform: scale(.25);}
    50%{transform: scale(.5);}
    75%{transform: scale(.75);}
    100%{transform: scale(1);}
}
@-webkit-keyframes upanima{
    0%{transform: scale(0);}
    25%{transform: scale(.25);}
    50%{transform: scale(.5);}
    75%{transform: scale(.75);}
    100%{transform: scale(1);}
}
@-moz-keyframes upanima{
    0%{transform: scale(0);}
    25%{transform: scale(.25);}
    50%{transform: scale(.5);}
    75%{transform: scale(.75);}
    100%{transform: scale(1);}
}
@keyframes bganima{
    0%{transform: translateY(100%);}
    25%{transform: translateY(50%);}
    50%{transform: translateY(25%);}
    100%{transform: translateY(0%)}
}
@-webkit-keyframes bganima{
    0%{transform: translateY(100%);}
    25%{transform: translateY(50%);}
    50%{transform: translateY(25%);}
    100%{transform: translateY(0%)}
}
@-moz-keyframes bganima{
    0%{transform: translateY(100%);}
    25%{transform: translateY(50%);}
    50%{transform: translateY(25%);}
    100%{transform: translateY(0%)}
}
@keyframes dwanima{
    0%{transform: translateY(0%);}
    25%{transform: translateY(25%);}
    50%{transform: translateY(50%);}
    75%{transform: translateY(75%);}
    100%{transform: translateY(100%);}
}
@-webkit-keyframes dwanima{
    0%{transform: translateY(0%);}
    25%{transform: translateY(25%);}
    50%{transform: translateY(50%);}
    75%{transform: translateY(75%);}
    100%{transform: translateY(100%);}
}
@-moz-keyframes dwanima{
    0%{transform: translateY(0%);}
    25%{transform: translateY(25%);}
    50%{transform: translateY(50%);}
    75%{transform: translateY(75%);}
    100%{transform: translateY(100%);}
}
@keyframes bganima_close{
    0%{opacity:1;}
    100%{opacity:0;}
}
@-webkit-keyframes bganima_close{
    0%{opacity:1;}
    100%{opacity:0;}
}
@-moz-keyframes bganima_close{
    0%{opacity:1;}
    100%{opacity:0;}
}

@keyframes slideDownRetourn {
	0% {
		transform-origin: 0 0;
		transform: translateY(100%);
	}

	100% {
		transform-origin: 0 0;
		transform: translateY(0%);
	}
}
@-webkit-keyframes slideDownRetourn {
	0% {
		-webkit-transform-origin: 0 0;
		-webkit-transform: translateY(100%);
	}

	100% {
		-webkit-transform-origin: 0 0;
		-webkit-transform: translateY(0%);
	}
}
@-moz-keyframes slideDownRetourn {
	0% {
		-moz-transform-origin: 0 0;
		-moz-transform: translateY(100%);
	}

	100% {
		-moz-transform-origin: 0 0;
		-moz-transform: translateY(0%);
	}
}
@-ms-keyframes slideDownRetourn {
	0% {
		-ms-transform-origin: 0 0;
		-ms-transform: translateY(100%);
	}

	100% {
		-ms-transform-origin: 0 0;
		-ms-transform: translateY(0%);
	}
}
.slideDownRetourn {
	animation: slideDownRetourn .5s;
	-webkit-animation: slideDownRetourn .5s;
	-moz-animation: slideDownRetourn .5s;
	-ms-animation: slideDownRetourn .5s;
}
@keyframes throb{
	0%{
		transform: scale(1);
	}
	50%{
		transform: scale(1.5);
	}
	100%{
		transform: scale(1);
	}
}
@-webkit-keyframes throb{
	0%{
		-webkit-transform: scale(1);
	}
	50%{
		-webkit-transform: scale(1.5);
	}
	100%{
		-webkit-transform: scale(1);
	}
}
@-moz-keyframes throb{
	0%{
		-moz-transform: scale(1);
	}
	50%{
		-moz-transform: scale(1.5);
	}
	100%{
		-moz-transform: scale(1);
	}
}
@-ms-keyframes throb{
	0%{
		-ms-transform: scale(1);
	}
	50%{
		-ms-transform: scale(1.5);
	}
	100%{
		-ms-transform: scale(1);
	}
}

.numberthrob{
	display: inline-block;
	animation: throb .6s 8;

}

@-webkit-keyframes slideUpRetourn {
	0% {
		-webkit-transform-origin: 0 0;
		-webkit-transform: translateY(-100%);
	}

	100% {
		-webkit-transform-origin: 0 0;
		-webkit-transform: translateY(0%);
	}
}

@keyframes slideUpRetourn {
	0% {
		transform-origin: 0 0;
		transform: translateY(-100%);
	}

	100% {
		transform-origin: 0 0;
		transform: translateY(0%);
	}
}
.slideUpRetourn {
	-webkit-animation: slideUpRetourn .5s;
	animation: slideUpRetourn .5s;
}
.up_cartoon {
    animation:upanima .3s;
}
.bg_cartoon{
    animation: bganima .3s;
}
.close_cartoon{
    animation: dwanima .5s linear;
}
.close_bgcartoon{
    animation: bganima_close .3s linear;
}
@keyframes vanishOut {
	0% {
		opacity: 1;
		transform-origin: 50% 50%;
		transform: scale(1,1);
	}

	100% {
		opacity: 0;
		transform-origin: 50% 50%;
		transform: scale(2,2);
	}
}
@-webkit-keyframes vanishOut {
	0% {
		opacity: 1;
		-webkit-transform-origin: 50% 50%;
		-webkit-transform: scale(1,1);
	}

	100% {
		opacity: 0;
		-webkit-transform-origin: 50% 50%;
		-webkit-transform: scale(2,2);
	}
}
@-moz-keyframes vanishOut {
	0% {
		opacity: 1;
		-moz-transform-origin: 50% 50%;
		-moz-transform: scale(1,1);
	}

	100% {
		opacity: 0;
		-moz-transform-origin: 50% 50%;
		-moz-transform: scale(2,2);
	}
}
@-ms-keyframes vanishOut {
	0% {
		opacity: 1;
		-ms-transform-origin: 50% 50%;
		-ms-transform: scale(1,1);
	}

	100% {
		opacity: 0;
		-ms-transform-origin: 50% 50%;
		-ms-transform: scale(2,2);
	}
}
.vanishOut {
	-webkit-animation: vanishOut .5s;
	-moz-animation:vanishOut .5s;
	-ms-animation:vanishOut .5s;
	animation: vanishOut .5s;
}
@-webkit-keyframes slideLeft {
	0% {
		-webkit-transform-origin: 0 0;
		-webkit-transform: translateX(100%);
	}

	100% {
		-webkit-transform-origin: 0 0;
		-webkit-transform: translateX(0%);
	}
}
@-moz-keyframes slideLeft {
	0% {
		-moz-transform-origin: 0 0;
		-moz-transform: translateX(100%);
	}
	100% {
		-moz-transform-origin: 0 0;
		-moz-transform: translateX(0%);
	}
}
@-ms-keyframes slideLeft {
	0% {
		-ms-transform-origin: 0 0;
		-ms-transform: translateX(100%);
	}
	100% {
		-ms-transform-origin: 0 0;
		-ms-transform: translateX(0%);
	}
}

@keyframes slideLeft {
	0% {
		transform-origin: 0 0;
		transform: translateX(100%);
	}
	100% {
		transform-origin: 0 0;
		transform: translateX(0%);
	}
}
.slideLeft {
	-webkit-animation: slideLeft .6s;
	-moz-animation: slideLeft .6s;
	-ms-animation: slideLeft .6s;
	animation: slideLeft .6s;
}

@keyframes holeOut {
	0% {
		opacity: 1;
		transform-origin: 50% 50%;
		transform: scale(1,1) rotateY(0deg);
	}

	100% {
		opacity: 0;
		transform-origin: 50% 50%;
		transform: scale(0,0) rotateY(180deg);
	}
}
@-webkit-keyframes holeOut {
	0% {
		opacity: 1;
		-webkit-transform-origin: 50% 50%;
		-webkit-transform: scale(1,1) rotateY(0deg);
	}

	100% {
		opacity: 0;
		-webkit-transform-origin: 50% 50%;
		-webkit-transform: scale(0,0) rotateY(180deg);
	}
}
@-moz-keyframes holeOut {
	0% {
		opacity: 1;
		-moz-transform-origin: 50% 50%;
		-moz-transform: scale(1,1) rotateY(0deg);
	}

	100% {
		opacity: 0;
		-moz-transform-origin: 50% 50%;
		-moz-transform: scale(0,0) rotateY(180deg);
	}
}
.holeOut{
	animation: holeOut .5s;
	-webkit-animation: holeOut .5s;
	-moz-animation: holeOut .5s;
}

@media only screen and (min-width: 561px){
    html {
        font-size: 70%!important;
    }
}

@media only screen and (min-width: 768px){
    html {
        font-size: 90%!important;
    }

}

@media only screen and (min-width: 820px){
    html {
        font-size: 100%!important;
    }
}

@media only screen and (min-width: 1200px){
    html {
        font-size: 120%!important;
    }
}
@media only screen and (min-width: 1400px){
	
    
}
@media only screen and (max-width: 1024px){
    .primary-home .right-contant,
    .primary-home .left-contant{
    	width: 100%;
    	height: auto;
    }
	.primary-home .right-contant{
		margin-top:1%; 
	}
	.datapicker-group .time-status .status-listbox{
		padding-top:9%; 
	}
	.right-contant .aside-list .list-group{
		width: 49.5%;
		margin-bottom:1%; 
		display: inline-block;
		vertical-align: middle;
	}
	.right-contant .aside-list{
		overflow: hidden;
		clear: both;
	}
	.right-contant .aside-list .list-group:nth-child(odd){
		float: left;
	}
	.right-contant .aside-list .list-group:nth-child(even){
		float: right;
	}
	.primary-statistics .statistics-header, 
	.primary-statistics .statistics-dataTab{
		padding: 2%;
	}
	.container-primary2 .settlement-box,
	.container-primary2  .account-box,
	.container-primary2 .playtime-box,
	.container-primary2  .playcount-box
	{
    	width: 100%; 
	}
	.game-play-data .play-time,
	.game-play-data .play-sessions {
		flex-direction:column;
	}
}
@media only screen and (max-width: 736px){
	.h-left-nav .n-logo{
		margin-top: 18%;
	}
	.h-left-nav .nav-bottom{
		height: 70%;
	}
    .nav-bottom .list-ul {
	    height: 55%;
	}
	.nav-bottom .list-title{
		margin-top:1rem;
	}
	.C-machine-contant{
		height: 77%;
	}
	.pop-install-loding, .pop-install-title{
		margin-left:.5rem;
	}
	.primary-statistics .statistics-header{
		height:32%;
	}
	.primary-statistics .statistics-dataTab{
		height:66%;
	}
	.h-redeem-box{
		margin-top: 0rem;
	}
	.machine-detail .M-detail-contant{
		height: 74%;
	}
}