body,h1,h2,h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin: 0; padding: 0;}
body,button,input,select,textarea{font-size:12px;font-family:"微软雅黑",tahoma,arial,sans-serif;line-height:160%;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
em{font-style:normal;}
ul,ol{list-style:none;}
a{outline:none;hide-focus:expression(this.hideFocus=true);text-decoration:none;}
fieldset,img{border:0;}
table{border-collapse:collapse;border-spacing:0;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{*zoom:1;}
.none{display:none;}
.fl{ float:left;}
.fr{ float:right;}
.middle{text-align:center;}.pa{position:absolute;}.fl{float:left;}.fr{float:right;}.clf{clear:both;}

body{background:#000;}

.wrapper{padding-top:40px; min-width:1218px;}

.wrapper .header{height:79px; border-top:1px #1e5cc1 solid; background:#1849ac; position:relative; z-index:991;}
.wrapper .header .bb_logo{position:absolute; top:0px; left:260px;}

.wrapper .header .link_bb{position:absolute; display:block; top:22px; left:715px; background:url(https://img1.tiancitycdn.com/project5/fs2/event/McCc/images/link_bb.jpg) no-repeat; width:215px; height:40px; z-index:992;}
.wrapper .header .link_bb ul{display:none; position:absolute; left:0; top:40px; width:215px; overflow:hidden;z-index: 993;}
.wrapper .header .link_bb ul li{display:block; width:100%; height:40px; float:left;}
.wrapper .header .link_bb ul li a{display:block; width:90%; height:40px; color:#818181; background:#1b1b1b; font-size:14px; font-weight:bold; line-height:40px; padding-left:10%; float:left;}
.wrapper .header .link_bb ul li a:hover{background:#000; color:#17baff;}

.wrapper .header .jt{width:37px; height:20px; position:absolute; top:78px; left:380px; background:url(https://img1.tiancitycdn.com/project5/fs2/event/McCc/images/jt.png) no-repeat;}
.wrapper .header img{float:left;}
.wrapper .header .t_link{float:left; padding-left:260px;}
.wrapper .header .t_link a{color:#fff; font-size:18px; font-weight:900; background:url(https://img1.tiancitycdn.com/project5/fs2/event/McCc/images/dian.jpg) no-repeat left center; padding-left:20px; margin-right:20px; line-height:79px;}

.wrapper .main_div{background:url(https://img1.tiancitycdn.com/project5/fs2/event/McCc/images/main_bg.jpg) no-repeat top right #222224; overflow:hidden; height:900px;}
.wrapper .main_div .menu_div{width:250px; height:900px; background:#2d3546; float:left;}
.wrapper .main_div .menu_div ul{width:250px;}
.wrapper .main_div .menu_div ul li{display:block; width:213px; height:68px; border-bottom:1px #282f3f solid; border-top:1px #3f4b63 solid; background:url(https://img1.tiancitycdn.com/project5/fs2/event/McCc/images/btn_bg.jpg); color:#879fd2; font:24px/60px "微软雅黑"; font-weight:bold; padding:10px 0 0 37px; cursor:pointer; margin:0; overflow:hidden; float:left;}
.wrapper .main_div .menu_div ul li span{font-size:60px; font-family:Arial; font-weight:900; float:left; cursor:pointer;}
.wrapper .main_div .menu_div ul li em{display:block; width:10px; height:10px; background:#45547A; float:left; margin:42px 12px 0 10px; overflow:hidden; cursor:pointer;}
.wrapper .main_div .menu_div ul li label{float:left; height:68px; padding-top:10px; cursor:pointer;}
.wrapper .main_div .menu_div ul .on{background:url(https://img1.tiancitycdn.com/project5/fs2/event/McCc/images/btn_on_bg.jpg); border-bottom:1px #2579c1 solid; border-top:1px #39aed9 solid;}
.wrapper .main_div .menu_div ul .on span,.wrapper .main_div .menu_div ul .on label{color:#fff;}
.wrapper .main_div .menu_div ul .on em{background:#fff;}

.wrapper .main_div .con_div{margin-left:250px; width:940px;}
.wrapper .main_div .con_div h2{font-size:100px; font-weight:bold; color:#fff; line-height:120%;}
.wrapper .main_div .con_div h2 img{display:inline-block; padding-bottom:30px;}
.wrapper .main_div .con_div .text_div{height:820px; overflow-x:hidden; overflow-y:auto; width:800px;}
.wrapper .main_div .con_div .text_div p{font-size:14px; color:#fff; line-height:180%;}
.wrapper .main_div .con_div .text_div img{border:3px #fff solid; margin:30px 10px;}
.wrapper .main_div .con_div .text_div img.noborder{border:none; margin:30px 13px;}
.wrapper .main_div .con_div .text_div .pic_list{overflow:hidden;}
.wrapper .main_div .con_div .text_div span{display:block; float:left; padding:0; margin:30px 15px; width:156px;}
.wrapper .main_div .con_div .text_div span label{color:#fff; text-align:center; width:100%; display:block; padding:8px 0;}
.wrapper .main_div .con_div .text_div span img{margin:0;}

.wrapper .main_div .con_div #tab1,.wrapper .main_div .con_div #tab2,.wrapper .main_div .con_div #tab3,.wrapper .main_div .con_div #tab4,.wrapper .main_div .con_div #tab5,.wrapper .main_div .con_div #tab0{display:none; padding:50px; z-index:990;}

.wrapper .main_div .con_div #tab0{}
.wrapper .main_div .con_div #tab0 .tab_men{overflow:hidden; padding-top:20px; width:90%;}
.wrapper .main_div .con_div #tab0 .tab_men a{display:block; float:left; border:3px #333 solid; margin-right:20px; opacity:0.6; filter:alpha(opacity=60);}
.wrapper .main_div .con_div #tab0 .tab_men .on{border:3px #fff solid;opacity:1; filter:alpha(opacity=100);}
.wrapper .main_div .con_div #tab0 .tab_men a img{border:0; padding:0; margin:0;}

.player_1,.player_2,.player_3{display:none;}

.wrapper .main_div .con_div #tab0{position:relative;}
.wrapper .main_div .con_div #tab0  #new_player{position:absolute; top:50px; left:650px;}

.wrapper .main_div .con_div #tab0 .tab_con h3{font-size:36px; padding:30px 0;}
.wrapper .main_div .con_div #tab0 .tab_con p{color:#848484;}
.wrapper .main_div .con_div #tab0 .tab_con .t_c{width:400px; height:120px; background:#1b1c1d; padding:30px 30px; margin:20px 0;}
.wrapper .main_div .con_div #tab0 .tab_con .t_c h4{color:#bdbdbd; font-size:16px; padding-bottom:25px;}
.wrapper .main_div .con_div #tab0 .tab_con .t_c p{color:#686868; font-size:12px;}
.wrapper .main_div .con_div #tab0 .tab_con h5{font-size:24px; font-weight:bold; color:#fff; margin:20px 0;}
.wrapper .main_div .con_div #tab0 .tab_con h5 em{color:#ffdd00;}

.wrapper .main_div .con_div #tab0 .tab_con .player_0,.wrapper .main_div .con_div #tab0 .tab_con .player_1,.wrapper .main_div .con_div #tab0 .tab_con .player_2{position:relative;}
.wrapper .main_div .con_div #tab0 .tab_con i{background:url(https://img1.tiancitycdn.com/project5/fs2/event/McCc/images/icon.png) no-repeat; width:72px; height:32px; position:absolute; display:block;}
.wrapper .main_div .con_div #tab0 .tab_con .c{background-position:0 0; top:25px;*top:40px;_top:40px; left: 130px;}
.wrapper .main_div .con_div #tab0 .tab_con .pg{background-position:-80px 0; top: 25px;*top:40px;_top:40px; left: 130px;}
.wrapper .main_div .con_div #tab0 .tab_con .pf{background-position:-160px 0; top: 23px;*top:40px;_top:40px; left: 90px;}
.wrapper .main_div .con_div #tab0 .tab_con .all{background-position:0 0; top: 24px;*top:40px;_top:40px; left: 130px; width:192px;}

.wrapper .main_div .con_div #tab0 .tab_con .link{padding:10px 0;}
.wrapper .main_div .con_div #tab0 .tab_con .link a{font-size:14px; font-weight:bold; color:#fff;}
.wrapper .main_div .con_div #tab0 .tab_con .link a:hover{ text-decoration:underline;}

.main_div .con_div .text_div h3{color:#17baff; font-size:30px; font-weight:bold; padding:70px 0 20px 0;}
.main_div .con_div .text_div h3.nopadding{padding:0 0 20px 0;}
#pic_show{display:none;width: 100%;height: 100%;background: url(https://img1.tiancitycdn.com/project5/csol2/event/shoucezige/v1/images/bg_black.png);position: fixed;_position: absolute;top: 0;_top: expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop+(document.documentElement.clientHeight-this.offsetHeight)/2:document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);z-index: 999999;left: 0;}

#pic_show .pic_div{width: 800px;height: 599px;position: absolute;top: 50%;left: 50%;margin:-295px 0 0 -400px; text-align:center;}
#pic_show .pic_div img{border:5px #fff solid;}
#pic_show .pic_div a{position:absolute; top:0; right:-50px;}
#pic_show .pic_div a img{border:0;}

.webstore-Qf-Rf-Hb::-webkit-scrollbar{
	/*初始化滚动条宽度*/
	width:6px;
	/*初始化滚动条背景颜色*/
	background:-webkit-gradient(linear,left top,right top,color-stop(0%,rgba(73,73,73,0.7)),color-stop(100%,rgba(73,73,73,0.7)));
	background:-webkit-linear-gradient(left,rgba(73,73,73,0.07) 0%,rgba(73,73,73,0.7) 100%);
	background-color:#49494b;
	border-radius:3px;	
}
.webstore-Qf-Rf-Hb::-webkit-scrollbar-thumb{
	/*初始化滚动块背景颜色*/
	background:-webkit-gradient(linear,left top,right top,color-stop(0%,rgba(230,50,120,0.5)),color-stop(100%,rgba(230,50,120,0.5)));
	background:-webkit-linear-gradient(left,rgba(230,50,120,0.05) 0%,rgba(230,50,120,0.5) 100%);
	background-color:#17baff;
	border-radius:3px;
}

.rollbar-path-vertical{position:absolute; width:4px; border-radius:2px; background:#000; opacity:0.2; height:96%; z-index:100; right:6px; top:2%;}
.rollbar-handle{position:absolute; width:4px; border-radius:2px; background:#17baff;z-index:101; height:25%;}