html{font-size: calc(100vw / 750 * 100);}
body{font-size: 16px; background: #060f3a url(jmd_bg.jpg) 0 0 no-repeat; background-size: 100% auto;}
img{width: 100%;display: block;margin: 0;padding: 0;}
.part{position: relative;}
.videoPlay img{width: 100%;height: 100%;object-fit: cover;}
.bottomBtn{width: 100%;position: fixed;left: 0;bottom: 0;z-index: 20;height: 18vw;background: url(jmd_6.png) no-repeat;background-size: 100% 100%;cursor: pointer;}
.pop{width: 100%; position: fixed; top: calc(100vw * 9 / 16); padding: 8px 5.6% 30px; left: 0; z-index: 1001; color: #fff; background: rgba(0, 0, 0, .8);overflow-y: scroll;}
.pop-title{font-size: .43rem;text-align: center; border-radius: .2rem .2rem 0 0;background-image: linear-gradient(to right,#3806c8,#0d4dce);position: relative;}
.pop-close{text-align: right;}
.pop-close img{width: .59rem; height: .58rem; display: inline-block;}
.pop-content{background-image: linear-gradient(to right,#3806c8,#0d4dce);position: relative; color: #fff;border-radius: 0 0 .2rem .2rem;}
.popType3 .pop-title{display: none;}
.popType4 .pop-title{display: none;}
.popType3 .pop-content{border-radius: .2rem;}
.popType2 .pop-content{min-height: 3rem; padding: .3rem .5rem; }
.popType4 .pop-content{min-height: 3rem; border-radius: .2rem;}
.popType5 .pop-content{background: #fff url(cpoplz.png) right bottom no-repeat; background-size: 14% auto;}
.pop-content-padding{padding: 15px;}
.pop-bot{width: 1.38rem; position: absolute; bottom: .2rem; right: -0.95rem;}
.pop-content-maxH{max-height: 6rem; overflow: auto; -webkit-overflow-scrolling:touch;}
.popType2, .popType4{padding: 0 15%;}
.cbtn{ background-image: linear-gradient(#2859cb,#2225c0); border: 0; border-radius: .1rem; color: #fff; font-size: .26rem; text-align: center; padding: 6px 12px; font-weight: bold;}
.cbtn-center{margin: 15px auto 0; display: block;}

.msg{position: fixed; width: 100%; left: 0; bottom: 15vh; z-index: 2000; text-align: center; animation: 3s msg both;}
.msg span{background: rgba(0, 0, 0, .6); color: #fff; font-size: 12px; padding: 5px 20px; border-radius: 15px;}
@keyframes msg{
  0%{opacity: 0;bottom: 12vh;}
  20%{opacity: 1;bottom: 15vh;}
  80%{opacity: 1;bottom: 15vh;}
  100%{opacity: 0;bottom: 17vh;}
}
.ani-scroll{width: 0.5rem; position: absolute; top: 100px; left: 50%; animation: 3s ani-scroll both; pointer-events: none;}
@keyframes ani-scroll{
  0%{top: 100px;}
  33%{top: 50px;}
  34%{top: 100px;}
  66%{top: 50px;}
  67%{top: 100px; opacity: 1;}
  100%{top: 50px;opacity: 0;}
}