﻿@import url("reset.css");
.fl{float: left;}
.fr{float: right;}
.pr{position: relative;}
.pa{position: absolute;}
.clear { clear: both; height: 0; font-size: 0; line-height:0; }
.clearfix:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden;}
.clearfix { display: inline-block;}
html[xmlns] .clearfix { display: block;}
*html .clearfix{height:1%;}
*+html .clearfix{height:1%;}
a { color: #333; text-decoration: none; outline: medium none; -webkit-transition-property:color; -webkit-transition-duration: 0.1s; -webkit-transition-timing-function: ease;}
a:link, a:visited, a:active { text-decoration: none;}
a:hover { color: #f15928; text-decoration: underline;}
body{font: 12px/1 'Microsoft YaHei',"SimHei",Tahoma,sans-serif;color: #333;}

.w100{width: 100%;margin: 0 auto;min-width: 1000px;}
.wrap{width: 1000px;margin: 0 auto;overflow: hidden;}
.ib{display:inline-block; _zoom:1;*display:inline;}

.header{
    height: 90px;
    background: #1C1C1C;
   border-bottom: 1px solid #CD950C;
}
.header .wrap{position: relative;}
.header .logo{
     float:left;
    width: 365px;
    height: 90px;
   padding-top:15px;
  padding-left:80px
}
.header b{
    float: left;
    width: 335px;
    height: 24px;
    margin: 10px 0 0 90px;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
    border: 0px ;
}
.header b span{
    color: #fef000;
    font-size: 13px;
}
.header .nav{
    position: absolute;
    bottom: 6px;
    right: 0px;
    width: 568px;
    height: 52px;
}
.header .nav a{
    display: inline-block;
    height: 20px;
    margin: -15px 10px;
    text-decoration: none;
    border-radius: 6px;
    color: #ede3c8;
    text-align: center;
    line-height: 20px;
    font-size: 13px;
    padding-top: 35px;
    background-image: url(images/nav.png);
    background-repeat: no-repeat;
    width: 70px;
}
.header .nav a.a1{background-position:  20px 0px;}
.header .nav a.a2{background-position: -74px 0;}
.header .nav a.a3{background-position: -160px 0;}
.header .nav a.a4{background-position: -247px 0;}
.header .nav a.a5{background-position: -330px 0;}
.header .nav a.a6{background-position: -404px 0;}
.header .nav a:hover,.header .nav a.curr{color:#d89731;}
.header .server{
    float: right;
    width: 250px;
    margin-top: -32px;
    margin-right: 1px;
    font-size: 12px;
    color: #ede3c8;
    text-align: right;
}
.header .server p{
    height: 20px;
    line-height: 20px;
    color: #e4cba5;
    text-align: right;
}
.header .server i{
    font-size: 12px;
    font-style: normal;
    color: #f2e789;
}
.banner{position: relative;background-image: url(images/banner.jpg);background-size: 1750px; height: 520px;margin-top:0px;background-position:center;}
.banner .bg{
    width: 100%;
    height: 112px;
    background-position: center;
}
.banner .bg1{background-image: url(images/vbtn_joinus02.png); width: 303px;height: 98px; position: absolute; top: 500px; left: 630px;}
.banner .bg2{background-image: url(images/vbtn_memberexclusiveii.png); width: 303px; height: 65px; position: absolute; top: 600px; left: 630px;}
.banner .bg3{background-image: url(images/banner_03.jpg);height: 111px;}
.banner .bg4{background-image: url(images/vnewsbg.png);    top: 635px; position: absolute; width: 480px; left: 280px;}

.notice_wrap p{
    position: relative;
    width: 820px;
    height: 25px;
    font-size: 13px;
    line-height: 25px;
    padding-left: 30px;
    margin: 0 auto;
    overflow: hidden;
    color:rgb(255,255,255);
}
.notice_wrap p i{
    background: url(images/notice.png) no-repeat left center;
    padding-left: 22px;
    position: absolute;
    width: 70px;
    height: 30px;
    left: 0;
    top: 0;
    font-style: normal;
    line-height: 30px;
    color: #cfc16a;
}
.notice_wrap{
    height: 30px;
    background:#1C1C1C;
    line-height: 30px;
}
.search{
    width: 1105px;
    height: 96px;
    background: url(images/search.png) no-repeat center top;
    margin: 0 auto;
    position: relative;
    top: -40px;
}
.search input{
    float: left;
    width: 430px;
    height: 50px;
    margin: 20px 0 0 320px;
    font-size: 17px;
    color:#ffffff;
    font-family: "微软雅黑";
    line-height: 50px;
    border: none;
    background:none;
    outline: none;
}
.search input::-webkit-input-placeholder{
            color:#FFFFFF;
        }
       .search  input::-moz-placeholder{   /* Mozilla Firefox 19+ */
            color:#FFFFFF;
        }
       .search  input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
            color:#FFFFFF;
        }
        .search input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
            color:#FFFFFF;
        }

.search a{
   float: right;
   width: 108px;
   height: 41px;
   margin: 16px 152px 0 0;
}
.section1{
    height: auto;
  	padding-bottom:10px;
    background:#0c0c0c;
    border-bottom: 1px solid #5d4c2b;
}
.section .tit{
    width: 100%;
    height: 88px;
    background-position: center;
    background-repeat: no-repeat;
}
.section .tit2{
    width: 100%;
    height: 88px;
    background-position: center;
    background-repeat: no-repeat;
}
.section1 .tit{background-image: url(images/hd-1.png);}
.section1 .tit2{background-image: url(images/hd-2.png);}
.section2 {
    height: auto;
    background: #0c0c0c;
}
.section2 .tit{background-image: url(images/tit2.png);}
.section2 .b-txt{
    float: left;
    width: 445px;
    height: 480px;
    margin-left: 65px;
}
.section2 .b-txt b{
    line-height: 38px;
    font-size: 16px;
    color: #dbaa1f;
}
.section2 .b-txt p{
    line-height: 29px;
    font-size: 16px;
    color: #f9cdaa;
}
.section2 .b-txt p a{
    color: #f9cdaa;
    text-decoration: underline;
}
.section2 .box{
    width: 405px;
    float: right;
    margin-right: 82px;
}
.section2 .box p{
    line-height: 20px;
    font-size: 14px;
    color: #ffc626;
}
.section2 .b-table{
   /* width: 421px; */
    height: 379px;
    /* background: url(images/table2.png) center; */
    padding-top: 10px;
}
.section2 .b-table table{
    width: 100%;
    height: 380px;
    text-align: center;
    font-size: 14px;
    border-color: #ffffff;
}
.section2 .b-table th{
    width:30%;
    height: 34px;
    color: #ffc626;
    text-align: center;
}
.section2 .b-table td{
    height: 22px;
    color: #f9cdaa;
}
.section2 .b-table td p{
    padding: 10px 0;
    line-height: 30px;
    text-align: center;
}
.section3{
    height: 510px;
    background-color: #252524;
    border-bottom: 1px solid #5d4c2b;
}
.section3 .tit{background-image: url(images/tit3.html);}
.section3 p{
    line-height: 32px;
    font-size: 16px;
    color: #e4cca6;
}
.section4{
    height: 302px;
    background: url(images/bg4.html) center;
}
.section4 .tit{background-image: url(images/tit4.html);}
.section4 table{
    width: 1080px;
}
.section4 table td{
    height: 56px;
    font-size: 18px;
    font-weight: bold;
    border: 1px solid #515151;
    text-align: center;color: #f8ac25;
}
.section4 .h10{height: 20px;width: 100%;}
.footer{
    height: 65px;
    line-height: 65px;
    background: #363636;
    }
.footer p{
    text-align: center;
    color: #ffc626;
   padding-top:15px
}
.footer p.link{
    margin-top: 30px;
}
.footer p a{
    font-size: 14px;
    color: #5d4332;
}

.section1 p span{
    color: #fc0107;
}

#show{width:100%; height:100%; position:fixed; z-index:999; left:0; top:0; display:none; color:#ede3c8;}
#tangchuang{width:500px; height:300px; z-index:1000; position:relative; margin:6% auto 0; background:#fff}
#tangchuang #close{width:30px; height:30px; right:-16px; top:-16px; background:url(images/close.png) no-repeat center; position:absolute; cursor:pointer}
#stitle{height:35px; background:#a40000; line-height:35px; text-indent:20px; font-weight:bold; font-size:14px}
#show .container{margin-top: -320px; margin-left: auto;margin-right: auto;text-align: center; width: 680px;}
#show .container table{margin-left: auto;margin-right: auto; width: 100%; margin-top:20px;}
#show .container table tr{font-size: 20px; line-height: 40px}
#show .container table tr td{width:100px;}

.iDialogLayout {
			position: fixed;
			_position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			background: #000;
			opacity: .5;
			filter: alpha(opacity=50);
		}
		
		.iDialog {
			position: fixed;
			_position: absolute;
			font: 14px/1.75 Arial,sans-serif,宋体;
			color: #2b2b2b;
			text-align: left;
		}

		.awardContent {
			position: relative;
			width: 796px;
			height: 394px;
		}

		.awardContent .awardClose {
			position: absolute;
			right: 11px;
			top: 11px;
			height: 13px;
			width: 18px;
			background-image: url(images/x-1.png);
		}
		
		.awardContent .awardBtn {
			  position: absolute;
			  left: 600px;
			  top: 250px;
			  height: 30px;
			  width: 160px;
			  background-image: url(images/281f110de657411bac1e90e53fa95b58.gif); 
		}

.tanchu{
	position: fixed;
	top:0px;
	left:0px;
	width: 100%;
	height: 100%;
	background: url( ../images/hei.png);
}
.tanin{
	width: 80%;
	background: #393939;
	border-radius: 10px;
	margin:0 auto;
	margin-top: 15%;
	border: 2px solid #e8cc6e;
	overflow: hidden;
}
.tantou{
	height: 38px;
	background: #e8cc6e;
}
.tantou span{
	font-size: 14px;
	line-height: 38px;
	color: #20285b;
	padding-left: 18px;
}
.chat{
	display: block;
	cursor: pointer;
	float: right;
	margin-top: 5px;
	margin-right: 8px;
}
.tanbiao{
	width: 95%;
	margin:0 auto;
  background:#2e2e2e;
	
}
.tanbiao td{
	color:#fff;
	border:1px solid #3e3122;
	height: 30px;
	font-size: 100%;
	width: 15%;
	text-align: center;
}
.tanbiaotou td{
  background: #e9dc85;
  color: #22200f;
}

.fl{float:left}
.cl {
    clear: both;
}
.h20 {
    height: 20px;
}

.zhuce{
  position:fixed;
  left:50%;
  top:50%;
  -webkit-transform: translateX(-50%)  translateY(-50%);
     -moz-transform: translateX(-50%)  translateY(-50%);
      -ms-transform: translateX(-50%)  translateY(-50%);
       -o-transform: translateX(-50%)  translateY(-50%);
          transform: translateX(-50%)  translateY(-50%);
  
}
.closebs{
  position:absolute;
  right: -15px;
  top: -15px;
  cursor:pointer;
}