body.show a,
body.show .transition,
body.show .g-head a.navA i,
.g-head a.navA body.show i,
body.show .g-nav,
body.show .g-nav li:hover .list,
.g-nav li:hover body.show .list,
body.show .index .imgs li,
.index .imgs body.show li,
body.show .index .btns li,
.index .btns body.show li,
body.show .index .btns li .name,
.index .btns li body.show .name,
body.show .index .btns li .name b,
.index .btns li .name body.show b,
body.show .index-tips,
body.show .index-imgs,
body.show .index-imgs-btn,
body.show .blessing .btn,
.blessing body.show .btn,
body.show .blessing-layer,
body.show .blessing-layer .list-wrapper li .name,
.blessing-layer .list-wrapper li body.show .name,
body.show .blessing-layer .btns .btn-1,
.blessing-layer .btns body.show .btn-1,
body.show .blessing-layer .btns .btn-2,
.blessing-layer .btns body.show .btn-2,
body.show .blessing-layer .ewm-layer,
.blessing-layer body.show .ewm-layer,
body.show .memorabilia-layer,
body.show .videos .list li .layer,
.videos .list li body.show .layer,
body.show .blessing2 .page-1,
.blessing2 body.show .page-1,
body.show .blessing2 .page-2,
.blessing2 body.show .page-2,
body.show .blessing2 .page-3,
.blessing2 body.show .page-3,
body.show .blessing2 .page-3 .msg,
.blessing2 .page-3 body.show .msg,
body.show .blessing2 .page-3 .msg2,
.blessing2 .page-3 body.show .msg2,
body.show :before,
body.show :after,
body.show img {
  transition        : All 0.5s ease;
  -webkit-transition: All 0.5s ease;
  -moz-transition   : All 0.5s ease;
  -o-transition     : All 0.5s ease;
}

.ellipsis {
  overflow     : hidden;
  white-space  : nowrap;
  text-overflow: ellipsis;
}

.flex,
.g-nav li.language,
.blessing-layer .btns,
.memorabilia-layer .container .imgs .dots,
.page .page-title,
.page .page-more,
.page .dots,
.blessing2 .page-1 .tips-layer,
.blessing2 .page-1 .tips-layer .container .btn,
.blessing2 .page-2 .msg, 
.blessing2 .page-2 .list li,
.blessing2 .page-3 .msg,
.blessing2 .page-3 .msg2,
.blessing2 .page-4 .layer {
  display: flex;
  display: -webkit-flex;
  display: -ms-flex;
}

.flexColumn,
.blessing .btn .name,
.blessing-layer,
.blessing-layer .list-wrapper li .name,
.blessing-layer .ewm-layer,
.memorabilia-layer,
.page,
.videos .list li .layer,
.xiaoyou .list dd a .container,
.blessing2 .page-1 .loading,
.blessing2 .page-2 {
  display               : flex;
  display               : -webkit-flex;
  display               : -ms-flex;
  flex-direction        : column;
  -webkit-flex-direction: column;
  -ms-flex-direction    : column;
}

.itemsCenter,
.blessing .btn .name,
.blessing-layer,
.blessing-layer .list-wrapper li .name,
.blessing-layer .ewm-layer,
.memorabilia-layer,
.page,
.blessing2 .page-1 .tips-layer,
.blessing2 .page-1 .loading,
.blessing2 .page-2,
.blessing2 .page-2 .msg, 
.blessing2 .page-3 .msg,
.blessing2 .page-3 .msg2,
.blessing2 .page-4 .layer {
  align-items        : center;
  -webkit-align-items: center;
}

.flexAround {
  justify-content        : space-around;
  -webkit-justify-content: space-around;
}

.flexBetween,
.blessing-layer .btns,
.memorabilia-layer .container {
  justify-content        : space-between;
  -webkit-justify-content: space-between;
}

.justifyCenter,
.blessing .btn .name,
.blessing-layer,
.blessing-layer .list-wrapper li .name,
.blessing-layer .ewm-layer,
.memorabilia-layer,
.memorabilia-layer .container .title,
.memorabilia-layer .container .imgs .dots,
.page,
.page .page-title,
.page .page-more,
.page .dots,
.blessing2 .page-1 .tips-layer,
.blessing2 .page-1 .loading,
.blessing2 .page-2,
.blessing2 .page-2 .list li,
.blessing2 .page-3 .msg,
.blessing2 .page-3 .msg2,
.blessing2 .page-4 .layer {
  justify-content        : center;
  -webkit-justify-content: center;
}

.flexWrap,
.memorabilia-layer .container,
.memorabilia-layer .container .title,
.hexin .list dl,
.xiaoyou .list dl {
  display          : flex;
  display          : -webkit-flex;
  display          : -ms-flex;
  flex-wrap        : wrap;
  -webkit-flex-wrap: wrap;
}

.bsBox {
  box-sizing: content-box;
}

.pageTips {
  position  : fixed;
  z-index   : 1000;
  left      : 0;
  top       : 0;
  width     : 100%;
  height    : 100%;
  background: #000 url("../images/wish/bg.png");
}

.pageTips .container {
  color      : #fff;
  position   : absolute;
  left       : 50%;
  top        : 50%;
  width      : 630px;
  margin-left: -315px;
  margin-top : -160px;
}

.pageTips .container a.close {
  display   : block;
  width     : 50px;
  height    : 50px;
  position  : absolute;
  z-index   : 1;
  left      : auto;
  right     : -15px;
  top       : 40px;
  bottom    : auto;
  background: url("../images/wish/close.png") center no-repeat;
}

.pageTips .container .img {
  text-align: center;
}

.pageTips .container .msg {
  font-size  : 18px;
  line-height: 36px;
  padding-top: 30px;
}

.pageTips .container a {
  color          : #fff;
  text-decoration: underline;
}

/*
.p-layer{position: fixed; z-index: 100; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, .5); opacity: 0; visibility: hidden; @extend .flex; @extend .itemsCenter; @extend .justifyCenter;
  &.show{opacity: 1; visibility: visible}
}
*/
* {
  margin            : 0;
  padding           : 0;
  box-sizing        : border-box;
  -moz-box-sizing   : border-box;
  -webkit-box-sizing: border-box;
}

 
 


a:link {
  text-decoration: none;
  outline        : none;
}

a:visited {
  text-decoration: none;
  outline        : none;
}
 
li {
  list-style: outside none;
}

 
 
 

em {
  font-style: normal;
}

