.jhdub_wraper{width: 1200px;margin: 0 auto;min-width: 1200px;max-width: 1200px;}
.jhdub_flex{display: flex;align-items: center;}
.jhdub_flex1{flex: 1;}
.jhdub_inline{display: inline-block;}

.jhdub_header{position: fixed;top: 0;left: 0;right: 0;height: 70px;z-index: 3;}
.jhdub_logo1{display: block;}
.jhdub_logo2{display: none;}
.jhdub_header1{flex: 1;margin-left: 10px;display: flex;align-items: center;justify-content: flex-end;}
.jhdub_header2{font-size: 15px;color: #FFFFFF;margin-right: 30px;position: relative;cursor: pointer;}
.jhdub_header2.act::before{content: '';position: absolute;bottom: -6px;left: 50%;transform: translateX(-50%);background: #FFFFFF;border-radius: 1px;width: 38px;height: 3px;}
.jhdub_header3{padding: 5px 17px;border-radius: 4px;margin-left: 15px;cursor: pointer;font-size: 15px;}
.jhdub_register{color: #FFFFFF;}
.jhdub_login{background: #2F7EFF;color: #FFFFFF;}

.jhdub_header.act{background: #FFFFFF;box-shadow: 0 2px 10px 0 rgba(0,0,0,0.08);}
.jhdub_header.act .jhdub_logo1{display: none;}
.jhdub_header.act .jhdub_logo2{display: block;}
.jhdub_header.act .jhdub_header2{color: #4D4D4D;}
.jhdub_header.act .jhdub_header2.act{color: #2F7EFF;}
.jhdub_header.act .jhdub_header2.act::before{background: #2F7EFF;}
.jhdub_header.act .jhdub_register{color: #2F7EFF;}


.jhdub_banner{width: 100%;background: url(../images/newHome/home_bg.png) no-repeat top left;background-size: 100% 668px;min-height: 1015px;position: relative;}
.jhdub_banner1{width: 100%;height: 500px;background: url(../images/newHome/home_banner.gif) no-repeat top left;background-size: 100% 500px;}
.jhdub_banner2{position: absolute;top: 0;left: 0;right: 0;bottom: 0;padding-top: 110px;}
.jhdub_banner3{font-size: 46px;color: #FFFFFF;}
.jhdub_banner4{font-size: 27px;color: #FFFFFF;}
.jhdub_banner5{padding: 8px 32px;background: #FFFFFF;border: 1px solid #FFFFFF;border-radius: 4px;font-size: 16px;color: #5576FA;}
.jhdub_banner6{margin: 0 20px;min-width: 85px;height: 38px;line-height: 38px;text-align: center;padding: 0 10px;border-radius: 38px;font-size: 15px;color: #FFFFFF;background: rgba(255,255,255,0.4);cursor: pointer;}
.jhdub_banner6:hover{background: #00DEFF;}
.jhdub_banner6.act{background: #00DEFF;}

.jhdub_banner7{width: 1000px;margin-top: 40px;}
.jhdub_banner7 img{width: 100%;}

.jhdub_home_box{padding: 50px 0 80px;background: #F8FBFF url(../images/newHome/home_bg1.png) no-repeat top left;background-size: 100% 626px;min-height: 626px;}
.jhdub_home_title{font-size: 36px;color: #393940;}
.jhdub_home_li{width: 360px;margin-top: 15px;height: 320px;padding: 30px 0 0;text-align: center;box-shadow: 0 2px 16px 0 rgba(26,75,154,0.12);border-radius: 6px;transition: all linear .2s;}
.jhdub_home_li1{background-image: linear-gradient(-180deg, #FFD77A 0%, #F4AD5B 100%);}
.jhdub_home_li2{background-image: linear-gradient(-180deg, #92D9FF 0%, #509FF4 100%);}
.jhdub_home_li3{background-image: linear-gradient(-180deg, #D099FF 0%, #BA77FF 100%);}
.jhdub_home_li4{font-size: 24px;color: #FFFFFF;}
.jhdub_home_li5{background: #FFFFFF;border-radius: 2px;border: 1px solid #FFFFFF;height: 32px;line-height: 30px;padding: 0 10px;font-size: 15px;color: #2F7EFF;margin: 0 10px;min-width: 110px;text-align: center;text-underline: pointer;}
.jhdub_home_li5_1{background: transparent;color: #FFFFFF;}
.jhdub_home_li:hover{margin-top: 0;}

.jhdub_home_box1{padding: 80px 0 30px;background: #FFFFFF;}
.jhdub_home_action{background: #FFFFFF;box-shadow: 0 2px 16px 0 rgba(26,75,154,0.12);border-radius: 4px;width: 580px;height: 163px;padding: 0 15px;display: flex;align-items: center;margin-bottom: 30px;}
.jhdub_home_action:hover{box-shadow: 0 2px 16px 0 rgba(26,75,154,0.3);}
.jhdub_home_action1{width: calc(100% - 80px);margin-left: 30px;}
.jhdub_home_action2{font-size: 22px;color: #303B4B;margin-bottom: 10px;}

.jhdub_home_yangyin{background: #FFFFFF;box-shadow: 0 2px 12px 0 rgba(26,75,154,0.04);border-radius: 10px;width: 320px;min-height: 404px;padding: 24px 16px 0;}
.jhdub_home_yangyin:hover{box-shadow: 0 2px 12px 0 rgba(26,75,154,0.3);}
.jhdub_home_yangyin1{background: #F5F6FA;display: flex;align-items: center;height: 34px;padding: 0 16px;margin-bottom: 6px;}
.jhdub_home_yangyin2{font-size: 14px;color: #414F66;}
.jhdub_home_yangyin1:hover .jhdub_home_yangyin2{color: #2F7EFF;}
.jhdub_home_yangyin3{width: 18px;cursor: pointer;}
.jhdub_home_yangyin3 img:nth-child(1){display: block;}
.jhdub_home_yangyin3 img:nth-child(2){display: none;}
.jhdub_home_yangyin3.act img:nth-child(1){display: none;}
.jhdub_home_yangyin3.act img:nth-child(2){display: block;}
.jhdub_home_yangyin4{background: #2F7EFF;border-radius: 17px;height: 34px;line-height: 34px;border-radius: 34px;padding: 0 44px;font-size: 14px;color: #FFFFFF;}

.jhdub_home_lizi{width: 320px;padding-left: 15px;position: relative;font-size: 15px;color: #333333;cursor: pointer;margin-bottom: 10px;}
.jhdub_home_lizi:hover{color: #2F7EFF;}
.jhdub_home_lizi::before{content: '';position: absolute;top: 50%;transform: translateY(-50%);left: 0;width: 6px;height: 6px;border-radius: 100%;background: #CAD2DD;}



.jhdub_zg_banner{width: 100%;background: url(../images/newHome/wb@2x.png) no-repeat top left;background-size: 100% 500px;padding: 110px 0 130px;}
/* .jhdub_zg_banner1:hover img{box-shadow: 0 2px 16px 0 rgba(26,75,154,0.12);} */

.jhdub_local_antion{background: #FFFFFF;box-shadow: 0 2px 16px 0 rgba(26,75,154,0.12);border-radius: 8px;width: 360px;height: 120px;padding: 30px 20px 0;display: flex;align-items: flex-start;margin-top: 40px;}
.jhdub_local_antion:hover{box-shadow: 0 2px 16px 0 rgba(26,75,154,0.3);}
.jhdub_local_antion1{margin-left: 20px;width: calc(100% - 80px);}
.jhdub_local_antion2{font-size: 20px;color: #303B4B;margin-right: 10px;max-width: calc(100% - 28px);}

.hdub_local_zuopin{background: #E5EFFF;border-radius: 5px;margin: 0 40px 20px;padding: 10px 64px;font-size: 18px;color: #2F7EFF;cursor: pointer;position: relative;}
.hdub_local_zuopin:hover{background: #2F7EFF;color: #FFFFFF;}
.hdub_local_zuopin.act{background: #2F7EFF;color: #FFFFFF;}


.hdub_local_guangbo{background: #2F7EFF;border-radius: 8px;width: 280px;height: 180px;text-align: center;padding: 26px 0 0;cursor: pointer;}
.hdub_local_guangbo:hover{box-shadow: 0 2px 16px 0 rgba(26,75,154,0.3);}


.jhdub_body{min-height: 100vh;background: #F2F5F7;padding: 90px 0 60px;}
.jhdub_liTop_L{width: 860px;}
.jhdub_liTop_L1{background: #FFFFFF;box-shadow: 0 2px 10px 0 rgba(26,75,154,0.08);min-height: 108px;padding: 20px 15px 5px;display: flex;align-items: flex-start;flex-wrap: wrap;}
.jhdub_liTop_L2{padding: 5px 10px;font-size: 16px;color: #333333;margin: 0 20px 15px 0;cursor: pointer;border-radius: 3px;}
.jhdub_liTop_L2:hover{color: #2F7EFF;}
.jhdub_liTop_L2.act{background: #2F7EFF;color: #FFFFFF;}

.jhdub_liTop_L3{background: #FFFFFF;box-shadow: 0 2px 10px 0 rgba(26,75,154,0.03);border-radius: 4px;padding: 14px 20px;display: flex;align-items: center;width: 420px;border: 1px solid #FFFFFF;}
.jhdub_liTop_L4{width: calc(100% - 94px);}
.jhdub_liTop_L5{font-size: 16px;color: #404040;}
.jhdub_liTop_L6{width: 32px;height: 32px;margin-left: 15px;}
.jhdub_liTop_L6 i{display: block;background-size: 100%;background-repeat: no-repeat;width: 100%;height: 100%;cursor: pointer;}
.jhdub_liTop_L6 i.jhdub_liTop_play{background-image: url(../images/newHome/bf@2x.png);}
.jhdub_liTop_L6 i.jhdub_liTop_pause{background-image: url(../images/newHome/zt.png);}
.jhdub_liTop_L6 i.jhdub_liTop_edit{background-image: url(../images/newHome/bj@2x.png);}
.jhdub_liTop_L3:hover{background: #EBF3FF;border: 1px solid #2F7EFF;box-shadow: 0 2px 10px 0 rgba(26,75,154,0.03);}
.jhdub_liTop_L3:hover i.jhdub_liTop_play{background-image: url(../images/newHome/bfl@2x.png);}
.jhdub_liTop_L3:hover i.jhdub_liTop_pause{background-image: url(../images/newHome/ztl.png);}
.jhdub_liTop_L3:hover i.jhdub_liTop_edit{background-image: url(../images/newHome/bjl@2x.png);}


.jhdub_liTop_R{width: 320px;}
.jhdub_liTop_R1{height: 108px;background: url(../images/newHome/make_music.png) no-repeat;background-size: 100%;}
.jhdub_liTop_R2{background: #FFFFFF;box-shadow: 0 2px 10px 0 rgba(26,75,154,0.03);width: 100%;}
.jhdub_liTop_R3{box-shadow: 0 1px 0 0 #E6E6E6;padding: 13px 16px;display: flex;align-items: center;}
.jhdub_liTop_R4{padding: 15px 16px;}
.jhdub_liTop_R5{background: #FFFFFF;box-shadow: 0 2px 10px 0 rgba(26,75,154,0.1);border-radius: 4px;padding: 14px 15px;display: flex;align-items: center;margin-bottom: 15px;cursor: pointer;}
.jhdub_liTop_R5:hover{box-shadow: 0 2px 10px 0 rgba(26,75,154,0.3);}
.jhdub_liTop_R6{width: calc(100% - 60px);}

.jhdub_liTop_R7{font-size: 14px;color: #333333;margin-bottom: 12px;padding-left: 15px;position: relative;line-height: 20px;cursor: pointer;}
.jhdub_liTop_R7:last-child{margin-bottom: 0;}
.jhdub_liTop_R7::before{content: '';position: absolute;top: 50%;left: 0;transform: translateY(-50%);width: 6px;height: 6px;border-radius: 100%;background: #CAD2DD;}
.jhdub_liTop_R7:hover{color: #2F7EFF;}

.jhdub_liPei_title{display: flex;align-items: center;margin: 70px 0 20px;}
.jhdub_liPei_box1{background: #FFFFFF;width: 590px;padding: 20px;display: flex;align-items: flex-start;}

.jhdub_thumbtitle{font-size: 15px;color: #999999;margin-bottom: 30px;}
.jhdub_thumbtitle .jhdub_thumbtitle1{color: #2F7EFF;}

.jhdub_pei_li{background: #FFFFFF;margin-bottom: 20px;padding: 20px;display: flex;align-items: flex-start;}
.jhdub_pei_li:hover{box-shadow: 0 2px 16px 0 rgba(26,75,154,0.12);}
.jhdub_pei_li1{width: 280px;height: 180px;position: relative;}
.jhdub_pei_li1 img{width: 280px;height: 180px;}
.jhdub_pei_li2{background: #018AE9;border-radius: 2px 0px 8px 0px;padding: 1px 6px;font-size: 12px;color: #FFFFFF;position: absolute;top: 0;left: 0;}
.jhdub_pei_li3{width: calc(100% - 300px);margin-left: 20px;}
.jhdub_pei_li4{font-size: 20px;color: #333333;font-weight: bold;margin-bottom: 25px;cursor: pointer;}
.jhdub_pei_li4:hover{color: #2F7EFF;}
.jhdub_pei_li5{font-size: 15px;line-height: 25px;color: #808080;margin-bottom: 36px;}

.jhdub_lidetail{background: #FFFFFF;height: 580px;}
.jhdub_lidetail1{padding: 16px;display: flex;align-items: center;}
.jhdub_lidetail2{padding: 0 36px;height: calc(100% - 56px);position: relative;}
.jhdub_lidetail3{width: 100%;height: 100%;}
.jhdub_lidetail4{height: 380px;display: flex;align-items: center;justify-content: center;}
.jhdub_lidetail5{text-align: center;font-size: 16px;color: #666666;line-height: 27px;padding-top: 30px;}

.jhdub_lidetail_prev{position: absolute;left: 36px;width: 40px;height: 40px;cursor: pointer;top: 170px;}
.jhdub_lidetail_prev img:nth-child(1){display: block;}
.jhdub_lidetail_prev img:nth-child(2){display: none;}
.jhdub_lidetail_prev:hover img:nth-child(1){display: none;}
.jhdub_lidetail_prev:hover img:nth-child(2){display: block;}

.jhdub_lidetail_next{position: absolute;right: 36px;width: 40px;height: 40px;cursor: pointer;top: 170px;}
.jhdub_lidetail_next img:nth-child(1){display: block;}
.jhdub_lidetail_next img:nth-child(2){display: none;}
.jhdub_lidetail_next:hover img:nth-child(1){display: none;}
.jhdub_lidetail_next:hover img:nth-child(2){display: block;}

.modub_slider_bg{display: flex;align-items: center;justify-content: center;height: 100%;position: relative;width: 300px;}
.modub_slider_bg1.act{animation: music_anmite 20s linear infinite;}
.modub_slider_bg1.pause{animation-play-state: paused;}
.modub_slider_bg2{position: absolute;right: -55px;bottom: 20%;transform-origin: 88.6% center;transform: rotate(-20deg);transition: linear all .2s;}
.modub_slider_bg2.act{transform: rotate(0);}
@keyframes music_anmite{
	from{transform: rotate(0);}
	to{transform: rotate(360deg);}
}

.jhdub_lidetai_right{background: #FFFFFF;padding: 30px 40px;}
.jhdub_lidetai_right1{display: flex;align-items: center;padding-left: 70px;border: 1px solid #267EFF;border-radius: 4px;cursor: pointer;font-size: 14px;height: 48px;}
.jhdub_lidetai_right1_1{background: #267EFF;margin-bottom: 16px;}
.jhdub_lidetai_right1_2 .cF{color: #267EFF;}

.jhdub_lidetai_right2{background: #FFFFFF;padding: 30px 20px;min-height: 388px;}
.jhdub_lidetai_right3{background: #ECF0F3;border-radius: 2.5px;height: 5px;width: 160px;position: relative;}
.jhdub_lidetai_right4{text-align: center;position: absolute;top: -2px;margin-left: -4.5px;}
.jhdub_lidetai_right5{background: #0098FF;width: 9px;height: 9px;border-radius: 50%;}


.jhdub_liabout{background: #FFFFFF;border-radius: 4px;width: 285px;padding: 25px 20px;margin: 0 20px 20px 0;display: flex;align-items: flex-start;}
.jhdub_liabout:hover{box-shadow: 0 2px 16px 0 rgba(26,75,154,0.12);}
.jhdub_liabout:nth-child(4n){margin-right: 0;}
.jhdub_liabout1{width: calc(100% - 65px);margin-left: 15px;}

.jhdub_liabout2{padding: 20px 20px 10px;display: block;align-items: flex-start;}
.jhdub_liabout3{padding: 1px 5px;border-radius: 8px 0 8px 0;font-size: 12px;color: #FFFFFF;background: #FF5656;}


.dub_Func_box{padding: 20px 0;background: #F2F3F5;justify-content: center;height: 860px;}

.jhdub_fundetail{width: 1000px;background: #FFFFFF;border: 1px solid #E6E6E6;margin: 0 auto;height: 100%;overflow-y: auto;padding: 30px 30px 0;}
.jhdub_fundetail1{padding: 0 0 10px;position: relative;border-bottom: 1px dashed #2D7EFF;}
.jhdub_fundetail1::before{content: '';position: absolute;bottom: -1px;left: 0;background: #2D7EFF;width: 30px;height: 3px;}
.jhdub_fundetail2{font-size: 20px;color: #2D7EFF;}
.jhdub_fundetail3{border: 1px solid #267EFF;border-radius: 4px;padding: 3px 7px;font-size: 14px;color: #267EFF;cursor: pointer;}

.jhdub_fundetail4{height: calc(100% - 38px);padding: 20px 0 10px;overflow-y: auto;}
.jhdub_fundetail5{background: rgba(216,216,216,0.00);border: 1px solid #EEEEEE;padding: 15px 20px;margin-bottom: 10px;}
.jhdub_fundetail5.jhdub_fundetail5_1{height: 53px;overflow: hidden;}
.jhdub_fundetail6{font-size: 16px;color: #333333;margin: 0 10px;flex: 1;}
.jhdub_fundetail7{width: 20px;height: 20px;position: relative;cursor: pointer;}
.jhdub_fundetail7 img{width: 100%;}
.jhdub_fundetail7:hover img:nth-child(1){display: none !important;}
.jhdub_fundetail7:hover img:nth-child(2){display: block !important;}
.jhdub_fundetail8{font-size: 14px;color: #666666;margin: 15px 30px 0 25px;}