html,body,.wrapper,.map-box{width: 100%; height: 100%; position: relative;}

/* spr */
.hr-spr{ background-image:url(//game.gtimg.cn/images/gp/cp/a20230817org/m/hr-spr.png); background-repeat:no-repeat; background-size:10.05rem 5.74rem;}
.hr-spr.arrow-down{ width:0.56rem; height:0.33rem; background-position:52.16017% 66.3586%;}
.hr-spr.arrow-more{ width:0.17rem; height:0.28rem; background-position:55.97166% 65.75092%;}
.hr-spr.arrow-next{ width:0.33rem; height:0.56rem; background-position:20.88477% 92.47104%;}
.hr-spr.arrow-prev{ width:0.33rem; height:0.56rem; background-position:95.16461% 0.57915%;}
.hr-spr.arrow-pull{ width:1.36rem; height:1.4rem; background-position:99.65478% 91.47465%;}
.hr-spr.btn-look{ width:4.9rem; height:1.18rem; background-position:0.58252% 78.72807%;}
.hr-spr.btn-pack{ width:3.69rem; height:1.19rem; background-position:77.83019% 87.25275%;}
.hr-spr.org-name-hr{ width:2.34rem; height:1.07rem; background-position:84.6952% 61.67024%;}
.hr-spr.trim-br1{ width:1.98rem; height:0.92rem; background-position:0.37175% 99.37759%;}
.hr-spr.trim-mid{ width:0.95rem; height:0.98rem; background-position:97.69231% 60.5042%;}
.hr-spr.trim-tl1{ width:3.23rem; height:3.54rem; background-position:0.43988% 1.36364%;}
.hr-spr.trim-tl2{ width:3.23rem; height:3.54rem; background-position:48.09384% 1.36364%;}
.hr-spr.trim-tr1{ width:2.7rem; height:1.02rem; background-position:88.84354% 38.98305%;}
.hr-spr.trim-tr2{ width:2.7rem; height:1.79rem; background-position:88.84354% 0.75949%;}

@-webkit-keyframes fadeInDn {
    0% { opacity: 0; -webkit-transform: translate3d(0, 120px, 0); }
    100% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); }
}
@keyframes fadeInDn {
    0% { opacity: 0; -webkit-transform: translate3d(0, 120px ,0); }
    100% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); }
}

@-webkit-keyframes mouse-move{
	50%{ transform: translate3d(0, 10px, 0); }
}
@keyframes mouse-move{
	50%{ transform: translate3d(0, 10px, 0); }
}

.fadeanim { -webkit-animation: fadeInDn .4s ease-out .2s both; animation: fadeInDn .4s ease-out .2s both;}
.fadeanim1 { animation-delay: 0s; animation-duration: .1s;}

