@charset "utf-8";
html,body,body div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,menu,nav,section,time,mark,audio,video,details,summary{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:transparent;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;word-warp: break-warp;word-break: break-all;}article,aside,figure,footer,header,nav,section,details,summary{display:block}img{max-width:100%;vertical-align:bottom}html{overflow-y:scroll}ul,ol{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}a{-webkit-tap-highlight-color:transparent}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}table{border-collapse:collapse;border-spacing:0}th{font-weight:bold;vertical-align:bottom}td{font-weight:normal;vertical-align:top}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}pre{white-space:pre;white-space:pre-wrap;white-space:pre-line;word-wrap:break-word}input,input:focus{outline:none;-webkit-tap-highlight-color:transparent}input[type="radio"]{vertical-align:text-bottom}input[type="checkbox"]{vertical-align:bottom}.ie7 input[type="checkbox"]{vertical-align:baseline}select,input,textarea{font:99% sans-serif}table{font-size:inherit;font:100%}small{font-size:85%}strong{font-weight:bold}td,td img{vertical-align:top}sub,sup{font-size:75%;line-height:0;position:relative}sup{top:-0.5em}sub{bottom:-0.25em}pre,code,kbd,samp{font-family:monospace, sans-serif}.clickable,label,input[type=button],input[type=submit],input[type=file],button{cursor:pointer;-webkit-appearance:none}button,input,select,textarea{margin:0}button,input[type=button]{width:auto;overflow:visible}input:not([type]), input[type="email"], input[type="number"], input[type="password"], input[type="tel"], input[type="url"], input[type="text"],input[type="button"], input[type="submit"], input[type="reset"], input[type="file"]::-webkit-file-upload-button, button{padding:0;margin:0;outline: none; -webkit-appearance:none;-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;appearance:none; -moz-appearance: none; background: transparent; border: none;}input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #666;}input:-moz-placeholder, textarea:-moz-placeholder {color:#666;}input::-moz-placeholder, textarea::-moz-placeholder {color:#666;}input:-ms-input-placeholder, textarea:-ms-input-placeholder {color:#666;}textarea{ outline: none; border: none;resize:none}
img {-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: rgba(255, 255, 255, 0);-webkit-user-select: none;-moz-user-focus: none;-moz-user-select: none;user-select: none;}
input{-webkit-tap-highlight-color:rgba(0,0,0,0);}
a,img,button,input,textarea{-webkit-tap-highlight-color:rgba(255,255,255,0);}
.cl:after { content: ""; display: block; height: 0; overflow: hidden; }
.cl:after { clear: both; }
div,p,span,a,ul,li{word-warp: break-warp;word-break: break-all;-webkit-tap-highlight-color:rgba(0,0,0,0)}
a,a:hover{ text-decoration: none;}
img{ display: block; max-width: 100%;}
.cl { zoom: 1; }
.fl{ float:left; }
.fr{ float:right; }
.pop{ position: fixed; left:0; top:0; width: 100%; height: 100%; background:rgba(0,0,0,.3); z-index: 999999}
.pop .popbox{ position: relative; left:50%; top:50%;}
.scroll::-webkit-scrollbar {width: 6px;  height: 6px;  background-color: #F5F5F5;}   
.scroll::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);  border-radius: 10px;  background-color: #F5F5F5;}
.scroll::-webkit-scrollbar-thumb {border-radius: 10px;  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);  background-color: #555;} 

