﻿body{font-family: "Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", STHeiti, "Microsoft YaHei";}
body,html{margin: 0; padding: 0; min-width: 1000px;font-size: 12px;background: #fff;}
* {outline: none!important;}
ul, li { list-style: none; margin: 0; padding: 0; }
img { border: none; border: 0; vertical-align: middle; }
a { text-decoration: none; outline: none; }
p { margin: 0; padding: 0; }
.clear {zoom: 1;clear: both;}
.clear:after {content: "";display: block;clear: both;font-size: 0;line-height: 0;visibility: hidden;}
.fl{float: left;}
.fr{float: right;}
.padCover{box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.aniHover{transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s;}
/*Header*/
#header{position: relative; width: 100%; background: #fff; line-height:74px;}
#header .headerCon{width: 1000px; height: 100%;margin: 0 auto;}
#header .logo a{display: inline-block;}
#header .logo a img{height: 40px;}
#header .menu a{display: inline-block;color:#000;font-size: 15px;text-align: center; padding: 0 15px;}
#header .menu a.active,#header .menu a:hover{color: #333;}
#header .menu a span.loginOut{font-size: 12px;margin-left: 15px;color: #109AFA;cursor: pointer;}
#header .menu span.loginTop {font-size: 16px; text-align: left;color:#333;}
#header .menu .loginTop a.loginOut{font-size: 12px;margin-left: 15px;text-align: left; color: ##2d3e53;cursor: pointer;}
/*footer*/
#footer{background: #000;color: #fff;text-align: center;padding: 20px 0;}
#footer p{line-height: 30px;}
/**/
.qixiCon{ position: relative; width: 1000px; margin:20px auto;}
.qixiCon article{padding: 50px;background: #fff;margin: 20px auto;font-size: 14px;line-height: 30px;}
/*登录*/
.form-group{position: relative;z-index: 2;}
form{position: relative; width: 600px;margin: 20px auto; background: #fff;padding:50px;padding-top: 100px;}
form .formInput{height: 50px;font-size: 14px;}
form .formInput label{ display: inline-block; width: 120px; text-align: right;padding-right: 10px;}
form .formInput input[type="text"],.formInput input[type="password"],.formInput input[type="email"],.formInput input[type="tel"]{
	width:300px; height: 35px;padding: 0 10px;border: 1px solid #d5d2d2;
	}
form input[type="radio"],form input[type="checkbox"]{width:17px; height:17px;vertical-align:middle;}
button.btn-default{ display: block; width: 150px; height: 35px; background: #e50706; color: #fff;
border: none;border-radius: 5px;margin: 20px auto;}
.formInput span.erroSpan{color: #f65151;display: none;}
.checkbox {margin: 30px 0 60px 60px;}
.checkbox .fwtk{color: #109afa;}
a.sendYZM{ display: inline-block; width: 80px;height: 35px;line-height: 35px; background: #109AFA; color: #fff;
text-align: center;font-size: 12px;border-radius: 3px;cursor: pointer;}
.loginBottom{text-align: center;margin: 20px auto;color: #109AFA;}
.loginBottom a{ color: #109AFA;}
.loginBottom span{margin: 0 10px;}
.senYzmModule{position: fixed;top:30%;left: 50%;margin-left: -150px; width:300px;background: #fff;padding: 20px;color: #E50706;
font-size: 13px;border-radius: 5px;z-index: 99;box-shadow: 3px 3px 5px #EBEBEB;}
.loginTit{text-align: center;font-size: 25px;margin-bottom: 40px;color: #E50706;}
/*首页*/
.banner{position: relative; width:100%;}
.banner img{ width:100%}
.gameList{margin-bottom:30px;}
.gameList li{float: left;margin:10px 16px;text-align: center;background: #fff;
width: 298px;padding: 20px 0;border: 1px solid #F0F0F0;
-moz-box-shadow:1px 0px 1px #F0F0F0; -webkit-box-shadow:1px 0px 1px #F0F0F0; box-shadow:1px 0px 1px #F0F0F0;}
.gameList li:hover{border-top-left-radius: 30px;border-bottom-right-radius: 30px; 
-moz-box-shadow:1px 0px 10px #333; -webkit-box-shadow:1px 0px 10px #333; box-shadow:1px 0px 10px #333;}
.gameList li:hover a{color: #D91600;}
.gameList li:first-child{}
.gameList li a{font-size: 18px;color: #444;line-height: 40px;}
.gameList li img{ width: 280px; height: 200px;}


.wrap {
  width: 100%;
  height: 188px;
  position: absolute;
  top: -8px;
  left: 8px;
  overflow: hidden;
  z-index: 1;
}
.wrap:before {
    content: "";
    display: block;
    border-radius: 8px 8px 0px 0px;
    width: 40px;
    height: 8px;
    position: absolute;
    right: 100px;
    background: #D91600;
}
.wrap:after {
    content: "";
    display: block;
    border-radius: 0px 8px 8px 0px;
    width: 8px;
    height: 40px;
    position: absolute;
    right: 0px;
    top: 100px;
    background: #D91600;
}
.ribbon6 {
	font-size: 18px;color: #D91600;
  display: inline-block;
  text-align: center;
  width: 200px;
  height: 40px;
  line-height: 40px;
  position: absolute;
  top: 30px;
  right: -50px;
  z-index: 2;
  overflow: hidden;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  border: 1px dashed;
  box-shadow:0 0 0 3px #D91600,  0px 21px 5px -18px rgba(0,0,0,0.6);
 background: #FF0000;
}
/*联系我们*/
.contactCon{position: relative; width: 80%; margin:0 auto;background: #fff;padding:100px 10%;
border: 1px dotted #ccc;background:url(../images/contact.jpg) no-repeat;background-size:100% 100%;}
.contactCon p{margin: 20px 0;font-size:16px ;color: #7B7B7B;}
.contactCon p span{color:#000;margin-right: 7px;font-weight: bold;}
.logo {}
.in_newsbox {
    width: 1200px;
    margin: 0 auto;
    padding: 30px 0 30px 0;
}

/*焦点图*/
.focus{  width: 280px; height:220px; text-align: left; position: relative; z-index: 1; overflow:hidden;}  
.focus img{ width: 280px; height: 220px;} 
.focus .shadow .title{width: 260px; height: 65px;padding-left: 30px;padding-top: 20px;}
.focus .shadow .title a{ text-decoration:none; color:#fff; font-size:14px; font-weight:bolder; overflow:hidden; }
.focus .btn{ position:absolute; bottom:34px; left:510px; overflow:hidden; zoom:1;} 
.focus .btn a{position:relative; display:inline; width:13px; height:13px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }  
.focus .btn a:hover,.focus .btn a.current{  cursor:pointer;background:#fc114a;}  
.focus .fPic{ position:absolute; left:0px; top:0px; height:220px; }  
.focus .D1fBt{ overflow:hidden; zoom:1;  height:16px; z-index:10;  }  
.focus .shadow{ width:100%; position:absolute; bottom:0; left:0px; height:28px; padding-top:20px; background:rgba(0,0,0,0.6); padding-left:10px; 
filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#80000000',endColorstr = '#80000000')\9;  display:block;  text-align:left;text-decoration:none; color:#fff; font-size:14px; overflow:hidden; font-family: "\5FAE\8F6F\96C5\9ED1"; }  

.focus .fcon{ position:relative; width:100%; float:left;  display:none;  height:220px; }  
.focus .fcon img{ display:block; }  
.focus .fbg{bottom:32px; right:70px; position:absolute; height:6px; text-align:center; z-index: 200; }  
.focus .fbg div{width: 120px;height: 6px;text-align: center;bottom: 9px;left: 355px;}  
.focus .D1fBt a{display: inline;float: left;margin-right:12px;width: 6px;height: 6px;background:url(../images/focus-btn-normal.png) no-repeat left center;text-indent: -99999px;cursor: pointer; }    
.focus .D1fBt .current,.focus .D1fBt a:hover{background:url(../images/focus-btn.png) no-repeat left center;}    
.focus .D1fBt img{display:none}    
.focus .D1fBt i{display:none; font-style:normal; }    
.focus .prev,.focus .next{width: 39px;height: 39px;overflow: hidden;display: block;position: absolute;text-indent: -9999px;cursor: pointer; cursor:pointer;top: 85px;}
.focus .prev{left: 4px;background:url(../images/focus-btn-pre.png) no-repeat; }  
.focus .next{right: 4px;background:url(../images/focus-btn-next.png) no-repeat;} 
.tbch_pic{ margin-top:31px;} 

.pplm .hd_title_l{ background:url(../images/pplm.png) no-repeat left top; padding-bottom:25px;}
.pplm_list{ padding-bottom:32px; overflow:hidden;}
.pplm_list li{ float:left; height:60px; width:150px; margin:0 20px 22px 0;}


#main {overflow: hidden; zoom: 1; position: relative; }
#index_b_hero { width: 1000px; height: 346px; margin: auto; position: relative; }
    #index_b_hero img { width:1000px; height: 346px; }
    #index_b_hero .heros { width: 1000px; height:346px;}
    #index_b_hero .hero-wrap { overflow: visible; position: absolute; }
    #index_b_hero .next, #index_b_hero .prev { filter: alpha(Opacity=70); opacity: 0.7; position: absolute; top: 45%;  height: 50px;width:30px;cursor:pointer; z-index:100000; display:none;}
	#index_b_hero .prev {background:url(../images/prev.png) no-repeat; left:-80px;}
    #index_b_hero .next { background:url(../images/next.png) no-repeat; right: -80px; }
    #index_b_hero .disabled { background-color: #eee; }
    #index_b_hero .mask-left, #index_b_hero .mask-right, #index_b_hero .hero { background: #fff; z-index: 1; position: absolute; top: 0; left: 0; width:1000px; height: 346px; overflow: hidden; left: 2000px; }
    #index_b_hero .mask-right, #index_b_hero .mask-left { z-index: 4; left: -1000px; filter: alpha(Opacity=50); opacity: .5; background: #fff; overflow: hidden; }
    #index_b_hero .mask-right { left:1000px; }
    #index_b_hero .active { z-index: 2; left: 0; }
index_main{margin-top:24px;}
.index_main_right{width:288px;float: right;}
.index_main_rithg_item{padding:22px 0px;border-top:3px solid #383f46;border-left:1px solid #ededed;border-right:1px solid #ededed;border-bottom:1px solid #ededed;border-right-bottom-radius:3px;border-left-bottom-radius:3px;margin-bottom:20px;background: #FFF;}
.index_main_right_item_pic{width:80px;height:50px;margin-right:12px;overflow: hidden}
.index_main_right_item_pic img{width:80px;height:50px;transition: all 0.7s ease 0s;}
.index_main_right_item_pic img:hover{transform: scale(1.05);}
.index_main_left_article_content{width:464px;}
.index_main_left_main .nopic{width:100%;}
.index_main_right_item_title{margin-bottom:4px;height:16px;font-size:16px;color:#424242;border-left:3px solid #f75958;line-height: 16px;padding-left:20px;font-weight: 600}
.index_main_right_item_content{margin:0px 20px;padding:16px 0px;border-bottom:1px dashed #ededed}
.index_main_right_item_content:hover{background:#fff }
.index_main_right_item_content .useravatar{width:64px;height:64px;}
.index_main_right_item_content .useravatar img{width:64px;height:64px;border-radius: 35px;}
.index_main_right_item_dec{width:154px;font-size:14px;line-height: 20px;color:#fff}
.index_main_right_item_dec a{font-size:14px;line-height: 20px;color:#fff}
.index_main_right_item_dec a:hover{color:#366df0}
.index_main_right_item_dec p{height:12px;line-height:12px;font-size:12px;color:#a2aab2;margin-top:10px;}
.index_main_right_item_content .userbio{width:164px;}
.index_main_right_item_content .userbio p{font-size:14px;color:#6e6e6e;line-height: 20px;}