html{overflow-x:scroll;}
div{margin:0 auto;}

section{display: block;}
/* .viewport{min-height: 100%;} */

.display-box{display: -webkit-box; display: -webkit-flex; display: flex;}
.flex{-webkit-box-flex:1; -webkit-flex:1; flex:1;}

.activity_middle{color:#000; font: 24px/36px normal; /*max-width:1680px;*/ position: relative; overflow: hidden; background: none no-repeat scroll 0 0 transparent;}
.activity_middle{
	background-color: #fff; /* 不支持线性的时候显示 */
    background-image: linear-gradient(#fff , #fff);
}
.layout1,.layout2,.layout3,.layout4,.layout5,.layout6,.layout7,.layout8,.layout9,.layout10{width: 1120px; position: relative; z-index: 1;}

.content_part1{position: absolute; top: 204px; left: 80px; z-index: 1; width: 960px;}

.pic img{vertical-align: top;}

.radius_cion{display: inline-block; width: 20px; height: 20px; text-align: center; line-height: 20px; background-color: #f87b00; color: #259571; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; font-size: 14px; font-weight: bold; margin-right: 5px;}

.layout3{padding-top: 124px; height: 836px;}

.rank_top3{height: 550px; position: relative; z-index: 1;}
.rank_top3 .emcee_user{position:relative; width:160px; /*margin:0 16px;*/ float:left; text-align:center; overflow:hidden;}
.rank_top3 .emcee_user p{font: 18px/32px normal; color:#000; overflow: hidden; white-space:nowrap; text-overflow:ellipsis;}
.rank_top3 .emcee_user p img.pic{
	width:114px;
	height:114px;
	/*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${STATIC_RES_PREFIX}images/111.png',sizingMethod='scale');*/
	border-width:3px;
	border-style:solid;
	border-color:rgba(255,255,255,0.7);
	-moz-border-radius:100%;
	-webkit-border-radius:100%;
	border-radius:100%;
	margin-bottom:5px;
	/*behavior:url(ie-css3-20140723.htc);*/
}
.rank_top3 .emcee_user p img.border_line1{border-color:#fff;}
.rank_top3 .emcee_user p img.border_line2{border-color:#fff;}
.rank_top3 .emcee_user p a{color:#000;}
.rank_top3 .emcee_user .online_local{position:absolute; top:104px; left:65px; z-index:1;}
.rank_top3 .rank_num1{position: absolute; top: 80px; left: 50%; z-index: 1; margin-left: -160px; width: 320px;}
.rank_top3 .rank_num2{position: absolute; top: 290px; left: 120px; z-index: 1; width: 320px;}
.rank_top3 .rank_num3{position: absolute; top: 290px; right: 120px; z-index: 1; width: 320px;}
.rank_top3 .rank_icon1,
.rank_top3 .rank_icon2,
.rank_top3 .rank_icon3{position: absolute; top: 30px; left: 50%; z-index: 1; display: inline-block; width: 64px; height: 68px; margin: 0 0 0 -32px;}
.rank_top3 .rank_icon1{background:url(img/num1.png) no-repeat scroll 0 0 transparent;}
.rank_top3 .rank_icon2{background:url(img/num2.png) no-repeat scroll 0 0 transparent;}
.rank_top3 .rank_icon3{background:url(img/num3.png) no-repeat scroll 0 0 transparent;}
.rank_top3 .rank_hua1,
.rank_top3 .rank_hua2,
.rank_top3 .rank_hua3{position: absolute; top: -30px; left: -8px; z-index: -1; display: inline-block; width: 133px; height: 148px;}
.rank_top3 .rank_hua1{background:url(img/r_bg1.png) no-repeat scroll 0 0 transparent;}
.rank_top3 .rank_hua2,.rank_top3 .rank_hua3{background:url(img/r_bg1.png) no-repeat scroll 0 0 transparent;}

.online_icon{display:inline-block; width:36px; height:20px; font: 14px/20px normal; text-align:center; background-color:#f00; color:#fff; border-radius:20px;}


.scrollwrap{position:relative; width:960px;}
.scrollwrap .layoutwrap{position:relative; height:390px; overflow:hidden;}
.scrollwrap .layoutwrap ul{/*height:254px;*/}
.scrollwrap .layoutwrap ul li{width:320px; height: 179px; padding:8px 0; float:left; overflow:hidden;}
.scrollwrap .layoutwrap ul li.line_bg{background:url(img/line.png) no-repeat scroll 20px 36px transparent;}
.scrollwrap .layoutwrap ul li .emcee_user{position:relative; width:160px; /*margin:0 16px;*/ float:left; text-align:center; overflow:hidden;}
.scrollwrap .layoutwrap ul li .emcee_user p{font: 18px/32px normal; color:#fff; overflow: hidden; white-space:nowrap; /* text-overflow:ellipsis; */}
.scrollwrap .layoutwrap ul li .emcee_user p img.pic{
	width:108px;
	height:108px;
	/*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//cdnfile.imifun.com/www/ivp/images/111.png',sizingMethod='scale');*/
	border-width:3px;
	border-style:solid;
	border-color:rgba(255,255,255,0.7);
	-moz-border-radius:100%;
	-webkit-border-radius:100%;
	border-radius:100%;
	margin-bottom:5px;
	/*behavior:url(ie-css3-20140723.htc);*/
}
.scrollwrap .layoutwrap ul li .emcee_user p img.border_line1{border-color:#fff;}
.scrollwrap .layoutwrap ul li .emcee_user p img.border_line2{border-color:#fff;}
.scrollwrap .layoutwrap ul li .emcee_user p a{color:#fff;}
.scrollwrap .layoutwrap ul li .emcee_user .online_local{position:absolute; top:104px; left:65px; z-index:1;}
.online_icon{display:inline-block; width:36px; height:20px; line-height:20px; text-align:center; background-color:#f00; color:#fff; border-radius:20px;}
.scrollwrap .layoutwrap .act1div{/*height:254px;*/}
.scrollwrap .layoutwrap .act1div .scrollpart{width:960px; /*height:254px;*/ float:left;}
.scrollwrap .scrollbtnleft,.scrollwrap .scrollbtnleft1{position:absolute; top:50%; left:-44px; z-index: 2; display:block; width:56px; height:56px; margin: -28px 0 0;}
.scrollwrap .scrollbtnleft{background:url(img/left_btn.png) no-repeat scroll 0 0 transparent;}
.scrollwrap .scrollbtnleft1{/* background:url(img/left1_btn.png) no-repeat scroll 0 0 transparent; */}
.scrollwrap .scrollbtnright,.scrollwrap .scrollbtnright1{position:absolute; top:50%; right:-44px; z-index: 2; display:block; width:56px; height:56px; margin: -28px 0 0;}
.scrollwrap .scrollbtnright{background:url(img/right_btn.png) no-repeat scroll 0 0 transparent;}
.scrollwrap .scrollbtnright1{/* background:url(img/right1_btn.png) no-repeat scroll 0 0 transparent; */}

.fnum{display: inline-block; width: 30px; height: 30px; margin: 3px 24px 0 0; text-align: center; line-height: 30px; border-radius: 100%; font-size:20px; color: #2f1449; background-color: #fefe92;}



.activity_dome_scroll{position: relative; z-index: 1;}
.activity_dome_scroll .scrollbar{
	position: absolute;
	top: 0;
	right: 8px;
	width: 6px;
	/* padding: 1px; */
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	z-index: 2;
	background-color: transparent;
}
.activity_dome_scroll .thumb{
	width: 6px;
	height: 12px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background-color: rgba(0,0,0,0.4);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	overflow: hidden;
	cursor: pointer;
}
.activity_dome_scroll .thumb .end{
	width: 6px;
	height: 5px;
}
.activity_dome_scroll .disable{ display: none; }
.activity_dome_scroll .viewport{
	/*width: 346px;*/
	height: 284px;
	overflow: hidden;
	position: relative;
	z-index: 1;
}
.activity_dome_scroll .overview{
	/*width: 346px;*/
	position: relative;
	list-style: none;
}
#fivetwozero_record .viewport{
	/*width: 346px;*/
	height: 260px;
}


.activity_pop{position: absolute; top: 0; left: 0; z-index: 1000; display: none; width: 400px; height: 242px;}
.pop_bmcg{background: url(img/pop_bmcg.png) no-repeat scroll 0 0 transparent; background-size: 100%;}
.pop_gmsb{background: url(img/pop_gmsb.png) no-repeat scroll 0 0 transparent; background-size: 100%;}
.pop_gxn{background: url(img/pop_gxn.png) no-repeat scroll 0 0 transparent; background-size: 100%;}
.pop_hbq{background: url(img/pop_hbq.png) no-repeat scroll 0 0 transparent; background-size: 100%;}
.pop_ok{background: url(img/pop_ok.png) no-repeat scroll 0 0 transparent; background-size: 100%;}
.pop_box_scores_record{width: 540px; height: 424px; background: url(img/pop_box_scores_record.png) no-repeat scroll 0 0 transparent; background-size: 100%;}
.pop_wrap1{height: 102px; padding: 81px 32px 0; font: 20px/24px normal; color: #fff;}
.pop_wrap2{padding: 84px 0 0; text-align: center; font: 20px/24px normal; color: #fff;}
.pop_w1{text-align: center;}
.pop_w2{padding: 12px 0 0; text-align: center;}
.pop_w3{padding: 24px 0 0; text-align: center;}
.pop_gift_list li{float: left; width: 80px; margin: 0 4px; text-align: center;}
.pop_pic1{width: 54px; height: 54px; vertical-align: top;}
.pop_p1{font: 14px/28px normal; white-space: nowrap; overflow: hidden;}
.pop_sub{text-align: center;}
.pop_sure_btn{display: inline-block; width: 100%; font: 24px/50px normal; color: #fff; vertical-align: top; cursor: pointer;}

.pop_close{position: absolute; top: 18px; right: -18px; z-index: 1; display: inline-block; width: 48px; height: 48px; background: url(img/pop_close.png) no-repeat scroll 50% 50% transparent; background-size: 100%; cursor: pointer;}


/* .activity_dome_scroll{overflow-y: auto; -webkit-overflow-scrolling: touch;}
.activity_dome_scroll::-webkit-scrollbar{width: 0;} */


.preview_btn{position: absolute;top: 316px;left: 154px;z-index: 10;display: block;width: 292px;height: 256px;cursor: pointer;}

#divmask{
	display: none;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 999;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity:0.6;
	opacity: 0.6;
}

.box_midlle_common{
    -webkit-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
    display: -webkit-box; display: -webkit-flex; display: flex;
}