
@font-face {
    font-family: sh;
    src: url('../font/sh.woff2') format('woff2'),
    url('../font/sh.woff') format('woff'),
    url('../font/sh.ttf') format('truetype'),
    url('../font/sh.eot') format('embedded-opentype'),
    url('../font/sh.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

div{font-family: sh;}

.logo{width: 7.5rem; height: 2.14rem; position: absolute; top: 0; left: 0; z-index: 100;}
.logo img{width: 100%; display: block;}

.cjBack{width: 0.66rem; height: 0.66rem; position: absolute; top: 4.9%; left: 0.3rem; z-index: 100; display: none;}
.cjBack img{width: 100%; display: block;}
.cjNameWrap_{width: 5rem; height: 0.8rem; position: absolute; top: 4.5%; left: 1.25rem; z-index: 300; display: none;}
.cjNameWrap{width: 5rem; height: 0.8rem; background: rgba(0,0,0,0.7); border-radius: 0.4rem; position: absolute; top: 0; left: 0; z-index: 300; display: flex; justify-content: center; align-items: center;}
.cjNameWrap img{width: 100%; display: block;}
.cjNameWrap .cjName{font-size: 0.32rem; line-height: 0.32rem; color: #fff; margin-right: 0.2rem;}
.cjNameWrap .arrow_hide{width: 0.2rem; height: 0.12rem; display: none;}
.cjNameWrap .arrow_show{width: 0.2rem; height: 0.12rem;}

.icons_top{width: 0.54rem; height: 0.54rem; position: absolute; left: 6.66rem; z-index: 100;}
.icons_top img{width: 100%; display: block;}
.icon_music{top: 3.35rem;}
.icon_music_play{animation: ani_play 1.5s linear infinite}
.icon_Lang{top: 4.1rem;}
.icon_enjoy{top: 4.85rem;}
.icon_tel{top: 5.6rem;}
.icon_tel a{width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 100;}
.icons_bot{width: 0.66rem; height: 1rem; position: absolute; bottom: 0.89rem; z-index: 100;}
.icons_bot img{width: 100%; display: block;}
.icon_gzwm{width: 0.88rem; left: 0.25rem;}
.icon_qjd{width: 0.68rem; left: 1.25rem;}
.icon_gw{ left: 2.25rem;}
.icon_wj{ left: 5.55rem;}
.icon_dm{ left: 6.55rem;}
.gzwm{width: 1.8rem; height: 2.4rem; position: absolute; bottom: 1.8rem; left: 0.33rem; z-index: 100; display: none;}
.gzwm img{width: 100%; display: block;}

.cj_iconWrap{width: 7.5rem; height: 1rem; position: absolute; bottom: 0.89rem; left: 0; z-index: 100; display: none;}
.cj_iconWrap img{width: 100%; display: block;}
.cj_iconWrap .cj_iconLeft{width: 5.3rem; height: 1rem; position: absolute; top: 0; left: 0.3rem; display: flex; justify-content: space-around; align-items: center; z-index: 100;}
.cj_iconWrap .cj_iconBg{width: 5.3rem; height: 1rem; position: absolute; top: 0; left: 0; z-index: 100;}
.cj_iconWrap .cj_iconBg_{width: 6.9rem; height: 1rem; position: absolute; top: 0; left: 0; z-index: 100; display: none;}
.cj_iconWrap .cj_icon{width: 0.48rem; height: 0.75rem; position: relative; z-index: 100;}
/*.cj_iconWrap .cj_icon5{display: none;}*/
.cj_iconWrap .cj_iconRight{width: 1.5rem; height: 1rem; position: absolute; top: 0; right: 0.3rem; z-index: 100;}
.cj_btnWrap1{width: 6.9rem; height: 1.14rem; position: absolute; bottom: 1.97rem; left: 0.3rem; z-index: 100; display: none;}
.cj_btnWrap1 img{width: 100%; display: block;}
.cj_btnWrap1 .cj_btnBg1{width: 6.9rem; height: 1.14rem; position: absolute; top: 0; left: 0; z-index: 100;}
.cj_btnWrap1 .cj_btnS1{width: 6.3rem; height: 1rem;  position: absolute; top: 0; left: 0.1rem; z-index: 100; overflow: auto;}
.cj_btnWrap1 .cj_btnSlide1{width: 16rem; height: 1rem; position: relative; z-index: 100; display: flex; align-items: center;}
.cj_btnWrap1 .cj_btn1{width: 1.7rem; height: 0.6rem; margin-right: 0.1rem;}
.cj_btnWrap1 .cj_btn1_1{width: 1.6rem;}
.cj_btnWrap1 .cj_btn1_2{width: 1.6rem;}
.cj_btnWrap2{width: 6.9rem; height: 1.14rem; position: absolute; bottom: 1.97rem; left: 0.3rem; z-index: 100; display: none;}
.cj_btnWrap2 img{width: 100%; display: block;}
.cj_btnWrap2 .cj_btnBg2{width: 6.9rem; height: 1.14rem; position: absolute; top: 0; left: 0; z-index: 100;}
.cj_btnWrap2 .cj_btnS2{width: 6.3rem; height: 1rem;  position: absolute; top: 0; left: 0.1rem; z-index: 100; overflow: auto;}
.cj_btnWrap2 .cj_btnSlide2{width: 23.2rem; height: 1rem; position: relative; z-index: 100; display: flex; align-items: center;}
.cj_btnWrap2 .cj_btn2{width: 1.7rem; height: 0.6rem; margin-right: 0.1rem;}
.cj_btnWrap3{width: 6.9rem; height: 1.14rem; position: absolute; bottom: 1.97rem; left: 0.3rem; z-index: 100; display: none;}
.cj_btnWrap3 img{width: 100%; display: block;}
.cj_btnWrap3 .cj_btnBg3{width: 6.9rem; height: 1.14rem; position: absolute; top: 0; left: 0; z-index: 100;}
.cj_btnWrap3 .cj_btnS3{width: 6.3rem; height: 1rem; position: absolute; bottom: 0.13rem; left: 0.1rem; z-index: 100; overflow-x: auto;}
.cj_btnWrap3 .cj_btnSlide3{width: 17rem; height: 1rem; position: relative; z-index: 100; display: flex; align-items: center;}
.cj_btnWrap3 .cj_btn3{width: 1.79rem; height: 0.6rem; margin-right: 0.1rem;}
.cj_btnWrap3 .cj_btn3_1{width: 1.73rem;}
.cj_btnWrap3 .cj_btn3_3{width: 1.74rem;}
.cj_btnWrap3 .cj_btn3_2,.cj_btnWrap3 .cj_btn3_4,.cj_btnWrap3 .cj_btn3_5,.cj_btnWrap3 .cj_btn3_6{width: 2.15rem;}
.cj_btnWrap3 .cj_btn3_7,.cj_btnWrap3 .cj_btn3_14,.cj_btnWrap3 .cj_btn3_10{width: 1.55rem;}
.cj_btnWrap3 .cj_btn3_8,.cj_btnWrap3 .cj_btn3_17{width: 1.82rem;}
.cj_btnWrap3 .cj_btn3_15{width: 1.6rem;}
.cj_btnWrap3 .cj_btn3_16{width: 2.1rem;}
.cj_btnWrap3 .cj_btn3_9{width: 2.21rem;}
.cj_btnWrap3 .cj_btnSlide3_{width: 14.35rem; height: 2.33rem; position: relative; z-index: 100; display: none; }
.cj_btnWrap3 .cj_btnSlide3_bg_{width: 14.35rem; height: 2.33rem; position: absolute; top: 0; left: 0; z-index: 100; opacity: 0;}
.cj_btnWrap3 .cj_btnSlide3_ .cj_btn3_1_wrap{width: 1.48rem; height: 1.29rem; position: absolute; bottom: 0; left: 5.87rem; z-index: 100; display: none; pointer-events: auto;}
.cj_btnWrap3 .cj_btnSlide3_ .cj_btn3_1_wrap .cj_btn3_1_{width: 1.48rem; height: 1.29rem; position: absolute; top: 0; left: 0; z-index: 100;}
.cj_btnWrap3 .cj_btnSlide3_ .cj_btn3_1_wrap .cj_btn3_1_1{width: 1.48rem; height: 0.52rem; position: absolute; top: 0; left: 0; z-index: 100;}
.cj_btnWrap3 .cj_btnSlide3_ .cj_btn3_1_wrap .cj_btn3_1_2{width: 1.48rem; height: 0.52rem; position: absolute; top: 0.56rem; left: 0; z-index: 100;}
.cj_btnWrap3 .cj_btnSlide3_ .cj_btn3_2_wrap{width: 1.48rem; height: 1.83rem; position: absolute; bottom: 0; left: 7.8rem; z-index: 100; display: none; pointer-events: auto;}
.cj_btnWrap3 .cj_btnSlide3_ .cj_btn3_2_wrap .cj_btn3_3_{width: 1.48rem; height: 1.83rem; position: absolute; top: 0; left: 0; z-index: 100;}
.cj_btnWrap3 .cj_btnSlide3_ .cj_btn3_2_wrap .cj_btn3_3_1{width: 1.48rem; height: 0.5rem; position: absolute; top: 0; left: 0; z-index: 100;}
.cj_btnWrap3 .cj_btnSlide3_ .cj_btn3_2_wrap .cj_btn3_3_2{width: 1.48rem; height: 0.5rem; position: absolute; top: 0.55rem; left: 0; z-index: 100;}
.cj_btnWrap3 .cj_btnSlide3_ .cj_btn3_2_wrap .cj_btn3_3_3{width: 1.48rem; height: 0.5rem; position: absolute; top: 1.08rem; left: 0; z-index: 100;}
/*.cj_btnWrap3 .cj_btnSlide3_ .cj_btn3_2_wrap .cj_btn3_3_4{width: 1.48rem; height: 0.5rem; position: absolute; top: 1.61rem; left: 0; z-index: 100;}*/
.cj_btnWrap3 .cj_btnSlide3_ .cj_btn3_3_wrap{width: 1.48rem; height: 2.33rem; position: absolute; bottom: 0; left: 9.55rem; z-index: 100; display: none; pointer-events: auto;}
.cj_btnWrap3 .cj_btnSlide3_ .cj_btn3_3_wrap .cj_btn3_10_{width: 1.48rem; height: 2.33rem; position: absolute; top: 0; left: 0; z-index: 100;}
.cj_btnWrap3 .cj_btnSlide3_ .cj_btn3_3_wrap .cj_btn3_10_1{width: 1.48rem; height: 0.5rem; position: absolute; top: 0; left: 0; z-index: 100;}
.cj_btnWrap3 .cj_btnSlide3_ .cj_btn3_3_wrap .cj_btn3_10_2{width: 1.48rem; height: 0.5rem; position: absolute; top: 0.55rem; left: 0; z-index: 100;}
.cj_btnWrap3 .cj_btnSlide3_ .cj_btn3_3_wrap .cj_btn3_10_3{width: 1.48rem; height: 0.5rem; position: absolute; top: 1.08rem; left: 0; z-index: 100;}
.cj_btnWrap3 .cj_btnSlide3_ .cj_btn3_3_wrap .cj_btn3_10_4{width: 1.48rem; height: 0.5rem; position: absolute; top: 1.61rem; left: 0; z-index: 100;}
/*.dpcj_sceneWrap{width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 100; display: none; background: gray}*/
/*.dpcj_scene_size{width: 100%; height: 72%; position: absolute; top: 4.5%; left: 0; z-index: 100; overflow: hidden;}*/
/*.dpcj_scene{width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 100; display: none;}*/
/*.dpcj_scene img{width: 100%; display: block;}*/
/*.dpcj_scene3{width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 100; display: none; overflow: hidden; overflow-x: auto;}*/
/*.dpcj_scene_slide{height: 100%; position: absolute; z-index: 100; display: flex;}*/
/*.dpcj_scene .sceneBg{width: auto; height: 100%; position: relative; z-index: 100; display: flex;}*/
/*.dpcj_scene .sceneBg img{width: auto; height: 100%;}*/
/*.dpcj_scene .scene_point{width: 0.32rem; position: absolute; top: 0; left: 0; z-index: 100; transform: scale(1.3);}*/
/*.dpcj_scene .scene_hand{width: 0.83rem; position: absolute; top: 0; left: 0; z-index: 100; transform: scale(0.9); animation: ani_scene_hand 0.9s linear infinite}*/
/*.dpcj_scene .scene_point1{top: 6rem; left: 2rem;}*/
/*.dpcj_scene .scene_hand1{top: 6.4rem; left: 2.4rem;}*/
/*.dpcj_scene .scene_point2{top: 7.8rem; left: 1rem;}*/
/*.dpcj_scene .scene_hand2{top: 8.3rem; left: 1.3rem;}*/
/*!*.dpcj_scene .scene_point3{top: 9rem; left: 5rem;}*!*/
/*!*.dpcj_scene .scene_hand3{top: 9.4rem; left: 5.4rem;}*!*/
/*.dpcj_scene .scene_point3{top: 60.41%; left: 64.56%;}*/
/*.dpcj_scene .scene_hand3{top: 65%; left: 67%;}*/
/*.dpcj_scene .scene_point4{top: 10rem; left: 4.5rem;}*/
/*.dpcj_scene .scene_hand4{top: 10.4rem; left: 4.9rem;}*/
/*.dpcj_scene .scene_point5{top: 6rem; left: 5rem;}*/
/*.dpcj_scene .scene_hand5{top: 6.4rem; left: 5.4rem;}*/
/*.dpcj_scene .scene_point6{top: 7rem; left: 5rem;}*/
/*.dpcj_scene .scene_hand6{top: 7.4rem; left: 5.4rem;}*/
.dpcj_sceneWrap{width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 100; display: none; background: gray}
.dpcj_scene_size{width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 100; overflow: hidden;}
.dpcj_scene img{width: 100%; display: block;}
.dpcj_scene{width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 100; display: none; overflow: hidden; overflow-x: auto;}
.dpcj_scene_slide{height: 100%; position: absolute; z-index: 100; display: flex;}
.dpcj_scene_slide .slide72{height: 72%; position: relative; top: 4.5%; left: 0; z-index: 100; display: flex;}
.dpcj_scene .dpcj_scene_slide .slide72 .sceneBg{width: auto; height: 100%; position: relative; top: 0; left: 0; z-index: 100; display: flex;}
.dpcj_scene .dpcj_scene_slide .slide72 .sceneBg img{width: auto; height: 100%;}
.dpcj_scene .dpcj_scene_slide .slide72 .scene_point{width: 0.32rem; position: absolute; top: 0; left: 0; z-index: 100; transform: scale(1.3);}
.dpcj_scene .dpcj_scene_slide .slide72 .scene_hand{width: 0.83rem; position: absolute; top: 0; left: 0; z-index: 100; transform: scale(0.9); animation: ani_scene_hand 0.9s linear infinite}
.dpcj_scene .dpcj_scene_slide .slide72 .scene_point1{top: 41.13%; left: 57.82%;}
.dpcj_scene .dpcj_scene_slide .slide72 .scene_hand1{top: 44.5%; left: 59.5%;}
.dpcj_scene .dpcj_scene_slide .slide72 .scene_point2{top: 53.6%; left: 49.48%;}
.dpcj_scene .dpcj_scene_slide .slide72 .scene_hand2{top: 57.5%; left: 51.5%;}
.dpcj_scene .dpcj_scene_slide .slide72 .scene_point3{top: 40%; left: 44%;}
.dpcj_scene .dpcj_scene_slide .slide72 .scene_hand3{top: 45%; left: 46%;}
.dpcj_scene .dpcj_scene_slide .slide72 .scene_point4{top: 67.76%; left: 25.82%;}
.dpcj_scene .dpcj_scene_slide .slide72 .scene_hand4{top: 72%; left: 28.5%;}
.dpcj_scene .dpcj_scene_slide .slide72 .scene_point5{top: 41.6%; left: 67.13%;}
.dpcj_scene .dpcj_scene_slide .slide72 .scene_hand5{top: 46%; left: 71.5%;}
.dpcj_scene .dpcj_scene_slide .slide72 .scene_point6{top: 50.5%; left: 41.83%;}
.dpcj_scene .dpcj_scene_slide .slide72 .scene_hand6{top: 55%; left: 44.8%;}
.dpcj_scene .dpcj_scene_slide .sceneBgFir1{overflow: hidden; width: auto; height: 4.5%; position: absolute; top: 0; left: 0; z-index: 100;background: url(../images/dpcj3_.jpg) no-repeat left top; background-size: 100% 2000%; filter: blur(15px);}
.dpcj_scene .dpcj_scene_slide .sceneBgFir1 img{opacity: 0}
.dpcj_scene .dpcj_scene_slide .sceneBgFir2{overflow: hidden; width: auto; height: 23.5%; position: absolute; bottom: 0; left: 0; z-index: 100;background: url(../images/dpcj3_.jpg) no-repeat left bottom; background-size: 100% 427%; filter: blur(15px);}
.dpcj_scene .dpcj_scene_slide .sceneBgFir2 img{opacity: 0}
.dpcj_scene .dpcj_scene_slide .sceneBgFir1_1{background: url(../images/dpcj1_.jpg) no-repeat left top; background-size: 100% 2000%;}
.dpcj_scene .dpcj_scene_slide .sceneBgFir1_2{background: url(../images/dpcj1_.jpg) no-repeat left bottom; background-size: 100% 427%;}
.dpcj_scene .dpcj_scene_slide .sceneBgFir2_1{background: url(../images/dpcj2_.jpg) no-repeat left top; background-size: 100% 2000%;}
.dpcj_scene .dpcj_scene_slide .sceneBgFir2_2{background: url(../images/dpcj2_.jpg) no-repeat left bottom; background-size: 100% 427%;}
.dpcj_scene .dpcj_scene_slide .sceneBgFir3_1{background: url(../images/dpcj3_.jpg) no-repeat left top; background-size: 100% 2000%;}
.dpcj_scene .dpcj_scene_slide .sceneBgFir3_2{background: url(../images/dpcj3_.jpg) no-repeat left bottom; background-size: 100% 427%;}
.dpcj_scene .dpcj_scene_slide .sceneBgFir4_1{background: url(../images/dpcj4_.jpg) no-repeat left top; background-size: 100% 2000%;}
.dpcj_scene .dpcj_scene_slide .sceneBgFir4_2{background: url(../images/dpcj4_.jpg) no-repeat left bottom; background-size: 100% 427%;}
.dpcj_scene .dpcj_scene_slide .sceneBgFir5_1{background: url(../images/dpcj5_.jpg) no-repeat left top; background-size: 100% 2000%;}
.dpcj_scene .dpcj_scene_slide .sceneBgFir5_2{background: url(../images/dpcj5_.jpg) no-repeat left bottom; background-size: 100% 427%;}
.dpcj_scene .dpcj_scene_slide .sceneBgFir6_1{background: url(../images/dpcj6_.jpg) no-repeat left top; background-size: 100% 2000%;}
.dpcj_scene .dpcj_scene_slide .sceneBgFir6_2{background: url(../images/dpcj6_.jpg) no-repeat left bottom; background-size: 100% 427%;}
.cj_mode1{width: 6.02rem; height: 6.4rem; position: absolute; bottom: 3.17rem; left: 0.2rem; z-index: 100; display: none;}
.cj_mode1 img{width: 100%; display: block;}
.cj_mode1 .cj_mode1Bg{width: 6.02rem; height: 6.4rem; position: absolute; top: 0; left: 0; z-index: 100;}
.cj_mode1 .cj_mode1Slide{width: 5.5rem; height: 5.45rem; position: absolute; top: 0.44rem; left: 0.3rem; overflow-y: auto; z-index: 100;}
.cj_mode1 .cj_mode1Title{width: 5.28rem; font-weight: bold; font-size: 0.24rem; color: #fff; line-height: 0.4rem; margin-bottom: 0.2rem;}
.cj_mode1 .cj_mode1Text{width: 5.28rem; font-size: 0.24rem; color: #fff; line-height: 0.4rem; text-indent: 0.48rem;}
.cj_mode1 .cj_mode1Img{width: 5.28rem; height: 4.79rem; border-radius: 5px; overflow: hidden; margin-top: 0.1rem;}
.cj_mode1 .cj_mode1_close{width: 0.48rem; height: 0.48rem; position: absolute; top: 0; right: 0; z-index: 100;}
.cj_mode2{width: 4.08rem; height: 2.66rem; position: absolute; bottom: 1rem; left: -1.8rem; z-index: 100; display: none;}
.cj_mode2 img{width: 100%; display: block;}
.cj_mode2 .cj_mode2Bg{width: 4.08rem; height: 2.66rem; position: absolute; top: 0; left: 0; z-index: 100;}
.cj_mode2 .cj_mode2Tel1{width: 3.4rem; height: 0.5rem; position: absolute; top: 0.85rem; left: 0.35rem; z-index: 100;}
.cj_mode2 .cj_mode2Tel2{width: 3.4rem; height: 0.5rem; position: absolute; top: 1.5rem; left: 0.35rem; z-index: 100;}
.cj_mode2 a{width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 100;}
.cj_mode3Wrap{width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 500; display: none;}
.cj_mode3Wrap .cj_mode3{width: 6.02rem; height: 6.4rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 500;}
.cj_mode3Wrap .cj_mode3 img{width: 100%; display: block;}
.cj_mode3Wrap .cj_mode3 .cj_mode3Bg{width: 6.02rem; height: 6.4rem; position: absolute; top: 0; left: 0; z-index: 500;}
.cj_mode3Wrap .cj_mode3 .cj_mode3Slide{width: 5.5rem; height: 5.45rem; position: absolute; top: 0.44rem; left: 0.3rem; overflow-y: auto; z-index: 500;}
.cj_mode3Wrap .cj_mode3 .cj_mode3Title{width: 5.28rem; font-weight: bold; font-size: 0.24rem; color: #fff; line-height: 0.4rem; margin-bottom: 0.2rem; text-align: center;}
.cj_mode3Wrap .cj_mode3 .cj_mode3Text{width: 5.28rem; font-size: 0.24rem; color: #fff; line-height: 0.4rem; margin-top: 0.3rem;}
.cj_mode3Wrap .cj_mode3 .cj_mode3Img{width: 5.28rem; border-radius: 5px; overflow: hidden; margin-top: 0.3rem;}
.cj_mode3Wrap .cj_mode3 .cj_mode3_close{width: 0.48rem; height: 0.48rem; position: absolute; top: 0; right: 0; z-index: 500;}
.cj_mode4Wrap{width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 500; display: none;}
.cj_mode4Wrap .cj_mode4{width: 6.02rem; height: 6.4rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 500;}
.cj_mode4 img{width: 100%; display: block;}
.cj_mode4 .cj_mode4Bg{width: 6.02rem; height: 6.4rem; position: absolute; top: 0; left: 0; z-index: 100;}
.cj_mode4 .cj_mode4Slide{width: 5.5rem; height: 5.45rem; position: absolute; top: 0.44rem; left: 0.3rem; overflow-y: auto; z-index: 100;}
.cj_mode4 .cj_mode4Title{width: 5.28rem; font-weight: bold; font-size: 0.24rem; color: #fff; line-height: 0.4rem; margin-bottom: 0.2rem; text-align: center;}
.cj_mode4 .cj_mode4Text{width: 5.28rem; font-size: 0.24rem; color: #fff; line-height: 0.4rem; margin-top: 0.3rem;}
.cj_mode4 .cj_mode4Img{width: 5.28rem; border-radius: 5px; overflow: hidden; margin-top: 0.3rem;}
.cj_mode4 .cj_mode4_close{width: 0.48rem; height: 0.48rem; position: absolute; top: 0; right: 0; z-index: 100;}
.cj_mode5Wrap{width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 500; display: none;}
.cj_mode5Wrap .cj_mode5{width: 6.02rem; height: 6.4rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 500;}
.cj_mode5 img{width: 100%; display: block;}
.cj_mode5 .cj_mode5Bg{width: 6.02rem; height: 6.4rem; position: absolute; top: 0; left: 0; z-index: 100;}
.cj_mode5 .cj_mode5Slide{width: 5.5rem; height: 5.45rem; position: absolute; top: 0.44rem; left: 0.3rem; overflow-y: auto; z-index: 100;}
.cj_mode5 .cj_mode5Title{width: 5.28rem; font-weight: bold; font-size: 0.24rem; color: #fff; line-height: 0.4rem; margin-bottom: 0.2rem; text-align: center;}
.cj_mode5 .cj_mode5Text{width: 5.28rem; font-size: 0.24rem; color: #fff; line-height: 0.4rem; margin-top: 0.3rem;}
.cj_mode5 .cj_mode5Img{width: 5.28rem; border-radius: 5px; overflow: hidden; margin-top: 0.3rem;}
.cj_mode5 .cj_mode5_close{width: 0.48rem; height: 0.48rem; position: absolute; top: 0; right: 0; z-index: 100;}
.cj_mode6Wrap{width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 500; display: none;}
.cj_mode6Wrap .cj_mode6{width: 6.02rem; height: 6.4rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 500;}
.cj_mode6 img{width: 100%; display: block;}
.cj_mode6 .cj_mode6Bg{width: 6.02rem; height: 6.4rem; position: absolute; top: 0; left: 0; z-index: 100;}
.cj_mode6 .cj_mode6Slide{width: 5.5rem; height: 5.45rem; position: absolute; top: 0.44rem; left: 0.3rem; overflow-y: auto; z-index: 100;}
.cj_mode6 .cj_mode6Title{width: 5.28rem; font-weight: bold; font-size: 0.24rem; color: #fff; line-height: 0.4rem; margin-bottom: 0.2rem; text-align: center;}
.cj_mode6 .cj_mode6Text{width: 5.28rem; font-size: 0.24rem; color: #fff; line-height: 0.4rem; margin-top: 0.3rem;}
.cj_mode6 .cj_mode6Img{width: 5.28rem; border-radius: 5px; overflow: hidden; margin-top: 0.3rem;}
.cj_mode6 .cj_mode6_close{width: 0.48rem; height: 0.48rem; position: absolute; top: 0; right: 0; z-index: 100;}
.cj_mode7Wrap{width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 500; display: none;}
.cj_mode7Wrap .cj_mode7{width: 6.02rem; height: 6.4rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 500;}
.cj_mode7 img{width: 100%; display: block;}
.cj_mode7 .cj_mode7Bg{width: 6.02rem; height: 6.4rem; position: absolute; top: 0; left: 0; z-index: 100;}
.cj_mode7 .cj_mode7Slide{width: 5.5rem; height: 5.45rem; position: absolute; top: 0.44rem; left: 0.3rem; overflow-y: auto; z-index: 100;}
.cj_mode7 .cj_mode7Title{width: 5.28rem; font-weight: bold; font-size: 0.24rem; color: #fff; line-height: 0.4rem; margin-bottom: 0.2rem; text-align: center;}
.cj_mode7 .cj_mode7Text{width: 5.28rem; font-size: 0.24rem; color: #fff; line-height: 0.4rem; margin-top: 0.3rem;}
.cj_mode7 .cj_mode7Img{width: 5.28rem; border-radius: 5px; overflow: hidden; margin-top: 0.3rem;}
.cj_mode7 .cj_mode7_close{width: 0.48rem; height: 0.48rem; position: absolute; top: 0; right: 0; z-index: 100;}
.cj_mode8Wrap{width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 500; display: none;}
.cj_mode8Wrap .cj_mode8{width: 6.02rem; height: 6.4rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 500;}
.cj_mode8 img{width: 100%; display: block;}
.cj_mode8 .cj_mode8Bg{width: 6.02rem; height: 6.4rem; position: absolute; top: 0; left: 0; z-index: 100;}
.cj_mode8 .cj_mode8Slide{width: 5.5rem; height: 5.45rem; position: absolute; top: 0.44rem; left: 0.3rem; overflow-y: auto; z-index: 100;}
.cj_mode8 .cj_mode8Title{width: 5.28rem; font-weight: bold; font-size: 0.24rem; color: #fff; line-height: 0.4rem; margin-bottom: 0.2rem; text-align: center;}
.cj_mode8 .cj_mode8Text{width: 5.28rem; font-size: 0.24rem; color: #fff; line-height: 0.4rem; margin-top: 0.3rem;}
.cj_mode8 .cj_mode8Img{width: 5.28rem; border-radius: 5px; overflow: hidden; margin-top: 0.3rem;}
.cj_mode8 .cj_mode8_close{width: 0.48rem; height: 0.48rem; position: absolute; top: 0; right: 0; z-index: 100;}
.cj_mode9Wrap{width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 500; display: none;}
.cj_mode9Wrap .cj_mode9{width: 6.02rem; height: 6.4rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 500;}
.cj_mode9 img{width: 100%; display: block;}
.cj_mode9 .cj_mode9Bg{width: 6.02rem; height: 6.4rem; position: absolute; top: 0; left: 0; z-index: 100;}
.cj_mode9 .cj_mode9Slide{width: 5.5rem; height: 5.45rem; position: absolute; top: 0.44rem; left: 0.3rem; overflow-y: auto; z-index: 100;}
.cj_mode9 .cj_mode9Title{width: 5.28rem; font-weight: bold; font-size: 0.24rem; color: #fff; line-height: 0.4rem; margin-bottom: 0.2rem; text-align: center;}
.cj_mode9 .cj_mode9Text{width: 5.28rem; font-size: 0.24rem; color: #fff; line-height: 0.4rem; margin-top: 0.3rem;}
.cj_mode9 .cj_mode9Img{width: 5.28rem; border-radius: 5px; overflow: hidden; margin-top: 0.3rem;}
.cj_mode9 .cj_mode9_close{width: 0.48rem; height: 0.48rem; position: absolute; top: 0; right: 0; z-index: 100;}
.cj_mode10Wrap{width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 500; display: none;}
.cj_mode10Wrap .cj_mode10{width: 6.02rem; height: 6.4rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 500;}
.cj_mode10 img{width: 100%; display: block;}
.cj_mode10 .cj_mode10Bg{width: 6.02rem; height: 6.4rem; position: absolute; top: 0; left: 0; z-index: 100;}
.cj_mode10 .cj_mode10Slide{width: 5.5rem; height: 5.45rem; position: absolute; top: 0.44rem; left: 0.3rem; overflow-y: auto; z-index: 100;}
.cj_mode10 .cj_mode10Title{width: 5.28rem; font-weight: bold; font-size: 0.24rem; color: #fff; line-height: 0.4rem; margin-bottom: 0.2rem; text-align: center;}
.cj_mode10 .cj_mode10Text{width: 5.28rem; font-size: 0.24rem; color: #fff; line-height: 0.4rem; margin-top: 0.3rem;}
.cj_mode10 .cj_mode10Img{width: 5.28rem; border-radius: 5px; overflow: hidden; margin-top: 0.3rem;}
.cj_mode10 .cj_mode10_close{width: 0.48rem; height: 0.48rem; position: absolute; top: 0; right: 0; z-index: 100;}

.dmIcons{width: 0.54rem; height: 1.3rem; position: absolute; left: 0;right: 0;margin: 0 auto; bottom: 1rem; z-index: 100; display: none;}
.dmIcons img{width: 100%; display: block;}
.dmIcons .icon_closeDm{width: 0.54rem; height: 0.54rem; position: absolute; left:0; top: 0; z-index: 100; display: none;}
.dmIcons .icon_openDm{width: 0.54rem; height: 0.54rem; position: absolute; left:0; top: 0; z-index: 100;}
.dmIcons .icon_msg{width: 0.54rem; height: 0.54rem; position: absolute; left:0; top: 0.65rem; z-index: 100;}
.dmWrap{width: 7.5rem; height: 1.8rem; position: absolute; top: 1.45rem; left: 0; overflow: hidden; z-index: 100; display: none;}
.dmWrap .dm{ padding: 0.04rem; width: auto; height: 0.42rem; background: rgba(0,0,0,0.5); border-radius: 0.25rem; position: absolute; left: 0; transform: translateX(7.5rem); z-index: 100; display: inline-flex; align-items: center;}
.dmWrap .dm img{ width: 0.42rem; height: 0.42rem; border-radius: 50%; overflow: hidden; display: block; margin-right: 0.1rem;}
.dmWrap .dm div{ font-size: 0.2rem; color: #fff; display: inline-block; line-height: 0.42rem; border-radius: 0.25rem; position: relative;}

.mode_tipWrap{width: 100%; height: 100%; background: rgba(0,0,0,0.7); position: absolute; top: 0; left: 0; z-index: 200; display: none;}
.mode_tipWrap img{width: 100%; display: block;}
.mode_tipWrap .mode_tip{width: 6rem; height: 3.85rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 200;}
.mode_tipWrap .mode_tipBg{width: 6rem; height: 3.85rem; position: absolute; top: 0; left: 0; z-index: 200;}
.mode_tipWrap .mode_tipClose{width: 0.48rem; height: 0.48rem; position: absolute; top: 0; right: 0.3rem; z-index: 200;}
.mode_tipWrap .mode_tipBtn{width: 6rem; height: 1.1rem; position: absolute; top: 2.2rem; left: 0; z-index: 200;}

.mode_xsTipWrap{width: 7.5rem; height: 100%; position: absolute; top: 0; left: 0; z-index: 500; display: none;}
.mode_xsTipWrap img{width: 100%; display: block;}
.mode_xsTipWrap div{ position: absolute;}
.mode_xsTipWrap .mode_xsTip1{width: 7.5rem; height: 14.83rem; bottom: 0; left: 0; z-index: 500;}
.mode_xsTipWrap .mode_xsTip1_bg{width: 7.5rem; height: 14.83rem; top: 0; left: 0; z-index: 500;}
.mode_xsTipWrap .mode_xsTip1_hand1{width: 0.95rem; height: 1rem; top: 6.67rem; left: 2.92rem; z-index: 500; animation: ani_hand 1.5s linear infinite;}
.mode_xsTipWrap .mode_xsTip1_hand2{width: 0.95rem; height: 1rem; top: 13rem; left: 6.05rem; z-index: 500; animation: ani_hand 1.5s linear infinite;}
.mode_xsTipWrap .mode_xsTip1_btn{width: 2.4rem; height: 0.72rem; top: 10.37rem; left: 2.55rem; z-index: 500;}
.mode_xsTipWrap .mode_xsTip2{width: 7.5rem; height: 14.83rem; bottom: 0; left: 0; z-index: 500; display: none;}
.mode_xsTipWrap .mode_xsTip2_bg{width: 7.5rem; height: 14.83rem; top: 0; left: 0; z-index: 500;}
.mode_xsTipWrap .mode_xsTip2_hand{width: 0.95rem; height: 1rem; top: 13rem; left: 5.65rem; z-index: 500; animation: ani_hand_ 1.5s linear infinite;}
.mode_xsTipWrap .mode_xsTip2_btn{width: 2.4rem; height: 0.72rem; top: 10.37rem; left: 2.55rem; z-index: 500;}
.mode_xsTipWrap .mode_xsTip3{width: 7.5rem; height: 100%; top: 0; left: 0; z-index: 500; display: none;}
.mode_xsTipWrap .mode_xsTip3_bg{width: 7.5rem; height: 100%; background: rgba(0,0,0,0.7); top: 0; left: 0; z-index: 500;}
.mode_xsTipWrap .mode_xsTip3_title1{width: 5.5rem; height: 2.3rem; top: 4.5%; left: 1rem; z-index: 500;}
.mode_xsTipWrap .mode_xsTip3_titleT{width: 5rem; height: 0.8rem; display: flex; justify-content: center; align-items: center; top: 5.3%; left: 1.25rem; z-index: 500;}
.mode_xsTipWrap .mode_xsTip3_titleT .mode_xsTip3_titleN{ font-size: 0.32rem; line-height: 0.32rem; color: #fff; margin-right: 0.2rem; position: relative;}
.mode_xsTipWrap .mode_xsTip3_titleT .mode_xsTip3_titleA{width: 0.2rem; height: 0.12rem; position: relative;}
.mode_xsTipWrap .mode_xsTip3_img3{width: 6.15rem; height: 0.27rem; bottom: 7.33rem; left: 0.68rem; z-index: 500;}
.mode_xsTipWrap .mode_xsTip3_img1{width: 4.46rem; height: 1.53rem; bottom: 2.24rem; left: 0.3rem; z-index: 500;}
.mode_xsTipWrap .mode_xsTip3_img2{width: 5.16rem; height: 1.26rem; bottom: 0.87rem; left: 2.04rem; z-index: 500;}
.mode_xsTipWrap .mode_xsTip3_hand1{width: 0.95rem; height: 1rem; bottom: 2.2rem; left: 2.04rem; z-index: 500; animation: ani_hand 1.5s linear infinite;}
.mode_xsTipWrap .mode_xsTip3_hand2{width: 0.95rem; height: 1rem; bottom: 1.2rem; left: 6.5rem; z-index: 500; animation: ani_hand 1.5s linear infinite;}
.mode_xsTipWrap .mode_xsTip3_hand3{width: 0.95rem; height: 1rem; top: 8%; left: 6rem; z-index: 500; animation: ani_hand 1.5s linear infinite;}
.mode_xsTipWrap .mode_xsTip3_btn{width: 2.4rem; height: 0.72rem; bottom: 4.75rem; left: 2.55rem; z-index: 500;}
.mode_xsTipWrap .mode_xsTip4{width: 7.5rem; height: 14.83rem; bottom: 0; left: 0; z-index: 500; display: none;}
.mode_xsTipWrap .mode_xsTip4_bg{width: 7.5rem; height: 14.83rem; top: 0; left: 0; z-index: 500;}
.mode_xsTipWrap .mode_xsTip4_hand1{width: 0.95rem; height: 1rem; top: 12.76rem; left: 5.31rem; z-index: 500; animation: ani_hand 1.5s linear infinite; display: none;}
.mode_xsTipWrap .mode_xsTip4_hand2{width: 0.95rem; height: 1rem; top: 12.76rem; left: 2.86rem; z-index: 500; animation: ani_hand_ 1.5s linear infinite;}
.mode_xsTipWrap .mode_xsTip4_btn{width: 2.4rem; height: 0.72rem; top: 9.32rem; left: 2.55rem; z-index: 500;}

.mode_jzcgWrap{width: 100%; height: 100%; position: absolute; bottom: 0; left: 0; z-index: 200; overflow: hidden; display: none;}
.mode_jzcgWrap img{width: 100%; display: block;}
.mode_jzcgWrap .mode_jzcg_bg{width: 7.5rem; height: 13.54rem; position: absolute; bottom: 0; left: 0; z-index: 200;}
.mode_jzcgWrap .mode_jzcg{width: 6rem; height: 8.38rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 200;}
.mode_jzcgWrap .mode_jzcg_img{width: 6rem; height: 8.38rem; position: absolute; top: 0; left: 0; z-index: 200;}
.mode_jzcgWrap .mode_jzcg_content{width: 5.6rem; height: 5.65rem; position: absolute; top: 1.15rem; left: 0.3rem; z-index: 200; overflow-y: auto;}
.mode_jzcgWrap .mode_jzcg_close{width: 0.48rem; height: 0.48rem; position: absolute; bottom: 0; left: 2.75rem; z-index: 200; overflow-y: auto;}

.enjoyWrap{width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0,0,0,0.7); z-index: 500; display: none;}
.enjoyWrap .enjoyImg{width: 6.25rem; height: 2.82rem; position: absolute; top: 0.3rem; right: 0.5rem; z-index: 500;}
.enjoyWrap img{width: 100%; display: block;}

.mode_sendMsgWrap{width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0,0,0,0.7); z-index: 200; display: none;}
.mode_sendMsgWrap img{width: 100%; display: block;}
.mode_sendMsgWrap .sendMsg{width: 6rem; height: 4.08rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 200;}
.mode_sendMsgWrap .sendMsgBg{width: 6rem; height: 4.08rem; position: absolute; top: 0; left: 0; z-index: 200;}
.mode_sendMsgWrap .msg{width: 5.4rem; height: 1.8rem; font-size: 0.26rem; line-height: 0.34rem; color: #000; position: absolute; top: 1.14rem; left: 0.3rem; z-index: 200;}
.mode_sendMsgWrap .sendMsgClose{width: 0.48rem; height: 0.48rem; position: absolute; top: 0; right: 0.3rem; z-index: 200;}
.mode_sendMsgWrap .sendMsgBtn{width: 2rem; height: 0.66rem; position: absolute; top: 3.12rem; left: 3.7rem; z-index: 200;}

.mode_prizeWrap{width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0,0,0,0.7); z-index: 500; display: none;}
.mode_prizeWrap img{width: 100%; display: block;}
.mode_prizeWrap .mode_prize{width: 7.14rem; height: 9.5rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 500;}
.mode_prizeWrap .mode_prizeBg{width: 7.14rem; height: 9.5rem; position: absolute; top: 0; left: 0; z-index: 500;}
.mode_prizeWrap .mode_prizeStars{width: 4.9rem; height: 0.4rem; position: absolute; top: 2.9rem; left: 0.55rem; z-index: 500; display: flex; align-items: center; justify-content: space-between;}
.mode_prizeWrap .mode_prizeStar{width: 0.43rem; height: 0.4rem; position: relative; z-index: 500;}
.mode_prizeWrap .star{width: 0.43rem; height: 0.4rem; position: relative; z-index: 500; display: none;}
.mode_prizeWrap .star_{width: 0.43rem; height: 0.4rem; position: relative; z-index: 500;}
.mode_prizeWrap .mode_prizeStars_2{width: 4.9rem; height: 0.4rem; position: absolute; top: 6.14rem; left: 0.55rem; z-index: 500; display: flex; align-items: center; justify-content: space-between;}
.mode_prizeWrap .mode_prizeStar_2{width: 0.43rem; height: 0.4rem; position: relative; z-index: 500;}
.mode_prizeWrap .star_2{width: 0.43rem; height: 0.4rem; position: relative; z-index: 500; display: none;}
.mode_prizeWrap .star_2_{width: 0.43rem; height: 0.4rem; position: relative; z-index: 500;}
.mode_prizeWrap .mode_prizeSel{width: 6rem; position: absolute; top: 1.6rem; left: 0.55rem; z-index: 500; display: flex; flex-wrap: wrap;}
.mode_prizeWrap .mode_prizeSel2{width: 6rem; position: absolute; top: 4.04rem; left: 0.55rem; z-index: 500; display: flex; flex-wrap: wrap;}
.mode_prizeWrap .mode_prizeSel .mode_prizeSelItem{width: 1.7rem;}
.mode_prizeWrap .mode_prizeSel2 .mode_prizeSelItem{width: 1.45rem;}
.mode_prizeWrap .mode_prizeSelItem{height: .48rem;text-align: center;line-height: .48rem;cursor: pointer; font-size: 0.26rem; color: #007ec7; border: 1px solid #007ec7; border-radius: 5px; z-index: 500; margin: 0.07rem;}
.mode_prizeWrap .mode_prizeSelItemSel{color: #fff; background: #007ec7; border-radius: 5px; z-index: 500;}
.mode_prizeWrap .prizeMsg{width: 5.9rem; height: 1rem; position: absolute; top: 7.8rem; left: 0.55rem; z-index: 500;}
.mode_prizeWrap .mode_prizeClose{width: 0.48rem; height: 0.48rem; position: absolute; top: 0; right: 0; z-index: 500;}
.mode_prizeWrap .mode_prizePost{width: 7.14rem; height: 1rem; position: absolute; top: 9.15rem; left: 0; z-index: 500;}

.mode_formWrap{width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0,0,0,0.7); z-index: 200; display: none;}
.mode_formWrap img{width: 100%; display: block;transform: translateY(.9rem);}
.mode_formWrap .mode_form{width: 6rem; height: 7.48rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 200;}
.mode_formWrap .mode_formBg{width: 6rem; height: 7.48rem; position: absolute; top: 0; left: 0; z-index: 200;}
.mode_formWrap input{position: absolute; color: #007ec7}
.mode_formWrap .mode_formName{width: 5rem; height: 1.1rem; font-size: 0.26rem; line-height: 1.1rem; top: 0.88rem; left: 0.75rem; z-index: 200;}
.mode_formWrap .mode_formCompany{width: 5rem; height: 1.1rem; font-size: 0.26rem; line-height: 1.1rem; top: 1.99rem; left: 0.75rem; z-index: 200;}
.mode_formWrap #mode_formPp{width: 0.8rem; height: 1.1rem; font-size: 0.26rem; color: #007ec7; text-align: center; line-height: 1.1rem; position: absolute; top: 3.1rem; left: 0.6rem; z-index: 200;}
.mode_formWrap .mode_formPhone{width: 3.7rem; height: 1.1rem; font-size: 0.26rem; line-height: 1.1rem; top: 3.1rem; left: 2.2rem; z-index: 200;}
.mode_formWrap .mode_formEmail{width: 5rem; height: 1.1rem; font-size: 0.26rem; line-height: 1.1rem; top: 4.21rem; left: 0.75rem; z-index: 200;}
.mode_formWrap .mode_formAddress{width: 5rem; height: 1.1rem; font-size: 0.26rem; line-height: 1.1rem; top: 5.32rem; left: 0.75rem; z-index: 200;}
.mode_formWrap .mode_formPost{width: 6rem; height: 1.1rem; position: absolute; top: 6.43rem; left: 0; z-index: 200;}
.mode_formWrap .mode_formClose{width: 0.48rem; height: 0.48rem; position: absolute; top: 0; right: 0.3rem; z-index: 200;}
.mode_prizeTip{width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0,0,0,0.7); z-index: 200; display: none;}
.mode_prizeTip img{width: 100%; display: block;}
.mode_prizeTip .prizeTipImg{width: 6rem; height: 3.54rem; position: absolute; top: 2.3rem; left: 0.75rem; z-index: 200;}
.mode_prizeTip .prizeTipClose{width: 0.48rem; height: 0.48rem; position: absolute; top: 2.3rem; right: 1.05rem; z-index: 200;}
.mode_listWrap{width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0,0,0,0.7); z-index: 200; display: none;}
.mode_listWrap img{width: 100%; display: block;}
.mode_listWrap .mode_list{width: 6rem; height: 7.79rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 200;}
.mode_listWrap .mode_listBg{width: 6rem; height: 7.79rem; position: absolute; top: 0; left: 0; z-index: 200;}
.mode_listWrap .mode_listSlide{width: 6rem; height: 6rem; position: absolute; top: 1.68rem; left: 0; z-index: 200; overflow-y: auto;}
.mode_listWrap .list{width: 5.9rem;}
.mode_listWrap .item{width: 5.9rem; height: 0.6rem; display: flex; align-items: center; border-top: 1px solid #999;}
.mode_listWrap .itemNum{width: 1.1rem; font-size: 0.26rem; color: #007ec7; text-align: center;}
.mode_listWrap .itemName{width: 1.3rem; font-size: 0.26rem; color: #007ec7; text-align: center;}
.mode_listWrap .itemPhone{width: 2.22rem; font-size: 0.26rem; color: #007ec7; text-align: center;}
.mode_listWrap .mode_listClose{width: 0.48rem; height: 0.48rem; position: absolute; top: 0; right: 0.3rem; z-index: 200;}

.cjContentWrap{width: 100%; height: 100%; background: rgba(0,0,0,0.7); position: absolute; top: 0; left: 0; z-index: 200; display: none;}
.cjContentWrap img{width: 100%; display: block;}
.cjContentWrap .swiper-container{width: 7.5rem; height: 8.7rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 200;}
.cjContentWrap .swiper-wrapper{width: 6rem; height: 8rem; margin: 0 auto;}
.cjContentWrap .swiper-slide{width: 6rem !important; height: 8rem; background: #007ec7; position: relative; z-index: 200; opacity: 0.5; border-radius: 5px; overflow: hidden;}
.cjContentWrap .swiper-slide-duplicate-active{ opacity: 1;}
.cjContentWrap .swiper-slide-active{ opacity: 1;}
.cjContentWrap .swiper-pagination-bullet{width: 0.4rem; height: 0.06rem; background: #000; opacity: 0.5; margin: 0 !important;}
.cjContentWrap .swiper-pagination-bullet-active{width: 0.4rem; height: 0.06rem; background: #fff; opacity: 1; border-radius: 5px;}
.cjContentWrap .cjContent_bg1{width: 6rem; height: 8rem; position: absolute; top: 0; left: 0; z-index: 200;}
.cjContentWrap .cjContent{width: 5.35rem; height: 6.5rem; position: absolute; top: 1rem; left: 0.25rem; z-index: 200; overflow-y: auto;}
.cjContentWrap .cjContentText{width: 5.35rem; font-size: 0.24rem; line-height: 0.4rem; text-indent: 0.48rem;}
.cjContentWrap #allmap{width: 6rem; height: 8rem; text-align: center; position: absolute; top: 0; left: 0; z-index: 200;}
.cjContentWrap .cjMapBtn{width: 2.5rem; height: 0.48rem; position: absolute; top: 7.3rem; left: 3.27rem; z-index: 200;}
.cjContentWrap .cjContentImgs{width: 6rem; height: 8rem; position: absolute; top: 0; left: 0; z-index: 200; display: flex; flex-wrap: wrap; justify-content: space-between; border: 1px solid #696969; overflow: hidden; border-radius: 5px; box-sizing: border-box;}
.cjContentWrap .cjContentImg{width: 2.97rem; height: 1.97rem; margin-bottom: 0.03rem; position: relative; z-index: 200;}
.cjContentWrap .cjImgImg{width: 2.97rem; height: 1.97rem; position: absolute; top: 0; left: 0; z-index: 200;}
.cjContentWrap .cjImgBtn{width: 2.97rem; height: 1.97rem; background: rgba(0,0,0,0.7); position: absolute; top: 6rem; left: 3rem; z-index: 200; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.cjContentWrap .cjImgNum{font-size: 0.36rem; color: #fff; line-height: 0.46rem;}
.cjContentWrap .cjImgTip{font-size: 0.24rem; color: #fff; line-height: 0.34rem;}
.cjContentWrap .cjContent_bg2{width: 6rem; height: 8rem; position: absolute; top: 0; left: 0; z-index: 200;}
.cjContentWrap .cj_videos{width: 5.8rem; height: 7.5rem; position: absolute; top: 0.1rem; left: 0.1rem; z-index: 200; overflow-y: auto; overflow-x: hidden;}
.cjContentWrap .cj_videoWrap{width: 5.8rem; height: 3.96rem; margin-bottom: 0.1rem; position: relative; z-index: 200;}
.cjContentWrap .cj_video_tip{width: 5.8rem; height: 0.7rem; position: relative; z-index: 200;}
.cjContentWrap .cj_video{width: 5.8rem; height: 3.26rem; margin-bottom: 0.2rem; position: relative; z-index: 200;}

.cj_moreImgWrap{width: 100%; height: 100%; background: rgba(0,0,0,0.7); position: absolute; top: 0; left: 0; z-index: 500; display: none;}
.cj_moreImgWrap img{width: 100%; display: block;}
.cj_moreImgWrap .cj_moreImg{width: 6.7rem; height: 7.5rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 200;}
.cj_moreImgWrap .cj_img_close{width: 0.28rem; height: 0.28rem; position: absolute; top: 0; right: 0; z-index: 200;}
.cj_moreImgWrap .cj_moreImg_tab{width: 6.7rem; height: 0.5rem; font-size: 0.32rem; line-height: 0.5rem; color: #fff; position: absolute; top: 0.6rem; left: 0; z-index: 200; display: flex; align-items: center;}
.cj_moreImgWrap .cj_moreImg_tab .cj_tab{margin-right: 0.3rem; position: relative; display: none;}
.cj_moreImgWrap .cj_moreImg_tab .cj_tab.active::after{content: ''; width: 0.65rem; height: 0.06rem; background: #007ec7; border-radius: 5px; overflow: hidden; position: absolute; bottom: -0.2rem; left: 50%; transform: translateX(-50%); z-index: 200;}
.cj_moreImgWrap .cj_moreImgs{width: 6.7rem; height: 6rem; position: absolute; top: 1.6rem; left: 0; z-index: 200;}
.cj_moreImgWrap .swiper2{width: 6.7rem; height: 7rem; position: absolute; top: 0; left: 0; z-index: 200;}
.cj_moreImgWrap .swiper-wrapper{width: 6.7rem; height: 6rem;}
.cj_moreImgWrap .swiper-slide{width: 6.7rem !important; height: 6rem; border-radius: 5px; overflow: hidden;}
.cj_moreImgWrap .swiper-slide .swiper2_more_img{width: 6.7rem !important; height: 5rem; border-radius: 5px; overflow: hidden; position: relative;}
.cj_moreImgWrap .swiper-slide .swiper2_more_name{width: 6.7rem !important; font-size: 0.3rem; line-height: 0.4rem; margin-top: 0.1rem;}
.cj_moreImgWrap .cj_moreImgName{width: 6.7rem; font-size: 0.26rem; line-height: 0.5rem; color: #fff; position: absolute; top: 5.55rem; left: 0; z-index: 200;}
.cj_moreImgWrap .swiper-pagination-fraction{padding: 0 0.55rem; width: auto; height: 0.5rem; background: rgba(255,255,255,0.5); font-size: 0.28rem; line-height: 0.5rem; color: #fff; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); border-radius: 0.25rem; overflow: hidden; z-index: 200;}
.htip{width: 3.6rem; height: 3rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 500; display: none;}
.htip img{width: 100%; display: block;}
.aniP{width: 2.96rem; height: 5.32rem; position: absolute;  bottom: 2rem; right: 0; z-index: 3000; background-repeat: no-repeat; display: none;}

.soundWrap{width: 6.9rem; height: 1rem; position: absolute; bottom: 0.9rem; left: 0.3rem; z-index: 100; display: none;}
.soundWrap img{width: 100%; display: block;}
.soundWrap .soundBg{width: 6.9rem; height: 1rem; position: absolute; top: 0; left: 0; z-index: 100;}
.soundWrap .soundHead{width: 0.72rem; height: 0.72rem; background: #000; border-radius: 50%; overflow: hidden; position: absolute; top: 0.14rem; left: 0.3rem; z-index: 100;}
.soundWrap .soundClose{width: 1.52rem; height: 0.72rem; position: absolute; top: 0.14rem; left: 1.45rem; z-index: 100;}
.soundWrap .soundOpen{width: 1.52rem; height: 0.72rem; position: absolute; top: 0.14rem; left: 1.45rem; z-index: 100; display: none;}
.soundWrap .soundNext{width: 1.52rem; height: 0.72rem; position: absolute; top: 0.14rem; left: 3.12rem; z-index: 100;}
.soundWrap .soundExit{width: 1.92rem; height: 0.72rem; position: absolute; top: 0.14rem; left: 4.78rem; z-index: 100;}

.ptWrap1{width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 500; display: none;}
.ptWrap1 img{width: 100%; display: block;}
.ptWrap1 .pt1{width: 6.02rem; height: 6.4rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 500;}
.ptWrap1 .ptBg1{width: 6.02rem; height: 6.4rem; position: absolute; top: 0; left: 0; z-index: 500;}
.ptWrap1 .ptClose1{width: 0.48rem; height: 0.48rem; position: absolute; top: 0; right: 0; z-index: 500;}
.ptWrap1 .ptSlide1{width: 5.5rem; height: 5.45rem; position: absolute; top: 0.44rem; left: 0.3rem; z-index: 500; overflow-y: auto;}
.ptWrap1 .ptItem1{width: 5.28rem; height: auto; display: none;}
.ptWrap1 .ptItemText1{width: 5.28rem; color: #fff; font-size: 0.24rem; line-height: 0.36rem; margin-bottom: 0.3rem;}
.ptWrap1 .textBig{font-weight: bold;}

.ptWrap2{width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 500; display: none;}
.ptWrap2 img{width: 100%; display: block;}
.ptWrap2 .pt2{width: 6.02rem; height: 6.4rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 500;}
.ptWrap2 .ptBg2{width: 6.02rem; height: 6.4rem; position: absolute; top: 0; left: 0; z-index: 500;}
.ptWrap2 .ptClose2{width: 0.48rem; height: 0.48rem; position: absolute; top: 0; right: 0; z-index: 500;}
.ptWrap2 .ptSlide2{width: 5.5rem; height: 5.45rem; position: absolute; top: 0.44rem; left: 0.3rem; z-index: 500; overflow-y: auto;}
.ptWrap2 .ptItem2{width: 5.28rem; height: auto; display: none;}
.ptWrap2 .ptItemTitle2{width: 5.28rem; color: #fff; font-weight: bold; font-size: 0.24rem; line-height: 0.36rem; margin-bottom: 0.3rem; text-align: center;}
.ptWrap2 .ptItemText2{width: 5.28rem; color: #fff; font-size: 0.24rem; line-height: 0.36rem; margin-bottom: 0.3rem;}
.ptWrap2 .ptItemImgBig2{width: 5.28rem; margin-bottom: 0.3rem;}
.ptWrap2 .ptItemImg2{width: 5.28rem; margin-bottom: 0.3rem;}
.ptWrap2 .textBig{font-weight: bold;}

.ptWrap3{width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 500; display: none;}
.ptWrap3 img{width: 100%; display: block;}
.ptWrap3 .pt3{width: 6.02rem; height: 6.4rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 500;}
.ptWrap3 .ptBg3{width: 6.02rem; height: 6.4rem; position: absolute; top: 0; left: 0; z-index: 500;}
.ptWrap3 .ptClose3{width: 0.48rem; height: 0.48rem; position: absolute; top: 0; right: 0; z-index: 500;}
.ptWrap3 .ptSlide3{width: 5.5rem; height: 5.45rem; position: absolute; top: 0.44rem; left: 0.3rem; z-index: 500; overflow-y: auto;}
.ptWrap3 .ptItem3{width: 5.28rem; height: auto; display: none;}
.ptWrap3 .ptItemTitle3{width: 5.28rem; color: #fff; font-weight: bold; font-size: 0.24rem; line-height: 0.36rem; margin-bottom: 0.3rem; text-align: center;}
.ptWrap3 .ptItemText3{width: 5.28rem; color: #fff; font-size: 0.24rem; line-height: 0.36rem; margin-bottom: 0.3rem;}
.ptWrap3 .ptItemImgBig3{width: 5.28rem; margin-bottom: 0.3rem;}
.ptWrap3 .ptItemImg3{width: 5.28rem; margin-bottom: 0.3rem;}
.ptWrap3 .textBig{font-weight: bold;}

.cj_nkWrap{width: 6.02rem; height: 6.4rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 500; display: none;}
.cj_nkWrap img{width: 100%; display: block;}
.cj_nkWrap .cj_nk{width: 6.02rem; height: 6.4rem; position: absolute; top: 0; left:0; z-index: 500;}
.cj_nkWrap .cj_nk .cj_nkBg{width: 6.02rem; height: 6.4rem; position: absolute; top: 0; left: 0; z-index: 500;}
.cj_nkWrap .cj_nk .cj_nkClose{width: 0.48rem; height: 0.48rem; position: absolute; top: 0; right: 0; z-index: 500;}
.cj_nkWrap .cj_nk .cj_nkSlide{width: 5.5rem; height: 5.45rem; position: absolute; top: 0.44rem; left: 0.3rem; z-index: 500; overflow-y: auto;}
.cj_nkWrap .cj_nk .cj_nkText{width: 5.28rem; color: #fff; font-size: 0.24rem; line-height: 0.36rem; margin-bottom: 0.3rem;}


@keyframes ani_hand {
    0%{transform: translate(0,0)}
    50%{transform: translate(-0.1rem,-0.1rem)}
    100%{transform: translate(0,0)}
}

@keyframes ani_hand_ {
    0%{transform: translate(0,0)}
    50%{transform: translate(0.1rem,-0.1rem)}
    100%{transform: translate(0,0)}
}

@keyframes ani_play {
    0%{transform: rotate(0)}
    100%{transform: rotate(360deg)}
}

@keyframes ani_scene_hand {
    0%{transform: scale(0.9)}
    50%{transform: scale(1.1)}
    100%{transform: scale(0.9)}
}