@charset "utf-8";
body{background:url(../img/gift/bg_giftpack.jpg) no-repeat center top;width:100%;overflow-x:hidden;}
a{color:#000;font-size:14px;}
a:hover{color:#fa9601}
#footer{width:100%;background:#000;margin-top:20px;padding:20px;}
.footer{text-align: center;line-height:24px;}
.footer p span{margin:0 6px;}
.footer p,.footer p a{color:#8e8373;font-size:14px;}


.footer div{color: #a4a4a4;width:900px;}
.footer div p{line-height: 26px;}
.footer div a,.footer div span{color: #a4a4a4;margin:0 14px;}
.footer div a:hover{color:#e1a252;}
.footer .logo{width:229px; height: 97px;}
.footer .logo a{width:100%;height: 100%; display: block;text-indent: -9999px;}
.wrapper{width:1200px;margin:0 auto;}
.header{height:436px;position:relative;}
.header .nav{position: absolute;height:54px;background:#000;width:100%;top:0;left:0;line-height:54px;overflow: visible;}
.header .nav a{color:#fff;float:left;display: block;height:54px;padding-left:26px;margin-right:40px;}
.header .nav a.logo{width:270px;height:auto;}
.header .nav a img{width:100%;}
.header .nav a.home{background: url(../img/gift/icon_home.png) no-repeat left center;}
.header .nav a.active{background: url(../img/gift/icon_hot_active.png) no-repeat left center;}
.header .nav a.data{background: url(../img/gift/icon_gameData.png) no-repeat left center;}
.header .nav a.gl{background: url(../img/gift/icon_glgroup.png) no-repeat left center;}
.header .nav a:hover{color:#fa9601;}

.loginFrame{height:135px;background:url(../img/gift/bg_giftpack_loginFrame.png) repeat;width:100%;position:absolute;bottom:0;}
.goin{width:285px;height:135px;float: left;background:url(../img/gift/loginGift.png) no-repeat left center;text-indent:-9999px;overflow: hidden;}
.loginInput{width:280px;float: left;height:65px;padding:15px 0;}
.loginInput div{zoom:1;height:30px;line-height:30px;color:#fff;margin:10px 0;}
.loginInput div:before,.loginInput div:after{content:' ';display: table;}
.loginInput div:after{clear:both;}
.loginInput div span,.loginInput div label,.loginInput div input{float: left;}
.loginInput div input{width:175px;height:24px;padding:3px 5px; background:url(../img/gift/bg_input.png) no-repeat;border:none;margin-left:5px;}
.loginInput div input.checkbox{width:16px;height:16px;margin-top:7px;margin-left:0;}
.loginInput div label{margin-left:4px;}
.loginInput div a{float: left;color: #fff;margin-left:23px;}
.loginInput div a:hover{color:#fa9601}
.loginBtn{height:90px;margin-top:36px;width:130px;float: left;}
.loginBtn button{width:129px;height:52px;background:url(../img/gift/loginbtns.png) no-repeat;border:0;color:#fff;font-size:18px;display:block;}
.loginBtn button:hover{background:url(../img/gift/loginbtns.png) no-repeat 0 -52px;}
.loginBtn a{text-decoration:underline;color:#fff;width:129px;text-align: center;display: block;height:20px;line-height:20px;}

.userinfo{width:355px;margin-top:40px;color:#fff;font-size:16px;float: left;}
.userinfo label{color:#d90404;}
.userinfo span{color:#ffab0a;}
.getPackData{height:74px;float: left;margin-top:30px;padding-left:84px;background:url(../img/gift/bg_getted.png) no-repeat left center;width:520px;color:#fff;}
.getPackData label{float:left;height:37px;line-height:37px;width:250px;margin-right:9px;float: left;}
.getPackData label a{color:#fff;width:230px;display:block;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.getPackData label a:hover{color:#fa9601}
.getPackData label span{width:15px;height:15px;display: block;background:url(../img/gift/icon_num.png) no-repeat;float:left;line-height:15px;text-align: center;color:#0d0d0d;font-size:12px;margin:11px 4px 0 0;}

.position{height:30px;line-height:30px;font-size:16px;}
.title{height:35px;background:url(../img/gift/icon_gift.png) no-repeat left center;line-height:35px;text-indent:34px;font-size:24px;margin-top:20px;}
.pagetitle{height:35px;background:url(../img/gift/icon_giftpage.png) no-repeat left center;line-height:35px;text-indent:34px;font-size:24px;margin-top:20px;}
.listStyleTab{border-bottom:1px solid #ccc;}
.listStyleTab li{float:left;text-align: center;display:inline;padding-bottom:4px;margin:0 4px;}
.listStyleTab label{width:176px;height:40px;line-height:40px;display:block;font-size:20px;cursor:pointer;}
.listStyleTab li.first{margin-left:0;}
.listStyleTab li.first label{border-right:1px solid #ccc;}
.listStyleTab li.current{border-bottom:3px solid #9ed015;}

.listConts{padding-top:18px;display: none;}
.listConts .c{width:388px;height:205px;border:1px solid #d3d3d3;float: left;margin:0 5px 10px;position:relative;}
.listConts .c .giftInfomation{width:350px;margin:12px 0 0 19px;}
.listConts .c .giftInfomation h2{font-size:20px;width:100%;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.listConts .c .giftInfomation h2 a{color:#000;font-size:20px;}
.listConts .c .giftInfomation h2 a:hover{color:#fa9601}
.listConts .c .giftInfomation p{font-size:14px;line-height:30px;}
.listConts .c .giftInfomation p span{color:#f00}
.listConts .c .giftInfomation .getDetail{display: block;width:90px;height:34px;background:#f0c721;border:1px solid #f9c40d;text-align: center;line-height: 34px;font-size:18px;color:#000;margin:0 auto;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s;position: absolute;bottom:22px;right:40px;}
.listConts .c .giftInfomation .getDetail:hover{background:#a7cb16;border-color:#a7cb16;color:#fff}
.listConts .c .getted{display: block;width:90px;height:34px;border:1px solid #ababab;text-align: center;line-height: 34px;font-size:18px;margin:0 auto;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s;background:#b5b5b5;border-color:#ababab;position: absolute;bottom:22px;right:40px;}
.listConts .c .getted:hover{background:#b5b5b5;border-color:#ababab;color:#000;}
.listConts .c .mainInt{width:380px;height:60px;overflow:hidden;margin-top:14px;font-size:14px;}
.listConts .c .mainInt label{float:left;width:72px;display:block;line-height:30px;}
.listConts .c .mainInt span{float:left;display: block;width:300px;line-height:30px;}


.progress {width:218px; padding: 4px; background: rgba(0, 0, 0, 0.25); border-radius: 6px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25), 0 1px rgba(255, 255, 255, 0.08); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25), 0 1px rgba(255, 255, 255, 0.08);position: relative;margin:10px 0;}
.progress-bar { position: relative; height: 26px; border-radius: 4px; -webkit-transition: 0.4s linear; -moz-transition: 0.4s linear; -o-transition: 0.4s linear; transition: 0.4s linear; -webkit-transition-property: width, background-color; -moz-transition-property: width, background-color; -o-transition-property: width, background-color; transition-property: width, background-color; -webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.25), inset 0 1px rgba(255, 255, 255, 0.1); box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.25), inset 0 1px rgba(255, 255, 255, 0.1);}
.progress-bar:before, .progress-bar:after { content: ''; position: absolute; top: 0; left: 0; right: 0;}
.progress-bar:before { bottom: 0; background: url("../img/gift/progress.png") 0 0 repeat; border-radius: 4px 4px 0 0;}
.progress-bar:after { z-index: 2; bottom: 45%; border-radius: 4px; background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05)); background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05)); background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05)); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05));}
.progress label{position:absolute;width:100%;height:34px;line-height:34px;text-align: center;display:block;top:0;left:0;z-index:3;font-size: 14px;}


/*分页*/
.pageBreak{text-align: center;margin:30px 0;}
.pageBreak a{margin:0 5px;line-height:38px;}
.pageBreak a.prev,.pageBreak a.next{width:102px;height:38px;background:#b5b4b3;color:#fff;display: inline-block;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s;}
.pageBreak a.prev:hover,.pageBreak a.next:hover{background:#000;}
.pageBreak a.current{color:#fa9601}
.relativeArticles{margin:10px auto 20px;}
.relativeArticles div{width:566px;}
.relativeArticles div h3{border-bottom:1px solid #ccc;height:40px;overflow: hidden;}
.relativeArticles div h3 label{font-size:20px;float: left;width:170px;height:38px;border-bottom: 3px solid #9ed015;line-height:40px;text-align: center;font-weight: normal;}
.relativeArticles div h3 a{float: right;line-height:50px;font-weight: normal;}
.relativeArticles ul{margin-top:10px;}
.relativeArticles li{height:30px;line-height:30px;}

.giftPage{margin:20px 0;}
.packDetail{width:1198px;border:1px solid #ccc;padding:0 8px 30px;zoom:1;}
.packDetail:before,.packDetail:after{content:'';display:table;}
.packDetail:after{clear:both;}
.packDetail .topCont{margin:20px 0 0 16px;width:550px;}
.packDetail .topCont .giftPageDetail p{line-height:38px;font-size:14px;}
.packDetail .topCont .giftPageDetail p span{font-weight:bold;color:#f00;}
.packDetail .topCont .giftPageDetail h2{font-size:22px;width: 100%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.packDetail .topCont .giftPageDetail h2 a{font-style:22px;color:#000;}
.packDetail .topCont .giftPageDetail h2 a:hover{color:#fa9601;}
.packDetail .topCont .getpackBtn,.packDetail .topCont .getted{margin-top:20px;}
.packDetail .topCont .getpackBtn a{display: block;width:101px;height:44px;background:#f0c721;border:1px solid #f9c40d;text-align: center;line-height: 44px;font-size:18px;color:#000;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s;}
.packDetail .topCont .getpackBtn a:hover{background:#a7cb16;border-color:#a7cb16;color:#fff}
.packDetail .topCont .getted a{background:#b5b5b5;border:1px solid #ababab;display: block;width:101px;height:44px;text-align: center;line-height: 44px;font-size:18px;color:#000;float: left;}
.packDetail .topCont .getted label{line-height:44px;float: left;font-size:16px;margin-left:6px;}
.packDetail .topCont .getted label i{color:#ff8c1c;}
.titleStyle{margin:20px 16px 0 0;width:528px;}
.titleStyle h3{border-bottom:1px solid #ccc;height:40px;overflow: hidden;font-size:20px;line-height:40px;font-weight:normal;}
.giftContain div{line-height:36px;margin-top:10px;font-size:14px;}


.morePacks{width:566px;float: right;}
.morePacks ul{padding:10px 0;}
.morePacks ul li{height:40px;width:100%;}
.morePacks ul li a{width:100%;height:100%;display: block;zoom:1;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s;line-height:40px;}
.morePacks ul li a:hover{background:#ccc;color:#000}
.morePacks ul li a:before,.morePacks ul li a:after{content: ' ';display: table;}
.morePacks ul li a:after{clear: both;}
.morePacks ul li label{float: left;cursor: pointer;margin-left:6px;}
.morePacks ul li span{float: right;width:21px;height:21px;text-align: center;line-height: 21px;background:url(../img/gift/btn_gogetgift.png) no-repeat;cursor: pointer;margin:10px 6px 0 0;color:#fff}

#jumpOut{width:556px;position:fixed;top:50px;left:50%;margin-left:-278px;background:#ebebeb;height:300px;opacity: 0;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s;z-index:-1;}
#jumpOut h3{background: url(../img/gift/bg_jumpout_title.png) repeat-x;height:56px;width:100%;text-align: center;line-height: 56px;color:#f00;font-size:24px;font-weight: normal;}
#jumpOut div{padding:0 40px;}
#jumpOut div p{height:50px;line-height:50px;border-bottom: 1px solid #ccc;font-size:16px;}
#jumpOut div p span{color:#ff8c1c}
#jumpOut div li{font-size:16px;line-height: 26px;}
#jumpOut div button{width:96px;height:36px;line-height:36px;text-align: center;border:none;background:#666;color:#fefefe;margin:20px auto 0;display: block;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s;}
#jumpOut div button:hover{background:#000;}
.frameOut #jumpOut{top:150px;opacity:1;z-index:10;}