@import url('../../logo.css');
.main-logo a { }
.tlhj-logo { width: 164px; height: 111px; }
.tlhj-logo a { width: 100%; height: 100%; display: block; text-indent: -999em; overflow: hidden; background: url(https://tlsp.changyou.com/act/xtl/load/20241015/pc/img/logo.png) no-repeat;background-size: 100% 100%; }

/*body{
background: url(https://tlsp.changyou.com/act/xtl/load/20241015/pc/img/hd_bg_r.jpg) cover;
overflow-x: hidden;
}*/
body, html { background-color: #fffdeb; position: relative; overflow-x: hidden; width: 100%; margin: 0; }
i { font-style: normal; }

/* .hj_nm .main {
background: url(https://tlsp.changyou.com/act/xtl/load/20241015/pc/img/bg_new_hp1.jpg) #fffaed no-repeat 50% 0;
width: 100%;
}*/
body.hj_nm{background: #fffdeb;}
.hj_nm .wrapper { width: 1200px; height: 1120px; margin: 0 auto 0; }
.hp_zz_pic_jd, .hp_zz_pic_hj { display: none; }
.jd_nm .hp_zz_pic_jd { display: block; }
.hj_nm .hp_zz_pic_hj { display: block; }
.hj_nm .news_hp .hp_tit1 { display: block; background: url(https://tlsp.changyou.com/act/xtl/load/20241015/pc/img/hp_tit1_new.png) no-repeat; width: 930px; height: 150px; margin: 0 auto 25px; }

/* .jd_nm .main {
background: url(https://tlsp.changyou.com/act/xtl/load/20241015/pc/img/new_bg.jpg) #fbf7ec no-repeat top center;
transform-origin: top center;
width: 100%;
} */
.jd_nm .wrapper { width: 1200px; height: 1000px;    /*background: url(https://tlsp.changyou.com/act/xtl/load/20241015/pc/img/wrapper_new_hp.jpg) #fbf7ec no-repeat top center;*/ margin: 0 auto 0; }
.sp { background-image: url(https://tlsp.changyou.com/act/xtl/load/20241015/pc/img/sprite.png); }
.hiddenText { text-indent: 99999em; font-size: 0; }
.header { height: 882px; position: relative; }
.header .hd_top1 .logo { width: 203px; height: 94px; top: 35px; left: -309px; position: absolute; }
.header .main-logo { position: absolute; left: -20px; top: 20px; width: 166px; }
.header .hd_top1 .logo a { width: 203px; height: 94px; background: url(https://tlsp.changyou.com/act/xtl/load/20241015/pc/img/logo_dy.png) no-repeat 50% 0/100%; font-size: 0; display: block; }
a.jdd, a.hjd { display: inline-block; width: 280px; height: 80px; position: absolute; top: 560px; left: 564px; transition: all 0.2s ease-in-out; }
a.jdd:hover, a.hjd:hover { transform: scale(1.02); }
a.jdd { background-position: 0 0; }
a.hjd { background-position: 0 -80px; left: 880px; }
.header .slogan { display: block; width: 668px; height: 349px; background: url(https://tlsp.changyou.com/act/xtl/load/20241015/pc/img/slogan.png) no-repeat center top; position: absolute; top: 100px; left: 500px; }
.game { font-size: 0; height: 887px; position: relative; margin-bottom: 163px; margin-top: 56px; }
.game > div { display: inline-block; width: 50%; text-align: center; position: absolute; top: 0; color: #b44b2d; }
.jdCard { left: -25px; }
.hjCard { right: -33px; }
.game h3 { display: block; width: 497px; height: 96px; margin: 0 auto; margin-bottom: 20px; text-indent: 999999em; }
.jdTitle { background: url(https://tlsp.changyou.com/act/xtl/load/20241015/pc/img/jd_title.png) no-repeat; }
.hjTitle { background: url(https://tlsp.changyou.com/act/xtl/load/20241015/pc/img/hj_title.png) no-repeat; }
.game > div > div { width: 525px; height: 736px; background: url(https://tlsp.changyou.com/act/xtl/load/20241015/pc/img/gameborder.png) no-repeat top left; padding: 35px 44px 0 36px; }
.game h4 { font-size: 16px; margin-bottom: 10px; font-weight: bold; }
.game .gameCon { font-size: 14px; color: #606060; margin-bottom: 20px; text-align: left; padding: 0 30px; line-height: 22px; }
.game p img { background-color: #ead1a1; }
.game > div > div > a > img { margin: 0 auto; border: solid 4px #ead1a1; margin-bottom: 29px; }
.cardCenterImg { margin: 0 34px; }
.jdGift, .hjGift { display: block; width: 514px; height: 60px; background-position: 0 -342px; margin: 10px auto 0; }
.jdGift:hover, .hjGift:hover { background-position: 0 -402px; }
.news h3, .discuss h3 { width: 496px; height: 62px; margin: 0 auto; margin-bottom: 48px; background-position: 0 -462px; }

/*.news a {
display: inline-block;
position: relative;
}*/

/*.news a:after {
content: ' ';
display: block;
width: 270px;
height: 439px;
position: absolute;
top: -12px;
left: -3px;
background: url(https://tlsp.changyou.com/act/xtl/load/20241015/pc/img/yxzx_border.png) no-repeat;
}*/
/*.news .imgBox a {position: absolute;border:2px solid #c6d7ff;overflow: hidden;}*/
/*.news .imgBox a img{position: absolute;left: -2px;top:-2px;transition: all 0.5s ease-in-out;}*/
/*.news .imgBox a:hover img { transform: scale(1.02)}*/
/*.news .imgBox a.shuban{width: 414px;height: 586px;top:2px;left: 1px;}*/
/*.news .imgBox a.shuban img{width: 418px;height: 590px;}*/
/*.news .imgBox a.bighb{width: 762px;height: 306px;top:1px;left: 435px;}*/
/*.news .imgBox a.bighb img{width: 766px;height: 310px;}*/
/*.news .imgBox a.smallhb{width: 371px;height: 261px;top:328px;left: 436px;}*/
/*.news .imgBox a.smallhb img{width: 375px;height: 265px;}*/
/*.hj_nm .news .imgBox a{border:2px solid #cc7620;}*/

.news .imgBox a {position: absolute;overflow: hidden;}
.news .imgBox a img{position: absolute;left: -2px;top:-2px;transition: all 0.5s ease-in-out;}
.news .imgBox a:hover img { transform: scale(1.02)}
.news .imgBox a.shuban{width: 414px;height: 586px;top:2px;left: 1px;}
.news .imgBox a.shuban img{width: 420px;height: 589px;}
.news .imgBox a.bighb{width: 754px;height: 310px;top:1px;left: 435px;}
.news .imgBox a.smallhb{width: 371px;height: 261px;top:328px;left: 436px;}
/*.news .imgBox a.smallhb img{width: 375px;height: 270px;left:-7px;top:-8px;}*/
.hj_nm  .imgBox a.bighb{top:2px;left: 448px;width: 754px;height: 310px;}
.hj_nm .imgBox a.smallhb{width: 362px;height: 261px;   top: 330px;
  left: 448px;}
.jd_nm .news .imgBox a.shuban{width:418px;height:588px;left:0;}
.jd_nm .news .imgBox a{border-radius: 15px;}
.jd_nm .news .imgBox a.shuban img{width:422px;height:592px;}
.jd_nm .news .imgBox a.bighb{width: 763px;height:309px;top:-1px;}
.jd_nm .news .imgBox a.smallhb{width: 373px;height: 263px;top:327px;}
.jd_nm .news .imgBox a.smallhb img{width: 377px;height: 267px;left: -3px;top: -2px;}
.discuss { margin-bottom: 154px; position: relative; }
.discuss h3 { margin-top: 96px; margin-bottom: 32px; background-position: 0 -524px; }
.discussBg { width: 1018px; height: 548px; background: url(https://tlsp.changyou.com/act/xtl/load/20241015/pc/img/lyborder.png) no-repeat; margin: 0 auto; padding: 46px 0 0 176px; }
.discussCon { width: 876px; height: 498px; overflow-x: hidden; overflow-y: auto; scrollbar-base-color: #b34a2b; scrollbar-track-color: #bbb299; }
.discussCon::-webkit-scrollbar { width: 6px; border-radius: 3px; background-color: #bbb299; }
.discussCon::-webkit-scrollbar-track { border-radius: 3px; background-color: #bbb299; }
.discussCon::-webkit-scrollbar-thumb { border-radius: 3px; background-color: #b34a2b; }
.discussCon > div { margin-bottom: 25px; }
.discussCon > div:last-child { margin-bottom: 0; }
.discussCon > div > img { display: inline-block; width: 62px; height: 62px; border: 1px solid #c46547; border-radius: 32px; margin-right: 20px; vertical-align: text-top; }
.discussCon > div div { display: inline-block; width: 732px; vertical-align: text-top; font-size: 16px; color: #333333; }
.discussCon > div div span { display: block; font-size: 20px; color: #92553d; }
.discussCon p { margin-top: 10px; }
.discussCon .lightbox img { width: 200px; margin-right: 20px; }
.discuss a.jdd, .discuss a.hjd { top: auto; bottom: -110px; left: 280px; }
.discuss a.hjd { left: 660px; }
.jd_nm .sideMenu { width: 282px; height: 697px; background: url(https://tlsp.changyou.com/act/xtl/load/20241015/pc/img/side_hp_new.png) no-repeat; padding: 20px 9px 66px 0; position: fixed; top: 50%; left: 0; margin-top: -288.5px; box-sizing: border-box; z-index: 66; background-size: 279px 697px; }
.hj_nm .sideMenu { width: 278px; height: 677px; background: url(https://tlsp.changyou.com/act/xtl/load/20241015/pc/img/sideMenu.png) no-repeat; padding: 0 18px 0 16px; position: fixed; top: 50%; left: 0;
  margin-top: -366px; box-sizing: border-box; z-index: 66; background-size: 278px 677px; }
.hj_nm .sideMenu h3 { background: url(https://tlsp.changyou.com/act/xtl/load/20241015/pc/img/side_title_2.png) no-repeat center; width: 198px; height: 34px; margin: 30px auto 0; }
.jd_nm .sideMenu h3 { background: url(https://tlsp.changyou.com/act/xtl/load/20241015/pc/img/nav-title1-jd.png) no-repeat center; width: 214px; height: 52px; margin: 0 auto 0; }
.hj_nm .regBox { margin: 11px auto 12px; width: 220px; height: 357px; background: #ffffff; border: solid 3px #c18b24; }
.jd_nm .regBox { margin: 2px auto 10px; width: 220px; height: 357px; background: #ffffff; border: solid 1px #6091c6; }
.jd_nm .sideMenu .getGiftTitle { background:url(https://tlsp.changyou.com/act/xtl/load/20241015/pc/img/nav-title2-jd.png); width: 237px; height: 44px; margin:0 auto; }
.hj_nm .sideMenu .getGiftTitle { background: url(https://tlsp.changyou.com/act/xtl/load/20241015/pc/img/side_title_1.png) no-repeat center center; width: 100%; height: 27px;margin: 14px auto 10px}
.jd_nm .sideMenu .getJdGift, .jd_nm .sideMenu .getHjGift { display: block; margin: 5px 0 0 12px; background:url(https://tlsp.changyou.com/act/xtl/load/20241015/pc/img/btn-zzsk-jd.png); width: 246px; height: 68px; }
.hj_nm .sideMenu .getJdGift { display: block; margin: 3px auto 0; width: 246px; height: 69px; background: url(https://tlsp.changyou.com/act/xtl/load/20241015/pc/img/side_btn_jd.png) no-repeat top center; }
.hj_nm .sideMenu .getHjGift { display: block; margin: 8px auto 0; width: 246px; height: 69px; background: url(https://tlsp.changyou.com/act/xtl/load/20241015/pc/img/side_btn_hj.png) no-repeat top center; }
.sideMenu .getJdGift:hover { -webkit-filter: brightness(1.2); filter: brightness(1.2);  }
.jd_nm .sideMenu .getHjGift { background:url(https://tlsp.changyou.com/act/xtl/load/20241015/pc/img/btn-cfk-jd.png);  width: 246px; height: 68px; }
.sideMenu .getHjGift:hover { -webkit-filter: brightness(1.2); filter: brightness(1.2); }
.jd_nm .switchBtn { display: block; background:url(https://tlsp.changyou.com/act/xtl/load/20241015/pc/img/btn-close-jd.png); width: 40px; height: 93px; position: absolute; bottom: 220px; right: -28px; }
.jd_nm .switchBtn.on { background:url(https://tlsp.changyou.com/act/xtl/load/20241015/pc/img/btn-open-jd.png);right: -40px;}
.hj_nm .switchBtn { display: block; background: url(https://tlsp.changyou.com/act/xtl/load/20241015/pc/img/side_hide.png) no-repeat; width: 40px; height: 93px; position: absolute; bottom: 98px; right: -39px; }
.hj_nm .switchBtn.on { background-position: -295px -159px; background: url(https://tlsp.changyou.com/act/xtl/load/20241015/pc/img/side_show.png) no-repeat; }
.receivePop { width: 1038px; height: 553px; font-size: 0; background: url(https://tlsp.changyou.com/act/xtl/load/20241015/pc/img/pop_hp.png) no-repeat; padding: 50px 44px 0; position: relative; display: none; box-sizing: border-box;}
.receivePop .textCont { width: 600px; margin-right: 105px; }
.receivePop > div { display: inline-block; vertical-align: text-top; }
.receivePop .regBox { border: none; margin-top: 80px; border: solid 1px #c99f5e; }
.hj_nm .receivePop .regBox{margin-top: 80px;}
.receivePop .textCont { font-size: 18px; color: #6a5044; text-align: center; }
.receivePop .textCont p { margin-bottom: 15px; color: #fff; text-align: center; }
.receivePop .textCont p a { margin-bottom: 15px; color: #ffff8b; text-align: center; text-decoration: underline; }
.receivePop .textCont p span { font-size: 28px; color: #e74b15; }
.receivePop .textCont .login-btn { width: 238px; height: 61px; background: url('../img/pop_login.png') no-repeat center; margin: 0 auto 31px; cursor: pointer; }
.hj_nm .receivePop .textCont .login-btn{background: url('../img/pop_login_hj.png') no-repeat center;}
.receivePop .textCont .got-btn { width: 186px; height: 52px; background: url('../img/got.png') no-repeat center; margin: 0 auto 10px; cursor: pointer; }
.receivePop .user-info { width: 200px; height: 30px; position: absolute; right: 460px; top: 50px; }
.receivePop .user-info .uc { width: 118px; height: 30px; left: 0; line-height: 30px; text-align: center; font-size: 22px; color: #bd850f; position: absolute; }
.receivePop .user-info .logout { width: 92px; height: 30px; right: 0; text-align: center; font-size: 22px; color: #bd850f; line-height: 30px; position: absolute; }
.receivePop .textCont .light { font-size: 14px; color: #6a5044; margin-bottom: 18px; display: none; height: 52px; margin-bottom: 10px; }
.receivePop .textCont .light div { display: flex; justify-content: space-between; align-items: center; width: 237px; height: 30px; font-size: 16px; line-height: 30px; vertical-align: middle; background-position: -281px -53px; margin: 0 auto; }
.receivePop .textCont .light i { display: inline-block; width: 166px; }
.receivePop .textCont .light em { display: inline-block; width: 72px; color: #f7f6ef; cursor: pointer; }
.receivePop .giftList { margin-bottom: 24px; }
.hj_nm .receivePop .giftList{margin-top: 42px;}
.receivePop .cardCenterImg { margin: 0 20px; }
.receivePop .textLeft { text-align: left; line-height: 28px; }
.receivePop .textCont > a { display: block; background: url('../img/pop_dl.png') no-repeat center; width: 238px; height: 61px; margin: 0 auto 0; }
.hj_nm .receivePop .textCont > a{background: url('../img/pop_dl_hj.png') no-repeat center;}
.receivePop .close { display: block; width: 83px; height: 82px; position: absolute; right: -52px;top: -32px; background: url('../img/close-btn.png') no-repeat center; background-size: 100% auto; }
.hj_nm .receivePop .close{background: url('../img/close-btn-hj.png') no-repeat center;width: 81px; height: 81px;    right: -52px;top: -32px;}
.receivePop .light a { background-position: -532px -785px; width: 285px; height: 60px; }
.receivePop .login-btn { }
.receivePop.login .tips { display: block; }
.receivePop.login .welcome { display: none; }
.receivePop.login .login-btn { display: block; }
.receivePop.login .user-info { display: none; }
.receivePop.login .light, .receivePop.login  .got-btn { display: none; }
.receivePop.login .hbx { display: inline-block; }
.receivePop.login .zcm {    /* display: none; */ }
.receivePop.logout .tips { display: none; }
.receivePop.logout .welcome { display: block; }
.receivePop.logout .login-btn { display: none; }
.receivePop.logout .user-info { display: block; }
.receivePop.logout .hbx { display: none; }
.receivePop.logout .zcm { display: inline-block;}
/*.hj_nm .receivePop{background: none;}*/
/*.hj_nm .receivePop::before{content: '';top:-120px;width: 1122px;height: 745px;left: 0;position: absolute;z-index: -1;background: url(https://tlsp.changyou.com/act/xtl/load/20241015/pc/img/pop_hp_hj.png) no-repeat;}*/
.hj_nm .receivePop .textCont p{color: #ffffff;margin-top: 14px;}
.hjPop .hp_pop a:hover { background-position: -536px -850px; }
.giftBox i { display: inline-block; color: #6e3f1c; position: relative;}
.giftBox span { display: block; width: 100%; position: absolute; font-size: 18px; top: 10px; left: 0;}
.hj_nm .giftBox span{ color: #6e3f1c;font-weight: normal;}
.hp_zz_pic { position: absolute; top: 621px; left: 50%; margin-left: -960px; width: 1920px; height: 489px; pointer-events: none; z-index: 22; }
.main { overflow: hidden; }
.news_hp { width: 100%; padding-top: 41px; }
.news_hp_bot { padding-top: 123px; position: relative; z-index: 1; }
.jd_nm .news_hp .hp_tit1 { display: block; background: url(https://tlsp.changyou.com/act/xtl/load/20241015/pc/img/hp_tit1.png) no-repeat; width: 930px; height: 150px; margin: 0 auto 25px; }
.jd_nm .news_hp .hp_tit2 { display: block; background: url(https://tlsp.changyou.com/act/xtl/load/20241015/pc/img/actTitle.png) no-repeat; width:514px; height: 97px; margin: 0 auto 24px; }
.pic_jd, .pic_hj { display: none!important; }
.hj_nm .pic_hj, .jd_nm .pic_jd { display: block!important; }
.jd_nm .textCont .pic_jd{width: 144px;margin:0 23px 0 24px;}
.hj_pic_a2, .jd_pic_a4 { top: 370px; left: 50%; margin-left: -960px; position: absolute; pointer-events: none; }
.hj_pic_a2 { margin-top: -2px; z-index: 23; }
.jd_pic_a4 { margin-top: -2px; z-index: 23; }
.hj_pic_a1, .jd_pic_a3 { position: absolute; top: -12px; left: 50%; margin-left: -960px; z-index: 22; pointer-events: none; }
.jd_pic_a3 { top: -16px; }
.hj_pic_apic { display: none; }
.hj_nm .hj_pic_a1, .hj_nm .hj_pic_a2, .jd_nm .jd_pic_a3, .jd_nm .jd_pic_a4 { display: block; }
.hj_nm .news_hp .hp_tit2 { display: block; background: url(https://tlsp.changyou.com/act/xtl/load/20241015/pc/img/hp_tit2_new.png) no-repeat; width:369px; height: 53px; margin: 0 auto 33px;}
.news_hp .imgBox { width: 1202px;position: relative;height: 596px;}
.news_hp .imgBox::after{content: '';position: absolute;width: 1209px;height: 616px;background: url(https://tlsp.changyou.com/act/xtl/load/20241015/pc/img/zz.png) no-repeat;z-index: 2;pointer-events: none;top:-20px;left:-2px;}
.hj_nm .news_hp .imgBox::after{background: url(https://tlsp.changyou.com/act/xtl/load/20241015/pc/img/zz1.png) no-repeat;width: 1202px;height: 596px;top: 0px;left: 0;}
.vidBox { display: flex; justify-content: space-between; align-items: center; width: 100%; height: 257px; margin-bottom: 28px; }
.jd_nm .hp_sm_vid { display: flex; justify-content: center; align-items: center; position: relative; width: 383px; height: 256px; background: url(https://tlsp.changyou.com/act/xtl/load/20241015/pc/img/hp_vid1.png) no-repeat; }
.hj_nm .hp_sm_vid { display: flex; justify-content: center; align-items: center; position: relative; width: 383px; height: 256px; background: url(https://tlsp.changyou.com/act/xtl/load/20241015/pc/img/hp_vid1_new.png) no-repeat; }
.hp_sm_vid img { width: 360px; height: 233px; }
.hp_vid_icon { display: block; background-position: -731px -3px; width: 72px; height: 72px; top: 50%; left: 50%; margin-left: -36px; margin-top: -36px; position: absolute; }
.hp_vid_icon { -webkit-animation: pulse 2s .2s ease infinite; -moz-animation: pulse 2s .2s ease infinite; }
@-webkit-keyframes pulse {
0% { -webkit-transform: scale(1) }
50% { -webkit-transform: scale(1.1) }
100% { -webkit-transform: scale(1) }
}
.hp_sm_vid:hover img { -webkit-filter: brightness(1.3); -o-filter: brightness(1.3); -moz-filter: brightness(1.3); filter: brightness(1.3); }
.big_vid_con { display: flex; justify-content: center; align-items: center; width: 1080px; height: 550px; }
.big_vid_icon { display: flex; justify-content: center; align-items: center; background-position: -602px -159px; width: 117px; height: 117px; }
.icon_sm_con { display: block; background-position: -730px -159px; width: 117px; height: 117px; }
.icon_sm_con { -webkit-animation: pulse 1s .2s ease infinite; -moz-animation: pulse 1s .2s ease infinite; }
.hj_nm .sideMenu .ygameBtnTitle { display: block; background-position: -602px -320px; width: 290px; height: 25px; margin: 0 0 12px -24px; }
.jd_nm .sideMenu .ygameBtnTitle { display: block; background-position: -701px -627px; width: 290px; height: 25px; margin: 0 0 12px -24px; }
.jd_nm .ygameBtn { display: block; background-position: -521px -351px; width: 245px; height: 66px; margin: 6px auto 10px; }
.hj_nm .ygameBtn { display: block; background-position: -532px -503px; width: 237px; height: 58px; margin: 6px auto 10px; }
.ygameBtn:hover { -webkit-filter: brightness(1.2); filter: brightness(1.2);   }
.hd_con { display: block; width: 100%; height: 880px; overflow: visible; }
.hd_top { display: none; width: 100%; height: 100%; position: relative; }
.hd_pic1 { display: block; width: 1920px; pointer-events: none;   /* height: 1111px; */ top: 0; left: 50%; margin-left: -960px; position: absolute; }
.hj_nm .hd_pic1 {    /* height: 1323px; */ }
.hd_bg { display: block; width: 3263px; height: 964px; position: absolute; top: 0; left: -800px; }
.btn_next { display: block; background:url(https://tlsp.changyou.com/act/xtl/load/20241015/pc/img/btn_next.png) no-repeat; width:262px; height: 262px; top: 779px; left: 50%; margin-left: 458px; position: absolute; }
.btn_next:before { content: ''; position: absolute; background: url(https://tlsp.changyou.com/act/xtl/load/20241015/pc/img/sprite.png) no-repeat; background-position: -782px -397px; width: 169px; height: 27px; top: 146px; left: 50%; margin-left: -84.5px;display: none; }
.hd_top { position: absolute; top: 0; left: 0; }
.btn_next, .btn_prve { -webkit-animation: pulse 2s .2s ease infinite; -moz-animation: pulse 2s .2s ease infinite; }
.btn_prve { display: block;    /* background-position:-816px -3px; */    
  width: 204px;
  height: 102px;
  top: 816px;
  left: 50%;
  margin-left: 743px;
 position: absolute; background: url(https://tlsp.changyou.com/act/xtl/load/20241015/pc/img/btn_prev.png) no-repeat; background-size: 100% 100%; }
.btn_prve:before { content: ''; display: none; position: absolute;    /* background: url(https://tlsp.changyou.com/act/xtl/load/20241015/pc/img/sprite.png) no-repeat;
background-position: -782px -353px; */ width: 169px; height: 27px; top: 146px; left: 50%; margin-left: -84.5px; }
.hd_pic2 { display: block; width: 1810px; height: 970px; top: 0; left: 50%; margin-left: -848px; position: absolute; }
.slogan1 { position: absolute; pointer-events: none; width: 1004px; height: 519px; top: 435px; left: 50%;margin-left:-484px; }
.slogan1 p { width: 440px; height: 32px; position: absolute; top: 46px; left: 50%; margin: 0; margin-left: -220px; line-height: 32px; text-align: center; font-size: 24px; color: #fff8df; }
.slogan1 p span { font-size: 24px; color: #ffd541; line-height: 32px; }
.slg2_hp { display: block; position: absolute; width: 975px;height: 421px; top: 0px; left: 0; pointer-events: none; }
.news .imgBox a.btn_down_hp { display: block;    /* background-position: 0 -594px; */ width: 384px; height:128px; top: 470px; left: 820px; position: absolute; background: url(https://tlsp.changyou.com/act/xtl/load/20241015/pc/img/downGame.png) no-repeat; background-size: 100% 100%;border: none;}
.hj_nm .news .imgBox a.btn_down_hp { background: url(https://tlsp.changyou.com/act/xtl/load/20241015/pc/img/download.png) no-repeat top;}
.news .imgBox a.btn_lq_hp { display: block; width: 385px; height: 128px; top: 323px; left: 820px; position: absolute; background: url(https://tlsp.changyou.com/act/xtl/load/20241015/pc/img/getGift.png) no-repeat; background-size: 100% 100%;border: none;}
.hj_nm .news .imgBox a.btn_lq_hp { background: url(https://tlsp.changyou.com/act/xtl/load/20241015/pc/img/getGift1.png) no-repeat top;}
.slogan2 { position: absolute; pointer-events: none; width: 975px; height: 421px; top: 233px; left: -277px; }
.slogan2 p { width: 440px; height: 32px; position: absolute; top: 48px; left: 50%; margin: 0; margin-left: -220px; line-height: 32px; text-align: center; font-size: 24px; color: #fff8df; }
.slogan2 p span { font-size: 24px; color: #ffd541; line-height: 32px; }
.slg1_hp { position: absolute; pointer-events: none; width: 100%;height: 100%; top: 0px; left: 0px; }
.slg1_hp_f { display: block; position: absolute; top: 50%; left: 50%; margin-top: -555px; margin-left: -327px; pointer-events: auto; }
.btn_lq_hp:hover, .btn_down_hp:hover, .btn_yd_hp:hover, .btn_lq_hp1:hover { -webkit-filter: brightness(1.2); -o-filter: brightness(1.2); -moz-filter: brightness(1.2); filter: brightness(1.2); }
.header .hd_top2 .tlhj-logo { top: 15px; left: -256px;z-index: 99; position: absolute;}
.btn_top_vid { display: block; width: 131px; height: 132px; position: absolute; top: 347px; left: 50%; z-index: 1; background: url(https://tlsp.changyou.com/act/xtl/load/20241015/pc/img/play1.png) no-repeat;margin-left: 39px;}
.btn_top_vid::after{display: block; content: ''; background: url(https://tlsp.changyou.com/act/xtl/load/20241015/pc/img/play1.png) no-repeat;
  width: 119px; height: 119px; top: 0; left: 0;position: absolute;animation: scale_video_btn 3s 0s linear infinite;}
.btn_top_vid1 { display: block; width: 126px; height: 126px; position: absolute;     top: 628px;
  left: 50%;
  z-index: 1;
  margin-left: 532px;}
.btn_top_vid1:after { display: block; content: ''; background: url(https://tlsp.changyou.com/act/xtl/load/20241015/pc/img/play.png) no-repeat;width: 126px; height: 126px; top: 0; left: 0;position: absolute;animation: scale_video_btn 3s 0s linear infinite;}
@keyframes scale_video_btn {
  0%,
  100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.2);
  }
}
/* .btn_top_vid1:after { display: block; content: ''; background: url(https://tlsp.changyou.com/act/xtl/load/20241015/pc/img/animate.png) no-repeat center; width: 130px; height: 130px; top: 50%; left: 50%; margin-left: -65px; margin-top: -65px; position: absolute; } */
/* .btn_top_vid:after { display: block; content: ''; background: url(https://tlsp.changyou.com/act/xtl/load/20241015/pc/img/animate.png) no-repeat center; width: 130px; height: 130px; top: 50%; left: 50%; margin-left: -65px; margin-top: -65px; position: absolute; } */
.hj_nm .btn_top_vid {
  position: absolute;
  top: 625px;
  left: 50%;
  width: 119px;
  height: 119px;
  background-size: 100% auto;
  margin-left: 601px;
}
.hj_nm .btn_top_vid::after {
  width: 100%;
  height: 100%;
  background-size: 100% auto;
}
/*.btn_top_vid:before{
content: '';
display: block;
width: 65px;
height: 65px;
background: url(https://tlsp.changyou.com/act/xtl/load/20241015/pc/img/top_vid1.png) no-repeat;
top: 50%;
left: 50%;
margin-left:-32.5px;
margin-top:-32.5px;
position: absolute;
}*/

/* .btn_top_vid1:before{
content: '';
display: block;
width: 65px;
height: 65px;
background: url(https://tlsp.changyou.com/act/xtl/load/20241015/pc/img/play.png) no-repeat;
position: absolute;
top: 50%;
left: 50%;
margin-left:-32.5px;
margin-top:-32.5px;
z-index: 22;
} */
.btn_top_vid:before, .btn_top_vid1:before { -webkit-animation: brightness 1s 0s linear infinite; -moz-animation: brightness 1s 0s linear infinite; }
@-webkit-keyframes brightness {
0% { filter: brightness(1); }
50% { filter: brightness(1.5); }
100% { filter: brightness(1); }
}
/* .btn_top_vid:after, .btn_top_vid1:after { -webkit-animation: rotateIn 4s 0s linear infinite; -moz-animation: rotateIn 4s 0s linear infinite; } */
@-webkit-keyframes rotateIn {
0% { -webkit-transform-origin: center center; -webkit-transform: rotate(-360deg); }
100% { -webkit-transform-origin: center center; -webkit-transform: rotate(0); }
}
.btn_yd_hp { display: block; background-position: -2px -596px; width: 256px; height: 63px; top: 816px; left: 50%; margin-left: -263px; position: absolute; }
.btn_lq_hp1 { display: block; background-position: -279px -596px; width: 256px; height: 63px; top: 816px; left: 50%; margin-left: 8px; position: absolute; }
.hj_add_new_tips { display: block; background-position: -787px -445px; width: 191px; height: 78px; position: absolute; top: 856px; left: 50%; margin-left: -229px; }
@keyframes fadeInUp5 {
0% { opacity: 0; -webkit-transform: translateY(120px); }
100% { opacity: 1; -webkit-transform: translateY(0); }
}
@-webkit-keyframes fadeInUp5 {
0% { opacity: 0; -webkit-transform: translateY(120px); }
100% { opacity: 1; -webkit-transform: translateY(0); }
}
.clo1 { color: #ffff8b; }
.hj_nm .clo1{color: #ffff8b;}
.on { display: block; }
.popup.video-pop { width: 820px; height: 462px; background-color: #000; }
.popup.video-pop1 { width: 820px; height: 461px; background-color: #000; }
.popup.video-pop .video-box, .popup.video-pop1 .video-box, .popup.video-pop-sohu .video-box { position: relative; border: 1px solid #c1a45f; background-color: #000; box-sizing: border-box; height: 100%; width: 100%; text-align: center; }
.popup.video-pop video, .popup.video-pop1 video, .popup.video-pop-sohu video {    /* display: inline-block; */
width: 100%; height: 100%; box-sizing: border-box; }
.popup .close_hp { position: absolute; right: -60px; top: 0px;    /* background: url(http://i0.cy.com/tlhj/pic/2020/09/08/close-btn.png) no-repeat; */ background: url(https://i0.cy.com/tlhj/pic/2022/03/24/pc/close-btn.png) no-repeat; width: 52px; height: 52px; cursor: pointer; transition: all 0.5s ease; }
.sideMenu { display: none; }
.hp_add_xj_box { width: 100%; height: 847px; position: relative; margin-top: 50px; }
.hj_nm .hp_add_xj_box { }
.btn_go_hm_l { display: block;    /* background-position: -835px -781px; */ background: url(https://tlsp.changyou.com/act/xtl/load/20241015/pc/img/gw_btn.png) no-repeat center; background-size: 100% 100%; width: 159px; height: 49px; top: 720px; left: 50%; z-index: 24; margin-left: -856px; position: absolute; text-indent: -999em; }
.btn_go_hm_r { display: block;    /* background-position: -835px -781px; */ background: url(https://tlsp.changyou.com/act/xtl/load/20241015/pc/img/gw_btn.png) no-repeat; background-size: 100% 100%; width: 159px; height: 49px; top: 344px; left: 50%; z-index: 23; margin-left: 706px; position: absolute; text-indent: -999em; }

/* .jd_nm .btn_go_hm_r:hover,
.jd_nm .btn_go_hm_l:hover {
background-position: -835px -835px;
} */
.btn_add_hm { display: block; width:201px; height: 53px; top: 57px; left: -79px; position: absolute; background: url(https://tlsp.changyou.com/act/xtl/load/20241015/pc/img/kv_gw_btn.png) no-repeat 50% 0/100%; position: absolute; }
.btn_add_hm1 { display: block; width: 201px; height: 53px; top: 55px; left: -62px; background: url(https://tlsp.changyou.com/act/xtl/load/20241015/pc/img/btn_gw.png) no-repeat 50% 0/100%; position: absolute; }
.hd_top, .hd_top * { will-change: transform; }
.hd_top.active { display: block; }
:root { --animate-duration: 1s; --animate-delay: 1s; --animate-repeat: 1 }
.animate__animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-duration: var(--animate-duration); animation-duration: var(--animate-duration); -webkit-animation-fill-mode: both; animation-fill-mode: both }
@-webkit-keyframes fadeInLeft {
0% { opacity: 0; transform: translate3d(-100%, 0, 0) }
to { opacity: 1; transform: translateZ(0) }
}
@keyframes fadeInLeft {
0% { opacity: 0; transform: translate3d(-100%, 0, 0) }
to { opacity: 1; transform: translateZ(0) }
}
.animate__fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft }
@-webkit-keyframes animate__fadeInRight {
0% { opacity: 0; transform: translate3d(100%, 0, 0) }
to { opacity: 1; transform: translateZ(0) }
}
@keyframes animate__fadeInRight {
0% { opacity: 0; transform: translate3d(100%, 0, 0) }
to { opacity: 1; transform: translateZ(0) }
}
.animate__fadeInRight { -webkit-animation-name: animate__fadeInRight; animation-name: animate__fadeInRight }
@-webkit-keyframes animate__fadeOutLeft {
0% { opacity: 1 }
to { opacity: 0; transform: translate3d(-100%, 0, 0) }
}
@keyframes animate__fadeOutLeft {
0% { opacity: 1 }
to { opacity: 0; transform: translate3d(-100%, 0, 0) }
}
.animate__fadeOutLeft { -webkit-animation-name: animate__fadeOutLeft; animation-name: animate__fadeOutLeft }
@-webkit-keyframes animate__fadeOutRight {
0% { opacity: 1 }
to { opacity: 0; transform: translate3d(100%, 0, 0) }
}
@keyframes animate__fadeOutRight {
0% { opacity: 1 }
to { opacity: 0; transform: translate3d(100%, 0, 0) }
}
.animate__fadeOutRight { -webkit-animation-name: animate__fadeOutRight; animation-name: animate__fadeOutRight }
.hd_top1.active .slogan1, .hd_top1.active .btn_top_vid1, .hd_top2.active .slogan2, .on .slogan1, .on .slogan2, .on .btn_top_vid, .hd_top2.active .btn_top_vid { -webkit-animation: fadeInUp5 0.5s .4s ease both; animation: fadeInUp5 0.5s .4s ease both; }
.hd_top1.active .btn_down_hp, .hd_top1.active .btn_lq_hp, .hd_top2.active .btn_down_hp, .hd_top2.active .btn_lq_hp { -webkit-animation: fadeInUp5 0.5s .4s ease both; animation: fadeInUp5 0.5s .4s ease both; }
 .hj_nm .slogan2 {
   display: none;
 }

 .jd_nm .hd_top1,
.hj_nm .hd_top2{display: block!important;}
.jd_nm .hd_top2 { display: none!important; }

.hj_nm .imgBox a.bighb{top: 2px;
    left: 441px;
    width: 749px;
    height: 307px;}
.hj_nm .imgBox a.smallhb {
    width: 369px;
    height: 266px;
    top: 323px;
    left: 441px;
}
.hj_nm .imgBox a.bighb img{    border-radius: 48px;}
.hj_nm .imgBox a.shuban img{    border-radius: 53px;}
.hj_nm .imgBox a.smallhb img{    border-radius: 50px;}
.hj_nm .imgBox a.shuban:before{background: url(https://tlsp.changyou.com/act/xtl/load/20241015/pc/img/tip.png) no-repeat;width: 39px;height: 226px;position: absolute;top: 7px;left: 0px;content: '';z-index: 5;}
.hj_nm .header{height: 1000px;}
.hj_nm .news_hp_bot{padding-top:72px}
.hj_nm .imgBox a:hover img { transform: scale(1.01)}