.wrapper { background: #0e0e12; padding-top: 0; }
.comm-height { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: -1; pointer-events: none; }

/* 二级导航 */
.org-cont-top { width: 100%; height: auto; padding-top: 1.4rem; max-height: 100%; line-height: 1.36rem; position: fixed; left: 0; top: 0; z-index: 5;}
.org-cont-top:before { content: ""; width: 100%; height: 2.76rem; position: absolute; z-index: 1; left: 0; top: 0; background-color: rgba(0,0,0,.8); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);}
.org-cont-top-btn { width: 100%; height: 1.36rem; border-top: 1px solid #2f2f2f; position: relative; z-index: 2;}
.wrapper .nav { -webkit-backdrop-filter: none; backdrop-filter: none; background: none;}
.org-cont-top-btn p { margin-left: .36rem; float: left; color: #fff; font-size: .48rem;}
.arrow-pull { display: block; float: right; margin-right: .28rem; transition: all .3s;}
.arrow-pull.on { transform: rotate(180deg);}
.org-cont-top-item { position: relative; top: -2px; width: 100%; height: 0; overflow-y: auto; transition: all .4s; background-color: rgba(0,0,0,0.6);}
.org-cont-top-item ul { padding-left: .68rem; background-color: #111112;}
.org-cont-top-item li { color: #e8e8e8; font-size: .4rem; width: 9.88rem; border-bottom: 1px solid #414141;}
.org-cont-top-item li:last-of-type { border-bottom: none; }
.org-cont-top-item li a { color: #e8e8e8; display: block; width: 100%; height: 100%;}
.org-cont-top-item li.cur a { color: #ffb900;}

.org-hr-swiper { width: 100%; height: 100%; overflow: hidden; }

.org-hr-head { width: 100%; height: 100%; background: url(//game.gtimg.cn/images/gp/cp/a20230817org/m/hr-bg1.jpg) no-repeat; background-size: 100%; position: relative; }
.org-hr-head .head-cont { width: 10.57rem; height: calc(100% - 3.5rem); background: url(//game.gtimg.cn/images/gp/cp/a20230817org/m/hr-head-border.png) no-repeat; background-size: 100% 100%; position: absolute; bottom: .36rem; left: 50%; margin-left: -5.28rem; }
.org-hr-head .head-cont .hr-spr { display: inline-block; position: absolute; pointer-events: none; animation: fadeInDn .4s .4s ease-out both; }
.org-hr-head .head-cont .hr-spr.trim-tl1 { top: .3rem; left: .3rem; }
.org-hr-head .head-cont .hr-spr.trim-tr1 { top: .3rem; right: .3rem; }
.org-hr-head .head-cont .hr-spr.trim-br1 { bottom: .3rem; right: .3rem; }
.org-hr-head .head-cont .hr-spr.trim-mid { top: 50%; left: .3rem; margin-top: -.49rem; }
.org-hr-head .head-cont .hr-spr.arrow-down { bottom: .5rem; left: 50%; margin-left: -.28rem; -webkit-animation: mouse-move 1.5s linear infinite; animation: mouse-move 1.5s linear infinite; }
.org-hr-head .head-cont .head-text { width: 8.9rem; height: auto; position: absolute; bottom: 2.8rem; left: 50%; margin-left: -4.45rem;  }
.org-hr-head .head-text .head-tit { width: 100%; height: 1.1rem; text-align: center; margin: .8rem 0; position: relative; animation: fadeInDn .4s .6s ease-out both; }
.org-hr-head .head-text .org-name-hr { text-indent: -9999px; left: 50%; margin-left: -1.17rem; }
.org-hr-head .head-text .head-desc { font-size: .4rem; color: #e8e8e8; line-height: .72rem; text-align: center; animation: fadeInDn .4s .8s ease-out both; }

.org-hr-cont { width: 100%; height: 100%; overflow-y: auto; }
.org-hr-cont .hr-cont { width: 100%; height: auto; background: #111112 url(//game.gtimg.cn/images/gp/cp/a20230817org/m/hr-bg.png) repeat-y; background-size: 100%;  }
.org-hr-cont .org-cont-head { width: 100%; height: 12.4rem; background: url(//game.gtimg.cn/images/gp/cp/a20230817org/m/hr-bg2.jpg) no-repeat; background-size: 100% 100%; position: relative; }
.org-hr-cont .org-cont-head.case1 { background: url(//game.gtimg.cn/images/gp/cp/a20230817org/m/hr-bg2.jpg) no-repeat; background-size: 100% 100%; }
.org-hr-cont .org-cont-head.case2 { background: url(//game.gtimg.cn/images/gp/cp/a20230817org/m/hr-bg3.jpg) no-repeat; background-size: 100% 100%; }
.org-hr-cont .org-cont-head.case3 { background: url(//game.gtimg.cn/images/gp/cp/a20230817org/m/hr-bg4.jpg) no-repeat; background-size: 100% 100%; }
.org-hr-cont .org-cont-head.case4 { background: url(//game.gtimg.cn/images/gp/cp/a20230817org/m/hr-bg5.jpg) no-repeat; background-size: 100% 100%; }
.org-hr-cont .org-cont-head:before { content: ''; width: 100%; height: 100%; background: url(//game.gtimg.cn/images/gp/cp/a20230817org/m/hr-bg.png) no-repeat; background-size: 100%; position: absolute; top: 0; left: 0; z-index: 0; pointer-events: none; }
.org-hr-cont .org-cont-head .hr-spr { display: inline-block; position: absolute; pointer-events: none; z-index: 1; }
.org-hr-cont .org-cont-head .hr-spr.trim-tl2 { top: 3.5rem; left: .7rem; }
.org-hr-cont .org-cont-head .hr-spr.trim-tr2 { top: 3.3rem; right: .7rem; }
.org-hr-cont .org-cont-head .cont-title { width: 100%; text-align: center; font-size: .68rem; line-height: .88rem; color: #fff; letter-spacing: .1rem; text-shadow: 0 0 .2rem rgba(255, 255, 255, .8); opacity: 0; position: absolute; bottom: .7rem; z-index: 1; display: none; }
.org-hr-cont .org-cont-head .cont-title.show { display: block; }
.org-hr-cont .org-hr-subtitle { width: 9.87rem; height: .8rem; font-size: .4rem; line-height: .8rem; color: #db1b32; font-weight: bold; padding-left: .42rem; margin: 1rem auto .2rem; opacity: 0; position: relative; }
.org-hr-cont .org-hr-subtitle:before { content: ''; width: .18rem; height: .28rem; background-color: #c72c33; position: absolute; left: 0; top: 50%; margin-top: -.14rem; -webkit-mask: url(//game.gtimg.cn/images/gp/cp/a20230817org/m/hr-mask-triangle.png); -webkit-mask-size: 100% 100%; }
.org-hr-cont .org-hr-subtitle.teal { color: #00c2bb; }
.org-hr-cont .org-hr-subtitle.teal:before { background-color: #00c2bb; }
.org-hr-cont .hr-case-box .hr-case-list { display: none; }
.org-hr-cont .hr-case-box .hr-case-list.show { display: block; }
.org-hr-cont .hr-case-info { width: 11.25rem; height: auto; opacity: 0; margin: 0 auto; }
.org-hr-cont .hr-case-info .case-info-list { width: 1125px; height: auto; background: url(//game.gtimg.cn/images/gp/cp/a20230817org/m/hr-case-bg.png) no-repeat; background-size: 100%; padding: 40px 0 0; }
.org-hr-cont .hr-case-info .case-info-list:after { content: ''; width: 100%; height: 145px; background: url(//game.gtimg.cn/images/gp/cp/a20230817org/m/hr-case-bg3.png) no-repeat; background-size: 100% 100%; display: block; }
.org-hr-cont .hr-case-info li:not(:last-child) { width: 885px; height: 158px; border-bottom: 2px solid #871c2a; margin: 0 auto; } 
.org-hr-cont .hr-case-info h3.org-hr-subtitle { width: auto; height: 158px; font-size: 40px; line-height: 158px; padding-left: 42px; opacity: 1; margin: 0; }
.org-hr-cont .hr-case-info h3.org-hr-subtitle:before { width: 18px; height: 28px; margin-top: -14px; }
.hr-case-info li:not(:last-child) h3.org-hr-subtitle { float: left; }
.hr-case-info li:last-child h3.org-hr-subtitle { margin-left: 118px; }
.org-hr-cont .hr-case-info p { width: auto; height: 158px; font-size: 40px; line-height: 158px; color: #fff; }
.hr-case-info li:not(:last-child) p { float: right; }
.org-hr-cont .hr-case-info .case-desc-box { width: 100%; height: auto; background: url(//game.gtimg.cn/images/gp/cp/a20230817org/m/hr-case-bg2.png) repeat-y; background-size: 100%; padding: 0 120px 0 162px; }
.org-hr-cont .hr-case-info p.case-desc { width: 100%; height: auto; line-height: 70px; text-align: justify; padding-bottom: 20px; }
.org-hr-cont .hr-case-result { width: 10.16rem; height: auto; opacity: 0; margin: 0 auto; }
.hr-case-text { width: 1016px; height: auto; overflow: hidden;}
.org-hr-cont .hr-case-text:before { content: ''; width: 100%; height: 79px; background: url(//game.gtimg.cn/images/gp/cp/a20230817org/m/hr-result-top.png) no-repeat; background-size: 100% 100%; display: block;}
.org-hr-cont .hr-case-text:after { content: ''; width: 100%; height: 34px; background: url(//game.gtimg.cn/images/gp/cp/a20230817org/m/hr-result-bottom.png) no-repeat; background-size: 100% 100%; display: block;}
.org-hr-cont .hr-case-result p { padding: 16px 64px 24px; background: url(//game.gtimg.cn/images/gp/cp/a20230817org/m/hr-result-bg.png) repeat-y; background-size: 100% auto; width: 100%; height: auto; font-size: 40px; line-height: 70px; color: #fff; text-align: justify; }
.org-hr-cont .hr-case-crime { width: 9.99rem; height: 9.52rem; opacity: 0; margin-left: .7rem; position: relative; }
/* 案件1、2、3 -- 案发现场 */
.hr-case-list .hr-case-crime { background: url(//game.gtimg.cn/images/gp/cp/a20230817org/m/hr-a1-location.png) no-repeat; background-size: 100% 100%; }
/* 案件4 -- 案发现场 */
.hr-case-list.hr-case4 .hr-case-crime { background: url(//game.gtimg.cn/images/gp/cp/a20230817org/m/hr-a4-location.png) no-repeat; background-size: 100% 100%; }
.org-hr-cont .hr-case-crime p { font-size: .4rem; line-height: .7rem; color: #fff; letter-spacing: .03rem; position: absolute; bottom: .72rem; left: 1rem; }
.org-hr-cont .hr-agent-list { width: 10.36rem; height: auto; margin: 0 auto; font-size: 0; overflow: hidden; opacity: 0; }
.org-hr-cont .hr-agent-list .item-agent-box { width: 4.9rem; margin-left: .28rem; display: inline-block; position: relative; }
.org-hr-cont .item-agent-box img { width: 100%; height: auto; vertical-align: top; }
.org-hr-cont .item-agent-box .agent-item-more { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.org-hr-cont .hr-case-clue { width: 10.4rem; height: auto; font-size: 0; margin: 0 auto; opacity: 0; }
.org-hr-cont .hr-case-clue li { width: 4.68rem; height: 5.97rem; display: inline-block; vertical-align: top; margin: .26rem .26rem; position: relative; }
/* 案件1 -- 线索 */
.hr-case-list.hr-case1 .hr-case-clue li:nth-child(1) { background: url(//game.gtimg.cn/images/gp/cp/a20230817org/m/hr-a1-clue1.png) no-repeat; background-size: 100% 100%; }
.hr-case-list.hr-case1 .hr-case-clue li:nth-child(2) { background: url(//game.gtimg.cn/images/gp/cp/a20230817org/m/hr-a1-clue2.png) no-repeat; background-size: 100% 100%; }
.hr-case-list.hr-case1 .hr-case-clue li:nth-child(3) { background: url(//game.gtimg.cn/images/gp/cp/a20230817org/m/hr-a1-clue3.png) no-repeat; background-size: 100% 100%; }
.hr-case-list.hr-case1 .hr-case-clue li:nth-child(4) { background: url(//game.gtimg.cn/images/gp/cp/a20230817org/m/hr-a1-clue4.png) no-repeat; background-size: 100% 100%; }
/* 案件2 -- 线索 */
.hr-case-list.hr-case2 .hr-case-clue li:nth-child(1) { background: url(//game.gtimg.cn/images/gp/cp/a20230817org/m/hr-a2-clue1.png) no-repeat; background-size: 100% 100%; }
.hr-case-list.hr-case2 .hr-case-clue li:nth-child(2) { background: url(//game.gtimg.cn/images/gp/cp/a20230817org/m/hr-a2-clue2.png) no-repeat; background-size: 100% 100%; }
.hr-case-list.hr-case2 .hr-case-clue li:nth-child(3) { background: url(//game.gtimg.cn/images/gp/cp/a20230817org/m/hr-a2-clue3.png) no-repeat; background-size: 100% 100%; }
.hr-case-list.hr-case2 .hr-case-clue li:nth-child(4) { background: url(//game.gtimg.cn/images/gp/cp/a20230817org/m/hr-a2-clue4.png) no-repeat; background-size: 100% 100%; }
.hr-case-list.hr-case2 .hr-case-clue li:nth-child(5) { background: url(//game.gtimg.cn/images/gp/cp/a20230817org/m/hr-a2-clue5.png) no-repeat; background-size: 100% 100%; }
.hr-case-list.hr-case2 .hr-case-clue li:nth-child(6) { background: url(//game.gtimg.cn/images/gp/cp/a20230817org/m/hr-a2-clue6.png) no-repeat; background-size: 100% 100%; }
/* 案件3 -- 线索 */
.hr-case-list.hr-case3 .hr-case-clue li:nth-child(1) { background: url(//game.gtimg.cn/images/gp/cp/a20230817org/m/hr-a3-clue1.png) no-repeat; background-size: 100% 100%; }
.hr-case-list.hr-case3 .hr-case-clue li:nth-child(2) { background: url(//game.gtimg.cn/images/gp/cp/a20230817org/m/hr-a3-clue2.png) no-repeat; background-size: 100% 100%; }
.hr-case-list.hr-case3 .hr-case-clue li:nth-child(3) { background: url(//game.gtimg.cn/images/gp/cp/a20230817org/m/hr-a3-clue3.png) no-repeat; background-size: 100% 100%; }
.hr-case-list.hr-case3 .hr-case-clue li:nth-child(4) { background: url(//game.gtimg.cn/images/gp/cp/a20230817org/m/hr-a3-clue4.png) no-repeat; background-size: 100% 100%; }
.hr-case-list.hr-case3 .hr-case-clue li:nth-child(5) { background: url(//game.gtimg.cn/images/gp/cp/a20230817org/m/hr-a3-clue5.png) no-repeat; background-size: 100% 100%; }
.hr-case-list.hr-case3 .hr-case-clue li:nth-child(6) { background: url(//game.gtimg.cn/images/gp/cp/a20230817org/m/hr-a3-clue6.png) no-repeat; background-size: 100% 100%; }
/* 案件4 -- 线索 */
.hr-case-list.hr-case4 .hr-case-clue li:nth-child(1) { background: url(//game.gtimg.cn/images/gp/cp/a20230817org/m/hr-a4-clue1.png) no-repeat; background-size: 100% 100%; }
.hr-case-list.hr-case4 .hr-case-clue li:nth-child(2) { background: url(//game.gtimg.cn/images/gp/cp/a20230817org/m/hr-a4-clue2.png) no-repeat; background-size: 100% 100%; }
.hr-case-list.hr-case4 .hr-case-clue li:nth-child(3) { background: url(//game.gtimg.cn/images/gp/cp/a20230817org/m/hr-a4-clue3.png) no-repeat; background-size: 100% 100%; }
.hr-case-list.hr-case4 .hr-case-clue li:nth-child(4) { background: url(//game.gtimg.cn/images/gp/cp/a20230817org/m/hr-a4-clue4.png) no-repeat; background-size: 100% 100%; }
.hr-case-list.hr-case4 .hr-case-clue li:nth-child(5) { background: url(//game.gtimg.cn/images/gp/cp/a20230817org/m/hr-a4-clue5.png) no-repeat; background-size: 100% 100%; }
.org-hr-cont .hr-case-clue .clue-item-more { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.org-hr-cont .hr-case-clue p { width: 100%; height: .9rem; font-size: .4rem; line-height: .9rem; color: #fff; padding: 0 .4rem 0 .28rem; position: absolute; bottom: .14rem; left: 0; }
.org-hr-cont .hr-case-clue p span.arrow-more { float: right; margin-top: .34rem; }
.org-hr-cont .case-btn-box { width: 100%; height: 4.4rem; font-size: 0; text-align: center; padding: 1.6rem 0; }
.org-hr-cont .case-btn-box a { font-size: .48rem; line-height: 1.18rem; color: #fff; text-align: center; margin: 0 .2rem; opacity: 0; display: none; }
.org-hr-cont .case-btn-box a.show { display: inline-block; }

.org-hr-cont .btn-top { display: none; }

/* 线索弹窗 */
.dia, .dia * { -webkit-box-sizing: border-box; box-sizing: border-box; }
.dia-clue{ width: 100%; height: 100%; position: fixed; left: 0; top: 0; padding-top: 1.4rem; background: #181819 url(//game.gtimg.cn/images/gp/cp/a20230817org/m/hr-bg.png) repeat-y; background-size: 100%; z-index: 5; -webkit-transform: translateX(-120%); transform: translateX(-120%); -webkit-transition: .3s ease-out transform; transition: .3s ease-out transform;}
.dia-clue.show{ -webkit-transform: translateX(0); transform: translateX(0); }
.dia-clue:before { content: ''; width: 100%; height: 1.4rem; background: #020202; position: absolute; top: 0; left: 0; }
.dia-clue:after, .dia-clue .dia-mask:after { content: ''; }
.dia-clue:after, .dia-clue .dia-mask, .dia-clue .dia-mask:after { width: 100%; height: 12rem; background: url(//game.gtimg.cn/images/gp/cp/a20230817org/m/hr-dia-mask.png) no-repeat; background-size: 100% 100%; position: absolute; bottom: -6rem; left: 0; pointer-events: none;  }
.dia-clue .dia-clue-cont { width: 100%; height: 100%; padding: 1rem 0 4rem; overflow-y: auto; }
.dia-clue .clue-title-box .clue-title { width: 100%; text-align: center; display: none; }
.dia-clue .clue-title-box .clue-title.show { display: block; }
.dia-clue .clue-title h4 { font-size: .4rem; line-height: .7rem; color: #d72b2e; font-weight: bold; }
.dia-clue .clue-title h3 { font-size: .8rem; line-height: 1.5rem; color: #fff; }
.dia-clue .hr-clue-list { width: 10.17rem; height: 6.54rem; margin: 0 auto; position: relative; }
.dia-clue .hr-clue-list:after { content: ''; width: 100%; height: 100%; background: url(//game.gtimg.cn/images/gp/cp/a20230817org/m/hr-clue-bg.png) no-repeat; background-size: 100% 100%; position: absolute; top: 0; left: 0; z-index: 2; }
.dia-clue .hr-clue-list .swiper-container { width: 9.85rem; height: 5.6rem; overflow: hidden; position: absolute; top: 50%; left: 50%; margin: -2.8rem 0 0 -4.95rem; z-index: 1; }
.dia-clue .hr-clue-list img { width: 9.85rem; height: auto; vertical-align: top; }
.dia-clue .clue-desc-box .clue-desc { width: 9.9rem; height: auto; margin: 0 auto; display: none; }
.dia-clue .clue-desc-box .clue-desc.show { display: block; }
.dia-clue .clue-desc-box h4.clue-subtitle { width: 100%; height: .8rem; font-size: .4rem; line-height: .8rem; color: #db1b32; font-weight: bold; padding-left: .42rem; margin: 1rem auto .2rem; position: relative; }
.dia-clue .clue-desc-box h4.clue-subtitle:before { content: ''; width: .18rem; height: .28rem; background-color: #c72c33; position: absolute; left: 0; top: 50%; margin-top: -.14rem; -webkit-mask: url(//game.gtimg.cn/images/gp/cp/a20230817org/m/hr-mask-triangle.png); -webkit-mask-size: 100% 100%; }
.dia-clue .clue-desc-box p { width: 100%; height: auto; font-size: .4rem; line-height: .7rem; color: #e8e8e8; text-align: justify;  }
.dia-clue .btn-box { width: 100%; height: 1.76rem; position: absolute; left: 0; bottom: 0; z-index: 3; padding: 0 .7rem; }
.dia-clue .btn-box .btn-pack { display: block; color: #fff; font-size: .42rem; line-height: 1.19rem; text-align: center; }
.dia-clue .btn-switch { height: 1.19rem; font-size: 0; text-align: center; padding-top: .01rem; position: absolute; right: .48rem; top: 0;}
.dia-clue .btn-switch a { display: inline-block; vertical-align: top; width: 1.17rem; height: 1.17rem; line-height: 1.15rem; border: 1px solid #48494a; margin: 0 .22rem; position: relative;}
.dia-clue .btn-switch i.hr-spr { position: absolute; left: 50%; top: 50%; margin: -.28rem 0 0 -.16rem; }
.dia-clue .btn-switch .swiper-button-disabled i { opacity: .6; }
.dia-clue .dia-con { position: absolute; left: 0; top: 4.42rem; bottom: 2rem; right: 0; overflow-y: auto; }