/* reset */
body,html{ margin:0; padding:0; width:100%; font-size:12px; font-family:"微软雅黑"; background:#212121; min-width:1000px;}
p,ul,li,h1,h2,h3,h4,h5,img{ margin:0; padding:0; border:0 none;}
ul,li,ol{ list-style:none;}
.cfix{*zoom:1;}
.cfix:after{display:table;clear:both;height:0;content:"";font-size:0;}
.wrap{ width:100%; max-width:1000px; margin:0 auto;}
a{ text-decoration:none;}

/*  toolbar */
.toolbar{ height:50px; background:url(../images/top_bg.png) repeat-x;}
.toolbar .logo{}
.toolbar .wrap{ position:relative;}
.toolbar .links{ position:absolute; top:0; right:10px; height:50px; display:block; line-height:50px;}
.toolbar .links a{ color:#333; margin-right:10px;}
.toolbar .links a:hover{ color:#F30;}

/* banner */
.content_wrap .navbar{ height:110px; background:url(../images/nav_bg.png) repeat-x; border-bottom:solid 2px #9b393c;}
.navbar .gamelogo{ float:left; padding:20px 0 15px 5px; position:relative; z-index:10;}
.navbar .gamelogo img,.navbar .gamelogo .tit{ display:inline-block; vertical-align:top;}
.navbar .gamelogo img{ margin-right:8px;}
.navbar .gamelogo .tit h2{ color:#cf0415; font-size:28px; line-height:35px;}
.navbar .gamelogo .tit .intro{ padding:5px 10px; display:inline-block; color:#fff; border:solid 1px #555; border-radius:4px; margin-top:5px; transition:all .3s;}
.navbar .gamelogo .tit .intro:hover{ background:#555555;}
.navbar .gamelogo .introduction{ display:none; position:absolute; width:380px; padding:8px 15px; line-height:24px; font-size:14px; background:#fff; background:rgba(255,255,255,0.9); color:#333; left:80px; top:100px; border-radius:5px; box-shadow:0 2px 5px #333;}
.navbar .gamelogo .introduction .arr_t{ width:0; height:0; display:block; border-left: solid 10px transparent; border-right: solid 10px transparent; border-bottom: solid 10px #fff; border-bottom: solid 10px rgba(255,255,255,0.85); position:absolute; top:-10px; left:40px;}
.navbar .navbox{ float:left; margin-right:10px; text-align:right; padding-top:35px;}
.navbar .navbox a{ display:inline-block; color:#fff; font-size:20px; text-align:center; margin-left:40px; transition:all 0.3s;}
.navbar .navbox a p{ font-size:10px; color:#777; line-height:24px; font-family:Consolas; transition:all 0.3s;}
.navbar .navbox a:hover{ color:#a9242b;}
.navbar .navbox a:hover p{ color:#6b191e;}

@-webkit-keyframes playbtn{
	0%{ -webkit-transform:scale(0.8);}	
	50%{ -webkit-transform:scale(1);}
	100%{ -webkit-transform:scale(0.8);}	
}
@-moz-keyframes playbtn{
	0%{ -moz-transform:scale(0.8);}	
	50%{ -moz-transform:scale(1);}
	100%{ -moz-transform:scale(0.8);}	
}
@-ms-keyframes playbtn{
	0%{ -ms-transform:scale(0.8);}	
	50%{ -ms-transform:scale(1);}
	100%{ -ms-transform:scale(0.8);}	
}
@-o-keyframes playbtn{
	0%{ -o-transform:scale(0.8);}	
	50%{ -o-transform:scale(1);}
	100%{ -o-transform:scale(0.8);}	
}
/* video box */
.video_box .play_btn{ width:100px; height:100px; display:block; position:absolute; top:50%; left:50%; margin:-50px 0 0 -50px; background:url(../images/source.png) no-repeat left -104px;}
.video_box .play_animation{ transform-origin:center center; transform:scale(1); -webkit-transform-origin:center center; -webkit-transform:scale(1); -moz-transform-origin:center center; -moz-transform:scale(1); -ms-transform-origin:center center; -ms-transform:scale(1); -o-transform-origin:center center; -o-transform:scale(1); -webkit-animation: playbtn 1.5s infinite; -moz-animation: playbtn 1.5s infinite; -ms-animation: playbtn 1.5s infinite; -o-animation: playbtn 1.5s infinite;}
.video_box .flow_left{ position:absolute; bottom:15px; display:block; width:86px; text-align:center; color:#946823; background:#333; font-size:14px; padding:5px 0; border:solid 1px #454545;}
.video_box .flow_left img{ width:76px; height:76px;}
.video_box .gift_box{ left:15px; cursor:pointer;}
.video_box .gift_box .gift_code{ display:block; visibility:hidden; position:absolute; top:-60px; left:0; text-align:left; padding:12px 15px; width:400px; border-radius:5px; background:#fff; background:rgba(255,255,255,0.85);}
.video_box .gift_box .gift_code .code{ background:none; border:0 none; width:300px;}
.video_box .gift_box .gift_code .copy{ padding:4px 10px; color:#871921; border:solid 1px #871921; border-radius:5px; margin-left:20px; cursor:pointer;}
.video_box .gift_box .gift_code .arr_b{ width:0; height:0; display:block; border-left: solid 10px transparent; border-right: solid 10px transparent; border-top: solid 10px #fff; border-top: solid 10px rgba(255,255,255,0.85); position:absolute; bottom:-10px; left:20px;}
.video_box .weixin_box{ left:10px;}
.video_box .flow_right{ width:114px; position:absolute; bottom:50px;}
.video_box .flow_right .list{ width:114px; display:none; background:url(../images/dot_bg.png) repeat; padding:20px 10px 30px 10px; border:solid 2px #7e131f;}
.video_box .flow_right:hover .list{display:block;}
.video_box .activity{ right:30px;}
.video_box .service{ right:30px;}
.video_box .flow_right li{ border-bottom:dashed 1px #555;}
.video_box .flow_right li:last-child{ border:0 none;}
.video_box .flow_right li a{ color:#b1b1b1; display:block; width:100%; height:100%; height:28px; font-size:14px; line-height:28px; overflow:hidden;}
.video_box .flow_right li a:hover{ color:#c80309;}
.video_box .flow_right .switch_btn{ display:block; position:absolute; bottom:-13px; left:22px; width:90px; height:26px; line-height:26px; text-align:center; font-size:14px; color:#c80309; background:url(../images/source.png) no-repeat left -76px;}
.video_box .flow_right .switch_btn.hover{ background-position:left -48px; color:#fff;}
.video_box .video_play_dialog{ display:none; width:100%; height:100%; position:absolute; left:0; top:0; background:#000;}
.video_play_dialog #homeVideo,.video_play_dialog #player{ width:100%; height:100%; cursor:pointer;}
.video_play_dialog .close_btn{ position:absolute; display:none; width:40px; height:30px; font-size:30px; line-height:26px; text-align:center; color:#ffc67c; background:#871921; right:0; top:-30px; cursor:pointer;}
.video_play_dialog .close_btn:hover{ background:#AE0005;}

/* 热点链接区 */
.hot_links{ height:182px; margin-top:20px;}
.hot_links .common_slider,.hot_links .common_slider img{ width:570px; height:182px; float:left;}
.common_slider,.shot_slider{ overflow:hidden; position:relative;}
.common_slider ul,.shot_slider ul{ display:block; height:100%; position:absolute; left:0; top:0;}
.common_slider ul li,.shot_slider ul li{ height:100%;}
.common_slider ul li img,.shot_slider ul li img{width:100%;}
.common_slider .switcher,.shot_slider .switcher{ position:absolute; bottom:10px; right:15px;}
.common_slider .switcher a,.shot_slider .switcher a{ display:inline-block; width:10px; height:10px; margin-left:8px; border-radius:5px; background:#fff; opacity:0.5; filter:Alpha(opacity=50); transition:all .3s;}
.common_slider .switcher a.hover,.shot_slider .switcher a.hover{ width:20px;}
.hot_links .link_area{ width:430px; display:block; float:left;}
.hot_links .link_area a{ display:inline-block; width:200px; height:82px; color:#ffc67c; text-align:center; line-height:82px; font-size:28px; vertical-align:top; text-shadow:0 0 5px #333; background:url(../images/hot_link_bg.jpg) no-repeat left top; margin-left:15px;}
.hot_links .link_area a:hover{ background-position:-200px top;}
.hot_links .link_area a.hot:hover{ background-position:-200px -82px;}
.hot_links .link_area a.m9{ margin-bottom:18px}

/* 文章列表区 */
.article{ margin-top:30px;}
.game_guide,.game_shotcut{ width:500px; overflow:hidden; float:left;}
.article .title{ font-size:20px; color:#ffc678; font-weight:normal; padding-bottom:10px; position:relative;}
.article .list{ background:#0f0f0f; border-top:solid 2px #871921;}
.article .title span{ font-size:10px; color:#333; vertical-align:bottom; padding-left:10px;}
.article .title .more{ color:#871921; font-size:14px; position:absolute; right:0; top:10px;}
.game_guide ul{ padding:10px;}
.game_guide ul li{ height:40px; line-height:26px; padding:10px 0;}
.game_guide ul li a{ overflow: hidden;color:#616161; width: 58px; display:inline-block;height: 26px;padding-top: 10px;}
.game_guide ul li a.tit{ width:84px; height:47px; background:url(../images/source.png) no-repeat left -205px; text-align:center; margin-right:10px;overflow: inherit;padding-top: 2px;vertical-align: 8px;}
.game_guide ul li a.more{ color:#c4a554; width:60px; /* text-align:right; */float: right;}

.game_shotcut .shot_slider,.game_shotcut .shot_slider img{ width:500px; height:262px;}

.server_list{ width:280px; margin-left:10px; float:left;}
.server_list ul{ padding:10px;}
.server_list li{ height:35px; line-height:35px; padding-top:4px; border-bottom:dashed 1px #333;}
.server_list li span{ color:#909090; display:inline-block; overflow:hidden; height:30px; line-height:30px;}
.server_list li span.col1{ width:130px;}
.server_list li span.col2{ width:90px;}
.server_list li span.col3{ width:40px; color:#871921;}
.article .kefu{ float:left; margin-left:10px; width:200px;}
.article .kefu .bg_wrap{ background:#0f0f0f;}
.article .kefu ul{ padding:10px; height:240px; background:url(../images/kefu.png) no-repeat bottom right;}
.article .kefu li{ color:#5a5a5a; line-height:30px;}
.article .kefu li span{ display:inline-block;text-align:right;}
/*.article .kefu li span{ display:inline-block; width:60px; text-align:right;}*/
.article .ar_list{ width:495px; float:left;}
.article .mr10{ margin-right:10px;}
.article .ar_list ul{ padding:10px;}
.article .ar_list li{ height:40px; line-height:40px; font-size:14px; border-bottom:dashed 1px #2a2a2a;}
.article .ar_list li .ar{ color:#871921; margin-right:10px; vertical-align:top;}
.article .ar_list li a{ color:#4d4d4d; display:inline-block; transition:all .3s; width:350px; height:40px; line-height:40px; overflow:hidden;}
.article .ar_list li a:hover{ color:#bd4242;}
.article .ar_list li .time{ display:inline-block; width:50px; text-align:right; color:#2c2c2c; vertical-align:top;}

.article .left_links{ width:220px; float:left;}
.article .left_links .list{ padding:25px;}
.article .left_links .list *{ display:block; margin:0 auto;}
.article .left_links .list img{ margin:10px auto 20px auto; width:130px; background:#fff;}
.article .left_links .list a.lk2{ background-position:left -43px;}
.article .left_links .list a.lk3{ background-position:left -86px;}

.article .right_cont{ width:765px; float:right;}
.article .title .map{ font-size:12px; position:absolute; right:5px; top:10px; color:#909090;}
.article .title .map a{ color:#909090; }
.article .title .map a:hover{text-decoration:underline;}
.article .right_server .list{ padding:25px 10px 25px 15px;}
.right_server .list li{ width:310px; height:42px; line-height:42px; float:left; padding:0 15px; color:#909090; font-size:14px; margin:10px 10px 10px 15px; display:inline-block; background:url(../images/server_bg.png) no-repeat;}
.right_server .list li span{ display:inline-block; vertical-align:top; overflow:hidden;}
.right_server .list li .lt1{ width:150px; margin-right:10px;}
.right_server .list li .lt2{ width:100px; text-align:center;}
.right_server .list li .lt3{ width:50px; text-align:center; color:#962028;}

.right_gift .list{ padding:70px 50px; font-size:14px;}
.right_gift .list .gift_tit{ height:35px; line-height:36px; background:#2a1700; color:#8b6800; padding:0 25px 0 55px; font-size:14px; position:relative;}
.right_gift .list .gift_tit:after{ content:""; display:block; width:25px; height:26px; background:url(../images/gift_icon.jpg) no-repeat; position:absolute; left:10px; top:5px;}
.right_gift .gift_list .sel_list{ margin:30px 0;}
.gift_list .sel_list li{ height:30px; line-height:30px; padding:10px 0;}
.gift_list .sel_list li span{ display:inline-block; vertical-align:top;}
.gift_list .sel_list li .tit{ width:130px; text-align:right; padding-right:20px; color:#5b5b5b; font-weight:bold;}
.gift_list .sel_list li select{ height:30px; width:240px; border:0 none; color:#333;}
.gift_list .opt{ padding-left:150px;}
.gift_list .opt .gift_yes{ color:#ffc67c; line-height:30px; font-weight:bold; font-size:14px;}
.gift_list .opt .gift_yes .copy{ background:#871921; color:#fff; padding:2px 7px 4px 7px; margin-left:20px; border-radius:5px; cursor:pointer;}
.gift_list .opt .gift_no{ line-height:30px; color:#b0232d;}
.gift_list .opt .gift_btn{ width:200px; height:62px; line-height:62px; display:inline-block; margin:15px 0; color:#ffc67c; font-size:24px; text-align:center; background:url(../images/hot_link_bg.jpg) no-repeat;}
.gift_list .opt .gift_btn:hover{ background-position:-200px 0;}
.gift_list .opt .gift_ask{ color:#6b6b6b; margin-top:30px; cursor:pointer; font-size:14px; padding-left:28px; line-height:24px; font-weight:bold; position:relative;}
.gift_list .opt .gift_ask:after{ content:""; display:block; width:20px; height:20px; background:url(../images/gift_ask.jpg); position:absolute; left:0; top:2px;}
.gift_list .opt .gift_que{ width:320px; display:none; background:#c3c3c3; color:#373737; padding:10px; line-height:20px; margin-top:20px; position:relative;word-wrap: break-word;}
.gift_list .opt .gift_que:after{ content:""; width:0; height:0; overflow:hidden; border-left:solid 10px transparent; border-right:solid 10px transparent; border-bottom:solid 10px #c3c3c3; position:absolute; left:30px; top:-10px;}

.right_kefu .list{ padding:80px 50px 200px 50px;}
.right_kefu .list .kefu_info{ display:block; min-height:170px; padding-left:150px; background:url(../images/kefu.png) no-repeat left top;}
.right_kefu .list .kefu_info li{ line-height:40px; color:#666; font-size:14px;}

.right_article .list{ padding:50px 15px; color:#777; font-size:14px;}
.right_article .list .ar_title{ font-size:24px; text-align:center; padding-bottom:15px; border-bottom: solid 1px #222;}
.right_article .list .ar_time{ text-align:center; line-height:40px; border-bottom: solid 1px #222;}
.right_article .list .ar_time span{ margin-right:30px;}
.right_article .list .ar_content{ padding:30px;}
.right_article .list .d_links{ margin:40px 20px; padding-top:10px; border-top:dashed 1px #222;}
.right_article .list .d_links li{ line-height:30px;}
.right_article .list .d_links a{ color:#777;}
.right_article .list .d_links a span{ color:#871921;}
.right_article .list .d_links a:hover{ color:#871921; text-decoration:underline;}
.right_article .list .ar_samelist .tit{ background:#1c1c1c; height:35px; line-height:35px; font-size:16px; padding-left:20px;}
.right_article .list .ar_samelist a{ color:#555; display:inline-block; width:340px; margin:20px 0 0 25px; height:20px; overflow:hidden; float:left;}
.right_article .list .ar_samelist a:hover{ color:#871921; text-decoration:underline;}

.right_article_list .list{ padding:30px; color:#777; font-size:14px;}
.right_article_list .article_list li{ border-bottom:solid 1px #222; line-height:40px; padding-right:130px; position:relative;}
.right_article_list .article_list li a{ color:#777; height:24px; width:1005; overflow:hidden;}
.right_article_list .article_list li a:hover{ color:#871921; text-decoration:underline; }
.right_article_list .article_list li span{ position:absolute; right:0; text-align:center; width:110px;}

.article_pages{ text-align:center; padding:40px 0;}
.article_pages a{ padding:5px 10px; background:#2e2e2e; margin-right:10px; color:#7f7f7f;}
.article_pages a:hover,.article_pages a.cur{ color:#a8a8a8; background:#4b1418;}
.article_pages span{padding: 0 10px 0 0}

/* copyright */
.copyright{ margin-top:80px; border-top: solid 1px #282828; padding:20px 0;}
.copyright .about{ text-align:center; color:#43362b;}
.copyright .about a{ color:#66574a; padding:0 15px; transition:all .3s;}
.copyright .about a:hover{ color:#b38b68;}
.copyright .w2{ padding-top:20px;}
.copyright .w2 .logo{ width:125px; height:46px; display:inline-block; overflow:hidden; vertical-align:top; margin-right:40px;}
.copyright .w2 .tips{ display:inline-block; color:#666; vertical-align:top; line-height:24px;}
.copyright .wrap{position: relative;}
.tiaoma{position: absolute;right: 0;top: 0;}

/* 悬浮下载框 */
.flow_down_box .code{ width:100%; background:#fff;}
.flow_down_box .down{ display:block; width:110px; height:30px; position:absolute; left:0; background:#fff; opacity:0; filter:alpha(opacity=0);}
.flow_down_box .android{ top:115px;}
.flow_down_box .ios{ top:149px;}
.flow_down_box .yueyu{ top:183px;}

@media screen and (max-width:1280px){
	.flow_down_box{ right:10px;}	
}
@media screen and (max-width:1024px){
	.flow_down_box{ display:none;}	
}

/* 添加抽屉图 s*/
.toolbar{
	position: relative;
	z-index: 12;

}

.popImg{width: 100%;
	position: absolute;
	left: 0;
	top: 30px;
	z-index: 11;
	display: block;
}
.popImg p{color: #fff; font-size: 20px; position: absolute;top: 32px; right: 100px;}
.popImg img{width: 100%}
.popImg .closed{ position: absolute; right: 30px; top: 30px; display: block; width: 48px; height: 30px;
background: url("../images/close_n.png") no-repeat;
}
.popImg .closed:hover{background: url("../images/close_h.png") no-repeat;}
.popImg .red{ color: #C72121}

.flow_down_box {
	width: 90px;
	height: 169px;
	padding: 10px 10px 0 10px;
	position: fixed;
	top: 302px;
	right: 70px;
	background: url(../images/fixed_link_bg2.png) no-repeat;
}