img {
  vertical-align: middle;
  max-width     : 100%;
  border        : 0;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.clear {
  clear   : both;
  height  : 0;
  display : block;
  _display: inherit;
}

.h10 {
  height  : 0.1rem;
  overflow: hidden;
  clear   : both;
}

.h50 {
  height  : 1px;
  overflow: hidden;
  clear   : both;
}

.wal {
  max-width: 12rem;
  margin   : 0 auto;
}

.phone-show {
  display: none;
}

@keyframes scaleAnim {
  0% {
    transform: scale(0);
    opacity  : 1;
  }

  50% {
    transform: scale(0.7);
    opacity  : .5;
  }

  100% {
    transform: scale(1);
    opacity  : 0;
  }
}

@-webkit-keyframes scaleAnim {
  0% {
    transform: scale(0);
    opacity  : 1;
  }

  50% {
    transform: scale(0.7);
    opacity  : .5;
  }

  100% {
    transform: scale(1);
    opacity  : 0;
  }
}

@keyframes scaleAnim2 {
  0% {
    transform: scale(0.3);
    opacity  : 0;
  }

  50% {
    transform: scale(0.7);
    opacity  : .15;
  }

  100% {
    transform: scale(1);
    opacity  : 0;
  }
}

@-webkit-keyframes scaleAnim2 {
  0% {
    transform: scale(0.3);
    opacity  : 0;
  }

  50% {
    transform: scale(0.7);
    opacity  : .15;
  }

  100% {
    transform: scale(1);
    opacity  : 0;
  }
}

@keyframes scaleAnim3 {
  0% {
    transform: scale(0);
    opacity  : 1;
  }

  50% {
    transform: scale(0.3);
    opacity  : 1;
  }

  100% {
    transform: scale(1);
    opacity  : 0;
  }
}

@-webkit-keyframes scaleAnim3 {
  0% {
    transform: scale(0);
    opacity  : 1;
  }

  50% {
    transform: scale(0.3);
    opacity  : 1;
  }

  100% {
    transform: scale(1);
    opacity  : 0;
  }
}

@keyframes rotateAnim3 {
  0% {
    transform: rotate(0deg);
  }

  25% {
    transform: rotate(7deg);
  }

  50% {
    transform: rotate(0deg);
  }

  75% {
    transform: rotate(-7deg);
  }

  100% {
    transform: rotate(0deg);
  }
}

@-webkit-keyframes rotateAnim3 {
  0% {
    -webkit-transform: rotate(0deg);
  }

  25% {
    -webkit-transform: rotate(7deg);
  }

  50% {
    -webkit-transform: rotate(0deg);
  }

  75% {
    -webkit-transform: rotate(-7deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
  }
}



/*-------------------------*/
.g-headD {
  height: 1.06rem;
}

.g-head {
  position: fixed;
  z-index : 50;
  left    : 0;
  top     : 0;
  width   : 100%;
}

.g-head .wal {
  min-height: 1.06rem;
  position  : relative;
  max-width : 100%;
  margin    : 0 .5rem;
}

 

.g-head .language {
  display    : block;
  position   : absolute;
  z-index    : 1;
  left       : auto;
  right      : 0.9rem;
  top        : 0;
  bottom     : auto;
  color      : #6b0e7a;
  line-height: 1.06rem;
  font-size  : .2rem;
}

.g-head .language:after {
  content   : "";
  display   : block;
  position  : absolute;
  top       : 50%;
  right     : -.2rem;
  width     : 1px;
  height    : .18rem;
  margin-top: -.09rem;
  background: #ddd;
}

.g-head a.navA {
  display : block;
  width   : .78rem;
  height  : .78rem;
  position: absolute;
  z-index : 1;
  left    : auto;
  right   : -0.17rem;
  top     : 0.16rem;
  bottom  : auto;
}

.g-head a.navA i {
  display        : block;
  position       : absolute;
  z-index        : 1;
  left           : 0;
  right          : 0;
  top            : 0;
  bottom         : 0;
  background     : url("../images/wish/nava.png") center no-repeat;
  background-size: .78rem;
}

 

.g-head a.navA.on:before,
.g-head a.navA.on:after {
  content              : "";
  display              : block;
  position             : absolute;
  left                 : 50%;
  top                  : 50%;
  width                : .78rem;
  height               : .78rem;
  margin-left          : -.39rem;
  margin-top           : -.39rem;
  background           : #6b0e7a;
  -moz-border-radius   : 50%;
  -webkit-border-radius: 50%;
  border-radius        : 50%;
  opacity              : 0;
  animation            : scaleAnim2 1.6s infinite linear;
  -webkit-animation    : scaleAnim2 1.6s infinite linear;
}

.g-head a.navA.on:before {
  animation-delay        : -.8s;
  -webkit-animation-delay: -.8s;
}

.page-head {
  box-shadow        : 0 0 0.46rem 0 rgba(0, 0, 0, 0.22);
  -webkit-box-shadow: 0 0 0.46rem 0 rgba(0, 0, 0, 0.22);
  -moz-box-shadow   : 0 0 0.46rem 0 rgba(0, 0, 0, 0.22);
  background        : #fff;
}

.page-head .wal {
  min-height: .6rem;
  margin    : 0 .2rem;
}

.page-head a.logo {
  width           : 1.57rem;
  background-image: url("../images/wish/logo157.png");
}

.page-head .language {
  line-height: .6rem;
  right      : .7rem;
}

.page-head a.navA {
  width : .38rem;
  height: .38rem;
  top   : .11rem;
  right : 0;
}

.page-head a.back {
  display : block;
  position: absolute;
  z-index : 1;
  left    : auto;
  right   : 1.1rem;
  top     : 0;
  bottom  : auto;
  width   : .43rem;
}

.page-head a.back p {
  position   : absolute;
  z-index    : 1;
  left       : 50%;
  right      : auto;
  top        : 100%;
  bottom     : auto;
  background : url("../images/wish/img51.png") center no-repeat;
  width      : 51px;
  height     : 26px;
  padding-top: 5px;
  line-height: 20px;
  margin-left: -25px;
  font-size  : 12px;
  text-align : center;
  color      : #fff;
  margin-top : 2px;
}

.page-head a.back.rotate {
  transform-origin        : center top;
  -webkit-transform-origin: center top;
  animation               : rotateAnim3 1.6s infinite linear;
  -webkit-animation       : rotateAnim3 1.6s infinite linear;
}

.page-head h2 {
  text-align : center;
  line-height: .6rem;
  font-size  : .2rem;
  color      : #a36aab;
}

.g-nav {
  position       : fixed;
  z-index        : 49;
  left           : 0;
  top            : 0;
  right          : 0;
  bottom         : 0;
  background     : url("../images/wish/g-nav.jpg") center no-repeat;
  background-size: cover;
  opacity        : 0;
  visibility     : hidden;
}

.g-nav ul {
  position: absolute;
  z-index : 1;
  left    : 0;
  right   : auto;
  top     : 1.3rem;
  bottom  : 0;
  width   : 1.4rem;
}

.g-nav li {
  position: relative;
}

.g-nav li a.name {
  display     : block;
  padding-left: .45rem;
  font-size   : .18rem;
  line-height : .6rem;
  color       : #6b0e7a;
  font-weight : bold;
  position    : relative;
  z-index     : 5;
}

.g-nav li .list {
  position    : absolute;
  z-index     : 1;
  left        : 1.2rem;
  right       : auto;
  top         : 0;
  bottom      : auto;
  background  : #fff;
  width       : 1.46rem;
  border-right: #6b0e7a solid 1px;
  opacity     : 0;
  visibility  : hidden;
  padding     : .12rem 0;
}

.g-nav li .list a {
  display     : block;
  font-size   : .16rem;
  line-height : .36rem;
  color       : #6b0e7a;
  padding-left: .3rem;
}

 

.g-nav li:hover a.name {
  background: #fff;
}

.g-nav li:hover .list {
  opacity   : 1;
  visibility: visible;
  left      : 100%;
}

.g-nav li.language {
  padding-left: .45rem;
  padding-top : .2rem;
}

.g-nav li.language a {
  font-weight: bold;
  border-top : #ddd solid 1px;
  line-height: .5rem;
  font-size  : .16rem;
  color      : #ae00ca;
}
 

body.nav-show .g-head a.navA.on:before,
body.nav-show .g-head a.navA.on:after {
  display: none;
}

body.nav-show .g-nav {
  opacity   : 1;
  visibility: visible;
}

.index {
  height         : 100vh;
  background     : url("../images/wish/img1920.jpg") center no-repeat;
  background-size: cover;
  overflow       : hidden;
  position       : relative;
}

.index .logo {
  width    : 2.75rem;
  position : absolute;
  z-index  : 1;
  left     : 50%;
  right    : auto;
  top      : 50%;
  bottom   : auto;
  transform: translate(-50%, -50%);
}

.index .imgs li {
  position       : absolute;
  z-index        : 1;
  left           : 0;
  right          : 0;
  top            : 0;
  bottom         : 0;
  background     : center no-repeat;
  background-size: cover;
  opacity        : 0;
  visibility     : hidden;
}

.index .imgs li.on {
  opacity   : 1;
  visibility: visible;
}

.index .imgs li canvas {
  position  : absolute;
  left      : 50%;
  top       : 50%;
  transform : translate(-50%, -50%);
  min-height: 100%;
  min-width : 100%;
}

.index .btns:before {
  content              : "";
  display              : block;
  position             : absolute;
  z-index              : 6;
  left                 : 50%;
  top                  : 50%;
  -moz-border-radius   : 50%;
  -webkit-border-radius: 50%;
  border-radius        : 50%;
  border               : rgba(255, 255, 255, 0.53) solid 1px;
  transform            : translate(-50%, -50%);
  width                : 5rem;
  height               : 5rem;
}

.index .btns li {
  position             : absolute;
  z-index              : 1;
  left                 : 50%;
  right                : auto;
  top                  : 50%;
  bottom               : auto;
  -moz-border-radius   : 50%;
  -webkit-border-radius: 50%;
  border-radius        : 50%;
  border               : rgba(255, 255, 255, 0.7) solid 1px;
  transform            : translate(-50%, -50%);
}

.index .btns li:before {
  content              : "";
  display              : block;
  position             : absolute;
  left                 : 0;
  top                  : 0;
  right                : 0;
  bottom               : 0;
  -moz-border-radius   : 50%;
  -webkit-border-radius: 50%;
  border-radius        : 50%;
  background           : url("../images/wish/img750.png") center no-repeat;
  background-size      : 100% 100%;
  opacity              : 0;
}

.index .btns li .name {
  -moz-border-radius   : 20px;
  -webkit-border-radius: 20px;
  border-radius        : 20px;
  width                : 40px;
  height               : 40px;
  background           : rgba(255, 255, 255, 0.26);
  border               : rgba(255, 255, 255, 0.43) solid 1px;
  position             : absolute;
  z-index              : 1;
  left                 : auto;
  right                : auto;
  top                  : 50%;
  bottom               : auto;
  margin-top           : -20px;
  cursor               : pointer;
  display              : block;
}

.index .btns li .name:before,
.index .btns li .name:after {
  content              : "";
  display              : block;
  position             : absolute;
  left                 : 50%;
  top                  : 50%;
  background           : #fff;
  -moz-border-radius   : 50%;
  -webkit-border-radius: 50%;
  border-radius        : 50%;
  width                : 60px;
  height               : 60px;
  margin-left          : -30px;
  margin-top           : -30px;
  opacity              : 0;
  animation            : scaleAnim3 1.6s infinite linear;
  -webkit-animation    : scaleAnim3 1.6s infinite linear;
}

.index .btns li .name:before {
  animation-delay        : -.8s;
  -webkit-animation-delay: -.8s;
}

.index .btns li .name b {
  color      : #fff;
  font-size  : 12px;
  line-height: 1.2em;
  width      : 1em;
  position   : absolute;
  z-index    : 1;
  left       : 50%;
  right      : auto;
  top        : 50%;
  bottom     : auto;
  transform  : translate(-50%, -50%);
  opacity    : 0;
  visibility : hidden;
}

.index .btns li .name:nth-child(1) {
  left: -20px;
}

.index .btns li .name:nth-child(2) {
  right: -20px;
}

.index .btns li.on {
  background: rgba(255, 255, 255, 0.2);
}

.index .btns li.on:before {
  opacity: 1;
}

.index .btns li.on .name {
  height          : 110px;
  margin-top      : -55px;
  background-color: rgba(121, 72, 233, 0.65);
  border-color    : white;
}

.index .btns li.on .name:before,
.index .btns li.on .name:after {
  display: none;
}

.index .btns li.on .name b {
  opacity   : 1;
  visibility: visible;
  font-size : 18px;
}

@media screen and (min-width: 800px) {


  .index .btns li:nth-child(1) {
    width  : 7.5rem;
    height : 7.5rem;
    z-index: 5;
  }

  .index .btns li:nth-child(2) {
    width       : 10rem;
    height      : 10rem;
    z-index     : 4;
    border-color: rgba(255, 255, 255, 0.6);
  }

  .index .btns li:nth-child(2).on .name {
    background: rgba(120, 138, 67, 0.65);
  }

  .index .btns li:nth-child(3) {
    width       : 12.5rem;
    height      : 12.5rem;
    z-index     : 2;
    border-color: rgba(255, 255, 255, 0.4);
  }

  .index .btns li:nth-child(3).on .name {
    background: rgba(18, 199, 201, 0.65);
  }

  .index .btns li:nth-child(4) {
    width       : 15rem;
    height      : 15rem;
    z-index     : 1;
    border-color: rgba(255, 255, 255, 0.2);
  }

  .index .btns li:nth-child(4).on .name {
    background: rgba(36, 150, 222, 0.65);
  }
}

.index-tips {
  position  : fixed;
  z-index   : 100;
  left      : 0;
  top       : 0;
  right     : 0;
  bottom    : 0;
  background: rgba(0, 0, 0, 0.6);
  opacity   : 0;
  visibility: hidden;
}

.index-tips .tips-1 {
  width          : .78rem;
  height         : .78rem;
  position       : absolute;
  z-index        : 1;
  left           : auto;
  right          : 0.33rem;
  top            : 0.16rem;
  bottom         : auto;
  background     : url("../images/wish/img78_2.png") center no-repeat;
  background-size: 100%;
}

.index-tips .tips-1 div {
  width      : 1.08rem;
  position   : absolute;
  z-index    : 1;
  left       : 50%;
  right      : auto;
  top        : 100%;
  bottom     : auto;
  margin-left: -.54rem;
}

.index-tips .tips-2 {
  width            : 15.51rem;
  position         : absolute;
  z-index          : 1;
  left             : 50%;
  right            : auto;
  top              : 50%;
  bottom           : auto;
  transform        : translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}

.index-tips .btn {
  background     : url("../images/wish/btn168.png") center no-repeat;
  background-size: 100% 100%;
  width          : 1.68rem;
  height         : .61rem;
  line-height    : .61rem;
  text-align     : center;
  font-weight    : 600;
  cursor         : pointer;
  font-size      : .18rem;
  color          : #000;
  position       : absolute;
  z-index        : 1;
  left           : 50%;
  right          : auto;
  top            : 50%;
  bottom         : auto;
  margin-left    : -.84rem;
  margin-top     : 1.85rem;
}

body.indexTipsShow .g-head a.navA i {
  opacity: 0;
}

body.indexTipsShow .index .btns li .name {
  opacity: 0;
}

body.indexTipsShow .index-tips {
  opacity   : 1;
  visibility: visible;
}

.index-imgs {
  position: fixed;
  z-index : 30;
  left    : 0;
  bottom  : 0;
  right   : 0;
  overflow: hidden;
  height  : 155px;
}

.index-imgs.hide {
  bottom: -155px;
}

.index-imgs .list {
  position   : relative;
  left       : 50%;
  width      : 4284px;
  margin-left: -2142px;
  overflow   : hidden;
}

.index-imgs .list li {
  width : 204px;
  height: 155px;
}

.index-imgs .list li a {
  display : block;
  padding : 0 2px;
  position: absolute;
  left    : 0;
  bottom  : 0;
  right   : 0;
}

.index-imgs .list li a:before {
  content        : "";
  display        : block;
  position       : absolute;
  z-index        : 2;
  left           : 0;
  bottom         : 0;
  right          : 0;
  top            : 0;
  background     : url("../images/wish/bg10.png") center bottom repeat-x;
  background-size: auto .79rem;
}

.index-imgs .list li a .img {
  position: relative;
}

.index-imgs .list li a .img:after {
  content        : "";
  display        : block;
  position       : absolute;
  left           : 0;
  top            : 0;
  right          : 0;
  bottom         : 0;
  background     : url("../images/wish/img200.png") center no-repeat;
  background-size: 100% 100%;
  opacity        : .36;
}

.index-imgs .list li a .img img {
  width: 100%;
}

.index-imgs .list li a i.video-btn {
  display        : block;
  position       : absolute;
  z-index        : 5;
  left           : 0;
  right          : 0;
  top            : 0;
  bottom         : 0;
  background     : url("../images/wish/video-btn38.png") center no-repeat;
  background-size: .38rem;
}

.index-imgs .list li a .name {
  font-size : 12px;
  color     : #000;
  position  : absolute;
  z-index   : 5;
  left      : 0;
  right     : 0;
  top       : auto;
  bottom    : 10px;
  text-align: center;
}

.index-imgs .list li.swiper-slide-active a {
  left              : -20px;
  right             : -20px;
  z-index           : 10;
  box-shadow        : 0 5px 15px rgba(255, 255, 255, 0.8);
  -webkit-box-shadow: 0 5px 15px rgba(255, 255, 255, 0.8);
  -moz-box-shadow   : 0 5px 15px rgba(255, 255, 255, 0.8);
  padding           : 0;
}

.index-imgs .arrow a {
  display              : block;
  height               : 32px;
  width                : 79px;
  background           : rgba(0, 0, 0, 0.5) center no-repeat;
  background-size      : 59px;
  -moz-border-radius   : 5px;
  -webkit-border-radius: 5px;
  border-radius        : 5px;
  position             : absolute;
  z-index              : 1;
  left                 : auto;
  right                : auto;
  top                  : auto;
  bottom               : 40px;
}

 

 

.index-imgs .close:hover {
  background-color: #6b0e7a;
}

.index-imgs-btn {
  background     : url("../images/wish/btn222.png") center no-repeat;
  background-size: 100%;
  width          : 222px;
  height         : 52px;
  text-align     : center;
  font-size      : 12px;
  color          : #6b0e7a;
  position       : fixed;
  z-index        : 20;
  left           : 50%;
  bottom         : 0;
  margin-left    : -111px;
  padding-top    : 23px;
  cursor         : pointer;
}

.index-imgs-btn.hide {
  bottom: -52px;
}

.blessing {
  height         : 100vh;
  background     : red;
  background-size: cover;
  position       : relative;
}

.blessing .canvas {
  position: absolute;
  z-index : 1;
  left    : 0;
  right   : 0;
  top     : auto;
  bottom  : 0;
}

.blessing .canvas img {
  width: 100%;
}

.blessing .btn {
  width      : .73rem;
  height     : .73rem;
  position   : absolute;
  z-index    : 1;
  left       : 50%;
  right      : auto;
  top        : auto;
  bottom     : 0.78rem;
  margin-left: -.365rem;
}

.blessing .btn .name {
  position             : absolute;
  z-index              : 1;
  left                 : 0;
  right                : 0;
  top                  : 0;
  bottom               : 0;
  background           : #ecde1f;
  -moz-border-radius   : 50%;
  -webkit-border-radius: 50%;
  border-radius        : 50%;
  color                : #6b0e7a;
  font-size            : 12px;
  text-align           : center;
  cursor               : pointer;
}

.blessing .btn:before,
.blessing .btn:after {
  content              : "";
  display              : block;
  position             : absolute;
  left                 : 50%;
  top                  : 50%;
  width                : 1.6rem;
  height               : 1.6rem;
  margin-left          : -.8rem;
  margin-top           : -.8rem;
  background           : #ecde1f;
  -moz-border-radius   : 50%;
  -webkit-border-radius: 50%;
  border-radius        : 50%;
  opacity              : 0;
  animation            : scaleAnim 1s infinite linear;
  -webkit-animation    : scaleAnim 1s infinite linear;
}

.blessing .btn:before {
  animation-delay        : -.5s;
  -webkit-animation-delay: -.5s;
}

.blessing-layer {
  position  : fixed;
  z-index   : 10;
  left      : 0;
  top       : .6rem;
  right     : 0;
  bottom    : 0;
  opacity   : 0;
  visibility: hidden;
}

.blessing-layer .list {
  width   : 8.1rem;
  position: relative;
}

.blessing-layer .list .arrow a {
  display        : block;
  width          : .1rem;
  height         : 1.5rem;
  background     : center no-repeat;
  background-size: 100%;
  position       : absolute;
  z-index        : 1;
  left           : auto;
  right          : auto;
  top            : auto;
  bottom         : 0;
}

.blessing-layer .list .arrow a.prev {
  left            : 50%;
  background-image: url("../images/wish/prev10.png");
  margin-left     : -1.1rem;
}

 

.blessing-layer .list a.close {
  display              : block;
  width                : .32rem;
  height               : .32rem;
  background           : rgba(0, 0, 0, 0.55) url("../images/wish/close14.png") center no-repeat;
  background-size      : .1rem;
  -moz-border-radius   : 50%;
  -webkit-border-radius: 50%;
  border-radius        : 50%;
  position             : absolute;
  z-index              : 1;
  left                 : auto;
  right                : -0.9rem;
  top                  : -0.42rem;
  bottom               : auto;
}

.blessing-layer .list a.close:hover {
  background-color: #6b0e7a;
}

.blessing-layer .list-wrapper {
  width   : 100%;
  overflow: hidden;
  position: relative;
}

.blessing-layer .list-wrapper li {
  position: relative;
}

.blessing-layer .list-wrapper li .img img {
  opacity: .71;
}

.blessing-layer .list-wrapper li .name {
  opacity       : 0;
  position      : absolute;
  z-index       : 1;
  left          : 0;
  right         : 0;
  top           : auto;
  bottom        : 0;
  height        : 1.5rem;
  text-align    : center;
  font-size     : .32rem;
  letter-spacing: .1rem;
  padding-left  : .1rem;
  color         : #6b0e7a;
}

.blessing-layer .list-wrapper li.swiper-slide-active .img img {
  opacity: 1;
}

.blessing-layer .list-wrapper li.swiper-slide-active .name {
  opacity: 1;
}

.blessing-layer .btns {
  margin-top           : .47rem;
  background           : rgba(109, 37, 186, 0.79);
  border               : #fff solid 1px;
  -moz-border-radius   : 0.5rem;
  -webkit-border-radius: 0.5rem;
  border-radius        : 0.5rem;
  position             : relative;
  width                : 3.23rem;
  height               : .48rem;
  text-align           : center;
  color                : #fff;
  font-size            : .18rem;
}

.blessing-layer .btns .btn-1,
.blessing-layer .btns .btn-2 {
  width      : 42%;
  line-height: .46rem;
  cursor     : pointer;
}

.blessing-layer .btns .btn-1:hover,
.blessing-layer .btns .btn-1.on,
.blessing-layer .btns .btn-2:hover,
.blessing-layer .btns .btn-2.on {
  color: #fff600;
}

.blessing-layer .btns .share-btn {
  position             : absolute;
  z-index              : 1;
  left                 : 50%;
  right                : auto;
  top                  : 50%;
  bottom               : auto;
  background           : #fff;
  border               : #6b0e7a solid 0.02rem;
  -moz-border-radius   : 50%;
  -webkit-border-radius: 50%;
  border-radius        : 50%;
  width                : .77rem;
  height               : .7rem;
  margin-top           : -.35rem;
  margin-left          : -.385rem;
  cursor               : pointer;
  color                : #6b0e7a;
  line-height          : .66rem;
}

.blessing-layer .ewm-layer {
  position  : fixed;
  z-index   : 50;
  left      : 0;
  top       : 0;
  right     : 0;
  bottom    : 0;
  opacity   : 0;
  visibility: hidden;
  background: rgba(0, 0, 0, 0.6);
}

.blessing-layer .ewm-layer .ewm {
  width     : 1.6rem;
  background: #fff;
  padding   : .1rem;
}

.blessing-layer .ewm-layer .ewm canvas {
  width: 100%;
}

.blessing-layer .ewm-layer.show {
  opacity   : 1;
  visibility: visible;
}

body.blessing-layer-show .blessing .btn {
  opacity   : 0;
  visibility: hidden;
}

body.blessing-layer-show .blessing-layer {
  opacity   : 1;
  visibility: visible;
}

.memorabilia {
  height         : 100vh;
  background     : url("../images/wish/memorabilia.jpg") center no-repeat;
  background-size: cover;
}

.memorabilia-layer {
  position  : fixed;
  z-index   : 10;
  left      : 0;
  top       : 0;
  right     : 0;
  bottom    : 0;
  opacity   : 0;
  visibility: hidden;
}

.memorabilia-layer.show {
  opacity   : 1;
  visibility: visible;
}

.memorabilia-layer .container {
  width                : 10rem;
  position             : relative;
  background           : #fff url("../images/wish/img1000.jpg") center bottom no-repeat;
  background-size      : 100%;
  -moz-border-radius   : 0.2rem;
  -webkit-border-radius: 0.2rem;
  border-radius        : 0.2rem;
  box-shadow           : 0 0 0.21rem 0 rgba(0, 0, 0, 0.22);
  -webkit-box-shadow   : 0 0 0.21rem 0 rgba(0, 0, 0, 0.22);
  -moz-box-shadow      : 0 0 0.21rem 0 rgba(0, 0, 0, 0.22);
  padding              : 0 .7rem 1.25rem .7rem;
  align-items          : flex-start;
  -webkit-align-items  : flex-start;
}

.memorabilia-layer .container .close {
  display        : block;
  width          : .7rem;
  height         : .7rem;
  position       : absolute;
  z-index        : 1;
  left           : auto;
  right          : 0;
  top            : 0;
  bottom         : auto;
  background     : url("../images/wish/close27.png") center no-repeat;
  background-size: .17rem;
}

.memorabilia-layer .container .title {
  width     : 100%;
  text-align: center;
  padding   : .5rem 0 .45rem 0;
  position  : relative;
  font-size : .14rem;
  color     : #6b0e7a;
}

.memorabilia-layer .container .title:after {
  content    : "";
  display    : block;
  position   : absolute;
  left       : 50%;
  bottom     : .3rem;
  width      : .4rem;
  height     : .04rem;
  background : #6b0e7a;
  margin-left: -.2rem;
}

.memorabilia-layer .container .title div {
  width: 100%;
}

.memorabilia-layer .container .title h3 {
  font-size              : .28rem;
  background-image       : -webkit-linear-gradient(-55deg, #6b0e7a, #c04845);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.memorabilia-layer .container .content {
  font-size  : .16rem;
  line-height: .3rem;
  color      : #565656;
  width      : 5.06rem;
  text-indent: 2em;
}

.memorabilia-layer .container .imgs {
  width   : 2.9rem;
  overflow: hidden;
  position: relative;
  left    : -.2rem;
}

.memorabilia-layer .container .imgs .dots {
  padding-top: .15rem;
}

.memorabilia-layer .container .imgs .dots span {
  width                : .1rem;
  height               : .1rem;
  margin               : 0 .05rem;
  background           : #d0bdd4;
  -moz-border-radius   : 50%;
  -webkit-border-radius: 50%;
  border-radius        : 50%;
}

.memorabilia-layer .container .imgs .dots span.swiper-pagination-bullet-active {
  background: #6b0e7a;
}

.memorabilia-layer .container .year {
  position   : absolute;
  z-index    : 1;
  left       : 0;
  right      : 0;
  top        : auto;
  bottom     : 0;
  text-align : center;
  color      : #fff;
  font-family: 'FUTURA';
  font-size  : 2.2rem;
  font-weight: bold;
  line-height: 1.8rem;
  height     : 1.8rem;
  overflow   : hidden;
}

.memorabilia-layer .container .year div {
  position: relative;
  top     : .5rem;
}

.page {
  position       : fixed;
  z-index        : 30;
  left           : 0;
  top            : 0;
  right          : 0;
  bottom         : 0;
  background     : url("../images/wish/img1920.png") center no-repeat;
  background-size: cover;
}

.page .page-prev,
.page .page-next {
  display        : block;
  position       : absolute;
  z-index        : 1;
  left           : auto;
  right          : auto;
  top            : 50%;
  bottom         : auto;
  width          : 1.07rem;
  height         : .8rem;
  line-height    : .8rem;
  text-align     : center;
  margin-top     : -.4rem;
  background     : center no-repeat;
  background-size: 100% 100%;
  font-size      : 14px;
  color          : #6b0e7a;
}

.page .page-prev {
  background-image: url("../images/wish/prev107.png");
  left            : 0;
  padding-right   : .14rem;
}

.page .page-prev em {
  padding-left: 12px;
  background  : url("../images/wish/prev5.png") left center no-repeat;
}

.page .page-next {
  background-image: url("../images/wish/next107.png");
  right           : 0;
  padding-left    : .14rem;
}

.page .page-next em {
  padding-right: 12px;
  background   : url("../images/wish/next5.png") right center no-repeat;
}

.page .page-title {
  padding-bottom: .45rem;
}

.page .page-title h3 {
  font-size              : .3rem;
  background-image       : -webkit-linear-gradient(-55deg, #6b0e7a, #c04845);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.page .page-more {
  padding-top: .4rem;
}

.page .page-more a {
  font-size    : 14px;
  color        : #ea0053;
  border-bottom: #ea0053 solid 2px;
  line-height  : .32rem;
}

.page .page-more a:hover {
  color       : #6b0e7a;
  border-color: #6b0e7a;
}

.page .dots {
  padding-top: .3rem;
}

.page .dots span {
  width                : 9px;
  height               : 9px;
  margin               : 0 7px;
  background           : #7f7a89;
  -moz-border-radius   : 50%;
  -webkit-border-radius: 50%;
  border-radius        : 50%;
}

.page .dots span.swiper-pagination-bullet-active {
  background: #d80d0b;
}

.hexin {
  width        : 12.24rem;
  margin-top   : -.1rem;
  margin-bottom: -.1rem;
}

.hexin .list {
  width   : 100%;
  overflow: hidden;
  position: relative;
}

.hexin .list dd {
  width  : 25%;
  padding: .1rem .3rem .1rem .26rem;
}

.hexin .list a {
  display : block;
  position: relative;
}

.hexin .list a .img {
  box-shadow        : 0 0.1rem 0.2rem 0 rgba(0, 0, 0, 0.06);
  -webkit-box-shadow: 0 0.1rem 0.2rem 0 rgba(0, 0, 0, 0.06);
  -moz-box-shadow   : 0 0.1rem 0.2rem 0 rgba(0, 0, 0, 0.06);
}

.hexin .list a .img img {
  width: 100%;
}

.hexin .list a .img2 {
  width   : .6rem;
  position: absolute;
  z-index : 1;
  left    : auto;
  right   : -0.28rem;
  top     : auto;
  bottom  : 0;
  border  : #c3cdcb solid 1px;
}

.hexin .list a .name {
  font-size  : 12px;
  color      : #6b0e7a;
  line-height: 18px;
  position   : absolute;
  z-index    : 1;
  left       : 0.2rem;
  right      : 0.2rem;
  top        : auto;
  bottom     : 0.18rem;
  text-align : center;
}

.videos {
  width   : 12rem;
  margin  : 0 auto;
  overflow: hidden;
  position: relative;
}

.videos .list {
  width      : 21rem;
  position   : relative;
  margin-left: -10.5rem;
  left       : 50%;
}

.videos .list li {
  overflow             : hidden;
  position             : relative;
  -moz-border-radius   : 0.2rem;
  -webkit-border-radius: 0.2rem;
  border-radius        : 0.2rem;
}

.videos .list li .img {
  background: #fff;
  position  : relative;
}

.videos .list li .img img {
  width  : 100%;
  opacity: .6;
}

.videos .list li .img i {
  display        : block;
  position       : absolute;
  z-index        : 1;
  left           : 0;
  right          : 0;
  top            : 0;
  bottom         : 0;
  background     : url("../images/wish/video-btn65.png") center no-repeat;
  background-size: .65rem;
  opacity        : 0;
}

.videos .list li .layer {
  position               : absolute;
  z-index                : 1;
  left                   : 0;
  right                  : 0;
  top                    : auto;
  bottom                 : 0;
  color                  : #fff;
  height                 : 1.66rem;
  background             : url("../images/wish/bg10_2.png") center bottom repeat-x;
  background-size        : auto 100%;
  justify-content        : flex-end;
  -webkit-justify-content: flex-end;
  padding                : 0 .3rem .25rem .3rem;
  opacity                : 0;
}

.videos .list li .layer .info {
  font-size     : 12px;
  padding-bottom: 7px;
}

.videos .list li .layer .info em {
  color: #ffdb82;
}

.videos .list li .layer .info span {
  opacity     : .57;
  padding-left: 6px;
}

.videos .list li .layer h3 {
  font-size: .18rem;
}

.videos .list li.swiper-slide-active .img img,
.videos .list li.swiper-slide-active .img i {
  opacity: 1;
}

.videos .list li.swiper-slide-active .layer {
  opacity: 1;
}

.xiaoyou {
  width   : 12.17rem;
  overflow: hidden;
  position: relative;
}

.xiaoyou .list {
  margin-left : -.13rem;
  margin-right: -.13rem;
}

.xiaoyou .list dl {
  width: 11.68rem;
}

.xiaoyou .list dd {
  width  : 50%;
  padding: 0 .13rem .35rem .13rem;
}

.xiaoyou .list dd a {
  position: relative;
  display : block;
}

.xiaoyou .list dd a .container {
  background             : url("../images/wish/img375_1.png") left center no-repeat;
  background-size        : auto 100%;
  -moz-border-radius     : 0.2rem;
  -webkit-border-radius  : 0.2rem;
  border-radius          : 0.2rem;
  justify-content        : flex-end;
  -webkit-justify-content: flex-end;
  color                  : #fff;
  padding                : 0 0 .3rem .3rem;
  width                  : 3.75rem;
  position               : absolute;
  z-index                : 1;
  left                   : 0;
  right                  : auto;
  top                    : 0;
  bottom                 : 0;
}

.xiaoyou .list dd a .container .info {
  font-size     : 12px;
  padding-bottom: 7px;
}

.xiaoyou .list dd a .container .info em {
  color: #ffdb82;
}

.xiaoyou .list dd a .container .info span {
  opacity     : .57;
  padding-left: 6px;
}

.xiaoyou .list dd a .container h3 {
  font-size  : .18rem;
  width      : 1.6rem;
  line-height: .24rem;
}

.xiaoyou .list dd a .img {
  width      : 3.2rem;
  position   : relative;
  z-index    : 5;
  margin-left: auto;
}

.xiaoyou .list dd:nth-child(2) .container {
  left            : auto;
  right           : 0;
  background-image: url("../images/wish/img375_2.png");
}

.xiaoyou .list dd:nth-child(3) .container {
  left            : auto;
  right           : 0;
  background-image: url("../images/wish/img375_3.png");
}

.xiaoyou .list dd:nth-child(2) .container,
.xiaoyou .list dd:nth-child(3) .container {
  padding-left: 1.7rem;
}

.xiaoyou .list dd:nth-child(2) .img,
.xiaoyou .list dd:nth-child(3) .img {
  margin-left: 0;
}

.xiaoyou .list dd:nth-child(4) .container {
  background-image: url("../images/wish/img375_4.png");
}

.xiaoyou .list dd:nth-child(3),
.xiaoyou .list dd:nth-child(4) {
  padding-bottom: .15rem;
}

.xiaoyou .list dd:nth-child(3) a,
.xiaoyou .list dd:nth-child(4) a {
  left: .94rem;
}



.blessing2 {
  height         : 100%;
  width: 100%;
  background     : url(../images/fixbox-bg.jpg) no-repeat center/cover;
  background-size: cover;
  position       : fixed;inset:0;
  overflow       : hidden;
  opacity        : 1;
  z-index: 18;transition: 0.5s;
  transform: translateX(100%);
  /*---------------------*/
  /*---------------------*/
  /*---------------------*/
  /**/
}
.blessing2.active{transform: none;}


.blessing2 .page-0 {
  position  : absolute;
  z-index   : 1;
  left      : 0;
  right     : 0;
  top       : 0;
  bottom    : 0;
  overflow  : hidden;
  opacity   : 0;
  visibility: hidden;
  transition: all 1s;
}

.blessing2 .page-0.show {
  opacity   : 1;
  visibility: visible;
}

.blessing2 .page-0 .video-bg0 video {
  position       : absolute;
  z-index        : 1;
  left           : 50%;
  right          : auto;
  top            : 50%;
  bottom         : auto;
  transform      : translate(-50%, -50%);
  min-height     : 100%;
  min-width      : 100%;
  object-fit     : cover;
  object-position: center center;
}

.blessing2 .page-0 .bg {
  position       : absolute;
  z-index        : 1;
  left           : 0;
  right          : 0;
  top            : 0;
  bottom         : 0;
  background     : url("../images/wish/bigbg.jpg") center center no-repeat;
  background-size: cover;
}

.blessing2.show {
  opacity: 1;
}

.blessing2 .page-1 {
  position  : absolute;
  z-index   : 1;
  left      : 0;
  right     : 0;
  top       : auto;
  bottom    : 0;
  opacity   : 0;
  visibility: hidden;
  transition: all 1s;
   
}

.blessing2 .page-1.show {
  opacity   : 1;
  visibility: visible;
}

.blessing2 .page-1 canvas {
  width  : 100%;
  display: block;
}

.blessing2 .page-1 .tips-layer {
  position  : absolute;
  z-index   : 1;
  left      : 0;
  right     : 0;
  top       : 0;
  bottom    : 0;
  position  : fixed;
  background: rgba(255, 255, 255, 0.55);
}

.blessing2 .page-1 .tips-layer .container {
  width                : 4.89rem;
  background           : #FFF;
  box-shadow           : 0 0 57 0 rgba(255, 0, 198, 0.36);
  -webkit-box-shadow   : 0 0 57 0 rgba(255, 0, 198, 0.36);
  -moz-box-shadow      : 0 0 57 0 rgba(255, 0, 198, 0.36);
  -moz-border-radius   : 0.18rem;
  -webkit-border-radius: 0.18rem;
  border-radius        : 0.18rem;
  text-align           : center;
}

.blessing2 .page-1 .tips-layer .container .msg {
  font-size  : .18rem;
  color      : #6b0e7a;
  line-height: 1.8em;
  padding    : .5rem 0;
}

.blessing2 .page-1 .tips-layer .container .btn {
  border-top: #DFDFDF solid 1px;
}

.blessing2 .page-1 .tips-layer .container .btn a {
  width      : 100%;
  line-height: .57rem;
  font-size  : .16rem;
}

.blessing2 .page-1 .tips-layer .container2 {
  width                : 3rem;
  background           : #FFF;
  box-shadow           : 0 0 57 0 rgba(255, 0, 198, 0.36);
  -webkit-box-shadow   : 0 0 57 0 rgba(255, 0, 198, 0.36);
  -moz-box-shadow      : 0 0 57 0 rgba(255, 0, 198, 0.36);
  -moz-border-radius   : 0.18rem;
  -webkit-border-radius: 0.18rem;
  border-radius        : 0.18rem;
  text-align           : center;
  font-size            : .18rem;
  color                : #6b0e7a;
  line-height          : .8rem;
}

.blessing2 .page-1 .loading {
  position  : fixed;
  z-index   : 10;
  left      : 0;
  top       : 0;
  right     : 0;
  bottom    : 0;
  background: rgba(255, 255, 255, 0);
  color     : #fff;
  font-size : .2rem;
}

.blessing2 .page-1 .loading .jdt {
  position     : relative;
  width        : 343px;
  height       : 20px;
  background   : rgba(0, 68, 112, 0.7);
  border       : 1px solid #3AE6FF;
  border-radius: 10px;
}

.blessing2 .page-1 .loading .jdt .jdtbox {
  width        : 0%;
  height       : 100%;
  position     : absolute;
  left         : 0;
  top          : 0;
  background   : linear-gradient(90deg, #1D72FF 0%, #3AEAFF 100%);
  border-radius: 9px;
}

.blessing2 .page-1 .loading .name {
  font-size     : 20px;
  font-family   : Microsoft YaHei;
  font-weight   : bold;
  color         : #FFFFFF;
  text-shadow   : 0px 4px 6px rgba(0, 56, 137, 0.5);
  padding-bottom: 20px;
}

.blessing2 .page-1 .loading h3 {
  font-size: .52rem;
}

.blessing2 .page-1 .tips-layer2 {
  position             : fixed;
  z-index              : 10; 
  top:58%;left:50%;transform: translateX(-50%);
  width                : 2.66rem; 
  text-align           : center;  
}
.tips-layer2 img{width: 100%;}

.blessing2 .page-2 {
  position       : absolute;
  z-index        : 1;
  left           : 0;
  right          : 0;
  top            : 0;
  bottom         : 0; 
  background-size: cover;
  opacity        : 0;
  visibility     : hidden;
  display        : flex;
  flex-direction : column;
  transition     : all 1s;
  justify-content: flex-start;
  background: url(../images/wish/cardbg.png) no-repeat center bottom/cover
}

.blessing2 .page-2.show {
  opacity   : 1;z-index: 5;
  visibility: visible;
}

.blessing2 .page-2 .msg {
  font-size: .18rem;
  color    : #B28029;
}

.blessing2 .page-2 .msg b {
  font-size  : .48rem;
  color      : #C8003D;
  padding    : 0 .15rem;
  font-family: 'DINPro-Black';
  line-height: 1em;
  position   : relative;
  top        : -.06rem;
}

 
 

.blessing2 .page-2 .list {
  height    : 60vh;
  overflow  : hidden;
  position  : relative;
  width     : 100%;
  margin-top: 80px;
}

.blessing2 .page-2 .list .scroll {
  height      : 60vh;
  overflow-y  : auto;
  margin-left : -.5rem;
  margin-right: -.5rem;
  padding     : 0 .5rem 1rem .5rem;
}

.blessing2 .page-2 .list li {
  padding: .1rem 0;
}

.blessing2 .page-2 .list li div {
  font-size      : .18rem;
  font-weight    : bold;
  color          : #fff;
  width          : 500px;
  text-align     : center;
  line-height    : 41px;
  height         : 41px;
  cursor         : pointer;
  position       : relative;
  background     : url(../images/wish/textbtn.png) no-repeat center center;
  background-size: 100% 100%;
  text-shadow    : 0px 8px 6px rgba(0, 31, 57, 0.5);
  transition     : all .3s;
}



.blessing2 .page-2 .list li div.on {
  color          : #fff;
  line-height    : 60px;
  height         : 60px;
  width          : 540px;
  background     : url(../images/wish/textact.png) no-repeat center center;
  background-size: 100% 100%;
}


.blessing2 .page-2 .btn {
  height  : 1.86rem;
  position: relative;
  z-index : 10;
}

.blessing2 .page-2 .btn img {
  transition: all 1s;
}

.blessing2 .page-2 .btn:hover img {
  transform: scale(1.1);
}


.blessing2 .page-3 {
  position  : absolute;
  z-index   : 1;
  left      : 0;
  right     : 0;
  top       : 0;
  bottom    : 0;
  overflow  : hidden;
  opacity   : 0;
  visibility: hidden;
}

.blessing2 .page-3.show {
  opacity   : 1;
  visibility: visible;
}

.blessing2 .page-3 .video-bg video {
  position       : absolute;
  z-index        : 1;
  left           : 50%;
  right          : auto;
  top            : 50%;
  bottom         : auto;
  transform      : translate(-50%, -50%);
  min-height     : 100%;
  min-width      : 100%;
  object-fit     : cover;
  object-position: center center;
}

.blessing2 .page-3 .bg {
  position       : absolute;
  z-index        : 1;
  left           : 0;
  right          : 0;
  top            : 0;
  bottom         : 0;
  background     : url("../images/wish/bigbg.jpg") center no-repeat;
  background-size: cover;
}

.blessing2 .page-3 .msg {
  position                   : absolute;
  z-index                    : 1;
  left                       : 0;
  right                      : 0;
  top                        : 48%;
  bottom                     : auto;
  font-size                  : .18rem;
  font-weight                : bold;
  color                      : #9C02DB;
  opacity                    : 0;
  visibility                 : hidden;
  transition-duration        : 1s;
  -webkit-transition-duration: 1s;
}

.blessing2 .page-3 .msg.show {
  opacity   : 1;
  visibility: visible;
}

.blessing2 .page-3 .msg em {
  font-size: .24rem;
  color    : #D60000;
}

.blessing2 .page-3 .msg b {
  font-size              : 1.09rem;
  color                  : #C8003D;
  padding                : 0 .15rem;
  font-family            : 'DINPro-Black';
  line-height            : 1em;
  position               : relative;
  top                    : -.06rem;
  background             : linear-gradient(-42deg, #D60000 0%, #9C00FF 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.blessing2 .page-3 .msg2 {
  position                   : absolute;
  z-index                    : 1;
  left                       : 0;
  right                      : 0;
  top                        : 0;
  bottom                     : 0;
  background                 : url("../images/wish/img671.png") center no-repeat;
  background-size            : 6.71rem;
  opacity                    : 0;
  visibility                 : hidden;
  transform                  : scale(0.5);
  -webkit-transform          : scale(0.5);
  -moz-transform             : scale(0.5);
  -o-transform               : scale(0.5);
  transition-duration        : 1s;
  -webkit-transition-duration: 1s;
}

.blessing2 .page-3 .msg2.show {
  opacity          : 1;
  visibility       : visible;
  transform        : scale(1);
  -webkit-transform: scale(1);
  -moz-transform   : scale(1);
  -o-transform     : scale(1);
}


.blessing2 .page-4 {
  height  : 100vh;
  position: relative;
}

.blessing2 .page-4 .layer {
  position       : absolute;
  z-index        : 1;
  left           : 0;
  right          : 0;
  top            : 0;
  bottom         : 0;
  position       : fixed;
  background     : url(../images/wish/cardbg.png) no-repeat center bottom;
  background-size: cover;
}

.blessing2 .page-4 .layer .container {
  width     : 3.07rem; 
  position  : relative;
  opacity   : 0;
}

.blessing2 .page-4 .layer .close {
  display        : block;
  position       : absolute;
  z-index        : 9;
  right           : -5px; top:0.1rem;
  background     : url("../images/wish/close.svg") center top no-repeat;
  background-size: 100%;
  width          : var(--base-size);
  height         : var(--base-size);
}

.bounce {
  position       : relative;
  top            : 250px;
  z-index        : 99;
  display        : flex;
  align-items    : center;
  justify-content: center;
  width          : 100%;

}

.bounce img {
  width: 300px;
}



@keyframes bounce {
  0% {
    transform: translate3d(0, 0, 0);
  }

  100% {
    transform: translate3d(0, -1em, 0);
  }
}


.backshow {
  display: block !important;
  cursor : pointer;
}

.pcback {
  display : none;
  position: absolute;
  left    : 50px;
  top     : 40px;
  z-index : 2;
}

.pcback2 {
  display : none;
  position: absolute;
  left    : 150px;
  top     : 40px;
  z-index : 2;
}

.pcback img {
  width: 90px;
}

.pcback2 img {
  height: 37px;
}

.mbback {
  display: none !important;
}

.mbback2 {
  display: none !important;
}

.blessing2 .page-4 .layer canvas {
  width  : 100%;
  display: block; border-radius: 10px;
}

.blessing2 .page-4 .layer .img {
  position: absolute;
  z-index : 1;
  left    : 0;
  right   : 0;
  top     : 0;
  bottom  : auto;
}

.blessing2 .page-4 .layer .img img {
  opacity: 0;
}

.blessing2 .page-4 .layer .tips {
  font-size : .14rem;
  color     : #fff;
  text-align: center;
  position  : absolute;
  z-index   : 1;
  left      : 0;
  right     : 0;
  top       : -0.42rem;
  bottom    : auto;
}

.phone-btn {
  display: none;
}

/*# sourceMappingURL=index.css.map */

/* ======================= 祝福卡片修复 ======================= */
/* 1. style.css 里有一条给开场动画用的全局规则 .layer{ pointer-events:none }（style.css:22），
      祝福卡片的浮层也叫 .layer（main.htm:735），被它命中；
      pointer-events 会继承，导致卡片内所有元素（含关闭按钮、保存用图片）都点不到 */
.blessing2 .page-4 .layer .container {
  pointer-events: auto;
}

.blessing2 .page-4 .layer .close {
  pointer-events: auto;
  z-index: 99;
  cursor: pointer;
}

/* 2. .blessing2 .page-1（星光树画布）是 z-index:1，把卡片提到树之上，避免点击被画布接走 */
.blessing2 .page-4 {
  z-index: 9;
}


.sendwishbox{
  position: absolute;top:50%;left:50%;z-index: 2;padding:0.3rem 0.7rem 1.5rem;transform: translate(-50%,-50%);
  background:url(../images/wish/sendwish-bg.svg) no-repeat center/cover; width:5.66rem;
  /* box-shadow:0 3px 30px rgba(67,13,13,0.3); */
}
.sendwishbox .closePage-2{position: absolute;top:0.38rem;right:0.5rem;width: var(--medium-size);cursor: pointer;width: var(--medium-size);}
.sendwishbox .sendwish-title{font-size: 0.24rem;font-weight: bold;color: #9D1D22;text-align: center;line-height: 1.3;margin-bottom: var(--regular-size);}
.sendwishbox .title{font-size: var(--base-size);color: #9D1D22;line-height: 1.45;margin-bottom: 0.08rem;}
.sendwishbox .input{border:1px solid #DBBDA0;border-radius: 4px;font-size: var(--base-size);width: 100%;outline: 0;text-indent:1em}
.sendwishbox textarea{height: 1.1rem;margin-bottom: var(--small-size);padding:5px}
.sendwishbox .wrap{display: flex;gap:0.1rem;}
.sendwishbox .wrap >*{flex:1 0 0;}
.sendwishbox .wrap input{line-height: 2.5;font-size: var(--base-size);} 
.sendwishbox .wish-validate img{position: absolute;right:4px;top:50%;transform:translateY(-50%);width: 0.6rem;}
.sendwishbox #send{
  margin: 0.3rem auto 0;color: #FFDDA1;font-size: var(--medium-size);text-align: center;font-weight: 900;
  line-height: 2.4;background: url(../images/wish/send-bg.svg) no-repeat center/cover;width:1.6rem; cursor:pointer;
}