/*
* 模块描述：【58game】逆战-雪国尸兄新资料片宣传页
* 模块兼容：Chrome（latest-1），Firefox（latest-1），IE（8+）
* 模块作者：@liushuai
* 更新时间：2015-05-04 13:41
*/
body,input,textarea,button,select,pre,code{font-family: 'Hiragino Sans GB', 'Microsoft YaHei', '\5b8b\4f53', Tahoma, Arial, sans-serif;font-size: 75%;line-height: 1.5;}
body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,dd,form,fieldset,input,textarea,button,select,pre,blockquote,hr{margin: 0;}
fieldset,legend,button,ul,ol{padding: 0;}
iframe,frame,img,fieldset,hr{border: none;}
body{overflow-x: hidden;color: #333;background-color: #fff;}
a{text-decoration: none;}
ul,ol{list-style: none;}
table{border-collapse: collapse;border-spacing: 0;}
input,textarea,button,select{font-size: 1em;}
input,button{overflow: visible;*zoom: 1;}
input[type=submit],input[type=button],button{cursor: pointer;}
textarea{resize: none;}
pre,code{font-size: 1em;}
cite{font-style: normal;}
address{font-style: normal;}
abbr{cursor: help;border-bottom: 1px dotted #999;}
hr{height: 0;line-height: 0;}
img{max-width: 100%;}
.fl{float:left;}
.fr{float:right;}
.btn{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-ms-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;display: inline-block;}
.btn-orange{background: #ff811a;color: #fff;padding: 0 10px;}
.btn-more{float: right;}
.btn span{font-family: simsun;}
.clearfix{*zoom: 1;}
.clearfix:before,.clearfix:after{content: " ";display: table;}
.clearfix:after{clear: both;}
.w{width: 1000px;}
.center{margin:0 auto;}

body{background:#fff;color:#869ec2;font-size:14px;font-family:microsoft yahei;}
a{color:#343434;text-decoration:none;}
a:hover{}
.w1000{width:1000px;}
.center{margin:0 auto;}
.fl{float:left;}
.fr{float:right;}
.btn{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-ms-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;display: inline-block;}
iframe{background:transparent;}
.widget-blank{min-height:20px;}
.nav{position:relative;z-index:2;}
.logo{text-align:center;position:relative;z-index:2;}

.bg{position:absolute;left:0;top:40px;z-index:1;width:100%;}
.bg>div{height:205px;background-repeat:no-repeat;background-position:center top;}
.bg1{background-image:url(../images/bg_01.jpg);}
.bg2{background-image:url(../images/bg_02.jpg);}
.bg3{background-image:url(../images/bg_03.jpg);}
.bg4{background-image:url(../images/bg_04.jpg);}
.bg5{background-image:url(../images/bg_05.jpg);}
.bg6{background-image:url(../images/bg_06.jpg);}
.bg7{background-image:url(../images/bg_07.jpg);}
.bg8{background-image:url(../images/bg_08.jpg);}
.bg9{background-image:url(../images/bg_09.jpg);}
.bg10{background-image:url(../images/bg_10.jpg);}
.bg11{background-image:url(../images/bg_11.jpg);}
.bg12{background-image:url(../images/bg_12.jpg);}
.bg13{background-image:url(../images/bg_13.jpg);}
.bg14{background-image:url(../images/bg_14.jpg);}
.bg15{background-image:url(../images/bg_15.jpg);height: 195px !important;}
.content{position:relative;z-index:2;margin-top: 640px;}
.widget{overflow: hidden;}
.w-title{text-align: center;overflow: hidden;margin-bottom: 20px;}
.w-title h3{height: 105px;margin:0;padding:0;text-indent: -9999em;}
.w-title p{}
.w-title span{color: #f65c18;}
.w-content{}
.btn-group{text-align: center;clear: both;}
.btn-scroll-down{background: url(../images/btn_scroll_down.png) no-repeat 0 0;width: 74px;height: 84px;-webkit-animation: scrollDown 1.2s infinite;-moz-animation: scrollDown 1.2s infinite;-ms-animation: scrollDown 1.2s infinite;-o-animation: scrollDown 1.2s infinite;}
textarea{background: url(../images/bg_ipt.jpg) no-repeat 0 0;border:1px solid #44546E;color: #1e2630;width: 345px;margin-bottom: 5px;outline: none;padding: 5px;}

.top-btn-bar{text-align: center;height: 204px;}
.top-btn-bar .btn{width: 206px;height: 68px;background-position: 0 0;background-repeat: no-repeat;}
.top-btn-bar .btn-1{background-image: url(../images/btn_get_gift.jpg);}
.top-btn-bar .btn-2{background-image: url(../images/btn_start_game.jpg);}
.top-btn-bar .btn-1:hover{background-image: url(../images/btn_get_gift_hover.jpg);}
.top-btn-bar .btn-2:hover{background-image: url(../images/btn_start_game_hover.jpg);}
.top-btn-bar .btn-scroll-down{width: 74px;height: 84px;margin-top: 28px;}

.widget-1{height: 740px;}
.widget-1 .w-content{}
.widget-1 .w-content > div{height: 448px;}
.widget-1 .w-content > div.btn-group{height: auto;padding-top: 30px;}
.video-box{width: 627px;height: 440px;overflow: hidden;background:#333;border: 4px solid #44546E;}
.comment-box{width: 350px;}
.comment-box h4{color: #fff;margin-bottom: 5px;}
.comment-box form{overflow: hidden;margin-bottom: 15px;}
.comment-box textarea{width: 338px;}
.comment-box form span{color: #f65c18;}
.comment-box .btn-submit{width: 59px;height: 23px;background: url(../images/btn_comment_submit.jpg) no-repeat 0 0;border: 0;text-indent: -9999em;*margin-top: -20px;}
.comment-box .btn-submit:hover{background-image: url(../images/btn_comment_submit_hover.jpg);}
.comment-list{clear: both;}
.comment-list li{overflow: hidden;background: url(../images/bg_common_cut_line.jpg) no-repeat center 0;padding: 11px 0;*padding: 9px 0;}
.comment-list .img{width: 45px;height: 45px;overflow: hidden;}
.comment-list .img img{border:2px solid #44546E;display: block;width: 41px;height: 41px;}
.comment-list .txt{overflow: hidden;width: 295px;}
.comment-list .txt strong{display: block;font-weight: normal;}
.comment-list .txt p{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.widget-2{height: 740px;}
.widget-2 .w-title{color: #596475;}
.snow-brother{}
.snow-brother li{width: 313px;height: 448px;overflow: hidden;float: left;cursor: url(../images/bg_cursor.png),auto;}
.snow-brother .snow-brother-2{margin: 0 30px;}
.widget-2 .btn-group{padding-top: 30px;}

.widget-3{height: 652px;}
.lottery-box{position: relative;height: 440px;}
.lottery-box li{position: absolute;}
.lottery-box .info{position: relative;width: 328px;height: 145px;}
.lottery-box .bdr{display: none;}
.lottery-box .current .bdr{display:block;position: absolute;left: 0;top: 0;width: 324px;height: 135px;border:2px solid #F7A842;z-index: 3;}
.lottery-box .lottery-1{left:0;top:0;}
.lottery-box .lottery-2{left: 335px;top:0;}
.lottery-box .lottery-3{right:0;top:0;}
.lottery-box .lottery-4{right:0;top:147px;}
.lottery-box .lottery-5{right:0;bottom:0;}
.lottery-box .lottery-6{right:335px;bottom:0;}
.lottery-box .lottery-7{left:0;bottom:0;}
.lottery-box .lottery-8{left:0;top:147px;}
.lottery-box .btn-lottery{width: 328px;height: 140px;position: absolute;left: 335px;top: 147px;background: url(../images/btn_lottery.jpg) no-repeat 0 0;text-indent: -9999em;}
.lottery-box .btn-lottery:hover{background-image: url(../images/btn_lottery_hover.jpg);}

.share-wb{margin-top: 7px;}
.share-wb textarea{padding: 7px;width: 836px;font-size: 16px;float: left;margin-right: 10px;height: 32px;}
.share-wb .btn-share-wb{width: 138px;height: 47px;background: url(../images/btn_share_wb.jpg) no-repeat 0 0;border: 0;text-indent: -9999em;}
.share-wb .btn-share-wb:hover{background-image: url(../images/btn_share_wb_hover.jpg);}

.fixed-menu{background:#DE9609;width:78px;position: fixed;top:50%;right:27px;z-index:5;margin-top: -102px;}
.fixed-menu .btn{text-align: center;color: #fff;height:78px;line-height: 78px;border-top:1px solid #FDB834;display: block;}
.fixed-menu .btn-1{border-top:0;}
.fixed-menu .btn:hover,.fixed-menu .current{background: #CC311B;}

/*脚注*/
.footer{position:relative;z-index:2;height: 57px;line-height: 57px;margin-top:30px;*padding-top: 28px;*height: 42px;}
.powerby{color:#869ec2;text-align:center;}

/*动画帧*/
@-webkit-keyframes scrollDown{
	0%{
		background-position: 0 -84px;
		opacity: 0;
	}
	100%{
		background-position: 0 0;
		opacity: 1;
	}
}
@-moz-keyframes scrollDown{
	0%{
		background-position: 0 -84px;
		opacity: 0;
	}
	100%{
		background-position: 0 0;
		opacity: 1;
	}
}
@-o-keyframes scrollDown{
	0%{
		background-position: 0 -84px;
		opacity: 0;
	}
	100%{
		background-position: 0 0;
		opacity: 1;
	}
}
@-ms-keyframes scrollDown{
	0%{
		background-position: 0 -84px;
		opacity: 0;
	}
	100%{
		background-position: 0 0;
		opacity: 1;
	}
}