.bg1{height: 445px;background-color: #f0f0f0;width: 100%;position: absolute;left: 0;top: 843px;}
.bg2{width: 408px;height: 599px;background: url("//game.gtimg.cn/images/dnf/web201905/p.png") no-repeat 0  0;position: absolute;left: 50%;top: 755px;margin-left: 644px;}
.bg3{width: 491px;height: 616px;background: url("//game.gtimg.cn/images/dnf/web201905/bg-mt.png") no-repeat 0 0;position: absolute;left: 50%;top: 1677px;margin-left: 394px;z-index: 0;}
.bg4{width: 100%;height: 884px;background: url("//game.gtimg.cn/images/dnf/web201905/bg4.jpg") no-repeat center 0;position: absolute;left: 0;top: 2095px;z-index: 0;}

.menu-guide{position:relative;height: 310px;}
.menu-guide-tit{overflow:hidden;zoom:1;height:354px;width: 404px;background: url("//game.gtimg.cn/images/dnf/web201905/bg-sider-quick.png") no-repeat 0 0;position: absolute;top: -5px;left: -137px;padding-top: 48px;}
.menu-guide-tit li{width:239px;float:left;height:61px;line-height:61px;position:relative;margin: 0 0 0 165px;}
.menu-guide-tit li a{display:block;height:61px;font-size: 17px;text-indent: 70px;color: #ffc39e;}
.menu-guide-tit .menu-guide-tit-o a{border-bottom:0}

.icon-arrow{display:block;width:14px;height:16px;background-position:-254px -114px;position:absolute;right:45px;top:50%;margin-top:-8px}

.menu-guide-tit .cur .icon-arrow{background-position:-254px -95px}
.menu-guide-tit .cur a{color:#fff}
.menu-guide-tit a{font-size:14px;color:#fff;font-weight:bold;display:block;height:100%}
.menu-guide-list{overflow:hidden;zoom:1;}
.guide-panel{background-color:#fff;width:750px;height:274px;background-color:#fff;display:none;position:absolute;left:240px;top:28px;z-index:999;border:1px solid #e8e8e8;box-shadow:0px 0px 9px #e8e8e8;border-radius:3px;}
.menu-guide-list s{display:block;margin:0 auto 5px auto}
.icon-yxdl{width:40px;height:26px;background-position:-460px 0}
.s-icon a:hover .icon-yxdl{background-position:-460px -33px}
.icon-yxjm{width:32px;height:27px;background-position:-501px 0}
.s-icon a:hover .icon-yxjm{background-position:-501px -33px}
.icon-xtsz{width:27px;height:27px;background-position:-534px 0}
.s-icon a:hover .icon-xtsz{background-position:-534px -33px}
.icon-zyjn{width:28px;height:28px;background-position:-563px 0}
.s-icon a:hover .icon-zyjn{background-position:-563px -33px}
.icon-djjy{width:20px;height:32px;background-position:-592px 0}
.s-icon a:hover .icon-djjy{background-position:-592px -33px}
.icon-zdxt{width:24px;height:27px;background-position:-613px 0}
.s-icon a:hover .icon-zdxt{background-position:-613px -33px}
.icon-rwxt{width:32px;height:22px;background-position:-638px 0}
.s-icon a:hover .icon-rwxt{background-position:-638px -33px}
.icon-dxc{width:30px;height:32px;background-position:-671px 0}
.s-icon a:hover .icon-dxc{background-position:-671px -33px}
.icon-sqxt{width:26px;height:29px;background-position:-702px 0}
.s-icon a:hover .icon-sqxt{background-position:-702px -33px}
.icon-cw{width:26px;height:28px;background-position:-730px 0}
.s-icon a:hover .icon-cw{background-position:-730px -33px}
.icon-scjy{width:28px;height:29px;background-position:-759px 0}
.s-icon a:hover .icon-scjy{background-position:-759px -33px}
.icon-fzy{width:28px;height:28px;background-position:-788px 0}
.s-icon a:hover .icon-fzy{background-position:-788px -33px}
.icon-zb{width:26px;height:26px;background-position:-818px 0}
.s-icon a:hover .icon-zb{background-position:-818px -33px}
.icon-sc{width:28px;height:32px;background-position:-845px 0}
.s-icon a:hover .icon-sc{background-position:-845px -33px}
.icon-tswf{width:29px;height:29px;background-position:-875px 0}
.s-icon a:hover .icon-tswf{background-position:-875px -33px}
.icon-jdc{width:30px;height:28px;background-position:-906px 0}
.s-icon a:hover .icon-jdc{background-position:-906px -33px}
.icon-cz{width:38px;height:18px;background-position:-368px -65px}
.s-icon a:hover .icon-cz{background-position:-368px -100px}
.icon-tgp{width:31px;height:26px;background-position:-407px -65px}
.s-icon a:hover .icon-tgp{background-position:-407px -100px}
.icon-jdmnq{width:28px;height:28px;background-position:-440px -65px}
.s-icon a:hover .icon-jdmnq{background-position:-440px -100px}
.icon-tyf{width:42px;height:28px;background-position:-470px -65px}
.s-icon a:hover .icon-tyf{background-position:-470px -100px}
.icon-bzcxq{width:28px;height:28px;background-position:-514px -65px}
.s-icon a:hover .icon-bzcxq{background-position:-514px -100px}
.icon-txzb{width:24px;height:35px;background-position:-544px -65px}
.s-icon a:hover .icon-txzb{background-position:-544px -100px}
.icon-qyzs{width:31px;height:33px;background-position:-568px -65px}
.s-icon a:hover .icon-qyzs{background-position:-568px -100px}
.icon-gwdhq{width:24px;height:31px;background-position:-599px -65px}
.s-icon a:hover .icon-gwdhq{background-position:-599px -100px}
.icon-gfzlz{width:34px;height:26px;background-position:-708px -120px;}
.s-icon a:hover .icon-gfzlz{background-position:-708px -151px}
.icon-17173{width:32px;height:22px;background-position:-743px -120px;}
.s-icon a:hover .icon-17173{background-position:-743px -151px}
.icon-lsbb{width:27px;height:27px;background-position:-777px -120px;}
.s-icon a:hover .icon-lsbb{background-position:-777px -151px}
.icon-mh{width:28px;height:30px;background-position:-835px -120px;}
.s-icon a:hover .icon-mh{background-position:-835px -151px}
.icon-xs{width:28px;height:28px;background-position:-867px -120px;}
.s-icon a:hover .icon-xs{background-position:-867px -151px}
.icon-stddh{width:36px;height:29px;background-position:-897px -120px;}
.s-icon a:hover .icon-stddh{background-position:-897px -151px}
.icon-aldms{width:24px;height:26px;background-position:-934px -120px;}
.s-icon a:hover .icon-aldms{background-position:-934px -151px}
.icon-music{width:28px;height:28px;background-position:0 -206px;}
.s-icon a:hover .icon-music{background-position:0 -237px}
.icon-gailv{width:29px;height:33px;background-position:-60px -198px;}
.s-icon a:hover .icon-gailv{background-position:-60px -232px}
.s-icon{padding:32px 0 0 0;overflow:hidden;zoom:1}
.s-icon-bk{width:338px;float:left}
.s-icon li{text-align:center;display:inline-block;width:104px;margin:0 0 30px 0}
.s-icon li{*display:inline}
.menu-guide-list a{color:#333;display:inline-block}
.menu-guide-list a:hover{color:#ec4828}
.bk-sub-nav{float:left;color:#333;padding:0 0 0 50px;height:190px;margin:45px 0;border-left:1px solid #e8e8e8;width:360px}
.bk-sub-nav-video{width:518px;}
.bk-sub-nav-video-btn{float:left;padding:60px 0 0 40px;margin:10px 0;height:148px;border-left:1px solid #e8e8e8;}
.bk-sub-nav-video-btn li{margin:0 0 10px 0;}
.bk-sub-nav-video-btn .icon-video-btn{display:inline-block;width:21px;height:21px;background-position:-708px -179px;position:relative;top:5px;margin:0 5px 0 0;*top:0px;}
.bk-sub-nav h4{font-weight:bold;font-size:14px;}
.bk-sub-nav p{padding:3px 0;}
.bk-sub-nav a{display:inline-block;margin:0 10px 5px 0}
.bk-sub-nav a{*display:inline}
.shop-push{}
.shop-bd{height:210px;overflow:hidden;position:relative}
.shop-bd ul{padding:25px 0 0 32px;position:absolute;left:0;top:0}
.shop-bd li{overflow:hidden;zoom:1;margin:0 0 15px 0;width:100%;height:auto;overflow:hidden;float:left}
.shop-img{float:left}
.shop-img img{border-radius:3px;}
.shop-info{padding:0 0 0 80px;line-height:14px;font-size: 14px;}
.shop-text{color:#333}
.shop-money{font-weight:bold;margin:6px 0 0 0;color: #ec4828;}
.shop-btn{color:#fff;background-color:#e24122;display:block;width:75px;height:26px;line-height:26px;text-align:center;margin-top:6px}
.shop-hd{text-align:center;}
.shop-hd li{display:inline-block;width:17px;height:17px;cursor:pointer;background-position: -316px -126px;}
.shop-hd li{*display:inline}
.shop-hd li.cur{background-position: -299px -126px;}

.teamwork{}
.teamwork-select h3{color:#bbb;position:relative;height: 56px;font-size: 17px;text-align: center;line-height: 51px;margin: 20px 0 0 0;background-position: 0 -126px;}

.teamwork-list{position:absolute;z-index:999;width:228px;border:1px solid #e8e8e8;background-color:#fff;line-height:20px;padding:5px;height:300px;overflow-y:auto;display:none}
.teamwork-list a{color:#bbb}
.teamwork-list a:hover{color:#000}

.mode{overflow: hidden;}
.mode_l{float: left;width: 686px;}
.mode_r{float: left;width: 480px;}
.mode-2{margin-top: 40px;height: 440px;}
.mode-3{margin-top: 22px;}

.index-show { visibility: visible !important; animation: bottom 0.6s ease; -webkit-animation: bottom 0.6s ease; }
@keyframes bottom { 0% { -webkit-transform: translateY(20px);
    transform: translateY(20px);
    opacity: .2; }
  100% { -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; } }
@-webkit-keyframes bottom { 0% { -webkit-transform: translateY(20px);
    transform: translateY(20px);
    opacity: .2; }
  100% { -webkit-transform: translateY(0);
    transform: translateY(0);
	opacity: 1; } }

.gg{}
.gg_main{width: 343px;height: 431px;overflow: hidden;float: left;}
.gg_main a{display: block;height: 431px;position: relative;}
.gg_main img{display: block;height: 100%;}
.gg_info{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.gg_mask{background-color: #000;width: 100%;height: 100%;opacity: .5;}
.gg_info_text{position: absolute;width: 100%;text-align: center;left: 0;top: 50%;color: #ffffff;margin-top: -15px;}
.gg_title{font-size: 22px;font-weight: bold;}
.gg_sumTitle{font-size: 16px;margin: 8px 0 44px 0;}
.gg_icon{color: #ec4828;width:140px;height:36px;margin:0 auto;line-height:36px;text-align:center;}
.gg_icon span{display: inline-block;width: 24px;height: 24px;vertical-align: middle;background-position: -372px -126px}

.gg_main a:hover .gg_icon,.ggBox a:hover .gg_icon{background-color:#af3b26;}
.gg_main a:hover .gg_icon,.ggBox a:hover .gg_icon{color: #fff}
.gg_main a:hover .gg_icon span,.ggBox a:hover .gg_icon span{background-position: -399px -126px;}

.gg_lb{float: left;}
.ggBox { width:100%; height:431px;}/*修改成广告图片的尺寸即可*/
.ggBox { position:relative; background:#0e97dc; overflow:hidden}
/*以下是轮播的图片样式，不用修改*/
.adPic { position:absolute; width:100%; height:100%; left:0; top:0}
.adPic a { display:block; width:100%; height:100%; overflow:hidden; position:absolute; left:0; top:0; background:#0e97dc}
.adPic img { width:100%; height:100%; position:absolute; top:0; left:0}
.adPic p { position:relative; padding-top:50px}
.loadI { width:130px; text-align:center; line-height:20px; color:#FFF; background:#18b2ff; margin:0px auto; display:block}
.adPicUl { width:1000%; height:100%; overflow:hidden; -webkit-transition: all 0.1s linear; -webkit-transform-style: preserve-3d;-webkit-backface-visibility: hidden}
.adPicUl li { float:left; width:14.3%; height: 100%;}
.adPicUl a { display:block; width:100%; height: 100%}
.adPicUl img { display:block; width:100%; height:100%}
/*以下是轮播小按钮样式，可按设计稿自己修改~*/
.ggBox .adBtn { position:absolute; z-index:2; left: 0;; bottom:0px; text-align: center;width: 100%;height:20px;line-height:20px;font-size:0px;padding-bottom:10px;}
.adBtn a{ display: inline-block; text-indent:-5000px;  margin:2px; overflow:hidden; width:20px; height:4px;background-color: #ec4828;border-radius: 3px;opacity:1;}/*小按钮样式*/
.adBtn a.on,.adBtn a:hover,.adBtn a.swiper-pagination-bullet-active{background-color: #ffffff; }/*当前帧样式*/

.gg_lb_next,.gg_lb_prev{width:42px;height:32px;position:absolute;top:399px;z-index:9;cursor:pointer;display:none;}
.gg_lb_next{right:0px;background-position:-414px -158px;}
.gg_lb_next:hover{background-position:-414px -193px;}
.gg_lb_prev{right:42px;background-position:-372px -158px;left:auto;}
.gg_lb_prev:hover{background-position:-372px -193px;}


.news{width:100%;background-color:#fff;position:relative;height: 431px;}
.news-hd{border-bottom: 1px solid #f0f0f0;margin: 0 30px}
.news-hd li{display:inline-block;padding:25px 0 17px 0;cursor:pointer;position:relative;width: 80px;text-align: center;font-size: 0;}
.news-hd li.cur a{color: #ec4828;}
.news-hd li a{color:#555555;font-size:17px;font-weight:bold}
.news-hd li:hover .icon-push{}
.icon-push{display:block;width:100%;height:11px;position:absolute;left: 0;bottom: -8px;background-position: -299px 0;display: none;}
.news-hd li.cur .icon-push{display: block;}
.news-hd li em{background-color:#ec4828;display: block;position: absolute;right: 10px;top: 20px;font-size: 9px;border-radius: 50%;width: 15px;height: 15px;text-align: center;line-height: 15px;transform: scale(.9);-ms-transform: scale(.9);-moz-transform: scale(.9);-webkit-transform: scale(.9);-o-transform: scale(.9);color: #fff;display: none;}
.news-bd{margin: 0 30px}
.tab-panel{display: none}
.dis{display:block}
.news-list li{height:21px;line-height:21px;font-size:14px;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin: 15px 0;}
.news-list li.news-hot{background-color:#f0f0f0;height:48px;line-height:48px;text-align:center;margin:33px 0 10px 0;}
.news-list li.news-hot a{color:#555555;font-size:16px;font-weight:bold}
.news-list li.news-hot a:hover{color:#ec4828}
.news-list li.news-hot span{display:none}
.news-list li.news-hot .news_type{display: none;}
.news-list a{color:#555555}
.news-list a:hover{color:#ec4828}
.news-list li span{color:#616161;float:right}
.news-more{height: 38px;line-height: 38px;border: 2px solid #e3e3e3;font-size: 16px;text-align: center;margin-top: 26px ;}
.news-more a{color:#555555;display: block;}
.news-more a:hover{color:#ec4828}
.news_type{display: inline-block;width: 49px;height: 21px;text-align: center;line-height: 21px;background-position: -443px -28px;color: #3f4e5a;}
.news_type2{color: #ec4828}
.news_type3{color: #b52601}
.news_type4{color: #999999;}
.news_type5{color: #8dabc4}
.icon-news{display: inline-block;width: 16px;height: 17px;background-position: -299px -11px;vertical-align: middle;}

.act{position: relative;}
.title{color: #49657a;font-size: 24px;padding: 29px 0 20px 25px;position: relative;}
.title a{position: absolute;right: 20px;top: 37px;font-size: 14px;color: #999999;}

.act_con{width:100%;position:relative;}
.act-hd{border-top: 1px solid #e3e3e3;}
.act-hd li{display:inline-block;padding:25px 0 17px 0;cursor:pointer;position:relative;width: 19%;text-align: center;font-size: 0;}
.act-tj .act-hd li{width: 19%;}
.act-hd li.cur a{color: #ec4828;}
.act-hd li a{color:#555555;font-size:17px;font-weight:bold}
.act-hd .icon-push{display:block;width:81px;height:11px;position:absolute;left: 50%;top: -4px;background-position: -299px 0;display: none;margin-left: -40px;}
.act-hd li.cur .icon-push{display: block;}
.act-hd li em{background-color:#ec4828;display: block;position: absolute;right: 15px;top: 20px;font-size: 9px;border-radius: 50%;width: 15px;height: 15px;text-align: center;line-height: 15px;transform: scale(.9);-ms-transform: scale(.9);-moz-transform: scale(.9);-webkit-transform: scale(.9);-o-transform: scale(.9);color: #fff;display: none;}
.act-bd{position: relative;}
.act-list-title{height: 42px;line-height: 42px;background-color: #f9f9f9;color: #555555;font-size: 14px;margin: 13px 0;}
.act-list-title span{display: inline-block;width: 25%;text-align: center;font-weight: bold;}
.act-panel{height: 205px;width: 100%;overflow: hidden;}
.act-panel .swiper-container{width: 100%;height: 100%;}
.act-panel .swiper-slide{-webkit-box-sizing: border-box;box-sizing: border-box;height: auto;}
.act-list li{height: 42px;line-height: 42px;text-align: center;width: 100%;border-bottom: 1px dashed #cecece;font-size: 14px;color: #555555;}
.act-list li p{display: block;width: 25%;float: left;height: 42px;}
.act-list li p a{color: #555}
.act-list li p a:hover{color: #ec4828}
.act-list li img{vertical-align: middle;width: auto;height: 30px;}
.act-list li p span{color: #ec4828}
.icon-get{display: inline-block;width: 55px;height: 25px;background-position: -486px 0;vertical-align: middle}
.actName{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.swiper-scrollbar{background-color: #e3e3e3;}
.swiper-scrollbar-drag{background: #c9c9c9}

.act_btn_more{position: absolute;right: 20px;top: 33px;}
.act-tj .act_btn_more{right:80px;}
.act_btn_more a{display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;}
  .act_btn_more a:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    top: 100%;
    left: 5%;
    height: 10px;
    width: 90%;
    opacity: 0;
    background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
    /* W3C */
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform, opacity;
    transition-property: transform, opacity;
  }
.act_btn_more a:hover{-webkit-transform: translateY(-5px);
  transform: translateY(-5px);}
  .act_btn_more a:hover:before{
    opacity: 1;
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
  }
.icon-xy{width: 77px;height: 28px;background-position: -402px 0;overflow: hidden;text-indent: -999px;}
.icon-actCenter{border: 2px solid #ffffff;width: 90px;height: 24px;text-align: center;line-height: 24px;color: #ec4828;font-size: 14px;border-radius: 15px;margin-left: 10px;}
.act-tj .icon-actCenter{border: 2px solid #f0f0f0;}

.act-hot{}
.act-hot .title{padding:29px 0 20px 55px}
.act-hot .title a{right: 280px;}
.act-hot-list{margin: 0 0 0 35px;}
.act-hot-list li{width: 412px;height: 160px;overflow: hidden;margin-bottom: 20px;}
.act-hot-list li img,.pp-list li img{display: block;height: 100%;display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;}
  .act-hot-list li img:hover,.pp-list li img:hover{
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

.works-list{width: 585px;margin: 0px auto 0 auto;overflow: hidden;}
.works-list li{width: 272px;float: left;position: relative;margin: 0 10px;overflow:hidden;}
.works-list li a{display:block;}
.v_pic{height:151px;position:relative;}
.v_pic img{width:100%;height:151px;}
.video_hover{background-color:rgba(0, 0, 0, 0);position:absolute;left:0px;top:0px;width:100%;height:100%;}
.video_hover:before{width:40px;height:40px;background-position:-446px -49px;content:"";position:absolute;left:50%;top:50%;margin:-20px 0 0 -20px;}
.video_hover:hover{border:3px solid #ec4828;width:266px;height:145px;background-color:rgba(0, 0, 0, 0.6);}
.video_hover:hover:before{background-position:-487px -49px;}
.v_tlt{font-size:16px;color:#555;white-space:nowrap;text-overflow:ellipsis;width:95%;overflow:hidden;margin:15px 0;}
.v_infor em{display:inline-block;width:23px;height:18px;vertical-align:top;margin-right:5px;}
.v_num_icon{background-position:-434px -95px;}
.v_time_icon{background-position:-460px -95px;}
.v_num{margin-right:20px;}
.works-cover{height: 175px;overflow: hidden;}
.works-cover img{width: 100%;height: 175px;}
.works-title{font-size: 16px;color: #ffffff;position: absolute;left: 15px;top: 118px;}
.works-info{font-size: 12px;color: #ffffff;position: absolute;left: 15px;top: 142px;}
.author-head{width: 50px;height: 50px;border: 4px solid #f2f2f2;border-radius: 50%;overflow: hidden;position: absolute;left: 5px;top: 163px;}
.author-head img{display: block;height: 43px;width: 43px;border: 3px solid #d4d4d4;border-radius: 50%;}
.works-mask{width:100%;height:100%;position:absolute;left:0px;bottom:0px;background:url("//game.gtimg.cn/images/dnf/web201905/bg-gg.png") no-repeat 0 bottom;}
.works-list li a:hover .works-mask{background:url("//game.gtimg.cn/images/dnf/web201905/bg-gg-hover.png") no-repeat 0 bottom;}
.work-text{color: #ffffff;position:absolute;left:0px;bottom:13px;width:100%;}
.work-text span{display:block;padding:0 10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.work-title{font-size: 16px;height:16px;line-height:16px;margin-bottom:5px;}
.work-subtitle{font-size: 12px;}
.act-tj{background: url("//game.gtimg.cn/images/dnf/web201905/bg-tj.png") no-repeat 0 bottom}
.works-control{}
.works-control a{display: block;width: 23px;height: 40px;position: absolute;top: 68px;border: none;margin: 0;padding: 0;background-color:#f6f6f6;overflow: hidden;text-indent: -999px;display:none;}
.works-control .previouspage{background-position: -299px -74px;left: 10px;display:block;}
.works-control .pagenext{background-position: -325px -74px;right: 10px;display:block;}
.previouspageone{display:none;}

.act-tj .act-bd{padding-bottom:15px;}

.star{}
.star-list{overflow: hidden;}
.star-list li{width: 333px;height: 246px;overflow: hidden;position: relative;float: left;}
.star-list li.first{margin-right: 20px;}
.star-cover{position: absolute;z-index: 0;height: 100%;width: 100%;-webkit-filter: blur(4px);filter: blur(4px);background-size: cover;background-repeat: no-repeat;background-position: 0 0;} 
.star-cover img{display: block;opacity: .2;height: auto;width: 100%;}
.star-mask{position: absolute;z-index: 1;background-color: rgba(0, 0, 0, .5);height: 100%;width: 100%;left:0px;top:0px;}
.start-text{position: absolute;left: 0;top: 0;z-index: 2;width: 100%;height: 100%;text-align: center;}
.star-head{width: 90px;height: 90px;border: 4px solid #9b9594;border-radius: 50%;overflow: hidden;margin: 30px auto 6px auto;}
.star-head img{display: block;width: 100%;height: 100%;}
.star-name{font-size: 20px;color: #ffffff;}
.star-info{color: #cfcfcf;font-size: 12px;line-height: 14px;margin: 6px 0 15px 0;}
.icon-fllow{display: inline-block;width: 16px;height: 12px;background-position: -316px -11px;vertical-align: bottom;}
.star-state{width: 98px;height: 21px;background-color: #7c3b2e;border: 1px solid #874d3b;color: #ec4828;text-align: center;line-height: 21px;margin: 0 auto;}
.icon-live{display: inline-block;width: 5px;height: 6px;background-position: -343px -91px;vertical-align: top;margin: 7px 0 0 5px;}
.star .title a{right: 34px;}

.twtj{}
.twtj .title{margin-left:35px;}
.twtj-list{margin-left:35px;}
.twtj-list li{width:412px;height:140px;margin-bottom:20px;}
.twtj-list a{display:block;height:140px;position:relative;}
.twtj-list li img{width:100%;height:140px;}
.twtj-text{position:absolute;left:42px;top:34px;z-index:3;}
.twtj-text span{display:block;}
.twtj-cover{}
.twtj-title{color:#fff;font-size:22px;font-weight:bold;}
.twtj-subtitle{font-size:16px;color:#b8b8b8;margin:8px 0 14px 0;}
.icon-look{width:62px;height:20px;color:#ec4828;font-size:14px;text-align:center;line-height:20px;background-position:-496px -28px;}

.pp{}
.pp-list{overflow: hidden;}
.pp-list li{width: 556px;height: 160px;float: left;overflow: hidden;}
.pp-list .pp-first{margin-right: 20px;}
.pp-list li a,.pp-list li img{display:block;height:160px;width:556px;}
.mt{margin: 80px 0 0 34px;position: relative;}
.mt-gg{}
.mt-gg li{width: 213px;height: 64px;margin-bottom: 6px;}
.mt-news{padding: 10px 0;}
.mt-news li{line-height: 30px;}
.mt-news a{color: #555555;font-size: 14px;}
.mt-news a:hover{color: #ec4828;}
.mt-more{font-size: 14px;position: absolute;left: 288px;top: 165px;z-index: 2;}
.mt-more a{color: #999999;}
.ppBanner{overflow: hidden;clear: both;}

.mode-5{margin-top: 40px;height: 743px;}
.event{margin-top: 40px;}
.event .act-hd li{width: 15%;}

.schedule-panel{width: 1166px;}
.schedule{overflow: hidden;margin-top: 20px;height: 300px;width: 100%;}
.schedule::after{content: "";width: 100%;height: 1px;background-color: #e3e3e3;position: absolute;left: 0;top: 7px;}
.schedule .matchDiv{}
.schedule .matchDiv .swiper-slide{width: 212px;float: left;}
.icon-schedule{display: block;width: 14px;height: 14px;background-position: -336px -11px;margin: 0 auto;position: relative;z-index: 1;}
.schedule-item{text-align: center;color: #555555;margin: 20px 0;}
.schedule-item span{display: block;margin: 0 auto;}
.schedule-time{font-size: 14px;}
.schedule-item-name{font-size: 16px;}
.schedule-results{background-color: #fff;color: #555555;}
.schedule-results-t{overflow: hidden;padding: 18px 15px;border-bottom: 1px solid #dedede;text-align: center;}
.schedule-results-t div{text-align: center;display: inline-block;vertical-align: top;white-space: nowrap;text-overflow: ellipsis;width: 100%;overflow: hidden;width: 55px;}
.schedule-player-head img{display: block;width: 55px;height: 55px;margin-bottom: 8px;}
.schedule-results-num{color: #999;}
.schedule-results-num span{display: block;color: #ec4828;font-size: 24px;margin: 0 15px;}
.schedule-results-b{padding: 10px 0;}
.schedule-results-b a{display: block;width: 88px;height: 31px;text-align: center;line-height: 31px;font-size: 14px;color: #ffffff;background-position: -351px -28px;margin: 0 auto;}
.event .news-list{padding: 0 60px 0 20px}
.event .mode{position: relative;}
.event .news-more{border:none;display: inline-block;position: absolute;left: 586px;top:-26px;}
.event .news-list li.news-hot{text-align: left;margin: 0;height: 40px;line-height: 40px;}

.jf{position: relative;}
.jf h3{font-size: 16px;color: #3e3e3e;font-weight: bold;height: 40px;line-height: 40px;}
.jf-tab{overflow: hidden;margin: -40px 0 18px 0;}
.jf-tab ul{text-align: right;padding-right: 34px}
.jf-tab li{display: inline-block;width: 12%;padding: 10px 0;text-align: center;}
.jf-tab li a{color: #555555;font-size: 16px;}
.jf-tab .cur{border-top: 2px solid #ec4828}
.jf-tab .cur a{color: #ec4828;}
.jf-con{padding-right: 34px}
.jf-con table{width: 100%;}
.jf-con td{padding: 5px 0;text-align: center;border-bottom: 1px solid #e3e3e3;}
.jf-con th{padding: 8px 0;text-align: center;background-color: #e3e3e3;font-size: 14px;font-weight: bold;border-right: 1px solid #f0f0f0;}

.mode-6{margin-top: 100px;position: relative;}
.mode-b{width: 1415px;margin: 0 auto;height: 252px;position: relative;margin-top: 50px;}
.mode-b .mode_l{width: 978px;}
.mode-b .mode_l ul{overflow: hidden;}
.mode-b .mode_l li{width: 286px;height: 268px;float: left;margin-right: 25px;text-align: center}
.mode-b .mode_l a{display: block;height: 100%;color: #49657a;}
.mode-b .mode_l a h3{font-size: 24px;font-weight: bold;padding:110px 0 5px 0}
.mode-b .mode_l a p{font-size: 14px;}
.pp1{background: url('//game.gtimg.cn/images/dnf/web201905/bg_pp1.png') no-repeat 0 0;}
.pp2{background: url('//game.gtimg.cn/images/dnf/web201905/bg_pp2.png') no-repeat 0 0;}
.pp3{background: url('//game.gtimg.cn/images/dnf/web201905/bg_pp4.png') no-repeat 0 0;}

.mode-b .mode_r{width: 420px;position: relative;}
.mode-b .mode_r li{background: url("//game.gtimg.cn/images/dnf/web201905/bg-btn.png") no-repeat 0 0;width: 420px;position: absolute;left: 0;}
.mode-b .mode_r li:hover{background: url("//game.gtimg.cn/images/dnf/web201905/bg-btn-hover.png") no-repeat 0 0;}
.mode-b .mode_r li a{display: block;height: 100%;}
.mode-b .b1{height: 122px;top: -40px;}
.mode-b .mode_r .b2{height: 103px;top: 63px;background-position: 0 -123px}
.mode-b .mode_r .b2:hover{background-position: 0 -123px}
.mode-b .mode_r .b3{height: 93px;top: 161px;background-position: 0 -229px}
.mode-b .mode_r .b3:hover{background-position: 0 -229px}

.event .news-list  li em{display: none;}
.mt .mt-news li{width: 50%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}


.chapter-list{position:relative;margin-top:36px;height:115px;overflow:hidden;zoom:1}
.chapter-line{width:100%;height:1px;background-color:#e8e8e8;position:absolute;left:0;top:46px}
.chapter-list ul{width:100%;position:absolute;z-index:999}
.chapter-list li{display:inline-block;text-align:center;color:#333;width:16%}
.chapter-list li{*display:inline}
.chapter-list li a{color:#333;display:inline-block;width:100%}
.chapter-list li a:hover{color:#ec4828}
.chapter-list h4{background-color:#d6cfc4;color:#fff;position:relative;text-align:center;padding:2px 5px;position:relative;width:70%;margin:0 auto;border-radius:2px;}
.icon-chapter-down{display:inline-block;width:5px;height:3px;background-position:-306px -93px;position:absolute;left:50%;bottom:-3px;margin:0 0 0 -3px}
.icon-chapter{display:inline-block;width:21px;height:21px;background-position:-299px -106px;margin:16px auto 14px auto}
.chapter-list .online h4{background-color:#ec4828}
.chapter-list .online .icon-chapter-down{background-position:-306px -97px}
.chapter-list .online .icon-chapter{background-position:-297px -71px}
.chapter-list .over h4{background-color:#383635}
.chapter-list .over .icon-chapter-down{background-position:-306px -101px}
.chapter-list .over .icon-chapter{background-position:-321px -106px}

.gg_float_r {position: fixed; left: calc((100% - 1440px) / 2 + 1440px - 32px); top: 414px; z-index: 9;}

.adapt-age {
  position: absolute;
  left: -80px;
  top: 0;
  width: 54px;
  height: 70px;
  background: url(//game.gtimg.cn/images/dnf/age_16.png) no-repeat center;
  background-size: 54px 70px;
}
.pop-age {
  display: none;
  width: 805px;
  height: 404px;
  border: 6px solid #bbb;
  padding: 28px 27px 0;
  background-color: #fff;
}
.pop-age .age-title {
  font-size: 24px;
  color: #393939;
}
.pop-age .age-content {
  height: 332px;
  overflow: auto;
  margin-top: 20px;
}
.pop-age .age-content li {
  font-size: 14px;
  line-height: 30px;
  color: #393939;
}
.pop-age .age-close {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 40px;
  height: 40px;
  background: url(//game.gtimg.cn/images/dnf/age_close.png) no-repeat center;
  background-size: 40px 40px;
  cursor: pointer;
}

@media screen and (max-width:640px){
	body{min-width: 320px;}
	.wrap{padding-bottom:10px;}
	.head{display:none;}
	.news{height:auto;}
	.gg_main,.bg1,.bg2,.bg3,.bg4{display:none;}
	.gg_main img,.ggBox img{width:100%;}
	.act-list li p img{max-width:100%;height:23px;}
	.ggBox{width:100%;height:auto;background-color:#fff;}
	.news-hd{margin:0px;margin:0 5px;}
	.news-more{1px solid #e3e3e3}
	.news-hd li{width:19%;}
	.news-bd{margin:0 5px;}
	.icon-push{background-position:-305px 0;}
	.content_l{display:none;}
	.content_r{margin-left:0px;width:100%;}
	.content,.mode_l,.mode_r{width:100%;}
	.act-tj .act_btn_more{display:none;}
	.title{padding:29px 0 20px 5px;}
	.act-hd{padding:0 5px;}
	.act-hd .icon-push{margin-left:-35px;background-position:-305px 0;width:68px;}
	.act .act-bd{padding:0 5px;}
	.works-list{width:100%;}
	#works-list{padding:0 5px;}
	.works-list li{width:100%;margin:0 0 10px 0;float:none;}
	.video_hover{display:none;}
	.twtj .title{margin-left:0px;}
	.twtj-list{margin-left:0px;padding:0 5px;}
	.twtj-list li{width:100%;}
	.star-list{padding:0 5px;}
	.star-list li{width:100%;margin-bottom:5px;}
	.star-list li.first{margin-right:0px;}
	.star .title a{right:10px;}
	.mt{margin:0px 5px;}
	.mt-gg ul{overflow:hidden;display:flex;justify-content:space-between}
	.mt-gg li{width:49%;}
	.mt-gg li img{width:100%;}
	.mt-more{display:none;}
	.pp-list{padding:0 5px;}
	.pp-list li{width:100%;margin-bottom:5px;}
	.pp-list li a, .pp-list li img{width:100%;}
	.mode-b{display:none;}
	.footer{display:none;}
	#afooter{text-align:center;padding-bottom:20px;}
	#afooter .foot{width:100%;}
	.works-control{display:none;}
	.v_tlt{margin:5px 0;}
	.chapter_wrap{display:none;}
  .gg_float_r {display:none;}
}

.footer { position: relative;}
.font-link { font-size: 12px;}
.foot-font { width: 380px; padding: 10px; opacity: 0; transition: opacity ease-in-out .3s; background: #ccc; border: #333 solid 1px; line-height: 150%; font-size: 12px; color: #000; box-shadow: 2px 2px 4px #000; /*margin-left: 40px;*/ position: absolute; /*top: -12px;*/ top: 4px; /*left: 50%;*/ left: 0; z-index: 9;}
.foot-font::before { content: ''; width: 8px; height: 8px; background: #ccc; border-right: #333 solid 1px; border-bottom: #333 solid 1px; transform: rotateZ(45deg); position: absolute; /*left: 150px;*/ left: 190px; bottom: -5px; z-index: 1;}
.foot-font.show { opacity: 1; cursor: default;}
.foot-font a, .foot-font a:visited { color: #5C9DDC; text-decoration: underline;}