@font-face {
  font-family: "Source Han Serif";
  src: url('../fonts/SourceHanSerifCN-VF.woff2') format('woff2-variations'), url('../fonts/SourceHanSerifCN-VF.otf') format('opentype');
  display: 'swap'
}
.page-4 .img img{width:100%}
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;
}

 
.blessing2 .page-1 .tips-layer,
.blessing2 .page-1 .tips-layer .container .btn,
.blessing2 .page-2 .msg,
.blessing2 .page-2 .title,
.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-2 .title,
.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 .container {
  color      : #fff;
  position   : absolute;
  left       : 50%;
  top        : 50%;
  width      : 630px;
  margin-left: -315px;
  margin-top : -160px;
}

 

.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;
}
 
 

.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);
  }
}



/*-------------------------*/

.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;
}

.blessing2 {  
  background-size: cover;
  position       : absolute;
  overflow       : hidden;
  opacity        : 0;
  inset:0; 
  /*---------------------*/
  /*---------------------*/
  /*---------------------*/
  /**/
}

.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.show {
  opacity: 1;
}

.blessing2 .page-1 {
  position  : absolute;
  z-index   : 1;
  inset:0;
  top:var(--safe-top);
  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;
  right                 : 1.35rem;
bottom                  : 1.44rem;  
  text-align           : center;   
}
.blessing2 .page-1 .tips-layer2 img{width: 0.25rem;}
 .blessing2 .page-2 {
  position       : absolute;
  z-index        : 444;
  left           : 0;
  right          : 0;
  top            : 0;
  bottom         : 0;
  background     : rgba(0,0,0,0.4);
  background-size: cover;
  opacity        : 0;
  visibility     : hidden;
  display        : flex;
  flex-direction : column;
  transition     : all 1s;
  justify-content: flex-start;
 }
.blessing2 .page-2.show {
  opacity   : 1;
  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 .title {
  padding: .04rem 0 .2rem 0;
}

.blessing2 .page-2 .title:before,
.blessing2 .page-2 .title:after {
  content   : "";
  display   : block;
  position  : absolute;
  position  : relative;
  width     : .4rem;
  height    : 1px;
  background: #B28029;
}

.blessing2 .page-2 .title h3 {
  font-size: .18rem;
  color    : #B28029;
  padding  : 0 .1rem;
}

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

.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;
  color: #fff;
  font-size: var(--base-size);
}
.blessing2 .page-2 .list li .on{color: #ecad49;}
 


 
 

 


.blessing2 .page-3 {
  position  : absolute;
  z-index   : 345;
  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   :none;
}

.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_chy/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;z-index:444
}

.blessing2 .page-4 .layer {
  position       : absolute;
  z-index        : 1;
  left           : 0;
  right          : 0;
  top            : 0;
  bottom         : 0;
  position       : fixed;
  background     : rgba(0,0,0,0.4);
  background-size: cover;
}

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

.blessing2 .page-4 .layer .closePage4{
  display        : block;
  position       : absolute;
  z-index        : 9;
  left           : 48.9%;
  bottom: 0.84rem;
  transform      : translateX(-50%);
  background     : url("../images/wish/close2.svg") center top no-repeat;
  background-size: 100%;
  width          : .29rem;
  height         : .29rem;
}

.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; 
}
#downImg{ display:none}
.blessing2 .page-4 .layer .img {
  position: relative;
  z-index : 2;
  left    : 0;
  right   : 0;
  top     : 0;
  bottom  : auto;
} 
 /*
.page-4 .container.pc #downImg{display:block}
.page-4 .container.pc .img {display:none}
.page-4 .container.wap #downImg{display:none}
.page-4 .container.wap .img {display:block}
 */
.blessing2 .page-4 .layer .tips {
  font-size : var(--small-size);
  color     : #fff;
  text-align: center;
  position  : absolute;
  z-index   : 1;
  left      : 0;
  right     : 0;
  top       : -0.42rem;
  bottom    : auto;display:none
} 
.blessing2 .page-4 .layer .tips.show {
  display: block;
}


body.wish .col_wrapper .list_news{z-index:99}
#tree{position:absolute;bottom:0;width:100%}
.tree_video{position: absolute;z-index: 0;width:100vw;height:100vh;object-fit: cover;left:50%;bottom:var(--safe-bottom);transform: translateX(-50%);}
.page-2 .sendWishbox{position:absolute;bottom:0.67rem;left:50%;transform:translateX(-50%);background:url(../images/wish/wishContainer_bg.png) no-repeat center/cover;border-radius:10px;box-sizing:border-box;width:10.5rem;padding:0.72rem 0.51rem 0.37rem 0.65rem;}
.page-2 .closepage2{position:absolute;right:var(--medium-size);top:var(--medium-size);z-index:22;cursor:pointer;width:var(--base-size)}
.blessing2 .page-2 .btn-sendwish{transform:none !important;margin-top:0.58rem;text-align:center}
.blessing2 .page-2 .btn-sendwish img{width:2.6rem}
.sendWishbox .wish_container{display:flex;}
.sendWishbox .wish_container .l{flex:2.57rem 0 0;color:var(--theme-color) }
.sendWishbox .wish_container .r{flex:1 0 0;}
.sendWishbox .wish_container .l .text1{font-size:0.3rem;font-weight:bold;position:relative;padding-bottom:var(--base-size);line-height:1.46}
.sendWishbox .wish_container .l .text1:before{content:"";position:absolute;bottom:0;left:0;width:0.34rem;height:4px;background:#C09F6A}
.sendWishbox .wish_container .l .text2{font-size:var(--base-size);margin-top:0.3rem;line-height:1.6}
.sendWishbox .wish_container .r textarea{box-sizing:border-box;height:2.5rem;;}
.sendWishbox .wish_container .r input,.sendWishbox .wish_container .r textarea{ width:100%;line-height:1.5;box-shadow:none !important;color:#896428;font-size:var(--base-size);background:none;border-radius:10px;padding:0.12rem 0.24rem;outline:0;border:1px solid #C09F6A}
.sendWishbox .wish_container .r .wrap{display:flex;gap:var(--base-size);margin-top:var(--medium-size);}
.sendWishbox .wish_container .r .wrap>div{flex:1 0 0;position:relative}
.sendWishbox .wish_container .r .validate img{position:absolute;top:50%;transform:translateY(-50%);width:0.67rem;right:0.1rem;}
body #l-container{display:none}

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

body.wish{min-height:1px;position:absolute;inset:0;background-color:#911814;width:100%;box-sizing:border-box}
body.list .header{z-index:333;} 
.tree_video{height:70vh;}
.sendWishbox .wish_container .l .text1{font-size:20px}
.blessing2 .page-1 .tips-layer2{right:4%;bottom:40px;}
.blessing2 .page-1 .tips-layer2 img{width:22px} 
.blessing2 .page-4 .layer .container{width:250px;max-width:90%}
.blessing2 .page-4 .layer .closePage4{width: 29px;height: 29px;bottom:16%;}
.page-2 .sendWishbox{bottom:auto;top:50%;transform:translate(-50%,-50%);width:90%;padding:30px 25px}
.blessing2 .page-2 .btn-sendwish{margin-top:20px}
.blessing2 .page-2 .btn-sendwish img{width:150px}
.sendWishbox .wish_container{display:block}
.sendWishbox .wish_container .r{margin-top:20px}
.sendWishbox .wish_container .r .wrap{display:block}
.sendWishbox .wish_container .r .wrap>div+div{margin-top:10px}
.sendWishbox .wish_container .r textarea{height:120px}
}


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