/*
author: wangjia;
date:2014-10-17;
*/
.fl{ float: left;}
.fr{ float: right;}
.mart10{ margin-top: 10px;}
.mart20{ margin-top: 20px;}

.bg{ width: 100%; display:table; background: #f4f4f4 top center no-repeat;}

.tp_header{ width: 1000px; height: 70px; margin: 0 auto; position: relative;}
.bg .logo{ width: 245px; height: 135px; position: absolute; left: 50%; top: 0; left: 0; }
.tp_menu{ width: 500px; height: 70px; margin-left: 250px; _display: inline;}
.tp_menu a{ width: 113px; height: 64px; float: left; margin-left: 10px; font: bold 18px/64px "楷体","楷体_GB2312"; color: #000; text-align: center; text-decoration: none;}
.tp_menu a:hover{ background: url(../images/nav_h.png) no-repeat; color: #c00;}
.tp_header .mobile_link{ font: normal 14px/36px "Microsoft Yahei"; color: #debdb7; margin-right: 38px; text-decoration: none; }
.tp_header .mobile_link:hover{ text-decoration: underline;}
.tp_header .mobiel_ewm{ position: absolute; top: 40px; right: 18px; }
.tp_header .act_link{ width: 730px; height: 250px; position: absolute; top: 320px; left: 50%; margin-left: -300px;}

.wrap{ width: 1000px; margin: 0 auto;  margin-top:370px; }
.video_btn{ width: 165px; height: 100px;  margin-top:0px; }
.top_box{ width: 100%; height: 305px;   margin-top: 40px; height: 305px; background: url(../images/topbg.jpg) no-repeat;}
.top_box .banner{ width: 660px;  position: relative; margin-top: 5px; margin-left: 6px;}
.top_box .banner li{ width: 100%; height: 295px; position: absolute;}
.top_box .page{ width: 600px; height: 30px; position: absolute; left: 20px; top: 260px;}
.top_box .page a{ width: 10px; height: 10px; overflow: hidden; float: left; background: #333; margin-left: 6px; margin-top: 10px;}
.top_box .page a.current{ width: 20px; background: #c00;}

.top_box .down{ width: 330px; height: 295px; float: right; margin-right: 6px; _display: inline;}
.top_box .down a{ width: 100%; height: 100px; float: left; background: url(../images/down.jpg) no-repeat;} 
.top_box .down .a1{background-position: 0 0;}
.top_box .down .a1:hover{background-position: -330px 0;}
.top_box .down .a2{background-position: 0 -100px;}
.top_box .down .a2:hover{background-position: -330px -100px;}
.top_box .down .a3{background-position: 0 -200px;}
.top_box .down .a3:hover{background-position: -330px -200px;}

.left{ width: 640px; margin-top: 25px; position: relative;}
.left .obscure_block{width: 230px; height: 130px; position: absolute; z-index: 2; top: 345px; left: 0; cursor: pointer;}
.left .news{ width: 100%;  }
.left .news_tit{ width: 100%; height: 42px; border-bottom: 1px solid #ccc;}
.news_tit a{ width: 120px; height: 40px; float: left; border: 1px solid #f2f2f2;border-bottom: none;  margin-right: 5px;  margin-top: 2px; font: bold 22px/40px KaiTi; color: #4e4e4e; text-align: center; text-decoration: none;}
.news_tit a.current{ width: 120px; border: 1px solid #c00; border-bottom: none; color: #c00;}

.news_tit a.more{ width: 30px; height: 15px; background:#ccc; float: right; margin-top: 15px; margin-right: 0; font: bold 15px/15px ""; color: #fff; border: none;}
.news_tit a.more:hover{ background: #c00; color: #fff;}

.left .news_cont{ width: 100%; height: 450px;  margin-top: 20px;}
.news_cont .img_news{ width: 230px;  }
.news_cont .img_news li{ width: 100%; height: 130px; position: relative;  float: left; margin-bottom: 10px; margin-bottom: 10px;}

.news_cont .text_news{ width: 380px;  }
.news_cont .text_news li{ width: 100%; height: 75px; float: left; border-bottom: 1px solid #dbdbdb; margin-top: 8px;}
.news_cont .text_news h3{ width: 100%; height: 24px;}
.news_cont .text_news h3 a{ font: bold 14px/20px "Microsoft Yahei"; color: #333; text-decoration: none;}
.news_cont .text_news h3 a:hover{text-decoration: underline;}
.news_cont .text_news h3.first a{font: bold 16px/20px "Microsoft Yahei"; color: #aa1d00; text-decoration: none; }
.news_cont .text_news h3.first a:hover{ text-decoration: underline;}

.news_cont .text_news h3 span{ font: normal 12px/20px "Microsoft Yahei"; color: #444; }
.news_cont .text_news p{ font: normal 12px/18px "Microsoft Yahei"; color: #808080; margin-top: 5px; }

.left .news_info{ width: 100%; height: 400px;}
.info_tit{ width: 100%; height: 40px; border-bottom: 1px solid #d2d1d1; font: bold 22px/40px KaiTi; color: #4e4e4e;}
.info_tit span{ font: bold 14px/40px "Microsoft Yahei"; color: #555; margin-top: 5px;}
.info_tit span a{ text-decoration: none; color: #555; margin: 3px 5px; }
.info_tit span a.current,.info_tit span a:hover{ color: #aa1d00;}
.info_tit span a.more{ width: 30px; height: 15px; background: #c0bebe; display: inline-block; font: bold 15px/12px ""; color: #fff; text-align: center; margin-left: 20px;}
.info_tit span a.more:hover{ background: #c00; color:#fff;}
.info_cont .info_pic{ margin-top: 15px;}

.left .info_menu{ margin-top: 10px;}
.left .info_menu li{ width: 100%; float: left; margin-top: 3px; vertical-align: middle;}
.left .info_menu h3{ width: 118px; height: 35px; background: url(../images/brush.jpg) no-repeat; font: normal 14px/35px "Microsoft Yahei"; color: #fff; text-indent: 17px; overflow: hidden; float: left;}
.left .info_menu p{ width: 465px; float: left; margin-left: 20px; margin-top: 6px;  font: normal 12px/20px "Microsoft Yahei"; color: #4e4e4e;}
.left .info_menu p a{font: normal 12px/20px "Microsoft Yahei"; color: #4e4e4e; margin-right: 3px; text-decoration: none; }
.left .info_menu p a:hover{ text-decoration: underline; color: #aa1d00;}

.left .game_art{ width: 100%; height: 170px; margin-top: 20px;}
.left .art_tit{ width: 100%; height: 42px; border-bottom: 1px solid #ccc;}
.art_tit a{ width: 120px; height: 40px; float: left; border: 1px solid #f2f2f2;border-bottom: none;  margin-right: 5px;  margin-top: 2px; font: bold 22px/40px KaiTi; color: #4e4e4e; text-align: center; text-decoration: none;}
.art_tit a.current{ width: 120px; border: 1px solid #c00; border-bottom: none; color: #c00;}
.art_tit a.more{ width: 30px; height: 15px; background:#ccc; float: right; margin-top: 10px; margin-right: 0; font: normal 15px/15px ""; color: #fff; border: none;}

.game_art .art_cont{ width: 100%; height: 120px; margin-top: 10px; overflow: hidden; position: relative;}
.game_art .list_box{ width: 595px; height: 100px; float: left; overflow: hidden; margin-left: 23px; _display: inline; margin-top: 10px;}
.game_art .list_box ul{ }
.game_art .list_box li{ width: 145px; height: 100px; float: left; margin-right: 5px; }
.game_art .art_cont .btn{ width: 11px; height: 22px; position: absolute; background: url(../images/arr.jpg) 0 0 no-repeat; top: 45px;}
.game_art .art_cont .prev_btn{ left: 0px; background-position: 0 0; }
.game_art .art_cont .prev_btn:hover{  background-position: -11px 0;}
.game_art .art_cont .next_btn{ right: 0px; background-position: 0 -22px;}
.game_art .art_cont .next_btn:hover{  background-position: -11px -22px;}

.right{ width: 320px; margin-top: 25px;}
.right .contact{ width: 100%; height: 350px; background: #f2f2f2; box-shadow: 0 0 5px #ccc;}
.right .contact .tp_ewm{ margin: 10px;}
.right .follow_box{ width: 130px; height: 165px;}
.right .follow_box h3{ font: normal 18px/35px KaiTi; color: #ac1d00; text-indent: 7px;}
.right .follow{ width: 100%; height: 40px; border-bottom: 1px solid #c6c6c6; text-indent: 5px; }
.right .follow a{ width: 25px; height: 22px;  display: inline-block;margin: 0 3px; margin-top: 5px; background: url(../images/follow.png) no-repeat;}
.right .follow .a1{ background-position: 0 0;}
.right .follow .a2{ background-position: 0 -22px;}
.right .follow .a3{ background-position: 0 -44px;}
.right .group_qq{ border-top: 1px solid #fff; font: normal 12px/18px "Microsoft Yahei"; color: #646464;  padding-left: 10px;}
.right .follow_box .group_qq p{ width: 115px; font-size: 12px; margin-left: 0px;}
.right .contact h4{ width: 280px; height: 30px; border-bottom: 1px solid #c6c6c6; float: left; margin-left: 20px; _display: inline; font: normal 18px/30px KaiTi; color: #ac1d00;}
.right .contact p{ width:280px; float: left; margin-left: 20px; margin-top:5px;margin-bottom: 10px;  font: normal 12px/20px "Microsoft Yahei"; color: #555; }
.right .contact p a{ font: normal 12px/24px "Microsoft Yahei"; margin-right:20px; display: inline-block; color: #555; text-decoration: none;}
.right .contact p a:hover{ color: #900; text-decoration: underline;}

.right .media_logo{ width: 100%; height: 110px; margin-top: 25px; position: relative;}
.right .media_box{ width: 280px; height: 110px; margin-left: 20px; overflow: hidden; clear: both; margin-top: 20px;}
.right .media_logo .logo_wrap{  height: 110px; }
.right .media_logo img{ float: left; margin-right: 5px; margin-bottom: 5px;}
.right .media_logo  .btn{ width: 11px; height: 22px; position: absolute; background: url(../images/arr.jpg) 0 0 no-repeat; top: 85px;}
.right .media_logo .prev_btn{ left: 0px; background-position: 0 0; }
.right .media_logo .prev_btn:hover{  background-position: -11px 0;}
.right .media_logo .next_btn{ right: 0px; background-position: 0 -22px;}
.right .media_logo .next_btn:hover{  background-position: -11px -22px;}


.right .flink{ width: 100%; height: 200px;}
.right .right_tit{ width: 100%; height: 30px; border-bottom: 1px solid #c6c6c6; font: bold 22px/30px KaiTi; color: #4e4e4e; margin-bottom: 5px;}
.right .flink a{ font: normal 12px/30px "Microsoft Yahei"; color: #333; text-decoration: none; margin-right: 10px;}
.right .flink a:hover{ color: #aa1d00; text-decoration: underline;}

.mediazone{ width: 100%; height: 480px; float: left; margin-top: 30px;}
.media_hd{ width: 100%; height: 40px; font: bold 20px/40px "KaiTi"; color: #444; border-bottom: 1px solid #aaa;}
.mediazone h3{ height: 30px; font: normal 15px/30px "Microsoft Yahei"; color: #444;}
.mediazone h3 a{ width: 30px; height: 15px; float: right; margin-top: 10px; background: #aaa; font: normal 14px/14px ""; color: #fff; text-align: center; text-decoration: none;}
.mediazone h3 a:hover{ background: #bbb;}
.mediazone .media{ width: 270px; height: 180px; float: left; margin-right: 60px; _display: inline;}
.mediazone .media_img{ width: 100%; height: 70px; position: relative; }
.mediazone .media_img a{ position: absolute; width: 100%; height: 30px; background: #000; color: #fff; left: 0; bottom: 0; text-align: center; font: normal 14px/30px "Microsoft Yahei"; text-decoration: none;filter:alpha(opacity=60);  /*支持 IE 浏览器*/
-moz-opacity:0.6;opacity:0.6;}
.mediazone .media ul{ margin-top: 5px;}
.mediazone .media li{ width: 300px; height: 24px; font: normal 12px/30px ""; color: #747474; list-style: square; margin-left: 20px;}
.mediazone .media li a{ font: normal 12px/24px "Microsoft Yahei"; color: #555; text-decoration: none;}
.mediazone .media li a:hover{ text-decoration: underline; color: #aa1d00;}


.bottom{ width: 100%; height: 233px; background: url(../images/bottom.jpg) top center no-repeat; margin-top: -60px;}

.popvideobox{ width: 800px; height: 460px;background: #f6f6f6; position: fixed; left: 50%; top: 50%; margin-left: -400px; margin-top: -275px;}
.popvideobox #videowrap{ width: 800px; height: 460px; overflow-y: auto; overflow-x: hidden; }
.popvideobox .closebtn{ width: 60px; height: 60px; position: absolute; top: 0; right: -60px; background: url(../images/closebtn.jpg) no-repeat;}
.popvideobox .closebtn:hover{ background-position: 0 -60px;}
.popDownloadBox{
    width: 538px;
    height: 320px;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -269px;
    margin-top: -160px;
    background: url("../images/popDownload.jpg");
    z-index: 9999;
}
.popDownloadBox .closebtn1{ width: 46px; height: 46px; position: absolute; top: 0; right: 0;}
.popDownloadBox .closebtn2{ width: 190px; height: 50px; position: absolute; top: 170px; right: 174px;}

.show,.show1{
    width:100%;height:2449px;filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8;position:absolute;background:#000;top:0; left:0;z-index:3000;display:none;
}
.show1{
    z-index: 3002;
}
/* 弹窗开始 */
.alert_window{width: 640px; height: 330px; background: url(../images/alert_window_bg.jpg) no-repeat; position: absolute; font-family:"Microsoft Yahei"; top: 50%; left: 50%; margin-left: -320px; margin-top: -165px; z-index:3003;}
.alert_window .exit{width: 45px; height: 45px; float: right; background: url(../images/exit.jpg) no-repeat; cursor: pointer;}
.alert_window .single_line{width: 640px; margin-top: 60px; font-size: 26px; font-weight: bold; color: #333333; float: left; text-align: center;}
.single_line_2{width: 640px; margin-top: 25px; font-size: 26px; color: #333333; float: left; text-align: center;}
.alert_window .login_btn{width: 186px; height: 62px; margin-top: 73px; margin-left: 226px; float: left; background: url(../images/alert_window_btn.png) no-repeat;
    font-size: 26px; line-height: 62px; color: #ffffff; text-align: center; cursor: pointer;}
.alert_window .binding_content{width: 640px; height: 110px; margin-top: 45px; float: left;}
.alert_window .pic{width: 128px; height: 88px; background: url(../images/binding_pic.png) no-repeat; float: left;}
.alert_window .pic2{width: 142px; height: 91px; background: url(../images/binding_pic_2.png) no-repeat; float: left;}
.alert_window .content_border .big_title{font: bold 30px/36px 'Microsoft Yahei';}
.alert_window .content_border .medium_description{font-size: 20px; line-height: 26px; font-weight: normal;}
.alert_window .content_border .small_description{font-size: 18px; line-height: 21px; font-weight: normal;}
.alert_window .btn_border_1{margin-left: 121px; width: 519px; float: left; height: 62px;}
.alert_window .btn_border_1 .btn{width: 186px; height: 62px; margin-right: 28px; float: left; background: url(../images/alert_window_btn_hover.png) no-repeat;
    font-size: 26px; line-height: 62px; color: #ffffff; text-align: center; cursor: pointer;}
.alert_window .btn-disabled{width: 186px; height: 62px; margin-right: 28px; float: left; background: url(../images/alert_window_btn_disabled.png);
    font-size: 26px; line-height: 62px; color: #ffffff; text-align: center;}
.alert_window .immediately_bind{margin-top: 10px;}
#bindingFirstStep p{width: 597px; margin-left: 43px; margin-top: 20px; font-size: 20px; color: #333333; float: left;}
#bindingFirstStep .orange_color{color: #c56701;}
.card_orange{color: #c66700; font-weight: normal;}
.bottom_line{width: 574px; margin-top: 57px; float: left; font-size: 18px; color: #000000; padding: 20px 39px;}

.brandScroll{width: 193px; height: 135px; position: absolute; top: 64px; right: -15px;  overflow: hidden;}
.brandScroll ul{width: 193px; height: auto; float: left; display: inline; }
.brandScroll ul li{width: 193px; height: 35px; padding-bottom: 10px; float: left; display: inline; }