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:30px;font-family:'\5FAE\8F6F\96C5\9ED1';min-width:1000px; color: #979797}
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/night20180707s2/images/btn-sp.png) no-repeat; text-align: center; }
.btn-demystify { width: 238px; 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: 268px; 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: 238px; height: 103px;cursor: default}
.btn-review.gray, .btn-review.gray:hover { background-position:-600px -220px; }
.btn-review:hover, .btn-review.cur { background-position: -600px -110px;}

.wrap { background: #000 url(//wegame.gtimg.com/tgp_act/release/danji/night20180712/images/wrap_bg.jpg) no-repeat center 611px; font-size: 14px;}
.banner { background: url(//wegame.gtimg.com/tgp_act/release/danji/night20180712/images/banner_bg.jpg) no-repeat center; height: 655px; overflow: hidden;}
.banner .mid { padding-top:480px; }
.banner .h1 {z-index: 10; background: url("//wegame.gtimg.com/tgp_act/release/danji/night20180712/images/tit1.png") no-repeat center top; width: 840px; height: 300px; margin: 0 auto;}
.banner .pa.move { width: 100%; height: 710px; top:0; left: 0; overflow: hidden;display:none;}
.banner .a-sign1 { background: url(//cdn.tgp.qq.com/tgp_act/release/danji/night20180707s2/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/night20180707s2/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/night20180707s2/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:0px;padding-bottom:60px;}
.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/night20180707s2/images/tab1_bg.png?123) no-repeat; width: 980px; height: 1248px; 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/night20180707s2/images/icon.png) no-repeat;}
.t{display:block;text-indent:-9999px;overflow:hidden;}

.tab-list2{height:2285px;background: url(//wegame.gtimg.com/tgp_act/release/danji/night20180712/images/tab2_bg.png) no-repeat center;overflow:hidden;}
.tab-list2 a {color:#83817c;}
.hdl{margin-top:70px;color:#83817c;font-size:16px;text-align:center;}
.live{border:solid 1px #473c1a;width:845px;height:430px;margin:45px auto 0;padding:3px 4px;}
.live .sp{width:834px;float:left;height:421px;}
.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/night20180707s2/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:400px;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;}

/*S list*/
.tab-list-flow {width:810px;height:100px;margin:30px auto 0;overflow: hidden;}
.tab-list-flow-figure {width:100%;height:30px;background:url(//wegame.gtimg.com/tgp_act/release/danji/night20180712/images/timeline.png) no-repeat center top;overflow:hidden;}
.tab-list-flow ul {margin:15px auto 0;}
.tab-list-flow li{float:left;text-align: center;font-size:16px;color:#eaeaea;}
.tab-list-flow li.passBy {color:rgba(255,255,255,.2);}
.tab-list-flow li:nth-child(1) {width:24%;}
.tab-list-flow li:nth-child(2) {width:30%;}
.tab-list-flow li:nth-child(3) {width:22%;}
.tab-list-flow li:nth-child(4) {width:20%;margin-left:30px;}

.tab-list-tit1 {width:100%;height:60px;margin-top:50px;background:url(//wegame.gtimg.com/tgp_act/release/danji/night20180712/images/tab-list-tit1-bg.png) no-repeat center top;overflow:hidden;}
.tab-list-des1 {width:830px;margin:20px auto 0;font-size:16px;color:#999999;text-indent:27px;line-height:2;}
.tab-list-des1 span {color:#edb918;font-weight:bold;}
.tab-list-items {margin:0 auto;margin-top:30px;width:820px;overflow: hidden;}
.tab-list-items li {width:260px;height:153px;float:left;margin:0 5px;text-align: center;margin-bottom:40px;}
.tab-list-items .tab-list-item {width:194px;height:153px;margin:auto;background:url(//wegame.gtimg.com/tgp_act/release/danji/night20180712/images/tab-list-item-bg.png) no-repeat center top;}
.tab-list-items .tab-list-item-add {background:url(../images/tab-list-item-bg2.png) no-repeat center top;position:relative;}
.tab-list-items .tab-list-item-add:after {content:"";display:block;position:absolute;top:100px;right:-38px;width:49px;height:28px;background:url(../images/ico-add.png) no-repeat center top;background-size:100% auto;}
.tab-list-item h3 {font-size:46px;font-weight:bold;color:#fff5ce;line-height:1;padding-top:12px;}
.tab-list-item h3 span {font-size:24px;font-weight:normal;margin-right:5px;}
.tab-list-item p {color:#fff5ce;font-size:16px;}
.tab-list-item-btn {width:130px;height:31px;line-height:31px;font-size:18px;font-weight:bold;color:#3f3311;background-color:#edb918;border-radius:15px;margin:15px auto 0;cursor:pointer;transition:all .2s ease;}
.tab-list-item-btn:hover {background-color:#fed453;color:#3f3311;}
.tab-list-item-btn.checked {background-color:#6a530c;color:#3f3311;cursor: default}
.tab-list-item-btn.checked:hover {cursor: initial;}
.tab-list-item-add .tab-list-item-btn.checked {background-color:#934d08;}
.tab-list-tit1add {width:100%;height:52px;margin-top:50px;background:url(//wegame.gtimg.com/tgp_act/release/danji/night20180712/images/tab-list-tit1add-bg.png) no-repeat center top;overflow:hidden;}
.game-box {width:784px;margin:30px auto -9px;overflow: hidden;}
.game-box .game-box-list {width:190px;margin:0 8px 9px 0;float:left;position:relative;cursor:pointer;}
.game-box .game-box-list:after {display:block;content:"";width:13px;height:13px;background:url(//wegame.gtimg.com/tgp_act/release/danji/night20180712/images/game-box-cont-bugle.jpg) no-repeat center top;position:absolute;bottom:0;right:0;}
.game-box .game-box-list:nth-child(3n) {margin-right:0px;}
.game-box .game-box-list.big {width:388px;}
.game-box .game-box-list-figure {width:100%;height:241px;object-fit: cover;object-position: 50% 0%;display:block;cursor:pointer;}
.game-box .game-box-cont {padding:15px 17px 10px 15px;height:90px;background:url(//wegame.gtimg.com/tgp_act/release/danji/night20180712/images/game-box-cont-bg.jpg) repeat left top;}
.game-box .game-box-cont-tit {font-size:16px;color:#000000;line-height:1;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;cursor:pointer;}
.game-box .change .game-box-bd {color:rgba(0,0,0,.8);}
.game-box .game-box-bd {color:#ff6600;font-size:12px;line-height:1;margin:5px 0 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;cursor:pointer;}
.game-box .game-box-bd span {margin-right:3px;display:inline-block;vertical-align: bottom;cursor:pointer;}
.game-box .game-box-bd .game-box-bd-price {font-size:24px;font-weight:bold;margin-right:0;height:22px;}
.game-box .game-box-bd i {color:#fff;background-color:#ff6600;padding:2px 3px;border-radius:2px;margin-left:13px;display:inline-block;vertical-align: bottom;cursor:pointer;}
.game-box .game-box-cont-ft {color:rgba(0,0,0,.6);font-size:12px;line-height:1;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;cursor:pointer;}
.game-box .game-box-cont-ft span {cursor:pointer;}
.game-box .game-box-cont-ft-pri {margin-right:5px;}
.game-box .game-box-cont-ft-del {text-decoration: line-through;}


.tab-list-tit2 {width:100%;height:40px;margin-top:80px;background:url(//wegame.gtimg.com/tgp_act/release/danji/night20180712/images/tab-list-tit2-bg.png) no-repeat center;overflow:hidden;}
.tab-list-rule {width:820px;margin:30px auto 70px;}
.tab-list-rule li {font-size:16px;color:#979797;margin-bottom:14px;line-height:1;}
.tab-list-rule-ico {vertical-align: middle;display:inline-block;width:16px;height:16px;background: url(//wegame.gtimg.com/tgp_act/release/danji/night20180712/images/ico-list-rule.png) no-repeat center top;overflow: hidden;margin-right:8px;}

.tab-list-tit3 {width:100%;height:40px;margin-top:95px;background:url(//wegame.gtimg.com/tgp_act/release/danji/night20180712/images/tab-list-tit3-bg.png) no-repeat center;overflow:hidden;}

.tab-list-review {display:block;width:100%;height:30px;background:url(//wegame.gtimg.com/tgp_act/release/danji/night20180712/images/tab-list-review.png) no-repeat center top;overflow: hidden;margin:50px auto 0;}
.tab-list-logo {width:100%;height:70px;margin:0 auto;background: url(//wegame.gtimg.com/tgp_act/release/danji/night20180712/images/logo.png) no-repeat center top;overflow: hidden;}
/*E list*/
.tips-box {position:fixed;top:50%;left:50%;margin:-205px -325px;z-index:99;}
.tips-cont {position:relative;width:650px;height:410px;background:url(//wegame.gtimg.com/tgp_act/release/danji/night20180712/images/tips-bg.png) no-repeat center top;overflow: hidden;}
.tips-cont-wrap {width:555px;margin:55px auto 0;}
.tips-cont h2 {color:#fff;font-size:18px;margin-bottom:5px;}
.tips-cont ul {margin-left:3px;}
.tips-cont li {color:#fff;font-size:18px;line-height:1.7;}

/*pop*/
.pop_zj_box {position:fixed;top:50%;left:50%;margin:-155px -275px;z-index:99;}
.pop_zj{width:550px;height:310px;background:url(//cdn.tgp.qq.com/tgp_act/release/danji/night20180707s2/images/pop_zj.png) no-repeat;position:relative;overflow:hidden;}
.dia-close{width:46px;background:url(//cdn.tgp.qq.com/tgp_act/release/danji/night20180707s2/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:left;}
.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/night20180707s2/images/btn_qd.jpg) no-repeat;text-align:center;color:#ffc801;font-size:22px;display:block;margin:40px 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;}

.widget-header-login{display: none !important}