/* CSS Document */
.wrap{ width:100%; max-width:1920px; min-width:1050px; height:auto; _width:expression(this.scrollWidth > 1920 ? "1920px" : (this.scrollWidth < 1050? "1050px" : "auto")); overflow:hidden; margin:0 auto; position:relative; background:url(../images/bg.jpg) center top no-repeat;}
.main{ width:1000px; margin:0 auto; overflow:hidden;}
.header{ margin:32px auto 332px; height:18px; color:#bcaa72; line-height:18px; text-align:right;}
.header a{ font-size:12px; font-weight:bold; color:#bcaa72; margin:0 8px;}
.game-time{ font-size:24px; font-weight:bold; color:#fcf5ae; text-align:center; width:492px; height:58px; line-height:58px; margin-left:358px;}
ul.nav{ overflow:hidden; height:79px; width:1065px; margin:130px auto 0;}
ul.nav li{ width:213px; float:left; text-align:center;}
ul.nav li a{ display:block; height:54px; padding-top:25px;}
ul.nav li em{ display:inline-block; width:133px; height:32px; background:url(../images/icon.png) 0 -251px no-repeat;}
ul.nav li.step2 em{ background-position:0 -286px;}
ul.nav li.step3 em{ background-position:0 -321px;}
ul.nav li.step5 em{ background-position:0 -357px;}
ul.nav li.step6 em{ background-position:0 -393px;}
ul.nav li.step1:hover em,ul.nav li.step1.active em{ background-position:-137px -251px;}
ul.nav li.step2:hover em,ul.nav li.step2.active em{ background-position:-137px -286px;}
ul.nav li.step3:hover em,ul.nav li.step3.active em{ background-position:-137px -321px;}
ul.nav li.step5:hover em,ul.nav li.step5.active em{ background-position:-137px -357px;}
ul.nav li.step6:hover em,ul.nav li.step6.active em{ background-position:-137px -393px;}
.event1{ background:#121424; padding-top:48px;}
.event-title{ width:1000px; height:38px; background:url(../images/icon.png) 0 0 no-repeat; margin:0 auto;}
.title2{ background-position:0 -41px;}
.title3{ background-position:0 -82px;}
.title4{ background-position:0 -123px;}
.title5{ background-position:0 -165px;}
.title6{ background-position:0 -208px;}
.game-intro{ min-height:122px; background:url(../images/line.png) left 3px no-repeat; padding-left:32px; margin:30px 0 40px;}
.game-intro p{ margin-bottom:14px;}
.event2{ height:651px; min-height:651px; background:url(../images/bg2.jpg) center top no-repeat; padding-top:48px;}
.pass{ width:1000px; margin:30px auto 0; overflow:hidden;}
.pass-left{ width:281px; height:251px; float:left;}
.pass-left img,.card-left img{ display:block; width:100%; height:100%;}
.pass-right{ width:650px; float:left; background:url(../images/tab.jpg) no-repeat; height:237px; min-height:237px; margin-top:8px;}
.pass-right td{ height:63px; text-align:center; color:#aea28f;}
.pass-right thead td{ height:37px; font-size:16px; color:#fcf4ae; font-weight:bold;}
.hero{ margin:0 auto 0; width:1004px; overflow:hidden;}
.hero ul{ overflow:hidden; width:924px; float:left; padding:20px 0;}
.hero ul li{ width:217px; height:270px; float:left; margin:0 7px; cursor:pointer;}
.hero h3{ width:71px; height:270px; background:url(../images/icon.png) -297px -251px no-repeat; float:left; margin:20px 9px 0 0;}
.hero h3.wj2{ background-position:-372px -251px;}
.hero ul li:hover{ -webkit-box-shadow: 0px 0px 7px 0px rgba(231,188,124,1); -moz-box-shadow: 0px 0px 7px 0px rgba(231,188,124,1); box-shadow: 0px 0px 7px 0px rgba(231,188,124,1);}
.fade{ position:fixed; top: 0%; left: 0%; background: black; z-index:99; -moz-opacity: 0.6; opacity:.60; filter: alpha(opacity=65); width:100%; height:100%; display:none;}
.alert{ position:fixed; z-index:100; display:none;}
.soldier{ width:743px; height:353px; background:url(../images/alert.jpg) no-repeat; color:#b4b3cb; font-size:16px; overflow:hidden; display:none;}
.alert-info{ position:relative; padding:45px 80px 0 90px;}
a.alert-close{ display:inline-block; width:35px; height:35px; background:url(../images/icon.png) -447px -406px no-repeat; position:absolute; top:9px; right:19px;}
.soldier-info{ padding-left:128px; position:relative;}
.soldier-img{ position:absolute; width:85px; height:85px; border:1px solid #dcaf6d; left:0; top:0;}
.soldier-info p{ font-size:26px; font-weight:bold; margin-bottom:25px;}
.soldier-info span{ font-size:18px;}
.soldier-text{ margin-top:30px; line-height:24px;}
.soldier-text p{ position:relative; padding-left:63px; margin-bottom:15px;}
.soldier-text p span{ position:absolute; top:0; left:0;}
.event3{ height:390px; min-height:390px; background:url(../images/bg3.jpg) center top no-repeat; padding-top:50px;}
.cards{ width:1000px; margin:40px auto 0;}
.card-left{ width:170px; height:238px; float:left; border:1px solid #e7bc7c;-webkit-box-shadow: 0px 0px 7px 0px rgba(231,188,124,1); -moz-box-shadow: 0px 0px 7px 0px rgba(231,188,124,1); box-shadow: 0px 0px 7px 0px rgba(231,188,124,1);}
.card-right{ width:730px; float:right; min-height:184px; background:url(../images/line2.png) left top no-repeat; margin-top:25px; padding-left:42px; font-size:16px; color:#cdcdcd;}
.card-right p{ margin-bottom:55px;}
.strategy{ margin:0 auto; width:1000px; padding:70px 0 60px; overflow:hidden;}
.video{ width:442px; height:250px; float:left; margin-right:30px; overflow:hidden; position:relative; cursor:pointer;}
.video img{ display:block; -webkit-transition:all .3s ease-out; -moz-transition:all .3s ease-out; -ms-transition:all .3s ease-out; -o-transition:all .3s ease-out; transition:all .3s ease-out; -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); transform:scale(1);}
.video i{ position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter: alpha(opacity=50); z-index:1; display:none;}
.video em{ position:absolute; top:95px;left:191px; width:60px;height:60px; background:url(../images/icon.png) -446px -251px no-repeat;
  opacity:0; filter:alpha(opacity=0); -webkit-transition:all .3s ease-out; -moz-transition:all .3s ease-out; -ms-transition:all .3s ease-out; -o-transition:all .3s ease-out; transition:all .3s ease-out; -webkit-transform:scale(1.5); -moz-transform:scale(1.5); -ms-transform:scale(1.5); transform:scale(1.5); z-index:2;}
.video:hover i{ display:block;}
.video:hover em{ opacity:1; filter:alpha(opacity=100); -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); transform:scale(1);}
.video:hover img{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1);}
.tips{ width:528px; float:left;}
.tips img{ display:block; margin-bottom:12px; float:left;}
.shipin{ width:800px; height:450px; display:none; background:#000;}
.shipin strong{ color:#666;}
.shipin .alert-close{ top:0; right:-37px;}
.shipin .alert-info{ padding:0;}
.event4{ padding-top:50px; height:1020px; min-height:1020px; background:url(../images/bg4.jpg) center top no-repeat;}
.slideBox{ overflow:hidden;}
.slideBox .hd{ height:56px; line-height:40px;}
.slideBox .hd ul{ overflow:hidden;}
.slideBox .hd ul li{ float:left; width:192px; height:56px; background:url(../images/icon.png) -706px -251px no-repeat; cursor:pointer; margin:0 4px; font-size:16px; color:#b4b3cb; text-align:center;}
.slideBox .hd ul li.on{ background-position:-510px -251px; font-weight:bold; color:#ffe575;}
.slideBox .bd ul{ padding:10px 81px 0;zoom:1;}
.slideBox .bd li{ width:132px; height:70px; background:url(../images/icon.png) -446px -316px no-repeat; margin:0 67px; float:left; padding:14px 0 0 13px;}
.slideBox .bd li em{ display:block; width:56px; height:56px; float:left; background:url(../images/icon.png) -599px -316px no-repeat;}
.slideBox .bd li em.pri2{ background-position:-657px -316px;}
.slideBox .bd li em.pri3{ background-position:-715px -316px;}
.slideBox .bd li em.pri4{ background-position:-773px -316px;}
.slideBox .bd li em.pri5{ background-position:-831px -316px;}
.slideBox .bd li p{ display:block; width:68px; float:left; text-align:center; padding-top:10px; color:#ddb06e;}
.slide-more .bd li{ margin:0 130px;}
.prize-name{ font-size:18px; color:#ddb06e; font-weight:bold; padding:20px 0 20px 4px;}
.prize-notice{ font-size:16px; color:#cdcdcd; margin-top:22px;}
.prize-notice a{ color:#f4b243;}
.copyright{ padding:50px 0; overflow:hidden; color:#999; background:#000;}
.copyright .copy-main{ width:1000px; margin:0 auto; overflow:hidden;}
.copyright a{ color:transparent;}
.copyright img{ margin-right:10px; vertical-align:middle;}
.copyright .lines{ width:1px; height:25px; border-left:1px solid #4d4d4d; margin-right:8px; vertical-align:middle; display:inline-block;}
.copyright-left{ width:325px; padding-top:10px; float:left;}
.copyright-text{ width:666px; border-left:1px solid #4d4d4d; font-size:12px; padding-left:8px; line-height:18px; float:left;}
.copyright-text span{ color:#333; padding:0 4px;}
.sidebar{ position:fixed; top:250px; right:100px; width:78px; height:456px; background:url(../images/icon.png) -1002px 0 no-repeat; display:none;}
.sidebar li{ width:78px; height:48px; margin-bottom:-15px; padding:15px 0;}
.sidebar li a{ display:block; height:48px; line-height:48px; text-align:center; color:#664c2f;}
.sidebar li.active a,.sidebar li:hover a{ font-weight:bold; color:#cab05d;}
.sidebar li.active,.sidebar li:hover{ background:url(../images/icon.png) -901px -251px no-repeat;}