@media screen and (max-width: 960px) {
.layer-qq{display: none !important;}
}
.layer-qq{font-size:14px;font-family:"微软雅黑";margin: -210px 0 0 -420px;position: fixed;top: 50%;left:50%;width: 840px;height: 420px;background: url(https://www.22vd.com/img/anniversary.jpg) no-repeat;text-align: center; z-index: 99999;overflow: hidden;}
.layer-qq h3{margin:0;padding:0;font-size: 35px;text-transform: uppercase;font-weight: bold;padding-top: 45px;line-height: 45px;}
.layer-qq strong{font-size: 22px;color: #fff;}
/*.layer-qq a.linkqq{display: block; width: 840px; height: 100px; position: absolute; bottom: 0;}*/
.layer-qq a.qq-close{z-index: 9999;display: block;width: 28px;height: 28px;position: absolute;top: 20px;right: 20px;cursor: pointer;color: #fff;}
.current .bottom .inner{color:#fff}
#kefu{position: absolute; bottom: 40px; color: #fff; font-size: 24px;transform: translate(-50%,0);}
/*倒计时*/
@font-face {
  font-family: 'Limelight';
  font-style: normal;
  font-weight: 400;
  src: url(//www.22vd.com/popup/XLYkIZL7aopJVbZJHDuoNOlHnnY.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Limelight';
  font-style: normal;
  font-weight: 400;
  src: url(//www.22vd.com/popup/fonts/XLYkIZL7aopJVbZJHDuoOulH.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
.countdown {
  width: 750px;
  text-align: center;
  position: absolute;
  transform: translate(-50%, -50%);
  top: 70%;
  left: 50%;
  font-family: 'Mada', sans-serif;
}

.countdown .intro {
  margin: 5% auto;
  color: #9e8686;
  letter-spacing: 1px;
  word-spacing: 12px;
}

.intro .number , .h3move .number{
  font-size: 40px;
  font-family: 'Limelight', cursive;
}
.countdown-wrapper {
  display: flex;
  justify-content: space-around;
  margin: 0 auto;
  color: #fff;
}

label,
output,
.time-el span {
  display: block;
}
.time-el {
  position: relative;
  margin-right: 20px;
}

.time-el:not(:last-child):after {
  content: ":";
  position: absolute;
  right: -36px;
  top: 18%;
  font-size: 30px;
  color: #fff;
}
.time-el .digit{
  position: relative;
  width: 50px;
  height: 60px;
  display: inline-block;
  font-size: 55px;
  line-height: 65px;
  font-family: 'Limelight', cursive;
  perspective: 120px;
}
.time-el .digit .inner{
    font-size: 50px;
  
  font-family: 'Limelight', cursive;
}
.countdown .inner {
  height: 200%;
  width: 100%;
  position: absolute;
}

.countdown .top .inner {
  top: 0;
}

.bottom .inner {
  bottom: 0;
}
.time-el .top, .time-el .bottom {
  position: absolute;
  left: 0;
  height: 50%;
  width: 100%;
  overflow: hidden;
/*   background: linear-gradient(to bottom, #543243 10%, #461f32 50%, #543243 90%); */
}

.time-el .top {
  top: 0;
  transform-origin: 50% 100%;
  color: #fff;
  /*background: linear-gradient(300deg, #331926 50%, #542e40);*/
  border-radius: 6px 6px 0 0;
  z-index: 1;
  backface-visibility: hidden;
}

.time-el .bottom {
  bottom: 0;
  transform-origin: 50% 0%;
  /*background:  linear-gradient(340deg, #542e40, #331926 40%);*/
  border-radius: 0 0 6px 6px;
}



.time-el label{
  font-size: 12px;
  letter-spacing: 1px;
  color: #fff;
}
/*倒计时*/
.layer-qq a{color:#33e153;text-decoration: none;}
#layer-qq .text{margin:5px 70px 15px;}
#layer-qq .text h3{color:#fff;text-align:left;font-weight: 200;}
#layer-qq .text p{font-size:15px;color:#fff;text-align:left;line-height:28px;letter-spacing: 0.5px;margin: 0 auto 10px;padding: 0;letter-spacing: 1px;}
/*#layer-qq .text h3 span{font-size: 54px; margin-right: 10px; font-family: 'Limelight', cursive;color:#fff;}*/
#layer-qq .text h3 span{font-size: 54px; margin-right: 10px;color:#fff;}
/*缩放*/
#layer-qq .h3move{
    position: absolute;
    color: #fff;
    font-size: 75px;
font-weight: 400;
letter-spacing: 15px;
padding-top: 80px;
margin: auto 120px;
opacity: 0;
}
#layer-qq .h3move span{
    transform: rotate(-90deg);
display: inline-block;
}
#layer-qq .h3move .number{
    font-size: 98px;
}
table{border-collapse:collapse;border-spacing:0}
#layer-qq.pupmove .h3move ,#layer-qq.pupmove .text , .layer-qq{-webkit-transition: all 5s; -moz-transition: all 2s; -o-transition: all 2s; transition: all 2s;}
#layer-qq .h3move{
     opacity: 0;
}
#layer-qq.pupmove{
                transform: scale(0.25) rotate(90deg);
                    left: 0px;
                    border-radius:30px;
                    width: 600px;
                    margin: -210px 0 0 -300px;
            }
#layer-qq.pupmove .qq-close{
                opacity: 0;
                width: 100%;
height: 100%;
            }            
#layer-qq.pupmove .text{
    opacity: 0;
}

#layer-qq.pupmove .h3move{
    opacity: 1;
    z-index: 10;
}