/*sprites*/
.news-list-top .more b,
.avtive-tab-top .more b,
.subject-top .more{
	background:url(http://cdn.tgp.qq.com/dnf/images/sprite3.png) no-repeat;
}
.page_adv .enter .top .arrow,.version-update li .top .arrow,.version-update li .icon,.look-strategy .arrow,.look-strategy .btn-konw,.tab_video li b{background:url(http://cdn.tgp.qq.com/dnf/images/v5_gather.png) no-repeat;}
.page_adv .banner-btn li{background:url(http://cdn.tgp.qq.com/dnf/images/sprite4.png) no-repeat;}/*png24*/
.version-update .title,.subject-top h6,.strategy-popup .btn-close{background:url(http://cdn.tgp.qq.com/dnf/images/icons.png) no-repeat;}

.index-mask{opacity:.9!important; filter:alpha(opacity=90)!important;}
.index-wrap{width: 586px!important;}
.page_adv{width:450px; height:270px;border:1px solid #29231c; position:relative;overflow:hidden;margin:6px 0 0 2px;}
.page_adv .banner-img,.page_adv .banner-img li a{ display:block;}
.page_adv .banner-img li{ position:relative; z-index:1; }
.page_adv .banner-btn{ position:absolute; z-index:2; bottom:7px; right:3px;}
.page_adv .banner-btn li{ height:12px;text-indent:-9999em; cursor:pointer; margin-left:6px; float:left;}
.page_adv .banner-btn .no{ width:12px; height:12px;background-position:-294px -119px;}
.page_adv .banner-btn .active{width:20px;background-position:-308px -119px;}
.page_adv .switch-btn{position: absolute;right:-27px;top: 0;width: 152px;height: 23px;
z-index: 10;}
.page_adv .switch-btn a{display: block;float: left;position: relative;width: 62px;height: 23px;
text-align: center;line-height: 23px;}
.page_adv .switch-btn a:hover em{color: #ceb389;}
.page_adv .switch-btn .bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: #3d362b;
opacity: .8;filter:alpha(opacity=80);}
.page_adv .switch-btn em{color: #766b5d;position: relative;z-index: 1;}
.page_adv .switch-btn .active .bg{background-color: #9b0000;opacity: .68;filter:alpha(opacity=68);}
.page_adv .switch-btn .active em,.page_adv .switch-btn .active:hover em{color: #fff;}
.page_adv .switch-btn .bor-left{border-left: 1px solid #5e191c;}
.page_adv .enter{position: absolute;left: 2px;top: 2px;width:74px;border:1px solid #4f483d;background-color:#000; z-index: 3;}
.page_adv .enter .top{display: block;height: 22px;line-height: 22px;color: #73685a;text-indent: 5px;cursor: pointer;}
.page_adv .enter .top .arrow{display: inline-block;width: 10px;height: 6px;background-position: -381px -159px;margin-left: 4px;vertical-align: 2px;}
.page_adv .drop{width:100%;position: absolute;left: -1px;top:22px;border: 1px solid #4f483d;border-top:none;background-color: #000;}
.page_adv .drop li{text-align:center;height: 22px;line-height: 22px;}
.page_adv .drop li a{color: #73685a;}
.page_adv .drop li a:hover{color: #ceb389;}
.v5_event{ width:118px;float: right;margin-top: 7px;}
.v5_event .recommend .pic{display: block;width: 115px;height: 101px;border: 1px solid #29241c;}
.v5_event .tomorrow{margin-top:1px;}
.v5_event h3{height:14px; line-height: 14px; text-indent: 5px; margin-bottom:9px;color: #ceb389; }
.v5_event h3 b{width: 5px;height: 14px;background: url(http://cdn.tgp.qq.com/dnf/images/v5_gather.png) -985px 0 no-repeat;_background: url(http://cdn.tgp.qq.com/dnf/images/v5_gather.gif) -985px 0 no-repeat;float: left;margin: 0 0 0 2px;}
.v5_event li{ width: 30px; height: 30px; float: left; margin: 6px 9px -2px 0;position: relative;display: inline;}
.v5_event li a{width: 30px; height: 30px; }
.v5_event li img{width: 28px; height: 28px; border:1px solid #000;}
.v5_event li b{ width:22px; height: 12px; background: url("http://cdn.tgp.qq.com/dnf/images/v5_gather.png") -1020px -25px no-repeat;_background: url("http://cdn.tgp.qq.com/dnf/images/v5_gather.gif") -1020px -25px no-repeat;  position: absolute;  right: 0px; top:0px;}
.v5_event li b.limt{ width:26px; height: 16px; background: url("http://cdn.tgp.qq.com/dnf/images/v5_gather.png") -1043px -25px no-repeat; _background: url("http://cdn.tgp.qq.com/dnf/images/v5_gather.gif") -1043px -25px no-repeat; position: absolute;  right:0px; top:0px;}
.v5_event li .hover-area{width:90px; padding:4px 0 3px 6px;display:none; position:absolute; border:1px solid #765628; top:28px; left:-72px; z-index:2; background: #0C0805;}
.v5_event li .hover-area .bg{width:100%; height:100%; position:absolute; left:0; top:0; z-index:0; background-color:#000; opacity: .8;filter:alpha(opacity=80);}
.v5_event li .hover-area p{ position:relative; z-index:1; color:#9c9c9c; height:17px; line-height:17px; height:auto;}
.v5_event .date-tab{width: 118px;margin-top: 15px;}
.v5_event .date-tab .top{height:24px; line-height:24px;border-bottom:1px solid #514839;}
.v5_event .date-tab .top li{width:57px; height:24px; text-align:center;float:left; cursor:pointer; margin:0 1px 0 0;}
.v5_event .date-tab .top li.active{border:1px solid #514839;border-bottom:none;background-color:#120f0c;}
.v5_event .date-tab .top li a{display: block;float: left;width: 57px;height: 23px;position: relative;}
.v5_event .date-tab .top li .bg{display: block;position: absolute;left:0;top:0;width: 100%;height: 23px;background-color:#c1ad8d;opacity:0.2; filter:alpha(opacity=20);}
.v5_event .date-tab .top li a:hover .bg{opacity:0.4; filter:alpha(opacity=40);}
.v5_event .date-tab .top li .text{position: relative;z-index: 1;color: #ceb389;}
.v5_event .date-tab .top li.active .bg{display:none;}
.dnf-index-m{overflow:hidden; zoom:1; clear:both;margin-left: 2px;}
.avtive-tab{margin-top:3px;width: 366px;}
.avtive-tab-top{width:100%;margin-top: 15px;position:relative;}
.avtive-tab-top ul{height:24px; line-height:24px;border-bottom:1px solid #514839; }
.avtive-tab-top li{width:72px;height:24px; text-align:center;float:left; cursor:pointer;margin-right: 1px;}
.avtive-tab-top li.active{border:1px solid #514839;border-bottom:none;background-color:#120f0c; }
.avtive-tab-top li a{display: block;float: left;width: 72px;height: 23px;color: #968468;position: relative;}
.avtive-tab-top li .bg{display: block;position: absolute;left:0;top:0;width: 100%;height:23px;background-color:#c1ad8d;opacity:0.2; filter:alpha(opacity=20);}
.avtive-tab-top li a:hover .bg{opacity:0.4; filter:alpha(opacity=40);}
.avtive-tab-top li .text{position: relative;z-index: 1;color: #ceb389;}
.avtive-tab-top li.active .bg{display:none;}
.avtive-tab-top .more{height:24px; line-height:24px; position:absolute; right:0; top:0;text-align:right;color:#6c604e;}
.avtive-tab-top .more a{ text-decoration:none;}
.avtive-tab-top .more:hover a{color:#ceb389;}
.avtive-tab-top .more b{width:10px; height:10px; display:inline-block;background:url(http://cdn.tgp.qq.com/dnf/images/v5_gather.png) -1087px -30px no-repeat;_background:url(http://cdn.tgp.qq.com/dnf/images/v5_gather.gif) -1087px -25px no-repeat; margin-right:5px; padding-top:1px; +padding-top:5px;}
.avtive-tab-top .more:hover b{background-position:-1087px -50px;}
.tab_video ul{width: 381px;}
.tab_video li{ width:177px;float:left; margin:14px 11px 0 0;}
.tab_video li span{width:100%; height: 18px;color: #6c604e;}
.tab_video li .v_img{width:175px; height:118px; overflow:hidden;position:relative; border: 1px solid #4d3a27;}
.tab_video li .v_img i{width:100%; height:20px;position:absolute;left:0px;bottom:0px; opacity:.7;filter:alpha(opacity=70); background-color:#000;z-index: 2;}
.tab_video li .v_img span{width:100%; height:20px;line-height:20px; position:absolute;left:138px;bottom:0px;z-index:3;color: #7c7c7c;}
.tab_video li img{width:100%; height:180px;}
.tab_video li p{height:20px;line-height:20px; overflow:hidden;clear: both;margin-top:2px;}
.tab_video li p a{color:#6c604e;}
.tab_video li p a:hover{color:#ceb389;}
.tab_video li b{display:inline-block;width:11px; height:9px;margin-right:5px;background-position: -323px -188px;+vertical-align: 4px;}
.tab_video li:hover .v_img{border: 1px solid #995315;}
.version-update{position: relative;margin-top: 13px;+margin-top: 10px;}
.version-update .title{padding-left:12px; background-position:-601px 0;color:#ceb389;}
.version-update .content{margin-top: 11px;width: 363px;height: 90px;border:1px solid #29241c;position: relative;}
.version-update .content .bg{position: absolute;left: 0;top:0;width: 100%;height: 100%;background-color: #000;opacity: .35;filter:alpha(opacity=35);}
.version-update ul{position: relative;z-index: 1;padding-left: 20px;}
.version-update li{float: left;width: 76px;margin:6px 47px 0 0;}
.version-update li .top{display: block;width: 76px;height: 17px;text-align: center;line-height: 17px;color: #ceb389;position:relative;border-radius: 3px;background-color: #372f23;}
.version-update li .top .arrow{display: block;width: 6px;height: 4px;background-position: -392px -159px;position: absolute;left:35px;top: 17px;height: 17px; }
.version-update li .icon{display: block;width: 21px;height: 21px;background-position: -399px -159px;margin:9px 0 3px 28px; }
.version-update li .word{color: #6c604e;line-height: 14px;text-align:center;}
.version-update li .word:hover{color: #e16900;}
.version-update li .word em,.version-update li .word span{display: block;width:84px;height: 14px;overflow: hidden;white-space: normal;text-overflow:ellipsis;}
.version-update li.active .top{background-color: #e16900;color: #fff;}
.version-update li.active .top .arrow{background-position: -381px -166px;}
.version-update li.active .icon{background-position: -421px -159px;}
.version-update .border{width: 100%;height: 1px;background-color: #241d14;overflow: hidden;position:absolute;top:42px;}
.news-list{width:203px; margin-top:15px;}
.news-list-top{ position:relative;}
.news-list-top ul{height:24px; line-height:24px;border-bottom:1px solid #514839;}
.news-list-top li{width:48px; height:24px; text-align:center;float:left; cursor:pointer; margin-right: 1px;}
.news-list-top li.active{border:1px solid #514839;border-bottom:none;background-color:#120f0c;}
.news-list-top li a{display: block;float: left;width: 48px;height: 23px;position: relative;}
.news-list-top li .bg{display: block;position: absolute;left:0;top:0;width: 100%;height: 23px;background-color:#c1ad8d;opacity:0.2; filter:alpha(opacity=20);}
.news-list-top li a:hover .bg{opacity:0.4; filter:alpha(opacity=40);}
.news-list-top li .text{position: relative;z-index: 1;color: #ceb389;}
.news-list-top li.active .bg{display:none;}
.news-list-top .more{height:24px; line-height:24px; position:absolute; right:0; top:0; text-align:right;}
.news-list-top .more a{border: none;}
.news-list-top .more b{width:10px; height:10px; display:inline-block;background:url(http://cdn.tgp.qq.com/dnf/images/v5_gather.png) -1087px -30px no-repeat;_background:url(http://cdn.tgp.qq.com/dnf/images/v5_gather.gif) -1087px -25px no-repeat; margin-right:5px; padding-top:1px;+padding-top:5px;}
.news-list-top .more:hover a{color:#ceb389;}
.news-list-top .more:hover b{background-position:-1087px -50px;}
.news-list-bd ul{height: 162px;+height: 163px; padding-top:12px;}
.news-list-bd .notice-ul,.news-list-bd .news-ul,.news-list-bd .match-ul{ display:none;}
.news-list-bd li{line-height: 21px;+line-height: 17px;overflow:hidden; position:relative;}
.news-list-bd .first{margin-top: -7px;}
.news-list-bd a{display: block;width: 164px;float: left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #6c604e;}
.news-list-bd a:hover{color:#ceb389;}
.news-list-bd .first span,.news-list-bd .first a{color: #e16900;}
.news-list-bd .first a:hover{color: #ff8b26;}
.news-list-bd li a:hover{ color:#968468;}
.news-list-bd li:hover .biger{color:#c17f46;}
.news-list-bd .date{position:absolute; right:0;+top:-1px; color:#6c604e;}
.subject-top{ margin:10px 0 2px 0;+margin-bottom:4px; height:22px;}
.subject-top h6{ padding-left:12px; background-position:-601px 0;color:#ceb389;}
.subject-top .more{ padding:1px 0 0 11px;background-position:-289px 5px;}
.subject-bd{width:200px; height:90px; border:1px solid #543f2e;position:relative}
.subject-bg{width:100%; height:100%; position:absolute; left:0; top:0; z-index:0;background-color:#000;opacity:0.5; filter:alpha(opacity=50);}
.subject-bd .pic{ display:block; float:left; position:relative; z-index:1;width: 100%; height: 100%;}
.subject-bd .content{width:70px; float:left; margin-left:7px;_ margin-left:7px;position:relative; z-index:1;margin-top: 5px;}
.subject-bd .content dl{ color:#6a6968;}
.subject-bd .content dt{ margin-bottom:5px;}
.subject-bd .content dd{ margin-bottom:20px;}
.subject-bd .content .enter{color:#6c604e;text-decoration: underline;}
.subject-bd .content .enter:hover{color:#ffdfae;}
/*look-strategy*/
.look-strategy{width: 272px;height: 143px;position: absolute;top:33px;left: 331px;z-index: 100;}
.look-strategy img{display:block;width: 131px;height: 116px;position: absolute;right: 0;top: 0;}   
.look-strategy .arrow{display: block;width: 54px;height: 35px;background-position: -471px -168px;position: absolute;left: 81px;top: 58px;}
.look-strategy p{font-size: 14px;color: #319ed7;margin:96px 0 10px;}
.look-strategy .btn-konw{display: inline-block;margin-left: 37px;width: 60px;height: 24px;line-height: 24px;text-align: center;background-position: -691px -48px;color: #fff; }
.look-strategy .btn-konw:hover{background-position: -752px -48px;}
/*strategy-popup*/
.strategy-popup{position: absolute;left: 50%;top: 50%;margin:-158px 0 0 -289px;width:578px;height: 316px;border: 1px solid #765628;z-index: 101; }
.strategy-popup .top{height: 32px;line-height: 32px;background-color: #000;border-bottom:1px solid #2e271d;}
.strategy-popup .top .tit{float: left;color: #9d927f;text-indent:11px;font-family:'Simsun'; }
.strategy-popup .btn-close{display: inline-block;float: right;width: 15px;height: 15px;margin:8px 9px 0 0;
background-position: -591px -51px;}
.strategy-popup .btn-close:hover{background-position: -591px -101px;}
.strategy-popup .bd{height: 283px;background:url(http://cdn.tgp.qq.com/dnf/images/strategy-popup-bg.jpg) no-repeat;}
.strategy-popup .list{padding: 32px 0 0 21px;}
.strategy-popup .list li{width: 166px;height: 102px;float: left;margin:0 19px 15px 0;+margin-bottom: -17px;}
.strategy-popup .list a{display:block;width: 164px;height: 100px;float: left;border:1px solid #553e2a;}
.strategy-popup .list a:hover{border-color:#e16900;outline: 1px solid #e16900}