html,body{font-size: 62.5%;  font-family: Microsoft Yahei,SimSun,Helvetica;position: relative;}
body {font-size: 1.4rem;/*1.4 × 10px = 14px */background: #000!important; }
 
.swiper-container,.container {width: 750px;}
.comarea{ position: relative;  width:750px;}
.btnYY{ position: absolute; right: 0; top:1px; width: 229px; height: 95px; background: url(https://zs.wanmei.com/m/images/cover20200726/btn-yy1.png) no-repeat center top;}
.tit img{ display: block; margin: 0 auto;}

/** header */
.header{ position: fixed; left: 0; top:0; width: 100%; height: 96px; background: #1f1c2a; z-index: 999;}
.alogo{ position: absolute; left: 10px; top:10px; width: 79px; }
.logo-txt{ position: absolute; left: 104px; top:16px; width: 183px;}
.btnEnter{ position: absolute; left: 288px; width: 232px; height: 53px; top:22px; background: url(https://zs.wanmei.com/m/images/cover20200726/btn-enter.png) no-repeat center top;}
.icon-music-play {position: absolute;right: 22px; top: 100px; width: 64px;height: 64px;background: url(https://zs.wanmei.com/m/images/cover20200726/icon-music-play.png) no-repeat center;background-size: 100% auto; z-index: 9;}
.icon-music-pasue{position: absolute;right: 22px;top:100px;width: 64px;height: 64px;background: url(https://zs.wanmei.com/m/images/cover20200726/icon-music-pause.png) no-repeat center;background-size: 100% auto; z-index: 9}
.btn_yuyue{ position: absolute; bottom: 182px; right: 30px; width: 463px; height: 93px; background: url(https://zs.wanmei.com/m/images/cover20210222/yy_btn.png) no-repeat 0 0;cursor: pointer;z-index: 20;background-size: 100%; }
 
.section_tit{margin: 110px auto 0;position: relative;height:200px;}
.section_tit .tit{top: 80px;position: absolute;}
/**page1**/
.bg1{ position:relative; height:1400px; background:#000 url(https://zs.wanmei.com/m/images/cover20210222/page1.jpg) no-repeat center top;}
.page1{ position:absolute; width:100%; height:100%; left:0; top:0;overflow: hidden; z-index: 9;}
.solgon{ width: 268px; position: absolute; left: 262px; top:134px; z-index: 9;}
.solgon img{ width: 215px; height: 148px;}
.word{ width: 695px; position: absolute; left:50%; transform:translateX(-50%); bottom:120px; z-index: 9; -webkit-transform:translateX(-50%); }
.page1bg{ position: absolute; left: 0; top:-13px; width: 100%; vertical-align: top;}
.page1 .tit{ display: block; text-align: center; margin-top: 544px; margin-top: 114%;}
.page1 .btn_yuyue{ display: block;  text-align: center;}
.page1 .btn_yuyue img{ display: block; margin: 0 auto;/* animation:pulse 4s linear 0s infinite; -webkit-animation:pulse 4s linear 0s infinite;*/}
.page1 .login{ position: absolute; right: 86px;top:100px; width: 600px; color: #fff; font-size: 23px; height: 64px; line-height: 64px; text-align: right;}
.page1 .after{ display: block;}
.live2d{ position: absolute; left: -564px; top:568px; z-index: 1; margin-top: -346px;}
.page1 .d-icon{ position: absolute; left: 50%; bottom:70px; width: 69px; height: 38px; background: url(https://zs.wanmei.com/m/images/cover20210125/arrow.png) no-repeat center top; margin-left: -35px; display: block;  animation:float 3s linear 0s infinite; -webkit-animation: float 3s linear 0s infinite ;}
.btnDown{ display: block; width: 386px; height: 95px; background: url(https://zs.wanmei.com/hot/20201217/m/images/btnDown.png) no-repeat center top; position: absolute; left: 50%; bottom: 188px; margin-left: -193px; z-index: 9;}
.fadeInUp2 {-webkit-animation-name: fadeInUp2;animation-name: fadeInUp2;-webkit-animation-duration: 1.5s; animation-duration: 1.5s;}
.layer{ position: absolute; left: 0; top:0; width: 100%;height: 100%; z-index: 1; background: url(https://zs.wanmei.com/hot/20201217/m/images/layer-m1.png) no-repeat center bottom; }
.tit_bg{ width: 575px;height: 493px; background: url(https://zs.wanmei.com/hot/20201217/images/titbg.png) no-repeat center center; position: absolute; left: 50%; margin-left: -286px; top:0px; opacity: .2; filter:alpha(opacity=20);}
.tit_circle{ width: 358px; height: 358px; position: absolute; left: 50%; background:url(https://zs.wanmei.com/hot/20201217/images/titCircle.png) no-repeat center center; top:-16px; margin-left: -179px; opacity: .5; filter:alpha(opacity=50); -webkit-animation: rcircle 10s linear 0s infinite;animation:rcircle 10s linear 0s infinite;}

/**page2**/
.page2{ padding-top:1px; height:1365px;background:#131317 url(https://zs.wanmei.com/m/images/cover20210125/page2bg.png) no-repeat center top;}
.progress{width: 100%;height: 900px;margin: 80px auto 0;overflow: hidden;position: relative; }
.progress ul{text-align: center;position: relative;z-index: 1;margin: 35px auto 0;}
.progress ul li{ width: 65px;height: 120px;position: relative;margin: 0 40px; display: inline-block;}
.progress ul li .img{width: 65px;height: 90px;background:url(https://zs.wanmei.com/m/images/cover20210125/process.png) no-repeat;}
.progress ul li.on .img{width: 65px;height: 90px;background:url(https://zs.wanmei.com/m/images/cover20210125/processon.png) no-repeat;}
.progress ul li .tit{color: #fff;font-size: 16px;text-align: center;margin: 10px auto 0;}
.progress ul li .light{display: none}
.progress ul li.on .light{width: 205px;height: 204px;background:url(https://zs.wanmei.com/m/images/cover20210222/light.png) no-repeat;position: absolute;left: 50%;top: 50%;margin: -104px 0 0 -103px;display: block;-webkit-animation: breath 3s linear 0s infinite;animation:breath 3s linear 0s infinite;}
.progress  .line{height: 3px;background:url(https://zs.wanmei.com/m/images/cover20210222/line.png) left no-repeat;background-size:100% auto;position: absolute;top: 91px; z-index: 0;}
.progress .line_point{ position:absolute; width:8px; height:16px; left:0; top:84px; background:url(https://zs.wanmei.com/m/images/cover20210222/line_point.png);}
.progress .numbox{width: 100%;height:120px;margin: 60px auto 0;background:url(https://zs.wanmei.com/m/images/cover20210125/numbg.png) center no-repeat;text-align: center;}
.progress .numbox .text{height: 34px;margin: 0 auto;}
.progress .numbox .text .l{width: 175px;height: 35px;background:url(https://zs.wanmei.com/m/images/cover20210204/txt1.png) 0 center  no-repeat; display: inline-block;}
.progress .numbox .text .c{width: auto;height: 33px;  display: inline-block;color: #c384ef;font-size: 24px;line-height: 30px;}
.progress .numbox .text .c span{width: 26px;height: 33px;display: inline-block;margin: 0 2px 0;  }
.progress .numbox .text .r{width: 247px;height: 35px;background:url(https://zs.wanmei.com/m/images/cover20210204/txt2.png) 0 center  no-repeat;display: inline-block;}
.gift{width: 750px;height: 360px;margin: 0px auto 0;background:url(https://zs.wanmei.com/m/images/cover20210125/giftbg.png)  no-repeat;position: relative;}
.ico0{width: 26px;height: 33px;background:url(https://zs.wanmei.com/m/images/cover20210125/ico0.png)  no-repeat;}
.ico1{width: 26px;height: 33px;background:url(https://zs.wanmei.com/m/images/cover20210125/ico1.png)  no-repeat;}
.ico2{width: 26px;height: 33px;background:url(https://zs.wanmei.com/m/images/cover20210125/ico2.png)  no-repeat;}
.ico3{width: 26px;height: 33px;background:url(https://zs.wanmei.com/m/images/cover20210125/ico3.png)  no-repeat;}
.ico4{width: 26px;height: 33px;background:url(https://zs.wanmei.com/m/images/cover20210125/ico4.png)  no-repeat;}
.ico5{width: 26px;height: 33px;background:url(https://zs.wanmei.com/m/images/cover20210125/ico5.png)  no-repeat;}
.ico6{width: 26px;height: 33px;background:url(https://zs.wanmei.com/m/images/cover20210125/ico6.png)  no-repeat;}
.ico7{width: 26px;height: 33px;background:url(https://zs.wanmei.com/m/images/cover20210125/ico7.png)  no-repeat;}
.ico8{width: 26px;height: 33px;background:url(https://zs.wanmei.com/m/images/cover20210125/ico8.png)  no-repeat;}
.ico9{width: 26px;height: 33px;background:url(https://zs.wanmei.com/m/images/cover20210125/ico9.png)  no-repeat;}
 
.lock{width: 116px;height: 151px;background:url(https://zs.wanmei.com/m/images/cover20210125/lock1.png)  no-repeat;position: absolute;top: 22px;}
.lock1{ display:none;left: 22px;}
.lock2{ display:none;left: 151px;}
.lock3{ display:none;left: 279px;}
.lock4{left: 405px;}
.lock5{left: 552px;background:url(https://zs.wanmei.com/m/images/cover20210125/lock2.png)  no-repeat; left: 549px;top: 5px;width: 187px;height: 187px;}
.btn_yy{width:700px;height: 83px;background:url(https://zs.wanmei.com/m/images/cover20210125/btn_yy.jpg)  no-repeat;margin: 60px auto 0; cursor: pointer;}
.btn_yyjs{width: 250px;height: 116px;position: absolute;top: 220px;}
/* .lock_c{width: 187px;height: 187px;background:url(https://zs.wanmei.com/m/images/cover20210125/lock2.png)  no-repeat;} */
/**page3**/
 
.page3{ height:1400px; background:#000 url(https://zs.wanmei.com/m/images/cover20210222/page3.jpg) no-repeat center 0; overflow: hidden;}
/* .page3 .tit{ padding-top: 140px; position: relative; width: 100%; height: 493px; margin-top: 20px; } */
.page3 .adm-container{ text-align: center; margin-top:  50px; height: 860px;}
.page3 .adm-container img{ display: block; margin: 0 auto;}
.page3 .adm-container .swiper-slide{ background: transparent;}
.swiper-button-next, .swiper-button-prev{ width: 132px; height: 171px; top:298px; outline: none; border: 0;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{ background: url(https://zs.wanmei.com/hot/20201217/m/images/btnNext.png) no-repeat center center; right: 2px;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{ background: url(https://zs.wanmei.com/hot/20201217/m/images/btnPrev.png) no-repeat center center; left: 2px;}
.swiper-pagination-bullet{ width: 40px; height: 3px; opacity: 1; filter:alpha(opacity=100); border-radius: 0; -webkit-border-radius: 0; background: #505877}
.swiper-pagination-bullet-active{ background-color: #fff;}


/**页尾**/
.zs_footer_mb{ position: fixed!important; bottom:-312px; z-index: 997; padding-bottom: 40px; }
.btnfooter{ display: block; width: 100%;height: 44px; line-height: 44px; color: #fff; text-align: center; font-size: 20px; position: absolute; left: 0; bottom: 10px; z-index: 998;}
.btnfooter::before{content: '';width: 18px;height: 18px;background: url(https://zs.wanmei.com/m/images/cover20200726/f-cion.png) no-repeat left center;position: absolute;left: 27%;top: 14px;transition: all .3s; -webkit-transition: all .3s; background-size: 18px auto;}
.btnfooter.on::before{transform: rotate(180deg); -webkit-transform:rotate(180deg);}


.prompt{ position: fixed; left: 0; top:0; width: 100%; height: 100%; background-color: rgba(0,0,0,.7); z-index: 999; display: none;}
/* .active .s1{-webkit-animation:wave 0.66s linear infinite;animation:wave 0.66s linear infinite;}
.active .s2{-webkit-animation:wave 0.8s linear infinite;animation:wave 0.8s linear infinite;}
.active .s3{-webkit-animation:wave 0.7s linear infinite;animation:wave 0.7s linear infinite;}
.active .s4{-webkit-animation:wave 0.5s linear infinite;animation:wave 0.5s linear infinite;}
.active .s5{-webkit-animation:wave 0.9s linear infinite;animation:wave 0.9s linear infinite;} */

/***动画***/
/**音符跳动**/
@-webkit-keyframes wave{0%{height:10px}50%{height: 30px}100%{height: 10px}}
@keyframes wave{0%{height:10px}50%{height: 30px}100%{height: 10px}}

/**360度旋转**/
@-webkit-keyframes rcircle{
    0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transform-origin:0 0;transform-origin:0 0}
    100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);-webkit-transform-origin:0 0;transform-origin:0 0}
}
@keyframes rcircle{
    0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
    100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}
}

/**3d 旋转**/
@keyframes round{
    0%{-webkit-transform:rotateY(0deg);-ms-transform:rotateY(0deg);transform:rotateY(0deg)}
    50%{-webkit-transform:rotateY(180deg);-ms-transform:rotateY(180deg);transform:rotateY(180deg)}
    100%{-webkit-transform:rotateY(360deg);-ms-transform:rotateY(360deg);transform:rotateY(360deg)}
}

@-webkit-keyframes round{
    0%{transform: rotateY(0deg);-webkit-transform:rotateY(0deg);}
    50%{transform: rotateY(180deg);-webkit-transform: rotateY(180deg);}
    100%{transform: rotateY(360deg);-webkit-transform: rotateY(360deg);}
}

/**箭头上下飘动**/
@-webkit-keyframes float{
    0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
    50%{opacity:1;-webkit-transform:translateY(16px);transform:translateY(16px)}
    100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes float{
    0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
    50%{opacity:1;-webkit-transform:translateY(16px);-ms-transform:translateY(16px);transform:translateY(16px)}
    100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
}

@-webkit-keyframes fadeIn{
    0%{opacity:0}100%{opacity:1}}
@keyframes fadeIn{
    0%{opacity:0}100%{opacity:1}}

@-webkit-keyframes fadeInDown{
    0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}
    100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}
@keyframes fadeInDown{
    0%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}
    100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}

@-webkit-keyframes fadeInDownBig{
    0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}
    100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}
@keyframes fadeInDownBig{
    0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}
    100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}

@-webkit-keyframes fadeInLeft{
    0%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}
    100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}
@keyframes fadeInLeft{
    0%{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}
    100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}

@-webkit-keyframes fadeInLeftBig{
    0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}
    100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}
@keyframes fadeInLeftBig{
    0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}
    100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}

@-webkit-keyframes fadeInRight{
    0%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}
    100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}
@keyframes fadeInRight{
    0%{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}
    100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}

@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}
    100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}
@keyframes fadeInRightBig{
    0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}
    100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}

@-webkit-keyframes fadeInUp{
    0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}
    100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}
@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}
    100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}

@-webkit-keyframes fadeInUpBig{
    0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}
    100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}
@keyframes fadeInUpBig{
    0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}
    100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}
@-webkit-keyframes breath{
    0%{opacity:0.8;-webkit-transform:scale(0.8);transform:scale(0.8)}
    50%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
    100%{opacity:0.8;-webkit-transform:scale(0.8);transform:scale(0.8)}}
@keyframes breath{
    0%{opacity:0.8;-webkit-transform:scale(0.8);-ms-transform:scale(0.8);transform:scale(0.8)}
    50%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
100%{opacity:0.8;-webkit-transform:scale(0.8);-ms-transform:scale(0.8);transform:scale(0.8)}}

/**二维码横线**/
@-webkit-keyframes updown{
    0%{opacity:1;-webkit-transform:translateY(20px);transform:translateY(20px)}
    50%{opacity:1;-webkit-transform:translateY(70px);transform:translateY(70px)}
    100%{opacity:1;-webkit-transform:translateY(20px);transform:translateY(20px)}
}
@keyframes updown{
    0%{opacity:1;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}
    50%{opacity:1;-webkit-transform:translateY(70px);-ms-transform:translateY(70px);transform:translateY(70px)}
    100%{opacity:1;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}
}


.lockpop{width: 116px;height: 151px; position: absolute; top: 22px; z-index: 10;}
.lockImg1{left: 22px;}
.lockImg2{left: 151px;}
.lockImg3{left: 279px;}
.lockImg4{left: 405px;}
.lockImg5{left: 552px;left: 549px;top: 5px;width: 187px;height: 187px;}

.publicShowImg{display: none; position: absolute;}
.showpop1{background: url(https://zs.wanmei.com/m/images/cover20210204/pop1.png) no-repeat 0 0; width: 296px; height: 93px; left: -23px; top: -93px;}
.showpop2{background: url(https://zs.wanmei.com/m/images/cover20210204/pop2.png) no-repeat 0 0; width: 297px; height: 93px; left: -80px; top: -93px;}
.showpop3{background: url(https://zs.wanmei.com/m/images/cover20210204/pop3.png) no-repeat 0 0; width: 297px; height: 91px; left: -95px; top: -93px;}
.showpop4{background: url(https://zs.wanmei.com/m/images/cover20210204/pop4.png) no-repeat 0 0; width: 297px; height: 91px; left: -95px; top: -93px;}
.showpop5{background: url(https://zs.wanmei.com/m/images/cover20210204/pop5.png) no-repeat 0 0; width: 267px; height: 126px; left: -66px; top: -110px;}

.top_bar{ z-index:100!important;}