body,div,p,ul,li,ol,dl,dt,dd,input,h1,h2,h3,h4,table,th,tr,td,textarea,select,i,b,em,strong,label,a {margin:0;padding:0}
body{font:14px/1.6 tahoma,'\5b8b\4f53',sans-serif; padding-top:42px;font-family:'\5FAE\8F6F\96C5\9ED1';min-width:1000px; color: #979797;background:#000 url(//cdn.tgp.qq.com/tgp_act/release/danji/night20180707/images/repeat.jpg) center top repeat;}
ul,ol,i,b,li { list-style:none;}
a{ text-decoration:none;blr:expression(this.onFocus=this.blur());outline: none; color:#d8d6df;}
a:hover{ text-decoration:none;}
.c:after{content:" "; clear:both; height:0; visibility:hidden; display:block;}.c{*zoom:1;}
.hide{height:0; line-height:0; font-size:0; visibility:hidden; display:none;}
img{ display:block; border:0;}
h1,h2,h3,h4,h5,h6,b,i,em,strong,b{font-size:100%; font-style: normal;}
table{ border-collapse:collapse;}
button,input,select,textarea{font-size:100%;outline:none; font-family:'\5FAE\8F6F\96C5\9ED1';}
/*public*/
.mid{width:1000px;margin:0 auto;font-family:'\5FAE\8F6F\96C5\9ED1'; }
.fl{float:left;}.fr{float:right;}.pr{position:relative;}.pa{position:absolute;}
.t{text-indent:-999em;overflow:hidden;display:block;}body img{display: block;}
/*** footer  **/
#afooter{min-width:1000px; text-align:center; font-size:12px; line-height:19px; color:#fff; background: #000;}
#afooter a{color:#fff;}
.wrap_ieg{ margin:0 auto; padding:30px 0; width:1000px;}
.wrap_ieg p.e{ margin-top:-4px; font-size:10px; color: #fff;}
/*page*/
.btn-demystify, .btn-live, .btn-review { background: url(//cdn.tgp.qq.com/tgp_act/release/danji/night20180707/images/btn-sp.png) no-repeat; text-align: center; }
.btn-demystify { width: 244px; height: 103px;}
.btn-demystify:hover, .btn-demystify.cur { background-position: 0 -110px;}
.btn-demystify.gray, .btn-demystify.gray:hover { background-position:0px -220px;}
.btn-live { background-position: -300px 0; width: 280px; height: 103px;}
.btn-live.gray, .btn-live.gray:hover { background-position: -300px -220px;}
.btn-live:hover, .btn-live.cur { background-position: -300px -110px;}
.btn-review { background-position: -600px 0; width: 244px; height: 103px}
.btn-review.gray, .btn-review.gray:hover { background-position:-600px -220px; }
.btn-review:hover, .btn-review.cur { background-position: -600px -110px;}

.wrap { background: url(//cdn.tgp.qq.com/tgp_act/release/danji/night20180707/images/wrap_bg.jpg) no-repeat center 710px; font-size: 14px;}
.banner { background:#000 url(//cdn.tgp.qq.com/tgp_act/release/danji/night20180707/images/banner_bg.jpg) no-repeat center; height: 710px; overflow: hidden;}
.banner .mid { padding-top:452px; }
.banner .h1 {z-index: 10; background: url(//cdn.tgp.qq.com/tgp_act/release/danji/night20180707/images/h1_text.png) no-repeat; width: 817px; height: 257px; margin: 0 auto;}
.banner .h1 p { padding-top:210px; text-align: center; font-size: 18px; line-height: 34px; color: #000; letter-spacing: 6px; text-indent: 16px;}
.banner .pa.move { width: 100%; height: 710px; top:0; left: 0; overflow: hidden;}
.banner .a-sign1 { background: url(//cdn.tgp.qq.com/tgp_act/release/danji/night20180707/images/a_sign1.png) no-repeat; width: 1800px; height: 603px; left: 50%; top:60px; marign-left:-900px;}
.banner .a-sign2 { background: url(//cdn.tgp.qq.com/tgp_act/release/danji/night20180707/images/a_sign2.png) no-repeat; width: 1623px; height: 589px; left: 50%; top:39px; margin-left:-872px; }
.banner .a-sign3 { background: url(//cdn.tgp.qq.com/tgp_act/release/danji/night20180707/images/a_sign3.png) no-repeat; width: 1795px; height: 1120px; left: 50%; top:-20px; margin-left:-895px; }


.tab-tit { margin-top:45px;}
.tab-tit ul { padding: 0 30px;}
.tab-tit li { width: 33.3%; float:left;}
.tab-tit a { display: block; margin: 0 auto;}
.tab-tit a i { display: block; padding-top:17px; font-size: 24px; color: #fff;}
.tab-box { margin-top:35px;}
.tab-box .tab-list { display: none; padding-bottom: 36px;}

.scroll-text { height: 240px; overflow: hidden;}
.scroll-text li { text-align: center; font-size: 24px; line-height: 1.5em;}
.tab-list .info-box { background: url(//cdn.tgp.qq.com/tgp_act/release/danji/night20180707/images/tab1_bg.png?123) no-repeat; width: 980px; height: 1265px; margin: 0 auto;}
.tab-list1 .text { padding:250px 0 0 130px;}
.tab-list1 .text ul { position: relative;}
.tab-list1 .text ul li { position: absolute;}
.tab-list1 .text ul li.l1 { left: 422px; top:5px;}
.tab-list1 .text ul li.l2 { left: 5px; top: 175px;}
.tab-list1 .text ul li.l3 { left: 425px; top:378px;}
.tab-list1 .text ul li.l4 { left: 36px; top:554px;}
.tab-list1 .text ul li.l5 { left: 425px; top:760px;}
.tab-list1 .text li.l2 p { text-align: right; line-height: 42px;}
.tab-list1 .text li p { font-size: 18px; line-height: 2em;}
.tab-list1 .text li div { border-right: #a89020 4px solid; line-height: 18px; padding-right: 10px;}

/*animate*/
.fadeIn, .fadeScale, .fadeShake { opacity: 0;}
.cur .fadeIn {  -webkit-animation: translateY 1s forwards linear; animation: translateY 1s forwards linear;}
.cur .fadeScale  {  -webkit-animation: fadeScale .5s linear forwards;  animation: fadeScale .5s linear forwards; }
.cur .fadeShake {  -webkit-animation:  fadeShake 3.6s ease-in-out infinite;  animation: fadeShake 3.6s ease-in-out infinite;  }
@-webkit-keyframes fadeShake {
    from, 10%, to { -webkit-transform: translate3d(0, 0, 0);  opacity: 0; }
    1%, 3%, 5%, 7%, 9% { -webkit-transform: translate3d(-5px, 0, 0); opacity: 0.8; }
    2%, 4%, 6%, 8% { -webkit-transform: translate3d(5px, 0, 0); opacity: 0.6;}
}
@keyframes fadeShake {
    from, 10%, to {transform: translate3d(0, 0, 0);  opacity: 0; }
    1%, 3%, 5%, 7%, 9% { transform: translate3d(-5px, 0, 0); opacity: 0.8; }
    2%, 4%, 6%, 8% {transform: translate3d(5px, 0, 0); opacity: 0.6;}
}
@-webkit-keyframes  translateY{
    0% { opacity: 0; -webkit-transform: translateY(100px); }
    100% { opacity: 1;  -webkit-transform:translateY(0px);}
}
@keyframes  translateY{
    0% { opacity: 0;transform: translateY(100px); }
    100% { opacity: 1; transform:translateY(0);}
}
@-webkit-keyframes fadeScale {
    0% { opacity: 0; -webkit-transform: scale(3);}
    70% { opacity: 1;  -webkit-transform: scale(0.8);}
    85% { opacity: 1;  -webkit-transform: scale(1.1);}
    100% { opacity: 1;  -webkit-transform: scale(1);}
}
@keyframes fadeScale {
    0% { opacity: 0; transform: scale(3);}
    70% { opacity: 1; transform: scale(0.8);}
    85% { opacity: 1;  transform: scale(1.1);}
    100% { opacity: 1;  transform: scale(1);}
}
.cur .delay1 { -webkit-animation-delay: .3s;}
.cur .delay2 { -webkit-animation-delay: 1.3s;}
.cur .delay3 { -webkit-animation-delay: 2.3s;}
.cur .delay4 { -webkit-animation-delay: 3.3s;}
.cur .delay5 { -webkit-animation-delay: 4.3s;}
.cur .delay6 { -webkit-animation-delay: 5.3s;}

.icon,.rule span{background:url(//cdn.tgp.qq.com/tgp_act/release/danji/night20180707/images/icon.png) no-repeat;}
.t{display:block;text-indent:-9999px;overflow:hidden;}

.tab-list2{/*height:2718px;*/height:2200px;background:url(//cdn.tgp.qq.com/tgp_act/release/danji/night20180707/images/tab2_bg.png) no-repeat;overflow:hidden;}
.hdl{margin-top:40px;color:#83817c;font-size:16px;text-align:center;height:50px;}
.live{border:solid 1px #473c1a;width:844px;height:397px;margin:0 auto;padding:3px 4px;}
.live .sp{width:627px;float:left;height:389px;}
.live .comment{width:206px;height:359px;float:left;background:#131313;padding:4px 14px;}
.comment .ct_txt{overflow:hidden;}
.comment .ct_txt p{font-size:12px;line-height:20px;color:#fff;margin-top:10px;}
.comment .ct_txt p span{color:#ffc800;}
.live .ct_msg{background:#262626;border:solid 1px #3e3e3e;width:206px;height:27px;margin:0;float: right}
.ct_msg .cs-textarea{color:#fff;font-size:14px;line-height:27px;padding-left:10px;width:173px;float:left;border:none;}
.ct_msg .ic_send{width:30px;float:left;height:27px;background-position:-56px 3px;}
.ct_msg .ic_send:hover{background-position:-134px 3px;}

.gift{height:744px;position:relative;overflow:hidden;}
.gift li p{color:#b3b3b3;font-size:16px;position:absolute;}
.gift li .wz1{left:443px;top:183px;}
.gift li .wz2{left:324px;top:270px;}
.gift li .wz3{left:170px;top:300px;}
.gift li .wz4{left:190px;top:420px;}
.gift li .wz5{left:710px;top:525px;}
.gift .nub{color:#d3ae53;font-size:16px;text-align:center;margin-top:558px;line-height:26px;}
.gift .cj{width:320px;height:70px;background:url(//cdn.tgp.qq.com/tgp_act/release/danji/night20180707/images/cj.jpg) no-repeat;margin:0 auto;}
.gift .cj:hover{background-position:0 -70px;}
.gift .cj.gar{background-position:0 -140px;}
.gift .cj.hide{display:none}

.game{height:460px;overflow:hidden;}
.game ul{zoom:1;margin:76px 0 0 79px;overflow:hidden;}
.game li{width:204px;float:left;margin-right:6px;position:relative;border:solid 1px #493e1e;padding:4px;}
.game li a{width:196px;height:280px;display:block;overflow:hidden;}
.game li .gm_inf{width:196px;height:40px;background:rgba(0,0,0,0.7);position:relative;line-height:40px;position:absolute;bottom:0px;}
.game li .gm_name{display:block;padding-left:8px;color:#fff;font-size:16px;float:left;font-weight:normal;}
.game li .gm_jg{display:block;padding-right:6px;color:#ffc800;font-size:20px;float:right;}
.game li .gm_yj{color:#909090;font-size:16px;float:right;text-decoration:line-through;}

.rule{height:430px;overflow:hidden;}
.rule ul{zoom:1;margin:114px 0 0 100px;overflow:hidden;}
.rule li{padding-left:24px;width:806px;color:#979797;font-size:16px;line-height:30px;position:relative;}
.rule li span{width:16px;height:16px;background-position:0 -42px;position:absolute;top:7px;left:0px;}

.link{height:470px;overflow:hidden;}
.link ul{zoom:1;margin:68px 0 0 70px;}
.link li{float:left;width:216px;height:93px;}
.link li a{display:block;width:214px;float:left;height:93px;}
.link li span{display:block;width:2px;height:33px;margin-top:30px;float:left;background:#4b4b4b;}

/*pop*/
.pop_zj{width:550px;height:310px;background:url(//cdn.tgp.qq.com/tgp_act/release/danji/night20180707/images/pop_zj.png) no-repeat;position:relative;overflow:hidden;display:none;}
.dia-close{width:46px;background:url(//cdn.tgp.qq.com/tgp_act/release/danji/night20180707/images/close.jpg) no-repeat;height:46px;position:absolute;right:1px;top:1px;}
.dia-close:hover{background-position:0 -46px;}
.dia_con{margin:102px auto 0px;width:425px;color:#fff;font-size:18px;line-height:27px; text-align: center;}
.dia_con .yl{color:#ffc801;padding:0 8px;font-weight:normal;}
.dia_btn{width:140px;height:44px;line-height:44px;background:url(//cdn.tgp.qq.com/tgp_act/release/danji/night20180707/images/btn_qd.jpg) no-repeat;text-align:center;color:#ffc801;font-size:22px;display:block;margin:20px auto 0;}
.dia_btn:hover{background-position:0 -44px;}

#chatroom{overflow-y: auto;}
.chatroom-box { height: 406px; margin-bottom: 2px; overflow-y: auto; }
#chatroom::-webkit-scrollbar-thumb{border-radius: 10px;background-color: #ba8800;}

.ar{width:47px;text-indent:-999em;height:55px;background:url(//cdn.tgp.qq.com/tgp_act/release/danji/night20180707/images/ar.png) center top no-repeat;position:fixed; left:50%;margin-left:490px;  bottom:155px;_position: absolute;_top: expression(eval(document.documentElement.scrollTop + 300));overflow: hidden;display:none;}
.ar:hover{background-position: center -55px;}
/* tab3 精彩回顾 */
.tab-list3{background: url(//cdn.tgp.qq.com/tgp_act/release/danji/night20180707/images/tab3_bg.png) center top no-repeat;padding-top:130px;height:3335px;overflow: hidden;*height:3200px;}
.box-repat{background: url(//cdn.tgp.qq.com/tgp_act/release/danji/night20180707/images/box-repeat.jpg) center top repeat;}
.mod-video{border:1px solid #473c1a;padding:3px;width: 834px;margin:0 auto;}
.mod-video .video{height:420px;overflow: hidden;background: #000;}
.mod-video .txt{font-size:26px;color:#fff;text-align: center;height:70px;line-height: 70px;}
.t_light{color:#ffc801;}
.tab-list3 .tit{background: url(//cdn.tgp.qq.com/tgp_act/release/danji/night20180707/images/tit_tab3.png) no-repeat;width: 560px;height:60px;text-indent: -999em;margin:80px auto 20px auto;}
.tab-list3 .tit_01{background-position: center 0;}
.tab-list3 .tit_02{background-position: center -60px;}
.tab-list3 .tit_03{background-position: center -120px;}


.slide-box-wrap{ width: 950px; position: relative;margin:0 auto;}
.slide-box-wrap .slide-box {width: 780px; height: 460px;  margin: 0 auto; overflow: hidden; }
.slide-box-wrap .swiper-wrapper .swiper-slide {font-size:16px;color:#b8b8b8; width: 518px;padding:6px; height: 438px; float: left;background:url(//cdn.tgp.qq.com/tgp_act/release/danji/night20180707/images/bg_slide.png) center top no-repeat;}
.slide-box-wrap .swiper-wrapper .swiper-slide img{opacity: .2;}
.slide-box-wrap .swiper-wrapper .swiper-slide-active img{opacity: 1;}
.slide-box-wrap .btn_prev,.slide-box-wrap .btn_next{ width: 43px; height: 82px;display: block;text-indent: -999em;background: url(//cdn.tgp.qq.com/tgp_act/release/danji/night20180707/images/btn-arrow.png) no-repeat; position: absolute; top: 172px;}
.slide-box-wrap .btn_prev{ background-position:0 0; left: 30px;}
.slide-box-wrap .btn_prev:hover{background-position: -43px 0;}
.slide-box-wrap .btn_next{background-position: 0 -82px; right: 30px;}
.slide-box-wrap .btn_next:hover{background-position: -43px -82px;}
.slide-box-wrap .swiper-slide strong{font-size: 26px;display:block;padding:15px 0 5px 0;font-weight:normal;}
.slide-box-wrap .swiper-slide .about{width:500px;margin:0 auto;position: relative;height:115px;overflow: hidden;}
.slide-box-wrap .swiper-slide .num{position: absolute;right:0;top:10px;font-size:20px;color:#676767;}
.slide-box-wrap .swiper-slide .num i{color:#ffc801;font-size:26px;}
.slide-box-wrap .swiper-slide-active strong{color:#fff;}


.list-fabu{width:863px;margin:0 auto;}
.list-fabu li,.list-hot li{border:1px solid #473c1a;font-size:12px;color:#b8b8b8;margin:15px 9px 0 7px;position:relative;display:inline;width:271px;*width:270px;*margin:15px 8px 0 7px;float:left;}
.list-fabu img,.list-hot img{padding:3px;}
.list-fabu li strong,.list-hot li strong{font-size:18px;color:#eaeaea;font-weight:normal;}
.list-fabu li .about,.list-hot li .about{padding:5px 8px;}
.list-fabu li p，.list-hot li p{height:55px;overflow: hidden;}
.list-fabu .first{width: 844px;margin:0 0 0 8px;font-size:16px;}
.list-fabu .first .about{width: 820px;position: absolute;left:11px;bottom:10px;}
.list-fabu .first strong{font-size:26px;}

.list-hot{height:450px;width: 860px;margin:0 auto;}
.list-hot li{width: 413px;}

.link-intel{width: 700px;height:480px;display: block;margin:0 auto;text-indent: -999em;}