/*
* 模块描述：爱上仙途2
* 模块兼容：Chrome（latest-1），Firefox（latest-1），IE（8+）
* 模块作者：@liushuai
* 更新时间：2015-04-07
*/
body{background:#8AC9B3;color: #2a493e;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);height: 186px !important;}
.widget .w-title{position: relative;}
.widget .w-title p{position: absolute;left: 111px;top: 50px;color: #3a6354;font-size: 14px;width: 854px;}
.content{position: relative;z-index: 2;margin-top: 421px;}

.widget-1{}
.widget-1 .w-content{background: url(../images/bg_widget_1.png) no-repeat left top;height: 330px;margin-left: 40px;}
.video-box{background: url(../images/bg_video.png) no-repeat center center;margin-top: 6px;margin-left: 6px;width: 390px;height: 317px;overflow: hidden;}
.video-box .btn-play{background: url(../images/btn_play.png) no-repeat center center;display: block;width: 100%;height: 100%;}
.video-box img{}
.reg-box,.gift-box{width: 259px;height: 315px;overflow: hidden;text-align: center;margin:5px 0 0 5px;}
.reg-box{width: 250px;overflow: hidden;}
.gift-box{background: url(../images/bg_gift_box.png) no-repeat center 30px;}
.reg-box h3,.gift-box h3{background: url(../images/bg_h3_light_line.png) no-repeat center bottom;color:#044434;font-size: 25px;height: 55px;line-height: 50px;}
.reg-box h3 span,.gift-box h3 span{color: #7ecebf;font-size: 28px;display: inline-block;margin-right: 7px;position: relative;top:1px;}

.gift-box .btn-group{width: 213px;margin:130px auto 0;}
.gift-box .btn{background: url(../images/btn_book_start.png) no-repeat;width: 213px;height: 60px;display: inline-block;}
.gift-box .btn:hover{background-image: url(../images/btn_book_start_hover.png);}
.gift-box .btn-book,
.gift-box .btn-book:hover{background-position: left top;}
.gift-box .btn-start,
.gift-box .btn-start:hover{background-position: left bottom;}

.widget-2 .w-content{position: relative;}
.rules-box{background: url(../images/bg_rules.png) no-repeat 40px 36px;width: 420px;height: 610px;}
.rules-box ol{margin-top: 90px;margin-left: 180px;}
.rules-box li{font-size: 22px;font-weight: bold;color: #fff;height: 66px;}
.rules-box .btn-group{margin: 40px 0 0 112px;}
.rules-box .btn-group .btn{background: url(../images/btn_get_share.png) no-repeat;width: 221px;height: 60px;display: inline-block;}
.rules-box .btn-group .btn:hover{background-image: url(../images/btn_get_share_hover.png);}
.rules-box .btn-group .btn-get,
.rules-box .btn-group .btn-get:hover{background-position: left top;margin-bottom: 10px;}
.rules-box .btn-group .btn-share,
.rules-box .btn-group .btn-share:hover{background-position: left bottom;}
.lottery-box{background: url(../images/bg_lotus.png) no-repeat center center;width: 600px;height: 610px;position: absolute;right: 0;top: 0;z-index: 2;}
.lottery-box .gift{background: url(../images/img_gifts.png) no-repeat left top;width: 316px;height: 404px;position: absolute;right: 137px;top: 100px;z-index: 3;}
.lottery-box .btn-open-gift{background: url(../images/btn_open_gift.png) no-repeat left top;width: 201px;height: 201px;position: absolute;z-index: 4;right: 190px;top: 215px;}
.lottery-box .btn-open-gift:hover{background-image: url(../images/btn_open_gift_hover.png);}

.percent{position: absolute;z-index: 2;right: 45px;top: 45px;width: 111px;height: 93px;background: url(../images/bg_percent.png) no-repeat center top;text-align: center;color: #35B268;font-size: 18px;padding-top: 18px;}
.percent_0{background-image: url(../images/bg_percent_0.png);}
.percent_100{background-image: url(../images/bg_percent_100.png);}
.percent strong{font-size: 35px;font-weight: bold;}
.percent p{color: #4B7968;font-size: 12px;}

.widget-3{}
.tab-block{display:none;margin: 0 38px;/*background: #2A856F;background: rgba(42,133,111,.5);border-radius: 5px;box-shadow: 0 0 3px rgba(255,255,255,.3);*/height:155px;padding: 20px 0 0;background: url(../images/bg_tab_content_1.png) no-repeat left top;}
.tab-title{margin-left: 35px;}
.tab-title li{float: left;background: url(../images/icon_arraw_right.png) no-repeat right center;padding-right: 18px;width: 175px;height: 180px;position: relative;}
.tab-title li.last{background: none;}
.tab-title li .btn{display: block;background: url(../images/icon_content_3.png) no-repeat;height: 180px;}
.tab-title li .current,.tab-title li .btn:hover{background-image: url(../images/icon_content_3_hover.png);}
.tab-title li .btn-1{background-position: 0 0;}
.tab-title li .btn-2{background-position: -194px 0;}
.tab-title li .btn-3{background-position: -380px 0;}
.tab-title li .btn-4{background-position: -558px 0;}
.tab-title li .btn-5{background-position: -745px 0;}
.tab-title li .btn span{position: absolute;left: 70px;bottom: 35px;}
.martial-logo{margin:0 20px 0 30px;}
.martial-attr{}
.martial-attr dl{margin-top: 23px;}
.martial-attr dt,.martial-attr dd{float: left;font-size: 14px;}
.martial-attr dt{clear:both;color: #ffce35;width: 80px;text-align: right;}
.martial-attr dd{color: #fff;width: 650px;}

.tab-content-2{background: url(../images/bg_tab_content_2.png) no-repeat left top;}
.tab-content-3{background: url(../images/bg_tab_content_3.png) no-repeat left top;}
.tab-content-4{background: url(../images/bg_tab_content_4.png) no-repeat left top;}
.tab-content-5{background: url(../images/bg_tab_content_5.png) no-repeat left top;}

.footer{position: relative;z-index: 2;background:url(../images/bg_footer.png) repeat-x center top;height: 127px;line-height: 127px;}
.powerby{color:#94c3b3;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%;border: 3px solid #fff;background: #D8D8D8 url(../images/bg_common_pop.png) repeat center center;width: 405px;height: 205px;padding: 10px 20px 0;margin-top: -125px;margin-left: -205px;}
.pop h2{color: #9D3F3F;font-size: 30px;text-align: center;margin-bottom: 10px;}
.pop p{font-size: 14px;text-align: center;}
.pop strong{color: #bf3d3d;}
.pop .btn-group{text-align: center;margin-top: 15px;}
.pop .btn{display: inline-block;width: 151px;height: 51px;}
.pop .btn:hover{background-image:url(../images/btn_reg_share_hover.png);}
.pop .popinner{position: relative;}
.pop .btn-close,.pop .btn-close:hover{background: url(../images/btn_close.png) no-repeat;width: 51px;height: 51px;position: absolute;right: -85px;top: -14px;}
.pop .btn-share{background:url(../images/btn_reg_share.png) no-repeat left top;margin-right: 10px;}
.pop .btn-reg-over{background:url(../images/btn_reg_share.png) no-repeat right top;}
.pop-2{height: 350px;width: 280px;margin-top: -175px;}

.pop-3{max-width: 405px;height: 220px;}
.pop-3 p{background: #808080;padding: 10px;border-top: 1px solid #727272;border-left: 1px solid #727272;height: 114px;margin-bottom: 10px;color: #fff;}

.pop-5{height: 280px;}
.pop-5 .popinner p{font-size: 12px;margin-bottom: 10px;}
.pop-5 .confirm .form-group{clear:both;margin-bottom: 5px;overflow: hidden;}
.pop-5 .confirm label{float: left;background: #9C9C9C;color: #fff;border-top: 1px solid #8B8B8B;border-left: 1px solid #8B8B8B;width: 81px;height: 28px;line-height: 28px;text-indent: 15px;}
.pop-5 .confirm input{background: #767676;color: #fff;border:0;border-top: 1px solid #626262;border-left: 1px solid #626262;height: 28px;float: left;outline: none;padding: 0 7px;width: 300px;}
.pop-5 .btn-group .btn-confirm{background: url(../images/btn_confirm.png) no-repeat left top; width: 221px;height: 60px;}
.pop-5 .btn-group .btn-confirm:hover{background-image: url(../images/btn_confirm_hover.png);}

.pop-6{}
.pop-6 .btn-group .btn-click-get{background: url(../images/btn_click_get.png) no-repeat left top;width: 221px;height: 60px;}
.pop-6 .btn-group .btn-click-get:hover{background-image: url(../images/btn_click_get_hover.png);}