@charset "utf-8";

/* teach-model-double.css */
.teach-model-double{color:#666;background-color:#f6f7ff;padding-bottom: 118px;}
.teach-model-double .has-bg{background-repeat:no-repeat;background-position:center;background-size: 100% 100%;text-align: center;width: 100%;display: block;position: relative;}
.teach-model-double .flex-box {display: flex;justify-content: center;flex-direction: row;flex-wrap: nowrap;align-items: center;}
.teach-model-double .hidden-el {display: none;}
.teach-model-double .more-btn {cursor: pointer;}
.teach-model-double .more-btn img {width:100%;}
.teach-model-double .reserve-btn {cursor: pointer;}
.teach-model-double .reserve-btn img {width:100%;}
.teach-model-double .sub-title{font-size: 26px;font-weight: 400;color: #333333;line-height: 33px;background-size: 100% 40%;background-repeat: no-repeat;background-position: center;}
@media (min-width:768px){
  .teach-model-double .sub-title{font-size: 14px;}
}
@media (min-width:992px){
  .teach-model-double .sub-title{font-size: 20px;}
}
@media (min-width:1500px){
  .teach-model-double .sub-title{font-size: 26px;}
}
.teach-model-double .inview-container { visibility: hidden; }
.teach-model-double .inview-container.visible {visibility: visible;}

/* part01 */
.teach-model-double .tm-c1 {padding-bottom: 12%;z-index: 1;background-image: url("https://assets-cdn.lanqb.com/imgv3/double-teach-model/part1_bg.png?imageView2/2/w/1600");}
.teach-model-double .tm-c1 .main{position: relative;width: 100%;z-index: 1;}
.teach-model-double .tm-c1 .main img {width: 48.5%;height: auto;}
.teach-model-double .tm-c1 .main .line{width: 58%;height: auto;z-index: 3;position: absolute;bottom: 15%;left: 15%;}
.teach-model-double .tm-c1 .arrow{width: 100%;height: auto;position: absolute;left: 0;bottom: 32%;-webkit-animation-delay:.85s;animation-delay:.85s}
.teach-model-double .tm-c1 .title{width: 100%;height: auto;z-index: 2;position: absolute;left: 0;bottom: 0;}

/* part02 */
.teach-model-double .tm-c2 {margin-top: -8%;padding:8% 0;background-image: url("https://assets-cdn.lanqb.com/imgv3/double-teach-model/part2_bg.png?imageView2/2/w/1600");}
.teach-model-double .tm-c2 .title {width: 34%;display: inline-block;margin-bottom: 2%;}
.teach-model-double .tm-c2 .model-card {z-index: 1;position: relative;}
.teach-model-double .tm-c2 .model-card .add-icon{font-size: 80px;padding: 0 4%;color: #fff;}
.teach-model-double .tm-c2 .model-card .card {width: 21%;display: inline-block;vertical-align: top;}
.teach-model-double .tm-c2 .model-card .float-line {position: absolute;top: 20%;width: 74%;}
@media (min-width:768px){
  .teach-model-double .tm-c2 .model-card .add-icon {font-size: 50px;}
}
@media (min-width:992px){
  .teach-model-double .tm-c2 .model-card .add-icon {font-size: 65px;}
}
@media (min-width:1200px){
  .teach-model-double .tm-c2 .model-card .add-icon {font-size: 80px;}
}

/* part03 */
.teach-model-double .tm-c3 {margin-top: -20%;padding:20% 0 8% 0;background-image: url("https://assets-cdn.lanqb.com/imgv3/double-teach-model/part3_bg.png?imageView2/2/w/1600");}
.teach-model-double .tm-c3 .title {width: 25%;display: inline-block;}
.teach-model-double .tm-c3 .sub-title{padding: 14px 0 36px 0;}
.teach-model-double .tm-c3 .teach-card {position: relative;margin: 0 auto;min-height: 400px;overflow-y: hidden;}
.teach-model-double .tm-c3 .teach-card .left-menu {width: 207px;z-index: 1;}
.teach-model-double .tm-c3 .teach-card .left-menu .menu-item {cursor: pointer;position: relative;height: 61px;margin-bottom: 30px;background-image: url("https://assets-cdn.lanqb.com/imgv3/double-teach-model/part3_card_btn0.png");background-size: 100% 100%;}
.teach-model-double .tm-c3 .teach-card .left-menu .menu-item.active {background-image: url("https://assets-cdn.lanqb.com/imgv3/double-teach-model/part3_card_btn1.png");}
.teach-model-double .tm-c3 .teach-card .left-menu .menu-item .avatar {position: absolute;width: 72px;left: -27px;top: -6px;}
.teach-model-double .tm-c3 .teach-card .left-menu .menu-item .name {height: 28px;margin: 15px 0 0 26px;}
.teach-model-double .tm-c3 .teach-card .middle-work {width: 48%;min-width: 650px;vertical-align: top;margin: 0 0 0 -140px;position: relative;align-self: start;}
.teach-model-double .tm-c3 .teach-card .middle-work .work-item.active {position:relative;opacity: 1;height:auto;transform: translate3d(0,0,0);transition: all .7s cubic-bezier(1,0,0,1);}
.teach-model-double .tm-c3 .teach-card .middle-work .work-item.activetemp {transform: translate3d(0,-10%,0);transition:all .2s ease-in;}
.teach-model-double .tm-c3 .teach-card .middle-work .work-item {width: 100%;position: absolute;top: 0;opacity: 0;transform: translate3d(0,-100%,0);padding: 42px 26px;background-image: url("https://assets-cdn.lanqb.com/imgv3/double-teach-model/part3_card_bg2.png");background-size: 100% 100%;}
.teach-model-double .tm-c3 .teach-card .middle-work .work-item img {width: 100%;}
.teach-model-double .tm-c3 .teach-card .right-desc {margin-top: 2%;min-width: 200px;width: 20%;margin-left: -4%;position: relative;z-index: 1;align-self: start;}
.teach-model-double .tm-c3 .teach-card .right-desc .desc-card {position: absolute;top: 0;opacity: 0;transform: translate3d(0,100%,0);padding: 15% 17%;background-image: url("https://assets-cdn.lanqb.com/imgv3/double-teach-model/part3_card_bg1.png");background-size: 100% 100%;}
.teach-model-double .tm-c3 .teach-card .right-desc .desc-card.active {position: relative;opacity: 1;transform: translate3d(0,0,0);transition:all .7s cubic-bezier(1,0,0,1);}
.teach-model-double .tm-c3 .teach-card .right-desc .desc-card.activetemp{transform: translate3d(0,10%,0);transition:all .2s ease-in;}
.teach-model-double .tm-c3 .teach-card .right-desc .desc-card .name {font-size: 40px;white-space: nowrap;font-weight: bold;color: #000000;padding-bottom: 10px;}
.teach-model-double .tm-c3 .teach-card .right-desc .desc-card .tag{white-space: nowrap;position: relative;overflow: hidden;display: inline;}
/* .teach-model-double .tm-c3 .teach-card .right-desc .desc-card .tag::before{content: '';position: absolute;left: 0;width: 0;height: 0;border-top: 28px solid transparent;border-right: 10px solid #000;border-bottom: 0;} */
.teach-model-double .tm-c3 .teach-card .right-desc .desc-card .tag span{font-size: 20px;display: inline-block;font-weight: 400;color: #FFFFFF;background: #000;line-height: 28px;padding: 0 27px;}
.teach-model-double .tm-c3 .teach-card .right-desc .desc-card .desc{font-size: 20px;line-height: 30px;margin-top: 12%;text-align: left;font-weight: 400;color: #000000;}
.teach-model-double .tm-c3 .more-btn{width: 18%;margin: 2% auto;}
@media (min-width:768px){
  .teach-model-double .tm-c3 .teach-card .right-desc .desc-card .name{font-size: 30px;}
  .teach-model-double .tm-c3 .teach-card .right-desc .desc-card .tag span{font-size: 15px;}
  .teach-model-double .tm-c3 .teach-card .right-desc .desc-card .desc{font-size: 12px;line-height: 22px;}
}
@media (min-width:992px){
  .teach-model-double .tm-c3 .teach-card .right-desc .desc-card .name{font-size: 32px;}
  .teach-model-double .tm-c3 .teach-card .right-desc .desc-card .tag span{font-size: 15px;}
  .teach-model-double .tm-c3 .teach-card .right-desc .desc-card .desc{font-size: 15px;line-height: 25px;}
}
@media (min-width:1500px){
  .teach-model-double .tm-c3 .teach-card .right-desc .desc-card .name{font-size: 40px;}
  .teach-model-double .tm-c3 .teach-card .right-desc .desc-card .tag span{font-size: 20px;}
  .teach-model-double .tm-c3 .teach-card .right-desc .desc-card .desc{font-size: 20px;line-height: 30px;}
}

/* part04 */
.teach-model-double .tm-c4 {margin-top: -14%;position: static;padding:11% 0 16% 0;background-image: url("https://assets-cdn.lanqb.com/imgv3/double-teach-model/part4_bg.png?imageView2/2/w/1600");}
.teach-model-double .tm-c4 .title {width: 19%;display: block;margin: auto;}
.teach-model-double .tm-c4 .sub-title{display: inline-block;color: #FEFCFB;margin: 10px 0 60px 0;padding: 0 96px;background-image: url("https://assets-cdn.lanqb.com/imgv3/double-teach-model/part4_title_bg.png");}
.teach-model-double .tm-c4 .card-box {text-align: center;}
.teach-model-double .tm-c4 .card-item{width: 551px;margin:14px 33px;padding: 47px 37px 33px 21px;display: inline-block;vertical-align: top;position: relative;background-image: url("https://assets-cdn.lanqb.com/imgv3/double-teach-model/part4_card_bg.png");background-size: 100% 100%;}
.teach-model-double .tm-c4 .left-work{width: 40%;float: left;vertical-align: top;background-image: url("https://assets-cdn.lanqb.com/imgv3/double-teach-model/part4_card_bg1.png");background-size: 100% 100%;padding: 2px 9px 2px 1px;}
.teach-model-double .tm-c4 .left-work img {width: 100%;}
.teach-model-double .tm-c4 .right-desc {width: 55%;float: right;vertical-align: top;text-align: left;}
.teach-model-double .tm-c4 .right-desc .teach-name{font-size: 26px;margin-bottom:19px;padding: 0 0 11px 0;border-bottom: 2px solid #000;text-align: left;font-weight: bold;color: #333333;}
.teach-model-double .tm-c4 .right-desc .teach-name img{width: 20%;margin-right: 12px;}
.teach-model-double .tm-c4 .right-desc span {font-size: 16px;line-height: 24px;text-align: left;font-weight: 400;color: #333333;}
.teach-model-double .tm-c4 .right-desc .reserve-btn {font-size: 18px;padding: 12px 28px 6px;display: inline-block;position: absolute;right: 37px;bottom: 33px;cursor: pointer;font-weight: 400;color: #FFFFFF;background-image: url("https://assets-cdn.lanqb.com/imgv3/double-teach-model/part4_card_btn_bg.png");background-size: 100% 100%;}
@media (min-width:1120px){
  .teach-model-double .tm-c4 .card-item{width: 510px;margin:10px 22px;padding: 37.6px 29.6px 26.4px 16.8px}
  .teach-model-double .tm-c4 .right-desc .teach-name {font-size: 22px;margin-bottom:12px;}
  .teach-model-double .tm-c4 .right-desc .teach-name img{width: 18%;}
  .teach-model-double .tm-c4 .right-desc span {font-size: 14px;line-height: 22px;}
  .teach-model-double .tm-c4 .right-desc .reserve-btn{font-size: 16px;}
}
@media (min-width:1450px){
  .teach-model-double .tm-c4 .card-item{width: 551px;margin:14px 33px;padding: 47px 37px 33px 21px;}
  .teach-model-double .tm-c4 .right-desc .teach-name {font-size: 26px;margin-bottom:19px;}
  .teach-model-double .tm-c4 .right-desc .teach-name img{width: 20%;}
  .teach-model-double .tm-c4 .right-desc span {font-size: 16px;line-height: 24px;}
  .teach-model-double .tm-c4 .right-desc .reserve-btn{font-size: 18px;}
}

/* part05 */
/* 模块4的更多按钮 */
.teach-model-double .tm-c5 .more-btn{width: 18%;margin: 0 auto 5%;}
.teach-model-double .tm-c5 .reserve-btn{width: 19%;margin: 0 auto;}
.teach-model-double .tm-c5 {margin-top: -19%;padding:6% 0 12% 0;background-image: url("https://assets-cdn.lanqb.com/imgv3/double-teach-model/part5_bg.png?imageView2/2/w/1600");}
.teach-model-double .tm-c5 .title {width: 40%;display: block;margin: auto;}
/* 约课模块 */
.teach-model-double .tm-c5 .card-box {padding: 41px 0 0 0;}
.teach-model-double .tm-c5 .card-box .oscpub9-item{background-color:unset;border-radius: 0;}
.teach-model-double .tm-c5 .card-box .oscpub9-item .icon{background-size: auto 100%;}
.teach-model-double .tm-c5 .card-box .oscpub9-item .icon.e1{background-image: url('https://assets-cdn.lanqb.com/imgv3/double-teach-model/part5_icon_1.png');}
.teach-model-double .tm-c5 .card-box .oscpub9-item .icon.e2{background-image: url('https://assets-cdn.lanqb.com/imgv3/double-teach-model/part5_icon_2.png');}
.teach-model-double .tm-c5 .card-box .oscpub9-item .icon.e3{background-image: url('https://assets-cdn.lanqb.com/imgv3/double-teach-model/part5_icon_3.png');}
.teach-model-double .tm-c5 .card-box .oscpub9-item .icon.e4{background-size: 100% auto;background-image: url('https://assets-cdn.lanqb.com/imgv3/double-teach-model/part5_icon_4.png');}
.teach-model-double .tm-c5 .card-box .oscpub9-item .icon.e5{background-image: url('https://assets-cdn.lanqb.com/imgv3/double-teach-model/part5_icon_5.png');}
.teach-model-double .tm-c5 .card-box .oscpub9-item.active {background: #FFFFFF;border-color: #FF9600; }
.teach-model-double .tm-c5 .card-box .oscpub9-text {color: #FF9600;}
.teach-model-double .tm-c5 .card-box .oscpub9-list{padding: 0 20px;margin-bottom:12px}
.teach-model-double .tm-c5 .card-box .container .swiper-slide{padding: 10px;background-image: url("https://assets-cdn.lanqb.com/imgv3/double-teach-model/part5_card_bg.png");background-size: 100% 100%;}
.teach-model-double .tm-c5 .card-box .container .oscpub9-swiper-con {border: 3px solid #000;border-radius: 4px;}
.teach-model-double .tm-c5 .card-box .container .oscpub9-swiper-con::before{width: 70px;height: 50px;border: 3px solid #000;}

@media (min-width:768px){
  .teach-model-double .tm-c5 .card-box .container .swiper-slide{padding: 7px;}
  .teach-model-double .tm-c5 .card-box .container .oscpub9-swiper-con.c1::before{left: 35px;}
  .teach-model-double .tm-c5 .card-box .container .oscpub9-swiper-con.c2::before{left: 180px;}
  .teach-model-double .tm-c5 .card-box .container .oscpub9-swiper-con.c3::before{left: 325px;}
  .teach-model-double .tm-c5 .card-box .container .oscpub9-swiper-con.c4::before{left: 470px;}
  .teach-model-double .tm-c5 .card-box .container .oscpub9-swiper-con.c5::before{left: 615px;}
}
@media (min-width:992px){
  .teach-model-double .tm-c5 .card-box .container .oscpub9-swiper-con.c1::before{left: 60px;}
  .teach-model-double .tm-c5 .card-box .container .oscpub9-swiper-con.c2::before{left: 300px;}
  .teach-model-double .tm-c5 .card-box .container .oscpub9-swiper-con.c3::before{left: 545px;}
  .teach-model-double .tm-c5 .card-box .container .oscpub9-swiper-con.c4::before{left: 786px;}
  .teach-model-double .tm-c5 .card-box .container .oscpub9-swiper-con.c5::before{left: 1030px;}
}

/* part06 */
.teach-model-double .tm-c6 {margin-top: -14%;position: static;padding:11% 0 12% 0;background-image: url("https://assets-cdn.lanqb.com/imgv3/double-teach-model/part6_bg.png?imageView2/2/w/1600");}
.teach-model-double .tm-c6 .title {width: 47%;display: block;margin: auto;}
 .teach-model-double .tm-c6 .sub-title{display: inline-block;color: #FEFCFB;margin: 0.5% 0 3%;padding: 0 96px;background-image: url("https://assets-cdn.lanqb.com/imgv3/double-teach-model/part4_title_bg.png");}
.teach-model-double .tm-c6 .video-con {z-index: 1;width: 53%;min-height: 320px;position: relative;margin: 0 auto;padding: 22px 19px 20px 42px;background-image: url("https://assets-cdn.lanqb.com/imgv3/double-teach-model/part6_bg3.png");background-size: 100% 100%;}
.teach-model-double .tm-c6 .video-con .tm6-video .pv-video-player{max-width: 100%;}
.teach-model-double .tm-c6 .video-con .tm6-video .pv-cover .pv-icon-btn-play.pv-iconfont::before{position: absolute;top: 0;left: 0;content: '';width: 100%;height: 109%;background: url('https://assets-cdn.lanqb.com/imgv3/double-teach-model/part6_icon_video.png');background-size: 100% 100%;}
.teach-model-double .tm-c6 .decoration{position: absolute;right: -14%;top: -60px;width: 12.5%;height: auto;}


/* part07 */
.teach-model-double .tm-c7 {margin-top: -20%;padding:17% 0 5% 0;background-image: url("https://assets-cdn.lanqb.com/imgv3/double-teach-model/part7_bg.png?imageView2/2/w/1600");}
.teach-model-double .tm-c7 .title {width: 19%;display: inline-block;}
.teach-model-double .tm-c7 .sub-title{margin: 1% 0 3%;}
.teach-model-double .tm-c7 .more-btn{width: 18.3%;margin: 5% auto;}

.teach-model-double .tm-c7 .wroks-wall {position: relative;text-align: left;max-width:1920px;width: 100%;margin-right:auto;margin-left:auto;font-size: 0px;}
.teach-model-double .tm-c7 .wroks-wall .work-img{width: 100%;height: 100%;object-fit: cover;}
.teach-model-double .tm-c7 .wroks-wall .work-item {display: block;position: relative;}
.teach-model-double .tm-c7 .wroks-wall .work-item .info {position: absolute;top: 0;width: 100%;height: 100%;text-align: center;background-color: rgba(0, 0, 0, .5);opacity: 0;visibility: hidden;transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-webkit-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;-webkit-text-decoration-skip: objects;text-decoration-skip: objects;cursor: pointer;z-index: 5;}
.teach-model-double .tm-c7 .wroks-wall .work-item .info h3 {position: absolute;top: 50%;left: 50%;transform: translate3d(-50%, -50%, 0);-ms-transform: translate3d(-50%, -50%, 0);-moz-transform: translate3d(-50%, -50%, 0);-webkit-transform: translate3d(-50%, -50%, 0);-o-transform: translate3d(-50%, -50%, 0);color: #fff;font-size: 12px;}
.teach-model-double .tm-c7 .wroks-wall .work-item .info em {display: block;width: 22px;height: 24px;margin-right: auto;margin-left: auto;overflow: hidden;text-indent: -9999px;background: url("https://assets-cdn.lanqb.com/onschool/course/c3-icon.png") no-repeat 50%;background-size: 100% 100%}
.teach-model-double .tm-c7 .wroks-wall .work-item .info span {display: block;margin-top: 11px}
.teach-model-double .tm-c7 .wroks-wall .work-item:hover .info {opacity: 1;visibility: inherit}
.teach-model-double .tm-c7 .wroks-wall .work-item0 {width: 22%;}
.teach-model-double .tm-c7 .wroks-wall .work-item1 {width: 22%;height: 33.3333%;position: absolute;top: 0;left: 22%;}
.teach-model-double .tm-c7 .wroks-wall .work-item2 {width: 22%;height: 33.3333%;position: absolute;top: 0;left: 44%;}
.teach-model-double .tm-c7 .wroks-wall .work-item3 {width: 34%;height: 33.3333%;position: absolute;top: 0;left: 66%;}
.teach-model-double .tm-c7 .wroks-wall .work-item4 {width: 34%;height: 33.3333%;position: absolute;top: 33.3333%;left: 22%;}
.teach-model-double .tm-c7 .wroks-wall .work-item5 {width: 22%;height: 33.3333%;position: absolute;top: 33.3333%;left: 56%;}
.teach-model-double .tm-c7 .wroks-wall .work-item6 {width: 22%;height: 33.3333%;position: absolute;top: 33.3333%;left: 78%;}
.teach-model-double .tm-c7 .wroks-wall .work-item7 {width: 22%;}
.teach-model-double .tm-c7 .wroks-wall .work-item8 {width: 22%;height: 33.3333%;position: absolute;top: 66.6666%;left: 22%;}
.teach-model-double .tm-c7 .wroks-wall .work-item9 {width: 22%;height: 33.3333%;position: absolute;top: 66.6666%;left: 44%;}
.teach-model-double .tm-c7 .wroks-wall .work-item10 {width: 34%;height: 33.3333%;position: absolute;top: 66.6666%;left: 66%;}

/* part08 */
.teach-model-double .tm-c8 {margin-top: -7%;position: relative;}
.teach-model-double .tm-c8 .c8-bg{width: 100%;height: auto;}
.teach-model-double .tm-c8 .title{position: absolute;bottom: 36%;left: 48%;width: 35.5%;}
.teach-model-double .tm-c8 .reserve-btn{position: absolute;bottom: 10%;left: 50%;width: 18.4%;margin: 0 auto;}


.aniInLeft{-webkit-animation-name:aniInLeft;animation-name:aniInLeft}
.aniInRight{-webkit-animation-name:aniInRight;animation-name:aniInRight}
.aniInUp{-webkit-animation-name:aniInUp;animation-name:aniInUp}
.aniInDown{-webkit-animation-name:aniInDown;animation-name:aniInDown}
.aniUpdown{-webkit-animation:aniUpdown 1.3s ease-in-out alternate infinite;animation:aniUpdown 1.3s ease-in-out alternate infinite}
.delay-1{-webkit-animation-delay:.5s;animation-delay:.5s}
.delay-2{-webkit-animation-delay:1s;animation-delay:1s}
.delay-3{-webkit-animation-delay:1.5s;animation-delay:1.5s}
.delay-4{-webkit-animation-delay:2s;animation-delay:2s}
.delay-5{-webkit-animation-delay:2.5s;animation-delay:2.5s}
.delay-6{-webkit-animation-delay:3s;animation-delay:3s}
.delay-7{-webkit-animation-delay:3.5s;animation-delay:3.5s}
.delay-8{-webkit-animation-delay:4s;animation-delay:4s}
.delay-9{-webkit-animation-delay:4.5s;animation-delay:4.5s}
.delay-10{-webkit-animation-delay:5s;animation-delay:5s}
@-webkit-keyframes aniInLeft{
  from{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}
  to{-webkit-transform:translateX(0);transform:translateX(0)}
}
@keyframes aniInLeft{
  from{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}
  to{-webkit-transform:translateX(0);transform:translateX(0)}
}
@-webkit-keyframes aniInRight{
  from{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}
  to{-webkit-transform:translateX(0);transform:translateX(0)}
}
@keyframes aniInRight{
  from{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}
  to{-webkit-transform:translateX(0);transform:translateX(0)}
}
@-webkit-keyframes aniInUp{
  from{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}
  to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes aniInUp{
  from{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}
  to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
}
@-webkit-keyframes aniInDown{
  from{opacity:0;-webkit-transform:translateY(-50px);transform:translateY(-50px)}
  to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes aniInDown{
  from{opacity:0;-webkit-transform:translateY(-50px);transform:translateY(-50px)}
  to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes aniUpdown{
  from{transform:translate(0,0)}
  to{transform:translate(0,8px)}
}
@-webkit-keyframes aniUpdown{
  from{transform:translate(0,0)}
  to{transform:translate(0,8px)}
}