@charset "utf-8";
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 .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 {
  position  : fixed;
  z-index   : 1000;
  left      : 0;
  top       : 0;
  width     : 100%;
  height    : 100%;
  background: #000 url("image/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("image/close.svg") 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;
}

html {
  font-size: 100px;
}

body {
  font-size               : .14rem;
  font-family             : "SourceSansPro-Regular", "微软雅黑";
  color                   : #000;
  -webkit-text-size-adjust: none;
  overflow                : hidden;
}

a {
  color          : #000;
  text-decoration: none;
  outline        : none;
}


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

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

a:hover {
  text-decoration: none;
  color          : #6b0e7a;
  outline        : none;
}

li {
  list-style: outside none;
}

h1 {
  font-size: 16px;
}

h2,
h3,
h4,
h5 {
  font-size: 14px;
}

h5 {
  font-size: .12rem;
}

textarea,
input {
  background : transparent;
  font-size  : 12px;
  font-family: "SourceSansPro-Regular", "微软雅黑";
  color      : #888;
  outline    : none;
  border     : 0;
}

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 a.logo {
  display        : block;
  background     : url("image/logo.png") center no-repeat;
  background-size: 100%;
  width          : 2.2rem;
  position       : absolute;
  z-index        : 1;
  left           : 0;
  right          : auto;
  top            : 0;
  bottom         : 0;
}

.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("image/nava.png") center no-repeat;
  background-size: .78rem;
}

.g-head a.navA:hover i {
  transform        : rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform   : rotate(180deg);
}

