html,body{
	width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
}

body{
	overflow: hidden;
}

padding-10{
	padding: 10px;
}
margin-10{
	margin: 10px;
}

header h3{
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding: 0 80px;
}
.mobile header .title-bar{
	height: 60px;
	line-height: 60px;
	font-size:28px;
}
.mobile header .title-bar h3{
	font-size: 30px;
	line-height: 60px;
}
.mobile header .pcui-return .fa{
	font-size: 40px;
	line-height: 60px;
}
.mobile header .top-toolbar .btn{
	font-size: 30px;
}
header {
    width: 100%;
    z-index: 5;
    position: absolute;
    top: 0;
    left: 0;
}
#mainFrame{
    width: 100%;
    height: 100%;
    overflow: hidden;
    border: none;
    padding: 0;
    margin: 0;
    position: absolute;
    
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

.top-toolbar{
	background: #fff;
	text-align: center;
}
.video-box{
	display:none;
	position: relative;
}
.video-box.act{
	display: block;
}

.video-box .toolbar{
	position: absolute;
	top:5px;
	right: 5px;
	background: #fff;
	
}
.video-box .toolbar .btn{
	padding: 0;
}
.lot-video-frame {
    width: 100%;
    height:100%;
}

.chart-notice{
	background: #fff;
	text-align: center;
	font-size: 24px;
	color:red;
}
.chart-notice a:link,
.chart-notice a:visited,
.chart-notice a:hover{
	color:red;
}
.chart-notice .blue,
.chart-notice .blue a:link,
.chart-notice .blue a:visited,
.chart-notice .blue a:hover{
	color:blue;
}

.chart-notice .black,
.chart-notice .black a:link,
.chart-notice .black a:visited,
.chart-notice .black a:hover{
	color: black;
}

.ad-box{
	position: absolute;
	z-index:999;
	text-align: center;
}
.ad-box-toolbar{
	background: #cccccc;
}
.top-toolbar .btn{
	padding-right:3px;
	padding-left:3px;
}
.is-index i{
	color: #E36A1B;
}

.user-no-ads.lottery-not-free .lottery-not-free,
.lottery-free .lottery-not-free,
.lottery-not-free .lottery-free,
.user-no-ads .user-ads,
.user-ads .user-no-ads{
	display:none;
}