/*
* 模块描述：【58game】笑傲江湖 OL 专题页
* 模块兼容：Chrome，Firefox，IE（8+）
* 模块作者：@liushuai
* 更新时间：2015-04-09
*/
body{background:#8AC9B3;color: #bdc4ce;font-size: 12px;font-family: microsoft yahei;}
a{color: #fff;text-decoration: none;}
a:hover{text-decoration: underline;}
.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;
}
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: 200px;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);}
.widget .w-title{position: relative;margin-bottom: 30px;margin-top: 10px;}
.content{position: relative;z-index: 2;margin-top: 651px;}

.top{position: absolute;top: -110px;left: 0;width: 100%;text-align: center;}
.top .btn{display: inline-block;width: 205px;height: 70px;}
.top .btn-start{background: url(../images/btn_start_game.png) no-repeat 0 0;margin-right: 15px;}
.top .btn-start:hover{background-image: url(../images/btn_start_game_hover.png);}
.top .btn-easybag{background: url(../images/btn_easy_bag.png) no-repeat 0 0;}
.top .btn-easybag:hover{background-image: url(../images/btn_easy_bag_hover.png);}

.widget-1{height: 444px;}
.widget-1 .questions-box{width: 388px;font-size: 14px;}
.questions-box dl{overflow: hidden;}
.questions-box dt{clear: both;font-weight: bold;color: #bfac81;margin-bottom: 10px;}
.questions-box dd{float: left;width: 25%;background: url(../images/bg_radio.png) no-repeat left center;padding-left: 20px;height: 30px;line-height: 30px;margin-bottom: 20px;cursor: pointer;}
.questions-box dd.current{background-image: url(../images/bg_radio_current.png);}
.questions-box .btn-submit{display: inline-block;background: url(../images/btn_submit.png) no-repeat left top;width: 160px;height: 55px;text-indent: -999em;}
.questions-box .btn-submit:hover{background-image: url(../images/btn_submit_hover.png);}
.widget-1 .game-box{width: 612px;height: 265px;background: url(../images/bg_game_map.png) no-repeat left 27px;position: relative;}
.game-box .join-num span{color: #EBDF8B;margin:0 3px;}
.game-box > img{position: absolute;z-index: 4;}
.game-box .cannon{left: 47px;top: 96px;width: 145px;height: 110px; z-index: 6;}
.game-box .bomb{left: 272px;top: 75px;width: 73px;height: 57px;}
.game-box .gift-lb{left: 359px;top: 45px;width: 104px;height: 86px;}
.game-box .gift-dk{left: 458px;top: 128px;width: 111px;height: 80px;}
.game-box .gift-zb{left: 323px;top: 148px;width: 109px;height: 97px;}
.game-box .btn-fire{position:absolute;left: 59px;top: 190px;z-index: 7;background: url(../images/btn_fire.png) no-repeat 0 0;width: 120px;height: 40px;text-indent: -9999em;}
.game-box .btn-fire:hover{background-image: url(../images/btn_fire_hover.png);}

.widget-2{height: 618px;}
.tab{position: relative;}
.tab > .btn{position: absolute;top: 120px;width: 44px;height: 85px;}
.tab .btn-prev{background: url(../images/btn_arraw_left.png) no-repeat 0 0;left: -75px;}
.tab .btn-prev:hover{background-image: url(../images/btn_arraw_left_hover.png);}
.tab .btn-next{background: url(../images/btn_arraw_right.png) no-repeat 0 0;right: -75px;}
.tab .btn-next:hover{background-image: url(../images/btn_arraw_right_hover.png);}
.tab-content > div{display: none;}
.tab-content .info{width: 330px;}
.tab-content .info h3{border-bottom: 1px dotted #4C596E;padding-bottom: 15px;margin-bottom: 15px;}
.tab-content .info dl{overflow: hidden;margin-top: 25px;}
.tab-content .info dt,.tab-content .info dd{margin-bottom: 10px;float: left;padding: 2px 0;}
.tab-content .info dt{background: #334767;padding: 2px 7px;color: #bdc4ce;font-weight: bold;clear: both;}
.tab-content .info p{clear: both;line-height: 1.75;margin-top: 15px;}
.tab-content .img{width: 650px;text-align: center;}
.tab-content .img img{border: 6px solid #273D55;border: 6px solid rgba(49,77,113,.45);}
.tab-title{height: 93px;background: url(../images/btn_tab_title.png) no-repeat center bottom;margin-top: 40px;}
.tab-title ul{margin-left: 311px;}
.tab-title li{float: left;margin-right: 25px;}
.tab-title .tab-title-2{margin-right:24px;}
.tab-title .tab-title-3,
.tab-title .tab-title-4{margin-right:20px;}
.tab-title li a{display: block;background: url(../images/btn_tab_title_current.png) no-repeat;width: 61px;height: 93px;}
.tab-title .current .btn-1,.tab-title li:hover .btn-1{background-position: -311px bottom;}
.tab-title .current .btn-2,.tab-title li:hover .btn-2{background-position: -397px bottom;}
.tab-title .current .btn-3,.tab-title li:hover .btn-3{background-position: -482px bottom;}
.tab-title .current .btn-4,.tab-title li:hover .btn-4{background-position: -563px bottom;}
.tab-title .current .btn-5,.tab-title li:hover .btn-5{background-position: -644px bottom;}

.widget-3{}
.share-content{background: #273547;border: 1px solid #3D4D64;padding: 15px;float: left;width: 718px;color: #b3becf;font-size: 14px;height: 88px;}
.btn-share{background: url(../images/btn_share.png) no-repeat 0 0;display: inline-block;width: 250px;height: 120px;float: left;text-indent: -9999em;}
.btn-share:hover{background-image: url(../images/btn_share_hover.png);}

.footer{position: relative;z-index: 3;margin-top: 50px;}
.powerby{text-align:center;}

.popup{}
.popup .mask{position: fixed;z-index: 100;left: 0;top: 0;width: 100%;height: 100%;background: #000;background: rgba(0,0,0,.9);}
.pop{position: fixed; left: 50%;top:50%;z-index:110;background: url(../images/bg_popup_1.png) repeat center center;width: 600px;height: 300px;margin-top: -150px;margin-left: -300px;}
.pop h2{color: #d5d9df;font-size: 24px;text-align: center;margin-bottom: 10px;padding-top: 80px;}
.pop p{font-size: 14px;text-align: center;color: #ffc351;}
.pop .btn{display: inline-block;width: 160px;height: 55px;margin-top: 25px;}
.pop .popinner{position: relative;text-align: center;}
.pop .btn-pop-close,.pop .btn-pop-close:hover{background: url(../images/btn_popup_close.png) no-repeat;width: 23px;height: 22px;position: absolute;right: 0;top: -50px;}
.pop .btn-pop-confirm{background:url(../images/btn_pop_confirm.png) no-repeat left top;}
.pop .btn-pop-confirm:hover{background-image:url(../images/btn_pop_confirm_hover.png);}

.pop-2{background: url(../images/bg_popup_3.png) repeat center center;width: 600px;height: 519px;margin-top: -260px;}
.pop-2 h2{color: #f90;font-size: 18px;font-weight: normal;margin-bottom: 20px;}
.pop-2 h3{color: #cbcad8;font-size: 22px;text-align: left;padding: 10px 15px;}
.pop-2 .pop-content{position: relative;}
.pop-2 .pop-content > div{position: absolute;height: 277px;top: 20px;}
.pop-2 .f-reg{width: 287px;background: url(../images/bg_fast_reg.png) no-repeat 0 0;left: 40px;overflow: hidden;}
.pop-2 .r-get{width: 240px;right: 40px;margin-top:-6px;background: url(../images/img_cat.png) no-repeat 0 0;}
.btn-pop-get, .btn-pop-get2{background:url(../images/btn_get_gift.png) no-repeat left top;}
.btn-pop-get:hover, .btn-pop-get2:hover{background-image:url(../images/btn_get_gift_hover.png);}
.pop-2 .btn-pop-get2{margin-top:205px;}

.game-box .heart-bomb{
	z-index: 4;
	left: 99px;
	top: 103px;
	height: 57px;
	width: 73px;	
	display: -none;
}