.act-openE {
  position: fixed;
  z-index: 99;
  height: 300px;
  bottom: 0;
  left: 0;
  width: 100%;
  background: url(//www-stream.2345cdn.net/s/new2345/img/mainbg1dcd9e2e54b6954108c414795283f8036.png) 50% 50% repeat;
  _display: none !important;
  -webkit-transition: all ease-in 1s;
  transition: all ease-in 1s;
  /*===close===*/
}
.act-openE .trig-link {
  height: 100%;
  width: 100%;
  position: absolute;
  bottom: 0;
  z-index: 20;
}
.act-openE .trig-link a {
  cursor: pointer;
  display: block;
  width: 100%;
  height: 100%;
}
.act-openE .trig-link .mainbg,
.act-openE .trig-link .main {
  height: 100%;
  width: 1200px;
  margin: 0 auto;
  position: absolute;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  left: 50%;
  bottom: 0;
  z-index: 20;
}
.act-openE .trig-link .mainbg .red1,
.act-openE .trig-link .mainbg .red6 {
  position: absolute;
  bottom: -90px;
  width: 56px;
  height: 78px;
  left: 0;
  z-index: 10;
  background: url(//www-stream.2345cdn.net/s/new2345/img/red5_20201209c788b3acc7cccbff5d2593f75466e827.png) 100% 100% no-repeat;
  -webkit-animation: 1.6s 1.48s openE1Red1 linear infinite;
  animation: 1.6s 1.48s openE1Red1 linear infinite;
}
.act-openE .trig-link .mainbg .red2,
.act-openE .trig-link .mainbg .red5 {
  position: absolute;
  bottom: -90px;
  width: 62px;
  height: 86px;
  left: 120px;
  z-index: 10;
  background: url(//www-stream.2345cdn.net/s/new2345/img/red618331568d864629ec82a04d559148c507c.png) 100% 100% no-repeat;
  /*//@include act-openE-red(62px, 86px, if($cfg-normalScreen, 120px, 80px), '#{$img-openE-path}red618.png');*/
  -webkit-animation: 1.6s 1.28s openE1Red2 linear infinite;
  animation: 1.6s 1.28s openE1Red2 linear infinite;
}
.act-openE .trig-link .mainbg .red3,
.act-openE .trig-link .mainbg .red8,
.act-openE .trig-link .mainbg .red10 {
  position: absolute;
  bottom: -90px;
  width: 50px;
  height: 70px;
  left: 220px;
  z-index: 10;
  background: url(//www-stream.2345cdn.net/s/new2345/img/red10_20201209cdac2c47643ca5a345b1237f25697cbe.png) 100% 100% no-repeat;
  /*//@include act-openE-red(50px, 70px, if($cfg-normalScreen, 220px, 185px), '#{$img-openE-path}red10_20201209.png');*/
  -webkit-animation: 1.6s 1.68s openE1Red1 linear infinite;
  animation: 1.6s 1.68s openE1Red1 linear infinite;
}
.act-openE .trig-link .mainbg .red4,
.act-openE .trig-link .mainbg .red7,
.act-openE .trig-link .mainbg .red9 {
  position: absolute;
  bottom: -90px;
  width: 58px;
  height: 81px;
  left: 320px;
  z-index: 10;
  background: url(//www-stream.2345cdn.net/s/new2345/img/red50_202012095527246a6d9a20b0cf42c23aa28a2457.png) 100% 100% no-repeat;
  /*//@include act-openE-red(58px, 81px, if($cfg-normalScreen, 320px, 288px), '#{$img-openE-path}red50_20201209.png');*/
  -webkit-animation: 1.6s 1.88s openE1Red2 linear infinite;
  animation: 1.6s 1.88s openE1Red2 linear infinite;
}
.act-openE .trig-link .mainbg .red5 {
  position: absolute;
  bottom: -90px;
  width: 58px;
  height: 81px;
  left: 420px;
  z-index: 10;
  background: url(//www-stream.2345cdn.net/s/new2345/img/red10_20201209cdac2c47643ca5a345b1237f25697cbe.png) 100% 100% no-repeat;
  -webkit-animation: 1.6s 1.78s openE1Red2 linear infinite;
  animation: 1.6s 1.78s openE1Red2 linear infinite;
}
.act-openE .trig-link .mainbg .red6 {
  left: 622px;
}
.act-openE .trig-link .mainbg .red7 {
  left: 749px;
}
.act-openE .trig-link .mainbg .red8 {
  left: 876px;
}
.act-openE .trig-link .mainbg .red9 {
  left: 1003px;
}
.act-openE .trig-link .mainbg .red10 {
  left: 1130px;
}
.act-openE .trig-link .main .body {
  position: absolute;
  left: 28%;
  bottom: 0;
  width: 282px;
  height: 206px;
  background: url(//www-stream.2345cdn.net/s/new2345/img/main_20201204f32fb42d67e6e30ff113c9618de80e0d.png) 100% 100% no-repeat;
  -webkit-animation: 0.24s openE1Start linear forwards;
  animation: 0.24s openE1Start linear forwards;
}
.act-openE .trig-link .main .arm {
  position: absolute;
  left: 0px;
  bottom: 37px;
  width: 174px;
  height: 140px;
  background: url(//www-stream.2345cdn.net/s/new2345/img/arm_202106043d8108a2579092385f9680262935ceef.png) 100% 100% no-repeat;
  -webkit-transform: rotate(-8deg);
  transform: rotate(-8deg);
  -webkit-transform-origin: 98% 92%;
  transform-origin: 98% 92%;
  -webkit-animation: 0.68s 1.28s openE1Arm linear infinite;
  animation: 0.68s 1.28s openE1Arm linear infinite;
}
.act-openE .trig-link .main .mouth {
  position: absolute;
  background: url(//www-stream.2345cdn.net/s/new2345/img/mouth9f1a7c21c64539fab9d9358be34062c5.png) no-repeat;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  background-position: 0 0;
  -webkit-animation: 0.24s 0.52s openE1Mouth steps(1, end) forwards, 0.24s 0.96s openE1Mouth steps(1, end) forwards;
  animation: 0.24s 0.52s openE1Mouth steps(1, end) forwards, 0.24s 0.96s openE1Mouth steps(1, end) forwards;
}
.act-openE .trig-link .main .tipbox {
  position: absolute;
  left: 285px;
  bottom: 37px;
  width: 252px;
  height: 85px;
  background: url(//www-stream.2345cdn.net/s/new2345/img/tipbox_202106045197deccace687398d5728d8913d72e1.png) 100% 100% no-repeat;
  -webkit-transform: translateX(8px);
  transform: translateX(8px);
  opacity: 0;
  -webkit-filter: opacity(0);
  filter: opacity(0);
  -webkit-animation: 0.24s 0.52s openE1TipboxShow linear forwards, 0.68s 1.28s openE1Tipbox linear infinite;
  animation: 0.24s 0.52s openE1TipboxShow linear forwards, 0.68s 1.28s openE1Tipbox linear infinite;
}
.act-openE .close {
  position: absolute;
  top: -32px;
  left: 50%;
  width: 90px;
  height: 46px;
  margin-left: 510px;
  z-index: 501;
  cursor: pointer;
  display: block !important;
}
.act-openE .close .btn {
  position: relative;
  z-index: 4;
  height: 30px;
  width: 30px;
  border: 1px solid #ff8067;
  line-height: 30px;
  background-color: #ff8067;
  border-radius: 50%;
  text-align: center;
  font-size: 30px;
  color: #FFF;
  font-family: 'Times New Roman';
}
.act-openE .close .btn:hover {
  background-color: #ff6f52;
}
.act-openE .close .text {
  position: absolute;
  top: 3px;
  right: 0;
  height: 24px;
  line-height: 24px;
  width: 51px;
  background: rgba(255, 255, 255, 0.6);
  border-radius: 12px;
  text-align: center;
  font-size: 12px;
  /*font-family: $font-yahei;*/
  border: 1px solid #ff5331;
  padding: 0 5px 0 21px;
  font-weight: bold;
  color: #ff5331;
}
.act-openE-end {
  opacity: 0;
}
@-webkit-keyframes openE1Start {
0% {
    -webkit-transform: translateY(250px);
    transform: translateY(250px);
}
100% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
}
}
@keyframes openE1Start {
0% {
    -webkit-transform: translateY(250px);
    transform: translateY(250px);
}
100% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
}
}
@-webkit-keyframes openE1Red1 {
0%,
  100% {
    opacity: 0.5;
    -webkit-transform: translateY(0px) rotate(-20deg);
    transform: translateY(0px) rotate(-20deg);
}
50% {
    opacity: 1;
    -webkit-transform: translateY(-300px) rotate(20deg);
    transform: translateY(-300px) rotate(20deg);
}
}
@keyframes openE1Red1 {
0%,
  100% {
    opacity: 0.5;
    -webkit-transform: translateY(0px) rotate(-20deg);
    transform: translateY(0px) rotate(-20deg);
}
50% {
    opacity: 1;
    -webkit-transform: translateY(-300px) rotate(20deg);
    transform: translateY(-300px) rotate(20deg);
}
}
@-webkit-keyframes openE1Red2 {
0%,
  100% {
    opacity: 0.5;
    -webkit-filter: opacity(50);
    filter: opacity(50);
    -webkit-transform: translateY(0px) rotate(20deg);
    transform: translateY(0px) rotate(20deg);
}
50% {
    opacity: 1;
    -webkit-filter: opacity(100);
    filter: opacity(100);
    -webkit-transform: translateY(-300px) rotate(-20deg);
    transform: translateY(-300px) rotate(-20deg);
}
}
@keyframes openE1Red2 {
0%,
  100% {
    opacity: 0.5;
    -webkit-filter: opacity(50);
    filter: opacity(50);
    -webkit-transform: translateY(0px) rotate(20deg);
    transform: translateY(0px) rotate(20deg);
}
50% {
    opacity: 1;
    -webkit-filter: opacity(100);
    filter: opacity(100);
    -webkit-transform: translateY(-300px) rotate(-20deg);
    transform: translateY(-300px) rotate(-20deg);
}
}
@-webkit-keyframes openE1Arm {
0%,
  100% {
    -webkit-transform: rotate(-8deg);
    transform: rotate(-8deg);
}
50% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
}
}
@keyframes openE1Arm {
0%,
  100% {
    -webkit-transform: rotate(-8deg);
    transform: rotate(-8deg);
}
50% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
}
}
@-webkit-keyframes openE1Tipbox {
0%,
  100% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
}
50% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}
}
@keyframes openE1Tipbox {
0%,
  100% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
}
50% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}
}
@-webkit-keyframes openE1TipboxShow {
0% {
    opacity: 0;
    -webkit-filter: opacity(0);
    filter: opacity(0);
}
100% {
    opacity: 1;
    -webkit-filter: opacity(100);
    filter: opacity(100);
}
}
@keyframes openE1TipboxShow {
0% {
    opacity: 0;
    -webkit-filter: opacity(0);
    filter: opacity(0);
}
100% {
    opacity: 1;
    -webkit-filter: opacity(100);
    filter: opacity(100);
}
}
@-webkit-keyframes openE1Mouth {
0%,
  50% {
    background-position: 0 -206px;
}
25% {
    background-position: 0 -412px;
}
100% {
    background-position: 0 0;
}
}
@keyframes openE1Mouth {
0%,
  50% {
    background-position: 0 -206px;
}
25% {
    background-position: 0 -412px;
}
100% {
    background-position: 0 0;
}
}
.ie9 .act-openE .trig-link .main .tipbox {
  opacity: 1;
  -webkit-filter: opacity(100);
  filter: opacity(100);
}
@media screen and (max-width: 1440px) {
.act-openE {
    /*===close===*/
}
.act-openE .trig-link .mainbg,
  .act-openE .trig-link .main {
    width: 1000px;
}
.act-openE .trig-link .mainbg .red8 {
    left: 835px;
}
.act-openE .trig-link .mainbg .red9 {
    left: 905px;
}
.act-openE .trig-link .mainbg .red10 {
    left: 1007px;
}
.act-openE .close {
    margin-left: 451px;
}
}