.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("image/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("image/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("image/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 .list a:hover {
  color: #eb0074;
}

.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 i {
  background-image: url("image/close78.png");
}

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("image/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("image/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("image/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("image/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("image/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("image/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("image/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 .arrow a.prev {
  left            : 18px;
  background-image: url("image/prev59.png");
}

.index-imgs .arrow a.next {
  right           : 18px;
  background-image: url("image/next59.png");
}

.index-imgs .close {
  display              : block;
  -moz-border-radius   : 50%;
  -webkit-border-radius: 50%;
  border-radius        : 50%;
  position             : absolute;
  z-index              : 1;
  left                 : auto;
  right                : 6px;
  top                  : auto;
  bottom               : 124px;
  width                : 31px;
  height               : 31px;
  background           : rgba(0, 0, 0, 0.55) url("image/close14.png") center no-repeat;
}

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

.index-imgs-btn {
  background     : url("image/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("image/prev10.png");
  margin-left     : -1.1rem;
}

.blessing-layer .list .arrow a.next {
  right           : 50%;
  background-image: url("image/next10.png");
  margin-right    : -1.1rem;
}

.blessing-layer .list a.close {
  display              : block;
  width                : .32rem;
  height               : .32rem;
  background           : rgba(0, 0, 0, 0.55) url("image/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("image/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("image/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("image/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("image/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("image/prev107.png");
  left            : 0;
  padding-right   : .14rem;
}

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

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

.page .page-next em {
  padding-right: 12px;
  background   : url("image/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("image/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("image/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("image/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("image/img375_2.png");
}

.xiaoyou .list dd:nth-child(3) .container {
  left            : auto;
  right           : 0;
  background-image: url("image/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("image/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%;
  background: url("../images/main6bg.jpg") no-repeat bottom center /cover;
  background-size: cover;
  position       : relative;
  overflow       : hidden;
  opacity        : 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 .page-0 .bg {
  position       : absolute;
  z-index        : 1;
  left           : 0;
  right          : 0;
  top            : 0;
  bottom         : 0;
  background     : url("image/bigbg.jpg") center center no-repeat;
  background-size: cover;
}

.blessing2.show {
  opacity: 1;
}
.blessing2.moteshow{  background     : url("image/page2bg.jpg") center center no-repeat;}
.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   : #fff;
  border-radius: 10px;
}

.blessing2 .page-1 .loading .jdt .jdtbox {
  width        : 0%;
  height       : 100%;
  position     : absolute;
  left         : 0;
  top          : 0;
   background-image: -moz-linear-gradient(rgba(253, 209, 8, 1),rgba(193, 35, 43, 1) 100%);
    background-image: -webkit-linear-gradient( rgba(253, 209, 8, 1),rgba(193, 35, 43, 1) 100%);
    background-image: -ms-linear-gradient( rgba(253, 209, 8, 1),rgba(193, 35, 43, 1) 100%);
  border-radius: 9px;
}

.blessing2 .page-1 .loading .name {
  font-size     : 20px;
  font-family   : Microsoft YaHei;
  font-weight   : bold;
  color         : #FFFFFF;
  padding-bottom: 20px;
}

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

.blessing2 .page-1 .tips-layer2 {
  position             : fixed;
  z-index              : 10;
  right                 : 40px;
  bottom                  : 40px;
  width                : 2rem;
  margin-left          : -1rem;
  height               : .5rem;
  line-height          : .5rem;
  text-align           : center;
  background           : rgba(0, 0, 0, 0.6);
  font-size            : .14rem;
  color                : #fff;
  -moz-border-radius   : 0.4rem;
  -webkit-border-radius: 0.4rem;
  border-radius        : 0.4rem;
  margin-top           : -.4rem;
}

.blessing2 .page-2 {
  position: relative;
  margin: 0 auto;
  z-index        : 1;
  opacity        : 0;
  visibility     : hidden;
  display        : flex;
  transition     : all 1s;
  flex-direction: row;
  justify-content: flex-start;
  width: var(--innerWidth);
  height: 100%;
}

.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%;
  height: auto;
  width: 5.2rem;
  margin: 0 auto;
  position: relative;
}
.blessing2 .page-2 .list .tis {
    color: #fff;
    text-align: center;
    font-size: var(--smailSizex);
    opacity: 0.7;
    margin-bottom: 0.16rem;
}
.blessing2 .page-2 .list .zfText {
    width: 5rem;
    margin: 0 auto;
    margin-top: 0.2rem;
}
.blessing2 .page-2 .list textarea {
    width: 100%;
  /*  background: url(image/textbtn.png) no-repeat center center / 100% 100%; */
    background: linear-gradient(0deg, #971D13, #D66960);
    border-radius: 0.04rem;
    padding: 0.11rem 0.22rem 0.11rem 0.22rem;
    box-sizing: border-box;
    font-size: 0.16rem;
    font-family: "";
    color: #fff;
    height: 0.84rem;
    margin-bottom: 0.1rem;
}
.blessing2 .page-2 .list input {
    line-height: 0.4rem;
    height: 0.4rem ! important;
    background: url(image/textbtn.png) no-repeat center center / 100% 100%;
    border-radius: 0.04rem;
    font-size: 0.16rem;
    color: #fff;
    font-family: "";
    padding: 0 0.1rem;
    flex: 1;
}
.blessing2 .page-2 .list .zfText .bottom {
    display: flex;
    gap: 0.1rem;
}

.msg_code_img img {
    height: 100%;
}

span#msg_code_img img {
    vertical-align: middle;
}

span#msg_code_img {
    line-height: 0.4rem;
}
.blessing2 .page-2 .list *::-webkit-input-placeholder{color:rgb(255 255 255 / 70%)}
.blessing2 .page-2 .list *:-moz-placeholder{color:rgb(255 255 255 / 70%)}
.blessing2 .page-2 .list *::-moz-placeholder{color:rgb(255 255 255 / 70%)}
.blessing2 .page-2 .list *:-ms-input-placeholder{color:rgb(255 255 255 / 70%)}
.blessing2 .page-2 .list .scro{
    position: relative;
}
.blessing2 .page-2 .list .scroll {
  height: 4rem;
  overflow-y  : hidden;
  margin-left : -.5rem;
  margin-right: -.5rem;
  /* padding     : 0 .5rem 1rem .5rem; */
}

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

.blessing2 .page-2 .list li div {
  font-size      : .18rem;
  font-weight    : bold;
  color          : #fff;
  width: 5rem;
  text-align     : center;
  line-height: 0.4rem;
  height: auto;
  cursor: pointer;
  position       : relative;
  transition     : all .3s;
  position: relative;
}
.blessing2 .page-2 .list li div[data-name=""] span, .blessing2 .page-2 .list li div[data-name=" "] span {
    display: none;
}
.blessing2 .page-2 .list li div:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background: url(image/textbtn.png) no-repeat center center / 100% 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: -1;
    transition: var(--transition);
}

.blessing2 .page-2 .list li div.on:after,.blessing2 .page-2 .list li div:hover:after{
    width: 5.13rem;
    height: 0.52rem;
    background: url(image/textact.png) no-repeat center center / 100% 100%;
}
.blessing2 .page-2 .btn {
  height: 1.7rem;
  position: relative;
  z-index : 10;
  width: 1.7rem;
  margin: 0 auto;
}

.blessing2 .page-2 .btn img {
  transition: all 1s;
  width: 100%;
  height: 100%;
}

.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;
  /* opacity: 0; */
}

.blessing2 .page-3 .bg {
  position       : absolute;
  z-index        : 1;
  left           : 0;
  right          : 0;
  top            : 0;
  bottom         : 0;
  background: url("image/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("image/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: 100%;
  position: relative;
  position: absolute;
  z-index: 1;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden;
}

.blessing2 .page-4 .layer {
  position       : absolute;
  z-index        : 1;
  left           : 0;
  right          : 0;
  top            : 0;
  bottom         : 0;
  position: absolute;
  background: url(image/page2bg.jpg) no-repeat center center;
  background-size: cover;
}

.blessing2 .page-4 .layer .container {
  width     : 4.3rem;
  /* background: #FFF; */
  /* box-shadow: 0 0 0.32rem 0 #A2CEFF; */
  position  : relative;
  opacity   : 0;
}

.blessing2 .page-4 .layer .close {
  display        : block;
  z-index        : 9;
  left           : 50%;
  bottom         : -.56rem;
  background     : url("image/close.svg") center top no-repeat;
  background-size: 100%;
  width          : .5rem;
  height         : .5rem;
}
.blessing2 .page-4 .layer .share_icon {
    background: url(image/share.png) left center no-repeat;
    display: block;
    height: 0.5rem;
    background-color: rgba(151, 29, 19, 0.3);
    border-radius: 0.25rem;
    margin-right: 0;
    padding: 0;
    background-position-x: 0.1rem;
    width: 0.5rem;
    overflow: hidden;
}.blessing2 .page-4 .layer .share_icon a {
    width: 0;    transition: background 0.1s ease-out 0s;
}.blessing2 .page-4 .layer .share_icon:hover {
    width: auto;
    padding: 0rem 0rem 0rem 0.7rem;
}.blessing2 .page-4 .layer .share_icon:hover {
    width: auto;
    padding: 0rem 0rem 0rem 0.7rem;margin-right: -2.5rem;     overflow: visible;
}.blessing2 .page-4 .layer .share_icon:hover a {
    width: 0.4rem;
}
.social-share .social-share-icon {
    position: relative;
    background: url(image/sht.png) left center no-repeat;
    margin: 0 0.02rem;    height: 0.5rem !important;
    background-size: 2.48rem !important;
}
.social-share .icon-wechat {
 background: url(image/sht.png) center no-repeat !important;
    background-position-x: 0 !important;background-size: 2.48rem !important;
}
.social-share .icon-qq{ background: url(image/sht.png) center no-repeat !important;
    background-position-x: -0.9rem !important;background-size: 2.48rem !important;}
.social-share .icon-douyin{ background: url(image/sht.png) center no-repeat !important;
    background-position-x: -1.35rem !important;background-size: 2.48rem !important;}
.social-share .icon-qzone{ background: url(image/sht.png) center no-repeat !important;
    background-position-x: -1.78rem !important;background-size: 2.48rem !important;}
.social-share .icon-weibo{ background: url(image/sht.png) center no-repeat !important;
    background-position-x:-2.22rem !important;background-size: 2.48rem !important;}
.blessing2 .page-4 .layer .con_btn {
    display: flex;
    position: absolute;
    bottom: -0.56rem;
    width: 100%;
    justify-content: center;
    z-index: 9;
    gap: 0.4rem;
}
.bounce {
  position       : relative;
  top: 50%;
  z-index        : 99;
  display        : flex;
  align-items    : center;
  justify-content: center;
  width          : 100%;
  font-size: 0.3rem;
  transform: translateY(-50%);
  color: #da3a2e;
  font-weight: bold;
}

.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 : 5px solid #A551AA; */
  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: #da3c2d;
  text-align: center;
  position  : absolute;
  z-index   : 1;
  left      : 0;
  right     : 0;
  top       : -0.42rem;
  bottom    : auto;    display: none;
}

.phone-btn {
  display: none;
}
.page-2 .left {
    width: 8.62rem;
    padding: 0 0.5rem;
    box-sizing: border-box;
    position: relative;
    transform: translateX(-4rem);
    opacity: 0;
}
.page-2 .right{
    flex: 1;
    transform: translateX(4rem);
    opacity: 0;
}
.page-2 .left .con{
    position: relative;
}
.page-2 .left .swiper-button-next,.page-2 .left  .swiper-button-prev {
    --swiper-navigation-color: #971D13;
    opacity: 0.4;
    --swiper-navigation-sides-offset: -0.5rem;
    --swiper-navigation-size: 0.35rem;
}
.page-2 .left .swiper-button-next:hover, .page-2 .left .swiper-button-prev:hover {
    opacity: 1;
    
}
.page-2 .news .news_imgs a {
    padding-top: 42.8%;
}
.page-2 .swiper1 .news {
    padding: 0.14rem;
    background: url(../images/bg5.jpg) no-repeat center / 100% 100%;
}

.page-2 .swiper1 {
    margin-bottom: 0.33rem;
}
.page-2 .swiper2 .news {
    max-width: 33.33%;
}
.blessing2 .page-2 .list .scro:after {
    content: "";
    width: 5.2rem;
    height: 0.5rem;
    background: linear-gradient(360.00deg, rgb(249 233 220), rgba(253, 209, 8, 0) 100%);
    position: absolute;
    bottom: 0;
    right: 0.1rem;
}
.page-2 .left .more_btn {
    position: absolute;
    bottom: -0.63rem;
    right: 0;
}
.zf_code {
    position: fixed;
    right: 0;
    z-index: 1;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    gap: 0.19rem;
}

.zf_code a {
    width: 1rem;
    height: 1rem;
    position: relative;
    display: block;
    right: -0.25rem;
}

.zf_code a.n1 {
    background: url(../images/code_icon1.svg) no-repeat center/100% 100%;
}
.zf_code a.n2 {
    background: url(../images/code_icon2.svg) no-repeat center/100% 100%;
}
.zf_code a:after {
    z-index: -1;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../images/code_bg.png) no-repeat center/100% 100%;
    top: 0;
    left: -0.1rem;
    transition: var(--transition);
}
.zf_code a:hover{    right: -0.15rem;}
.zf_code a:hover:after{    left: 0;}

.zf_code a .img {
    position: absolute;
    right: 50%;
    width: 1.5rem;
    height: 1.5rem;
    transition: var(--transition);
    opacity: 0;
    visibility: hidden;
    top: 50%;
    transform: translateY(-50%);
}

.zf_code a .img img {
    width: 100%;
    height: 100%;
}

.zf_code a:hover .img {
    right: 100%;
    opacity: 1;
    visibility: inherit;
}
@media screen and (max-width:999px){
.blessing2 .page-2 .list .zfText .bottom{
    display: block;
}
.blessing2 .page-2 .list input{
    width: 100%;
    margin-bottom: 0.1rem;
}
.blessing2 .page-2 .list input#validateCode{
    width: calc(100% - 90px);
}
  .blessing2{
    /* height: calc(100vh - 65px); */
    /* overflow: auto; */
}
.blessing2 .page-2 .list li div{
    max-width: 77%;
    height: auto;
}
.blessing2 .page-2 .list .scroll{
    margin: 0;
}
.blessing2 .page-2 .list li div.on:after{
    width: 120%;
}
.blessing2 .page-2 .list .zfText{ max-width: 77%;}
.blessing2 .page-2 .list{
    padding-top: 50px;
}
.blessing2 .page-2.show{
    padding-top: 100px;
    display: block;
}
.page-2 .left{
    width: 100%;
}
}
.social-share .icon-wechat .wechat-qrcode.bottom {
    top: auto !important;
    bottom: 0.5rem;
}