html,
body {
  font-size: 14px;
  background: #fcfcfc;
}

* {
  margin: 0;
  padding: 0;
  text-decoration: none;
}

a {
  display: inline-block;
  width: -moz-fit-content;
  width: fit-content;
  height: 100%;
  color: #333;
}

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

[v-cloak] {
  display: none;
}

ul,
li {
  list-style: none;
  padding: 0;
  margin: 0;
}

input {
  outline: none;
  border: none;
  background-color: transparent;
}

.text-two-line {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  white-space: normal !important;
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
  -webkit-line-clamp: 2;
}

.text-three-line {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  white-space: normal !important;
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
  -webkit-line-clamp: 3;
}

.bg {
  width: 100%;
  height: 1650px;
  position: absolute;
  top: 0;
  left: 0;
}

.bgimg {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

header {
  position: relative;
  width: 100%;
  height: 64px;
  background: linear-gradient(180deg, #0DBD29 0%, #008F17 100%);
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
}

header .top {
  width: 1250px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

header .top .left {
  display: flex;
  align-items: center;
}

header .top .left a {
  width: 101px;
  /* height: 42px; */
  margin-right: 25px;
}

header .top .left a .icon {
  width: 101px;
  /* height: 38px; */
}

header .top .left .tabs {
  display: flex;
  align-items: center;
  color: #333;
}

header .top .left .tabs a {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  height: 64px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  line-height: 64px;
  margin-right: 0px !important;
  cursor: pointer;
  font-size: 18px;
  color: #FFFFFF;
  padding: 0 13px;
  text-align: center;
  box-sizing: border-box;
}




header .top .left .tabs .activetab {
  background-color: #FFFFFF;
  color: #FB8F17;
  font-weight: 600;
  position: relative;
  padding-right: 26px;
}

header .top .left .tabs .activetab::after {
  content: '';
  position: absolute;
  display: block;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  width: calc(100% - 40px);
  height: 4px;
  background: #FB8F17;
  box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0.5);
  opacity: 0.9;
  backdrop-filter: blur(20px);
}

header .top .left .tabs .activetab::before,
header .top .left .tabs a:hover::before {
  content: '';
  position: absolute;
  width: 26px;
  height: 20px;
  right: 0px;
  top: 6px;
  background: url(https://hsy1.jibai.com/static/jibai/new-jibai-pc-img/foliage.png) no-repeat center center;
  background-size: cover;
}

header .top .left .tabs .activetab img:last-child {
  display: inline-block;
}

header .top .left .tabs .activetab img:first-child {
  display: none;
}





header .top .left .tabs a:hover img:last-child {
  display: inline-block;
}

header .top .left .tabs a:hover img:first-child {
  display: none;
}

header .top .left .tabs a img {
  margin-top: 2px;
  margin-right: 4px;
}

header .top .left .tabs a img:first-child {
  display: inline-block;
}

header .top .left .tabs a img:last-child {
  display: none;
}

header .top .left .tabs a:hover {
  background-color: #FFFFFF;
  color: #FB8F17;
  font-weight: 600;
}

header .top .left .tabs a:hover::after {
  content: '';
  position: absolute;
  display: block;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  width: calc(100% - 40px);
  height: 4px;
  background: #FB8F17;
  box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0.5);
  opacity: 0.9;
  backdrop-filter: blur(20px);
}

header .top .left .tabs a:last-child {
  margin-right: 0;
}

header .top .info {
  font-size: 16px;
  color: #FFFFFF;
  font-weight: 400;
  cursor: pointer;
}

header .top .logged {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  height: 40px;
  min-width: 121px;
  cursor: pointer;
}

header .top .logged .avatar {
  width: 32px;
  height: 32px;
  border-radius: 100%;
}

header .top .logged .name {
  font-size: 16px;
  line-height: 16px;
  color: #fff;
  padding: 0 6px;
}

header .top .logged .arrow-down {
  width: 10px;
  height: 7px;
}

header .top .logged .logged-fixed {
  display: none;
  position: absolute;
  top: 0px;
  left: 0;
  z-index: 100;
  min-width: 121px;
  background: #f8f8f8;
  border-radius: 3px;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
}

header .top .logged .logged-fixed .origin-box {
  min-width: 121px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

header .top .logged .logged-fixed .origin-box .avatar {
  width: 32px;
  height: 32px;
  border-radius: 100%;
}

header .top .logged .logged-fixed .origin-box .name {
  font-size: 16px;
  line-height: 16px;
  color: #333;
  padding: 0 6px;
}

header .top .logged .logged-fixed .origin-box .arrow-top {
  width: 10px;
  height: 7px;
}

header .top .logged .logged-fixed .fixed-name {
  display: inline-block;
  min-width: 121px;
  height: 32px;
  background: #ffffff;
  color: #333;
  font-size: 14px;
  text-align: center;
  line-height: 32px;
  margin-bottom: 4px;
}

header .top .logged .logged-fixed .fixed-name:last-child {
  margin-bottom: 0;
}

header .top .logged .logged-fixed .fixed-name:hover {
  background-color: #009f54;
  color: #ffffff;
}

.primary-header {
  position: relative;
  width: 100%;
  text-align: center;
  margin-top: 76px;
}

.primary-header .primary .avatar {
  position: relative;
  width: 148px;
  height: 193px;
  border-radius: 3px;
  border: 4px solid rgba(255, 255, 255, 0.8);
  border-image: url("https://hsy1.jibai.com/static/jibai/img/newcenter/hj.png");
}

.primary-header .primary .bkstyle {
  width: 148px;
  height: 193px;
}

.primary-header .primary .bkstyle2 {
  width: 210px;
  height: 235px;
  margin: -27px -75px;
}

.primary-header .primary .ptimg {
  width: 148px;
  height: 193px;
  background-size: 128px 176px;
  margin: 0 auto;
  background-repeat: no-repeat;
  background-position: 12px 9px;
}

.primary-header .primary .er .ptimg {
  width: 148px;
  height: 193px;
  background-size: 128px 176px;
  margin: 0px 17.5px;
  background-repeat: no-repeat;
  background-position: 12px 9px;
}

.primary-header .primary .name {
  font-size: 33px;
  line-height: 33px;
  color: #333;
  font-weight: bold;
  margin-top: 30px;
}

.primary-header .primary .desc-box {
  margin-top: 10px;
}

.primary-header .primary .desc-box span {
  display: inline-block;
  color: #666;
  font-size: 16px;
  line-height: 16px;
  margin-right: 10px;
}

.primary-header .primary .desc-box .span-2 {
  height: 25px;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 3px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  margin-right: 10px;
  cursor: pointer;
  box-sizing: border-box;
  padding: 0 10px;
  color: #666;
}

.primary-header .primary .desc-box .span-2 .icon {
  width: 16px;
  height: 16px;
  margin-left: 6px;
}

.primary-header .primary .desc-box span:last-child {
  margin: 0;
}

.primary-header .primary .state {
  margin-top: 13px;
}

.primary-header .primary .state p {
  display: inline-flex;
  align-items: center;
  font-size: 14px;
  line-height: 14px;
  color: #333;
  margin-right: 25px;
}

.primary-header .primary .state p:last-child {
  margin: 0;
}

.primary-header .primary .state p .icon {
  width: 13px;
  height: 16px;
  margin-right: 4px;
}

.primary-header .primary .state p .icon1 {
  width: 14px;
  height: 13px;
  margin-right: 4px;
}

.primary-header .primary .state p .icon2 {
  width: 16px;
  height: 12px;
  margin-right: 4px;
}

.primary-header .primary .btn-box {
  margin-top: 20px;
}

.primary-header .primary .btn-box .upgrade {
  display: inline-flex;
  align-items: center;
  font-size: 19px;
  line-height: 19px;
  color: #f5c164;
  width: 187px;
  height: 41px;
  background: #2f2f2f;
  border-radius: 3px;
  justify-content: center;
  cursor: pointer;
}

.primary-header .primary .btn-box .upgrade .up-icon {
  width: 27px;
  height: 17px;
}

.primary-header .primary .btn-box .jb {
  display: inline-block;
  width: 84px;
  height: 41px;
  background: #ffcd42;
  border-radius: 3px;
  text-align: center;
  line-height: 41px;
  color: #00572e;
  font-size: 19px;
  margin-left: 8px;
  cursor: pointer;
  position: relative;
  animation-name: jibaiDrawScale;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-duration: 2s;
}

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

  25% {
    transform: scale(1.2);
  }

  50% {
    transform: scale(1);
  }

  75% {
    transform: scale(1.2);
  }
}


.primary-header .primary .btn-box .dot:after {
  position: absolute;
  top: 6px;
  right: 6px;
  content: " ";
  width: 8px;
  height: 8px;
  background: red;
  border-radius: 100%;
}

.fixed-header-box {
  position: absolute;
  top: 596px;
  left: 0;
  width: 100%;
}

.fixed-header-box .fixed {
  background-color: #009f54;
  position: fixed;
  left: 0;
  top: 0;
  height: 66px;
  z-index: 1000;
}

.fixed-header {
  position: relative;
  width: 1250px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #009f54;
}

.fixed-header .tabs {
  display: flex;
  align-items: center;
  float: left;
}

.fixed-header .tabs li {
  height: 66px;
  width: -moz-fit-content;
  width: fit-content;
  line-height: 66px;
  padding: 0 20px;
  margin-right: 10px;
  position: relative;
  cursor: pointer;
  font-size: 19px;
  float: left;
}

.fixed-header .tabs li a {
  color: #ffffff;
}

.fixed-header .tabs li.active a {
  color: #ffcd42;
}

.fixed-header .tabs li.active::after {
  content: " ";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: #ffcd42;
}

.fixed-header .creator {
  float: right;
  width: 177px;
  height: 41px;
  background: #ffcd42;
  border-radius: 3px;
  margin-left: 49px;
  line-height: 41px;
  font-size: 19px;
  color: #00572e;
  text-align: center;
  cursor: pointer;
  margin-right: 25px;
}

.container {
  width: 100%;
  margin-top: 98px !important;
  position: relative;
}

.container .content {
  width: 1250px;
  margin: 0 auto;
  display: flex;
  /*align-items: center;*/
}

.container .content .people {
  width: 944px;
  min-height: 259px;
  background: #ffffff;
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  box-sizing: border-box;
  padding: 20px;
  float: left;
}

.container .content .people .title {
  font-size: 19px;
  line-height: 19px;
  color: #333;
  font-weight: bold;
}

.container .content .people ul {
  box-sizing: border-box;
  padding: 0 37px;
  margin-top: 20px;
  display: flex;
  /*justify-content: space-between;*/
  align-items: flex-start;
  flex-wrap: wrap;
}

.container .content .people ul .jianjiestyle {
  width: 100%;
  white-space: break-spaces;
}

.container .content .people ul li {
  width: 50%;
  font-size: 16px;
  line-height: 20px;
  color: #333;
  margin-bottom: 20px;
  white-space: nowrap;
  overflow: hidden;
  /* text-overflow: ellipsis; */
  /* margin-right: 70px; */
  /* display: flex; */
  /*!* padding-left: 30%;*/
}

.container .content .setdata ul li {
  width: 100%;
  font-size: 16px;
  line-height: 20px;
  color: #333;
  margin-bottom: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 70px;
  display: flex;
  align-items: center;
}

.sztext {
  width: 150px;
  padding-right: 20px;
  text-align: right;
  font-size: 16px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #333333;
  line-height: 16px;
}

.container .content .people .people-desc {
  font-size: 14px;
  line-height: 20px;
  color: #666;
  /*padding: 0 37px;*/
  /*height: 60px;*/
  overflow-y: auto;
  display: flex;
}

.people-desc .textareabox {
  width: 400px;
  /*margin: 10px 0px;*/
}

.people-desc .textareabox .el-textarea__inner {
  border-color: #c1b6b6a8 !important;
  background: #efefef5c;
}

.container .content .people ul li:nth-of-type(3n + 3) {
  margin-right: 0;
}

.container .content .qrcode-box {
  width: 226px;
  height: 259px;
  background: #ffffff;
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  float: right;
  margin-left: 25px;
  box-sizing: border-box;
  padding: 20px;
}

.container .content .qrcode-box .qrcode {
  margin: 0 auto;
  width: 144px;
  height: 144px;
}

.container .content .qrcode-box p {
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  color: #333;
  margin-top: 4px;
  letter-spacing: 1px;
}

/*.container .content .qrcode-box p:nth-of-type(1) {*/
/*  margin-top: 20px;*/
/*}*/

.record {
  width: 1250px;
  margin: 0 auto;
  background: #ffffff;
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  box-sizing: border-box;
  padding: 20px;
  margin-top: 20px;
}

.record .title-box {
  font-size: 19px;
  line-height: 19px;
  color: #333;
  font-weight: bold;
  margin-bottom: 20px;
}

.record .title-box span {
  color: #009f54;
}

.record .swiper-container-left,
.record .swiper-container-right {
  display: inline-block;
  width: 596px;
  height: 240px;
  overflow: hidden;
}

.record .left {
  display: inline-block;
  width: 596px;
  height: 240px;
  overflow: hidden;
}

.record .swiper-container-left.right,
.record .swiper-container-right.right {
  height: 94px;
}

.record .right-box {
  width: 596px;
  height: 94px;
}

.record .swiper-container-left .swiper-slide,
.record .swiper-container-right .swiper-slide {
  width: 100%;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  padding: 6px 12px;
  background: #eaf5f7;
}

.record .swiper-container-left .swiper-slide .slide-left,
.record .swiper-container-right .swiper-slide .slide-left {
  display: flex;
  align-items: center;
}

.record .swiper-container-left .swiper-slide .slide-left .avatar,
.record .swiper-container-right .swiper-slide .slide-left .avatar {
  width: 33px;
  height: 33px;
  border-radius: 100%;
  margin-right: 8px;
}

.record .swiper-container-left .swiper-slide .slide-left p,
.record .swiper-container-right .swiper-slide .slide-left p {
  font-size: 16px;
  line-height: 16px;
  color: #333;
}

.record .swiper-container-left .swiper-slide .slide-left p span,
.record .swiper-container-right .swiper-slide .slide-left p span {
  color: #009f54;
}

.record .swiper-container-left .swiper-slide .time,
.record .swiper-container-right .swiper-slide .time {
  font-size: 14px;
  line-height: 14px;
  color: #999;
}

.record .record-right {
  float: right;
  margin-left: 16px;
}

.record .record-right .input-box {
  margin-top: 16px;
  width: 596px;
  height: 131px;
  background: #ffffff;
  border: 4px solid #f1f8f7;
  box-sizing: border-box;
  padding: 10px 12px;
  position: relative;
}

.record .record-right .input-box .textarea {
  font-size: 14px;
  border: none;
  outline: none;
  margin: 0;
  padding: 0;
  height: 60px;
  width: 100%;
  overflow-y: auto;
  background-color: transparent;
  resize: none;
}

.record .record-right .input-box .input-btn {
  position: absolute;
  bottom: 12px;
  right: 10px;
  width: 128px;
  height: 33px;
  background: #009f54;
  border-radius: 3px;
  line-height: 33px;
  text-align: center;
  font-size: 14px;
  color: #fff;
  cursor: pointer;
}

.think {
  width: 1250px;
  margin: 0 auto;
  margin-top: 20px;
  display: flex;
  align-items: center;
}

.think .left {
  /*width: 998px;*/
  width: 100%;
  height: 300px;
  box-sizing: border-box;
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  background-color: #fff;
  padding: 20px;
  float: left;
}

.think .left .title-box {
  font-size: 19px;
  line-height: 19px;
  color: #333;
  font-weight: bold;
  margin-bottom: 20px;
}

.think .left .title-box span {
  color: #009f54;
}

.think .think-box {
  width: 100%;
  height: 220px;
}

.think .left ul {
  width: 100%;
  font-size: 0;
}

.think .left ul li {
  display: inline-block;
  width: 140px;
  margin-right: 12px;
}

.think .left ul li:last-child {
  margin: 0;
}

.think .left ul li .img-box {
  width: 148px;
  height: 175px;
  position: relative;
}

.think .left ul li .img-box .img {
  width: 146px;
  height: 119px;
  object-fit: scale-down;
}

.think .left ul li .img-box .model {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /*background: rgba(0, 0, 0, 0.6);*/
  /*background: linear-gradient(180deg, transparent 0%, #333 100%);*/
  z-index: 7;
}

.think .left ul li .img-box .name {
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
  left: 0;
  font-size: 14px;
  color: #333;
  z-index: 10;
  justify-content: space-between;
  padding: 1px 10px;
  box-sizing: border-box;
}

.think .left ul li .img-box .name .times {
  color: #999999;
}

.think .left ul li .bottom {
  justify-content: space-between;
  line-height: 35px;
  height: 35px;
  background: #eaf5f7;
  border-radius: 6px;
  text-align: center;
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #00572e;
}

.think .left ul li .bottom .name {
  float: left;
  color: #333;
}

.think .left ul li .bottom .time {
  float: right;
  color: #999;
}

.think .right {
  float: right;
  margin-left: 25px;
  width: 226px;
  height: 300px;
  background: #ffffff;
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  box-sizing: border-box;
  padding: 20px;
}

.think .right .title {
  font-size: 16px;
  line-height: 16px;
  color: #333;
  font-weight: bold;
}

.think .right ul {
  width: 100%;
  height: 233px;
  overflow: hidden;
  margin-top: 20px;
}

.think .right ul li {
  width: 100%;
  height: 23px;
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}

.think .right ul li:last-child {
  margin-bottom: 0;
}

.think .right ul li .avatar {
  width: 23px;
  height: 23px;
  border-radius: 100%;
}

.think .right ul li .info {
  font-size: 12px;
  line-height: 12px;
  color: #333;
  margin-left: 8px;
}

.article {
  width: 1250px;
  box-sizing: border-box;
  padding: 20px 20px 4px 20px;
  background: #ffffff;
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  margin: 20px auto 0;
}

.article .title-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.article .title-box .title {
  font-size: 19px;
  line-height: 19px;
  color: #333;
  font-weight: bold;
}

.article .title-box .title span {
  color: #009f54;
}

.article .title-box .more {
  font-size: 16px;
  line-height: 16px;
  color: #00572e;
  cursor: pointer;
  width: -moz-fit-content;
  width: fit-content;
}

.article .article-box {
  width: 100%;
  height: 146px;
}

.article ul {
  width: 100%;
  margin-top: 20px;
  display: flex;
  flex-wrap: wrap;
}

.article ul li {
  float: left;
  width: 596px;
  box-sizing: border-box;
  padding: 10px 20px;
  font-size: 0;
  background: #eaf5f7;
  display: flex;
  align-content: center;
  margin-right: 16px;
  margin-bottom: 16px;
}

.article ul li a {
  display: flex;
  align-content: center;
}

.article ul li:nth-of-type(2n) {
  margin-right: 0;
}

.article ul li .ar-bg {
  float: left;
  width: 119px;
  height: 119px;
  margin-right: 16px;
}

.article ul li .right {
  float: right;
  margin-top: 4px;
}

.article ul li .right .ar-title {
  max-width: 556px;
  font-size: 16px;
  line-height: 20px;
  color: #333;
  font-weight: bold;
}

.article ul li .right .info {
  display: flex;
  align-items: center;
  margin: 4px 0 8px 0;
}

.article ul li .right .info p {
  font-size: 14px;
  line-height: 14px;
  color: #999;
  margin-right: 10px;
}

.article ul li .right .info p:last-child {
  margin: 0;
}

.article ul li .right .desc {
  max-width: 556px;
  font-size: 14px;
  line-height: 20px;
  color: #333;
}

.photo {
  width: 1250px;
  background: #ffffff;
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  box-sizing: border-box;
  padding: 20px;
  margin: 20px auto 0;
}

.photo .title-box {
  font-size: 19px;
  line-height: 19px;
  color: #333;
  font-weight: bold;
  margin-bottom: 20px;
}

.photo .title-box span {
  color: #009f54;
}

.photo .photo-box {
  width: 100%;
  height: 177px;
}

.photo ul {
  width: 100%;
  display: flex;
  align-content: center;
  font-size: 0;
}

.photo ul li {
  float: left;
  width: 149px;
  margin-right: 12px;
  position: relative;
}

.photo ul li .bg-box {
  width: 149px;
  height: 149px;
  position: relative;
  overflow: hidden;
}

.photo ul li .pic-box {
  width: 149px;
  height: 149px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  /*-webkit-filter: blur(16px);*/
  /*-moz-filter: blur(16px);*/
  /*-o-filter: blur(16px);*/
  /*-ms-filter: blur(16px);*/
  /*filter: blur(16px);*/
}

.photo ul li .model {
  position: absolute;
  top: 0;
  left: 0;
  width: 149px;
  height: 149px;
  text-align: center;
}

.photo ul li .model .img {
  width: auto;
  height: auto;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  object-fit: cover;
}

.photo ul li .name {
  margin-top: 12px;
  font-size: 16px;
  line-height: 16px;
  color: #333;
  text-align: center;
}

.photo ul .other {
  width: 240px;
  height: 149px;
  background: rgba(0, 0, 0, 0.4);
  text-align: center;
  line-height: 149px;
  font-size: 16px;
  color: #fff;
}

.box {
  width: 100%;
  height: 647px;
  position: relative;
}

.box .img {
  width: 100%;
  height: 647px;
}

.box .upgradeqr {
  position: absolute;
  top: 222px;
  left: 326px;
  width: 175px;
  height: 175px;
  background-color: #fff;
  border-radius: 6px;
  box-sizing: border-box;
  padding: 10px;
}

.qrbox {
  width: 250px;
  margin: 0 auto;
}

.qrbox .wxqr {
  width: 250px;
  height: 250px;
  border-radius: 6px;
  box-sizing: border-box;
  padding: 10px;
  background-color: #fff;
}

.qrbox .desc {
  color: #333;
  text-align: center;
  font-size: 16px;
}

.contentFoot {
  position: relative;
  width: 100%;
  height: 200px;
  margin-top: 50px;
  background-color: #f8f8f6;
}

.footTop {
  width: 95%;
  height: 65px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0 auto 25px;
  border-bottom: 1px solid #e7e7e7;
  font-size: 14px;
  text-align: center;
}

.foot1 {
  color: #66666b;
  font-size: 14px;
  text-align: center;
  margin-bottom: 10px;
}

.foot1>span {
  color: #388801;
}

.outClass {
  background: #009f54 !important;
  border-color: #009f54 !important;
}

.noData {
  width: 100%;
  height: 100%;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.noData .icon {
  width: 63px;
  height: 66px;
  margin-bottom: 10px;
}

.noData p {
  font-size: 14px;
  line-height: 14px;
  color: #cccccc;
}

.swiper-container-horizontal>.swiper-pagination-bullets {
  bottom: 0px !important;
  /*z-index: 10px!important;*/
}

/*弹窗*/
.v-dialog .el-dialog__header {
  padding: 0;
}

.v-dialog .el-dialog__body {
  padding: 0;
}

.v-dialog .el-input__inner {
  background-color: #f4f4f4;
}

.quick-box {
  width: 100%;
  height: 667px;
  font-size: 0;
  display: flex;
  align-content: center;
}

.quick-box .img-box {
  float: left;
  width: 863px;
  height: 100%;
}

.quick-box .img-box .img {
  width: 100%;
  height: 100%;
}

.quick-box .right {
  float: right;
  width: 100%;
  height: 511px;
  box-sizing: border-box;
  padding: 70px 50px;
  text-align: center;
}

.quick-box .right .title {
  font-size: 27px;
  line-height: 27px;
  color: #333;
  font-weight: bold;
}

.quick-box .right .title-desc {
  font-size: 16px;
  line-height: 16px;
  color: #999;
  margin-top: 14px;
}

.quick-box .right .input {
  margin-top: 6px;
  width: 100%;
  background-color: #f4f4f4;
}

.quick-box .right .sex-box {
  margin: 9px 0px 17px;
}

.quick-box .right .btn {
  width: 100%;
  height: 48px;
  background: #489f55;
  text-align: center;
  line-height: 48px;
  color: #fff;
  font-size: 17px;
  margin-top: 10px;
  border-radius: 4px;
  cursor: pointer;
}

.btn2a {
  width: 100%;
}

.quick-box .right .btn-2 {
  width: 100%;
  height: 48px;
  background: #ffffff;
  text-align: center;
  line-height: 48px;
  color: #489f55;
  font-size: 16px;
  margin-top: 10px;
  border-radius: 4px;
  cursor: pointer;
  border: 1px solid #489f55;
}

/*绑定*/
.b-dialog .el-dialog__header {
  padding: 0;
}

.b-dialog .el-dialog__body {
  padding: 0;
}

.b-dialog .el-input__inner {
  background-color: #f4f4f4;
  height: 46px;
  line-height: 46px;
}

.b-quick-box {
  width: 100%;
  height: 508px;
  font-size: 0;
  display: flex;
  align-content: center;
}

.b-quick-box .img-box {
  float: left;
  width: 360px;
  height: 508px;
  position: relative;
}

.b-quick-box .img-box .img {
  width: 100%;
  height: 100%;
}

.b-quick-box .img-box .name {
  position: absolute;
  top: 87px;
  left: 0;
  width: 100%;
  text-align: center;
  font-size: 25px;
  color: #fff;
  line-height: 25px;
}

.b-quick-box .img-box .name-link {
  position: absolute;
  top: 137px;
  left: 0;
  width: 100%;
  text-align: center;
  font-size: 19px;
  line-height: 19px;
  color: #fff;
}

.b-quick-box .right {
  float: right;
  width: 507px;
  height: 508px;
  box-sizing: border-box;
  padding: 70px 64px;
  text-align: center;
}

.b-quick-box .right .title {
  font-size: 27px;
  line-height: 27px;
  color: #333;
  font-weight: bold;
}

.b-quick-box .right .title-desc {
  font-size: 16px;
  line-height: 16px;
  color: #999;
  margin-top: 14px;
}

.b-quick-box .right .input {
  margin-top: 56px;
  width: 100%;
  background-color: #f4f4f4;
}

.b-quick-box .right .b-box {
  display: flex;
  align-content: center;
  justify-content: space-between;
  margin-top: 14px;
}

.b-quick-box .right .b-box .yzcode {
  width: 210px;
  float: left;
}

.b-quick-box .right .b-box .yz {
  width: 155px;
  height: 46px;
  float: right;
  cursor: pointer;
}

.b-quick-box .right .b-box .yx-btn {
  width: 155px;
  height: 44px;
  background: #ffffff;
  border: 1px solid #f2873b;
  text-align: center;
  line-height: 44px;
  font-size: 16px;
  text-align: center;
}

.b-quick-box .right .btn {
  width: 100%;
  height: 46px;
  background: #f2873b;
  text-align: center;
  line-height: 46px;
  color: #fff;
  font-size: 16px;
  margin-top: 30px;
  border-radius: 4px;
  cursor: pointer;
}

.b-quick-box .right .serve {
  display: flex;
  align-content: center;
  font-size: 16px;
  color: #999;
  margin-top: 20px;
  justify-content: center;
  cursor: pointer;
}

.b-quick-box .right .serve .icon {
  float: left;
  width: 18px;
  height: 18px;
  margin-right: 10px;
  margin-top: 4px;
}

.b-quick-box .right .serve a {
  color: #009f54;
  text-decoration: none;
}

.edit-ionic {
  cursor: pointer;
}

.edit-ionic img {
  width: 17px;
  height: 17px;
  margin: 0px 3px;
}

.edit-ionic span {
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #009f54;
  line-height: 20px;
}

.mag-top .inputstyle {
  width: 196px !important;
  color: #333;
  border-radius: 3px;
  /*margin-left: 5px;*/
}

.inputstyle {
  width: 400px !important;
  color: #333;
  border-radius: 3px;
  /*margin-left: 5px;*/
}

.el-radio__input.is-checked+.el-radio__label {
  color: #009f54;
}

.el-radio__input.is-checked .el-radio__inner {
  border-color: #009f54;
  background: #009f54;
}

.savebutton {
  /*margin: 36px 46% !important;*/
  background: #009f54 !important;
  width: 124px !important;
  text-align: center !important;
}

.savebutton:hover {
  background: #009f54d1 !important;
  border-color: #009f54d1 !important;
}

.savebutton-plain {
  /*margin: 36px 46% !important;*/
  border: 1px solid #009f54;
  background: #ffffff !important;
  color: #009f54;
  width: 124px !important;
  text-align: center !important;
}

.savebutton-plain:hover {
  background: #ffffff !important;
  border-color: #009f54d1 !important;
  color: #009f54;
  opacity: .8;
}

.el-date-editor.el-input {
  width: 400px !important;
}

.levetag .tag {
  width: 100px;
  height: 40px;
  background: #f6d4b6;
  border-radius: 3px;
  font-size: 28px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #c85a19;
  line-height: 30px;
  text-align: center;
  padding: 4px;
  box-sizing: border-box;
  margin-right: 3px;
}

.levetag .tagimg {
  width: 50px;
  height: 40px;
}

.ionic-list {
  margin: 20px 0px;
}

.createp .createtwo {
  font-size: 16px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #009f54;
  cursor: pointer;
}

.createp {
  margin-top: 37px;
  text-align: right;
}

.avatarimg {
  width: 100px;
  margin-left: 10px;
}

.avatar-uploader .el-upload {
  border: 1px dashed #d9d9d9;
  border-radius: 6px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}

.avatar-uploader .el-upload:hover {
  border-color: #409eff;
}

.avatar-uploader-icon {
  font-size: 28px;
  color: #8c939d;
  width: 178px;
  height: 178px;
  line-height: 178px;
  text-align: center;
}

.avatar {
  width: 100px;
  height: 100px;
  display: block;
  object-fit: cover;
}

.avatar-uploader {
  /*margin-left: 10px;*/
}

.el-input__inner {
  font-weight: 600 !important;
  border-color: #c1b6b6a8 !important;
  background: #efefef5c;
}

.mag-top .el-input {

  width: 200px;
}

.fwullinput .el-input {

  width: 400px;
}

.el-input {
  position: relative;
  font-size: 14px;
  display: inline-block;
  width: 100%;
}

.imgw {
  width: 38px;
}

/* 分级导航 */
.sub-link-wrap {
  width: 1250px;
  margin: 0 auto;
  margin-top: 18px;
}

.sub-link-content {
  width: 680px;
  height: 46px;
  background: rgba(0, 0, 0, 0.12);
  border-radius: 4px;
  backdrop-filter: blur(20px);
}

.sub-link-info {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-around;
}

.sub-link-info a:hover .home-sub-title,
.sub-link-info a.active .home-sub-title {
  color: #FB8F17;
}

.sub-link-info .home-sub-title {
  height: 46px;
  font-size: 18px;
  color: #FFFFFF;
  line-height: 46px;
  font-weight: normal;
}

/* 头像 */
.avatar-new-wrapper {
  width: 1250px;
  margin: 46px auto 0px;
  background: rgba(1, 1, 1, 0.5);
  padding: 10px 20px;
  border-radius: 4px;
}

.avatar-new-content {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.avatar-lastest-left {
  display: flex;
}

.avatar-new-left {
  padding-top: 32px;
  width: auto;
  height: 200px;
}

.avatar-img-wrapper {
  display: flex;
  justify-content: center;
  margin-bottom: 24px;
}

.publish-btn {
  width: 218px;
  height: 32px;
  background: #FB8F17;
  border-radius: 4px;
  font-size: 14px;
  color: #FFFFFF;
  line-height: 32px;
  text-align: center;
}

.publish-btn:hover {
  opacity: .8;
}

.avatar-new-border {
  /* background: url('https://hsy1.jibai.com/static/jibai/new-jibai-pc-img/bg-avatar-border.png') no-repeat center center;
  background-size: cover; */
  width: 137px;
  height: 133px;
  box-sizing: border-box;
  /* padding: 18px 19px 17px 20px; */
  margin-right: 10px;
  position: relative;
  left: 0;
  top: 0;
}

.avatar-new-border:only-child {
  width: 200px;
  height: 200px;
}

.avatar-new-border-1 {
  background-image: url('https://hsy1.jibai.com/static/jibai/new-jibai-pc-img/bg-border-yin.png');
}

.avatar-new-border-2 {
  background-image: url('https://hsy1.jibai.com/static/jibai/new-jibai-pc-img/bg-border-jin.gif');
}

.avatar-new-border-3 {
  background-image: url('https://hsy1.jibai.com/static/jibai/new-jibai-pc-img/bg-border-zuan.gif');
}

.new-avatar-img {
  position: absolute;
  z-index: 100;
  width: 100%;
  height: 100%;
}

/*.avatar-new-border:only-child .new-avatar-main-img{*/
/*  width: 148px;*/
/*  height: 148px;*/
/*}*/
.jinstyle~.new-avatar-main-img {
  width: 141px;
  height: 142px;
  top: 52%;
  background: #fed16b;
}

.yinstyle~.new-avatar-main-img {
  width: 141px;
  height: 144px;
  top: 49%;
  background: #f6f3f2;
}

.ptstyle~.new-avatar-main-img {
  width: 141px;
  height: 148px;
  top: 49%;
  background: #bb8e4d;
}

.zuanstyle~.new-avatar-main-img {
  width: 133px;
  height: 135px;
  top: 51%;
  background: #f1eedd;
}


.jinstyle~.towimg {
  position: absolute;
  transform: translate(-50%, -50%);
  left: 50%;

  z-index: 50;
  width: 96px;
  height: 92px;
  overflow: hidden;
  /* object-fit: cover; */
  object-fit: scale-down;
  top: 53%;
  background: #fed16b;
}

.yinstyle~.towimg {
  position: absolute;
  transform: translate(-50%, -50%);
  left: 50%;
  z-index: 50;
  width: 96px;
  height: 95px;
  overflow: hidden;
  object-fit: scale-down;
  top: 49%;
  background: #f6f3f2;
}

.ptstyle~.towimg {
  position: absolute;
  transform: translate(-50%, -50%);
  left: 50%;

  z-index: 50;
  width: 118px;
  height: 101px;
  overflow: hidden;
  object-fit: scale-down;
  top: 49%;
  background: #bb8e4d;
}

.zuanstyle~.towimg {
  position: absolute;
  transform: translate(-50%, -50%);
  left: 50%;

  z-index: 50;
  width: 93px;
  height: 93px;
  overflow: hidden;
  object-fit: scale-down;
  top: 51%;
  background: #f1eedd;
}


.new-avatar-main-img {
  position: absolute;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  z-index: 50;
  width: 93px;
  height: 93px;
  overflow: hidden;
  object-fit: scale-down;

}

.avatar-new-border:last-child {
  margin-right: 0;
}

/* .avatar-new-border img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  overflow: hidden;
} */
.avatar-img-wrapper-btn {
  display: flex;
  justify-content: center;
}

.avatar-upgrade {
  width: 182px;
  height: 40px;
  background: linear-gradient(180deg, #0DBD29 0%, #008F17 100%);
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 8px;
  cursor: pointer;
}

.avatar-upgrade:hover {
  opacity: .6 !important;
}

.avatar-upgrade img {
  margin-right: 8px;
  width: 24px;
  height: 17px;
}

.avatar-upgrade span {
  display: inline-block;
  width: 108px;
  height: 25px;
  font-size: 18px;
  color: #F5C164;
  line-height: 25px;
}

.avatar-jibai {
  width: 62px;
  height: 35px;
  background: #FB8F17;
  border-radius: 4px;
  backdrop-filter: blur(20px);
  font-size: 18px;
  color: #FFFFFF;
  line-height: 35px;
  text-align: center;
}

.avatar-jibai:hover {
  background: #ffff;
  color: #FB8F17;
}

.my-favor {
  width: 69px;
  height: 32px;
  background: linear-gradient(180deg, #0DBD29 0%, #008F17 100%);
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 14px;
  margin-left: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.my-favor:hover {
  opacity: .8;
}

.avatar-img-wrapper-btn a {
  display: inline-block;
  cursor: pointer;
  position: relative;
  animation-name: jibaiDrawScale;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-duration: 2s;
  top: 2px;
}

.avatar-new-center {
  padding-top: 53px;
  width: 560px;
  height: 200px;
  margin-left: 28px;
}

.avatar-main-header {
  width: 100%;
  margin-bottom: 17px;
  display: flex;
  align-items: center;
}

.avatar-main-header h1 {
  height: 33px;
  font-size: 32px;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 32px;
}

.avatar-main-text {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

/* .avatar-main-text-1 {
  margin-bottom: 6px;
} */
.avatar-main-text-title {
  height: 16px;
  font-size: 16px;
  font-weight: 800;
  color: #FFFFFF;
  line-height: 16px;
  margin-right: 6px;
}

.avatar-main-text p {
  height: 16px;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.8);
  line-height: 16px;
  margin-right: 10px;
}

.tagimg1 {
  width: 36px;
  height: 36px;
}

.avatar-main-text p img {
  width: 15px;
  height: 16px;
}

.avatar-main-text .span-2 {
  cursor: pointer;
  vertical-align: middle;
  margin-top: -4px;
}

.avatar-days-info {
  display: flex;
  margin-bottom: 10px;
}

.avatar-days {
  margin-right: 16px;
}

.avatar-days {
  height: 16px;
  font-size: 16px;
  color: #FFFFFF;
  line-height: 16px;
  font-weight: bold;
}

.avatar-days span {
  font-weight: normal;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.8);
  line-height: 16px;
}

.avatar-address {
  margin-bottom: 14px;
}

.avatar-address span {
  height: 16px;
  font-size: 16px;
  color: #FFFFFF;
  line-height: 16px;
}

.avatar-qrcode-info {
  display: flex;
  align-items: center;
}

.avatar-qrcode-info p {
  height: 16px;
  font-size: 16px;
  color: #FFFFFF;
  line-height: 16px;
  margin-right: 10px;
}

.avatar-code {
  background-color: #fff;
  padding: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.avatar-code:hover {
  opacity: .8;
  cursor: pointer;
}

.avatar-new-right {
  width: 316px;
  height: 200px;
  box-sizing: border-box;
  padding-top: 56px;
}

.avatar-right-card {
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-direction: column;
}

.avatar-right-card-left {
  text-align: right;

}

.avatar-right-card-left p {
  height: 16px;
  font-size: 16px;
  color: #F5F0DD;
  line-height: 16px;
  text-align: right;
  margin-bottom: 12px;
}

.avatar-right-card-left span {
  text-align: right;
  height: 26px;
  background: #FB8F17;
  border-radius: 13px;
  font-size: 14px;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0px 5px;
}

.avatar-right-card-right {
  width: 115px;
  height: 115px;
  margin-left: 35px;
}

.avatar-right-card-right img {
  width: 115px;
  height: 115px;
}

.avatar-change {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 16px;
}

.avatar-change:last-child {
  margin-bottom: 0;
}

.avatar-stats {
  margin-top: 26px;
  width: 100%;
  display: flex;
  justify-content: flex-end;
}

.avatar-stats-content {
  width: auto;
  /* min-width: 613px; */
  height: 69px;
  padding: 0 30px;
  background: rgba(210, 217, 216, 0.8);
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.avatar-stats-content img {
  width: 21px;
  height: 20px;
  margin-right: 2px;
}

.avatar-stats-content p {
  height: 24px;
  font-size: 24px;
  font-weight: 600;
  color: #8E5702;
  line-height: 24px;
  margin-right: 2px;
}

.avatar-stats-content-left {
  margin-right: 24px;
}

.avatar-stats-content-left,
.avatar-stats-content-right {
  display: flex;
  align-items: center;
}

.avatar-stats-content-num span {
  font-size: 24px;
  font-weight: 600;
  color: #fff;
  line-height: 24px;
  background: #FB8F17;
  border-radius: 4px;
  padding: 4px 7px;
  margin-right: 8px;
}

.avatar-stats-content-num span:last-child {
  margin-right: 0;
}

.copy-span {
  font-size: 16px;
  font-weight: 600;
  color: #0DBD29;
  line-height: 16px;
}

.span-2:hover {
  font-weight: bold;
}

.new-footer {
  width: 100%;
  height: auto;
  background: #FDFFFA;
}

.new-footer-bar {
  width: 100%;
  height: 35px;
  background: url('https://hsy1.jibai.com/static/jibai/new-jibai-pc-img/bg-footer-bar.png') no-repeat center center;
  background-size: cover;
}

.new-footer-about-box {
  width: 830px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  margin-bottom: 69px;
}

.new-footer-about {
  width: 554px;
  height: auto;
  margin-right: 98px;
}

.new-footer-about img {
  width: 168px;
  height: 42px;
  margin-bottom: 21px;
}

.new-footer-about p {
  padding-left: 9px;
  font-size: 14px;
  font-weight: 600;
  color: #8E5702;
  line-height: 32px;
}

.new-footer-link {
  width: 121px;
  height: auto;
}

.new-footer-link img {
  width: 121px;
  height: 42px;
  margin-bottom: 21px;
}

.new-footer-link-box {
  padding-left: 9px;
}

.new-footer-link-box a {
  display: block;
  height: 14px;
  font-size: 14px;
  font-weight: 600;
  color: #8E5702;
  line-height: 14px;
  text-decoration: underline;
  margin-bottom: 28px;
}

.new-footer-link-box a:hover {
  color: #E09A2E;
}

.new-footer-link-box a:last-child {
  margin-bottom: 0;
}

.new-footer-website-box {
  width: 100%;
  background-color: #f5f0db;
  padding-top: 64px;
  padding-bottom: 10px;
}

.new-footer-content {
  width: 1200px;
  margin: 0 auto;
  text-align: center;
}

.new-footer-website {
  margin-bottom: 61px;
}

.new-footer-website p {
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  color: #8E5702;
  line-height: 32px;
}

.new-footer-line {
  width: 1222px;
  height: 1px;
  background-color: #E39D2F;
  margin-bottom: 63px;
}

.new-friends-link-img {
  width: 344px;
  height: 42px;
  margin-bottom: 36px;
}

.new-footer-other-link {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.new-footer-other-link a {
  display: inline-block;
  margin: 0 30px;
  font-size: 14px;
  font-weight: 600;
  color: #8E5702;
  line-height: 32px;
  margin-bottom: 10px;
}

.new-footer-other-link a:hover {
  color: #E09A2E;
}

/* 新内容 */
.new-main-content {
  width: 1250px;
  margin: 0 auto;
  margin-top: 38px;
  margin-bottom: 18px;
  display: flex;
  justify-content: space-between;
}

.new-main-left {
  width: 944px;
  height: auto;
}

.new-main-item {
  background: url('https://hsy1.jibai.com/static/jibai/new-jibai-pc-img/bg-new-intruction-info.png') no-repeat center center;
  background-size: cover;
  margin-bottom: 24px;
  padding-top: 35px;
  box-sizing: border-box;
  background-size: 100% 100%;
}

.new-main-item:last-child {
  margin-bottom: 0;
}

.new-main-item-1 {
  width: 944px;
  height: 289px;
  background-image: url('https://hsy1.jibai.com/static/jibai/new-jibai-pc-img/bg-new-intruction-info.png');
  display: flex;
  justify-content: space-between;
}

.new-title-wrap {
  margin-left: 24px;
  margin-bottom: 11px;
}

.new-main-title {
  background: url('https://hsy1.jibai.com/static/jibai/new-jibai-pc-img/item-title-1.png') no-repeat left center;
  background-size: cover;
}

.new-main-title-2 {
  background: url('https://hsy1.jibai.com/static/jibai/new-jibai-pc-img/item.title-2.png') no-repeat left center;
  background-size: cover;
}

.new-main-title-3 {
  background: url('https://hsy1.jibai.com/static/jibai/new-jibai-pc-img/item-title-3.png') no-repeat left center;
  background-size: cover;
}

.new-main-title-4 {
  background: url('https://hsy1.jibai.com/static/jibai/new-jibai-pc-img/item-title-4.png') no-repeat left center;
  background-size: cover;
}

.new-main-title-5 {
  background: url('https://hsy1.jibai.com/static/jibai/new-jibai-pc-img/item-title-5.png') no-repeat left center;
  background-size: cover;
}

.new-main-title h3 {
  font-size: 24px;
  color: #8E5702;
  line-height: 24px;
  /* font-weight: normal; */
}

.new-main-title-1 {
  width: 187px;
  height: 41px;
  padding-left: 35px;
  box-sizing: border-box;
  font-size: 24px;
  color: #8E5702;
  line-height: 24px;
}

.new-people-info {
  display: flex;
  padding-left: 35px;
}

.new-people-info-item {
  display: flex;
}

.new-people-info-item:first-child {
  margin-right: 20px;
}

.new-people-info-title {
  width: 80px;
  flex: 0 0 80px;
  height: 16px;
  font-size: 16px;
  font-weight: 600;
  color: #8E5702;
  line-height: 16px;
}

.new-people-info-text {
  height: 16px;
  font-size: 16px;
  color: #8E5702;
  line-height: 16px;
}

.new-people-description {
  padding-left: 35px;
  margin-top: 15px;
  width: 463px;
  height: 120px;
  font-size: 14px;
  font-weight: 400;
  color: #8E5702;
  line-height: 20px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
  overflow: hidden;
  box-sizing: border-box;
}

.new-main-item-1-right {
  width: 330px;
  padding-right: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: -35px;
}

.new-mian-item-1-right-btn {
  margin: 0 auto;
  width: 105px;
  height: 32px;
  background: linear-gradient(180deg, #0DBD29 0%, #008F17 100%);
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 14px;
}

/*.new-mian-item-1-right-btn:hover{*/
/*  background: #FFFFFF;*/
/*  color: #0DBD29;*/
/*}*/
.new-mian-item-1-right-btn-wrap:hover {
  opacity: .8;
}

.new-mian-item-1-right-btn-wrap {
  margin-right: 29px;
  text-align: center;
  overflow: hidden;
}

.new-mian-item-1-right-btn-wrap a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  left: 0;
  top: 0;
}

.gif-img-info {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -38px;
  width: 236px;
  height: 236px;
}

.new-mian-item-1-right-btn-wrap:last-child {
  margin-right: 0;
}

.new-main-item-2 {
  width: 944px;
  height: 295px;
  background-image: url('https://hsy1.jibai.com/static/jibai/new-jibai-pc-img/bg-new-gongpin-info.png');
  display: flex;
}

.new-gongpin-suggestion {
  margin-left: 35px;
  display: flex;
  width: 674px;
  height: 180px;
  overflow: hidden;
}

.new-gongpin-item {
  flex: 0 0 150px;
  width: 150px;
  height: 180px;
  margin-right: 22px;
}

.new-gongpin-item:last-child {
  margin-right: 0;
}

.new-gongpin-item .new-gongpin-item-bg {
  text-align: center;
  width: 150px;
  height: 131px;
  background: url('https://hsy1.jibai.com/static/jibai/new-jibai-pc-img/bg-flowerrs-info-1.png') no-repeat left center;
  background-size: cover;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 6px;
  overflow: hidden;
}

.new-gongpin-item:nth-child(even) .new-gongpin-item-bg {
  background-image: url('https://hsy1.jibai.com/static/jibai/new-jibai-pc-img/bg-flowerrs-info-2.png');
}

.new-gongpin-item-bg .gongpin-name {
  display: inline-block;
  height: 18px;
  font-size: 18px;
  font-weight: 600;
  color: #8E5702;
  line-height: 18px;
  margin-bottom: 7px;
  position: relative;
}

.gongpin-name-wrap {
  width: 100%;
}

.new-gongpin-item-bg .gongpin-name::before {
  content: '';
  display: block;
  position: absolute;
  width: 11px;
  height: 5px;
  top: 50%;
  left: -13px;
  transform: translateY(-50%);
  background: url('https://hsy1.jibai.com/static/jibai/new-jibai-pc-img/icon-line3.png') no-repeat center center;
  background-size: cover;
}

.new-gongpin-item-bg .gongpin-name::after {
  content: '';
  display: block;
  position: absolute;
  width: 11px;
  height: 5px;
  top: 50%;
  right: -13px;
  transform: translateY(-50%);
  background: url('https://hsy1.jibai.com/static/jibai/new-jibai-pc-img/icon-line3.png') no-repeat center center;
  background-size: cover;
}

.new-gongpin-item-bg img {
  width: 73px;
  height: 73px;
}

.new-gongpin-item-text {
  width: 100%;
  text-align: center;
  margin-top: 11px;
}

.new-gongpin-item-text-price-wrap {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 24px;
  box-sizing: border-box;
}

.new-gongpin-item-text-price span {
  font-size: 12px;
  font-weight: 600;
  color: #8E5702;
  line-height: 18px;
}

.new-gongpin-item-text-img {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.new-gongpin-item-text-img span {
  font-size: 14px;
  color: #999999;
  line-height: 14px;
}

.new-main-item-2-right {
  width: 191px;
  /*padding-top: 72px;*/
  /*!* margin-right: 35px; *!*/
  /*margin-left: 14px;*/
  display: flex;
  flex-wrap: wrap;
}

.new-main-item-2-right a {
  display: inline-block;
  width: 160px;
  height: 32px;
  margin-top: 32px;
}

.new-main-item-2-right-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 160px;
  height: 32px;
  background: #FFFFFF;
  border-radius: 4px;
  border: 1px solid #0DBD29;
  font-size: 14px;
  color: #0DBD29;
  line-height: 14px;
  cursor: pointer;
}

.new-main-item-2-right-btn:hover {
  opacity: .6;
}

.new-main-item-2-right-btn:last-child {
  width: 160px;
  height: 32px;
  background: #FB8F17;
  border-radius: 4px;
  font-size: 14px;
  color: #FFFFFF;
  line-height: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
}

.page-info-title {
  width: 184px;
  height: 41px;
  background: url('https://hsy1.jibai.com/static/jibai/new-jibai-pc-img/bg-gongfeng-title-1.png') no-repeat center center;
  background-size: 100% 100%;
  padding-left: 35px;
  margin-bottom: 15px;
  font-size: 24px;
  color: #8E5702;
  line-height: 24px;
  box-sizing: border-box;
  font-weight: 600;
}

.new-main-item-3 {
  width: 944px;
  height: 341px;
  background-image: url('https://hsy1.jibai.com/static/jibai/new-jibai-pc-img/bg-new-gongfeng-record.png');
}

.gongfeng-record-lunbo {
  margin-left: 36px;
  width: 870px;
  height: 152px;
  overflow: hidden;
}

.gongfeng-btn {
  /* margin-left: 345px; */
  margin: 0 auto;
  margin-top: 20px;
  width: 218px;
  height: 32px;
  background: #FB8F17;
  border-radius: 4px;
}

.gongfeng-btn:hover {
  opacity: .6;
}

.gongfeng-btn a {
  width: 100%;
  height: 100%;
  font-size: 14px;
  color: #FFFFFF;
  line-height: 32px;
  text-align: center;
}

.gongfeng-wrapper {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.gongfeng-wrapper .swiper-wrapper {
  -webkit-transition-timing-function: linear;
  -moz-transition-timing-function: linear;
  -ms-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear;
}

.gongfeng-slide {
  width: 102px;
  text-align: center;
  overflow: hidden;
}

.gongfeng-title-wrapper {
  width: 100%;
}

.gongfeng-title {
  display: inline-block;
  text-align: center;
  width: auto;
  max-width: 100%;
  height: 18px;
  font-size: 18px;
  font-weight: 600;
  color: #8E5702;
  line-height: 18px;
  position: relative;
  text-overflow: ellipsis;
  /* overflow: hidden; */
  white-space: nowrap;
}

.gongfeng-title::before {
  content: '';
  display: block;
  position: absolute;
  width: 11px;
  height: 5px;
  top: 50%;
  left: -16px;
  transform: translateY(-50%);
  background: url('https://hsy1.jibai.com/static/jibai/new-jibai-pc-img/icon-line3.png') no-repeat center center;
  background-size: cover;
}

.gongfeng-title::after {
  content: '';
  display: block;
  position: absolute;
  width: 11px;
  height: 5px;
  top: 50%;
  right: -16px;
  transform: translateY(-50%);
  background: url('https://hsy1.jibai.com/static/jibai/new-jibai-pc-img/icon-line3.png') no-repeat center center;
  background-size: cover;
}

.gongfeng-img-box {
  text-align: center;
  display: inline-block;
  width: 88px;
  height: 88px;
  position: relative;
  background: url('https://hsy1.jibai.com/static/jibai/new-jibai-pc-img/bg-gongfneg-item-2.png') no-repeat center center;
  background-size: cover;
}

.gongfeng-record-lunbo .gongfeng-slide:nth-child(even) .gongfeng-img-box {
  background-image: url('https://hsy1.jibai.com/static/jibai/new-jibai-pc-img/bg-gongfneg-item-1.png') !important;
}

.gongfeng-img {
  width: 88px;
  height: 88px;
  overflow: hidden;
  object-fit: cover;
}

.gongfeng-img-red-dot {
  position: absolute;
  top: 6px;
  right: -3px;
  background-color: #fffcf5;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 9px;
  box-sizing: border-box;
  padding: 0 3px;
}

.gongfeng-img-red-dot img {
  width: 13px;
  height: 16px;
}

.gongfeng-img-red-dot span {
  height: 17px;
  font-size: 12px;
  font-weight: 600;
  color: #8E5702;
  line-height: 17px;
}

.gongfeng-text {
  width: 100%;
  height: 16px;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  color: #8E5702;
  line-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 2px;
}

.gongfeng-time {
  height: 14px;
  font-size: 14px;
  color: #999999;
  line-height: 14px;
}

.new-main-item-4 {
  width: 944px;
  height: 842px;
  background-image: url('https://hsy1.jibai.com/static/jibai/new-jibai-pc-img/bg-new-xiangce-video.png');
  box-sizing: border-box;
  padding: 35px 11px 20px 30px;
}

.new-main-title-4 h3 span,
.new-main-title-5 h3 span {
  font-size: 14px;
  color: #0DBD29;
  line-height: 14px;
  font-weight: bold;
}

.main-video-info {
  width: 100%;
  height: 735px;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  overflow-x: hidden;
  overflow-y: auto;
}

.no-video-info {
  width: 100%;
  height: 735px;
  display: flex;
  justify-content: center;
  overflow: hidden;
  box-sizing: border-box;
}

.albums-content {
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: flex;
}

.albums-li {
  flex: 0 0 267px;
  width: 267px;
  height: 213px;
  background: url('https://hsy1.jibai.com/static/jibai/new-jibai-pc-img/bg-img-albums.png') no-repeat center center;
  background-size: cover;
  margin-right: 23px;
  margin-bottom: 31px;
}

.albums-li a {
  width: 100%;
  height: 100%;
  display: block;
}

.albums-li:nth-child(3n + 3) {
  margin-right: 0;
}

.albums-li-content {
  width: 215px;
  height: 116px;
  margin: 34px 24px 0;
  overflow: hidden;
}

.albums-li img {
  width: 215px;
  height: 116px;
  overflow: hidden;
  object-fit: cover;
  transition: all 0.3s ease-in-out;
}

.albums-li p {
  margin-top: 8px;
  width: 100%;
  box-sizing: border-box;
  padding: 0 32px;
  height: 18px;
  font-size: 16px;
  color: #8E5702;
  line-height: 18px;
  transition: all 0.3s ease-in-out;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.albums-li p span {
  font-size: 16px;
  color: #8E5702;
  line-height: 18px;
}

.albums-li p span:last-child {
  font-size: 12px;
  font-weight: 800;
  color: #8E5702;
  line-height: 12px;
}

.albums-li:hover img {
  transform: scale(1.1);
}

.albums-li:hover p {
  font-size: 17px;
}

.video-box {
  width: 100%;
  height: 100%;
}

.new-main-item-5 {
  width: 944px;
  height: 964px;
  background-image: url('https://hsy1.jibai.com/static/jibai/new-jibai-pc-img/bg-new-zhuisi-info.png');
  box-sizing: border-box;
  padding: 40px 66px 32px 46px;
}

.new-main-title-5 {
  width: 276px;
}

.zhuisi-title-msg {
  width: 161px;
  height: 41px;
  box-sizing: border-box;
  background: url('https://hsy1.jibai.com/static/jibai/new-jibai-pc-img/zhuisi-title-msg-1.png') no-repeat center center;
  background-size: cover;
  padding-left: 35px;
  font-size: 24px;
  color: #8E5702;
  line-height: 24px;
  font-weight: bold;
}

.zhuisi-title-msg-2 {
  width: 182px;
  height: 41px;
  box-sizing: border-box;
  background: url('https://hsy1.jibai.com/static/jibai/new-jibai-pc-img/zhuisi-title-msg-2.png') no-repeat center center;
  background-size: cover;
  padding-left: 35px;
  font-size: 24px;
  color: #8E5702;
  line-height: 24px;
  font-weight: bold;
}

.zhuisi-page-content {
  width: 100%;
  height: 820px;
  overflow-x: hidden;
  overflow-y: auto;
  padding-left: 28px;
  box-sizing: border-box;
  /* overflow: hidden; */
}

.zhuisi-item-li {
  width: 100%;
  min-height: 200px;
  box-sizing: border-box;
  padding: 25px 14px 39px 28px;
  position: relative;
  background-color: #FFFCF5;
  margin-bottom: 32px;
}

.zhuisi-shuxin-wrapper {
  width: 100%;
  background: url('https://hsy1.jibai.com/static/jibai/new-jibai-pc-img/bg-line-bg.png') no-repeat left center;
}

.zhuisi-normal-wrapper {
  width: 100%;
  background: url('https://hsy1.jibai.com/static/jibai/new-jibai-pc-img/bg-line-bg.png') no-repeat left center;
  background-size: 100% auto;
}

.zhuisi-shuxin-left {
  width: 648px;
}

.zhuisi-normal-wrapper .zhuisi-shuxin-left {
  width: 100%;
}

.zhuisi-shuxin-right {
  position: absolute;
  background: url('https://hsy1.jibai.com/static/jibai/new-jibai-pc-img/bg-shuxin.png') no-repeat center center;
  background-size: cover;
  width: 51px;
  height: 182px;
  right: 20px;
  top: -2px;
}

.zhuisi-shuxin-wrapper .zhuisi-shuxin-left-div {
  height: 28px;
  font-size: 20px;
  color: #8E5702;
  line-height: 28px;
  margin-bottom: 11px;
  font-weight: bold;
}

.zhuisi-shuxin-wrapper p {
  padding-top: 8px;
  height: 260px;
  font-size: 16px;
  color: #8E5702;
  line-height: 50px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
  box-sizing: border-box;
}

.zhuisi-shuxin-text {
  padding-top: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.zhuisi-shuxin-text-left {
  display: flex;
  align-items: center;
}

.zhuisi-shuxin-text-item {
  height: 14px;
  font-size: 14px;
  font-weight: bold;
  color: #999999;
  line-height: 14px;
  margin-right: 28px;
}

.zhuisi-shuxin-text-item span:last-child {
  color: #999999;
  font-weight: normal;
}

.zhuisi-shuxin-text-right {
  width: 66px;
  height: 14px;
  font-size: 14px;
  color: #0DBD29;
  line-height: 14px;
  text-decoration: underline;
}

.zhuisi-shuxin-text-right:hover {
  opacity: .6;
}

.zhuisi-wenzhang-jump {
  display: block;
  width: 100%;
  height: 100%;
}

.new-main-right {
  width: 282px;
  height: 100px;
}

.new-main-right-danmu {
  width: 282px;
  height: 482px;
  background-color: skyblue;
  margin-bottom: 24px;
  background: url('https://hsy1.jibai.com/static/jibai/new-jibai-pc-img/bg-danmu-info.png') no-repeat center center;
  background-size: cover;
  box-sizing: border-box;
  padding: 32px 20px 20px 23px;
}

.damu-title {
  width: 201px;
  height: 41px;
  background: url('https://hsy1.jibai.com/static/jibai/new-jibai-pc-img/icon-title-danmu.png') no-repeat center center;
  background-size: cover;
  padding-left: 38px;
}

.damu-title h3 {
  height: 28px;
  font-size: 24px;
  color: #F5F0DD;
  line-height: 24px;

}

.damu-title h3 span {
  font-size: 14px;
  color: #0DBD29;
  line-height: 20px;
}

.danmu-content {
  position: relative;
  width: 100%;
  height: calc(100% - 41px);
  overflow: hidden;
}

.danmu-content-1 {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 100;
}

.danmu-content-2 {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 200;
}

.new-zhuisi-qiang {
  width: 282px;
  height: 567px;
  margin-bottom: 24px;
}

.new-zhuisi-qrcode {
  width: 312px;
  height: 349px;
  background: url('https://hsy1.jibai.com/static/jibai/new-jibai-pc-img/bg-qrcode-info-mg.png') no-repeat center center;
  background-size: cover;
  margin-left: -18px;
  box-sizing: border-box;
  padding: 60px 72px 61px 79px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.new-zhuisi-qrcode .qrcode {
  text-align: center;
  background-color: #fff;
  padding: 4px;
  border-radius: 4px;
}

.new-zhuisi-qrcode .phone-text {
  text-align: center;
  height: 18px;
  font-size: 14px;
  color: #999999;
  line-height: 18px;
  letter-spacing: 1px;
  margin-top: 16px;
}

.new-zhuisi-qrcode .phone-box .phone-number {
  font-size: 20px !important;
}

.new-main-content .container {
  margin-top: 0 !important;
  margin-bottom: 24px;
}

.new-main-content .container .content {
  width: 100% !important;
}

.hide-container {
  display: none;
  width: 944px !important;
}

/* 追思墙 */
.zhuisi-wall-wrapper {
  box-sizing: border-box;
  margin-top: 24px;
  width: 282px;
  height: 567px;
  background: url('https://hsy1.jibai.com/static/jibai/new-jibai-pc-img/bg-zhuisi-wall.png') no-repeat center center;
  background-size: cover;
  padding: 26px 0px 14px;
}

.zhuisi-wall-title {
  width: 100%;
  height: 41px;
  display: flex;
  box-sizing: border-box;
  padding-left: 16px;
}

.zhuisi-wall-title img {
  height: 41px;
}

.zhuisi-other-title {
  margin-left: 10px;
  height: 12px;
  font-size: 12px;
  font-weight: 600;
  color: #8E5702;
  line-height: 12px;
  cursor: pointer;
  margin-top: 18px;
}

.zhuisi-other-title:hover {
  color: #0DBD29;
}

.zhuisi-wall-content {
  width: 296px;
  margin: 0 auto;
  height: 493px;
  overflow: hidden;
}

.wall-app {
  width: 100%;
  height: 100%;
}

.zhuisi-card-wrapper {
  width: 100%;
  height: 311px;
  box-sizing: border-box;
  padding: 4px 0;
  padding-left: 2px;
  overflow-x: hidden;
  overflow-y: auto;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
}

.zhuisi-card-item {
  position: relative;
  background: url('https://hsy1.jibai.com/static/jibai/new-jibai-pc-img/bg-card-1.png') no-repeat center center;
  background-size: cover;
  width: 74px;
  height: 74px;
  padding: 10px;
  padding-top: 12px;
  padding-left: 12px;
  box-sizing: border-box;
  margin-right: -6px;
  word-break: break-all;
  overflow: hidden;

}

.price-wrap-info {
  text-align: center;
  margin-top: 10px;
}

.price-wrap-info>div {
  width: 148px;
  height: 58px;
  border-radius: 3px;
  border: 1px solid #0DBD29;
  font-size: 20px;
  color: #0DBD29;
  line-height: 58px;
  cursor: pointer;
}

.price-wrap-info>div:hover {
  background: linear-gradient(180deg, #0DBD29 0%, #008F17 100%);
  font-weight: 600;
  color: #fff;
}

.wx-pay-dialog {
  display: none;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 3000;
}

.wx-pay-content {
  position: absolute;
  width: 367px;
  height: 378px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  border-radius: 6px;
  padding: 16px 20px 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.wx-pay-close {
  position: absolute;
  right: 20px;
  top: 12px;
  font-weight: bold;
  font-style: 22px;
  color: #333;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.wx-pay-code-info {
  width: 237px;
  height: auto;
  margin: 35px auto 0;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 8px;
}

.wx-pay-code-info {
  width: 100%;
}

.wx-pay-text {
  color: #666;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 20px;
  text-align: center;
}

.my-zhuisi {
  padding-left: 20px;
  padding-right: 20px;
}

.zhuisi-my-content {
  width: 251px;
  height: 315px;
  overflow-x: hidden;
  overflow-y: auto;
}

.zhuisi-my-item {
  box-sizing: border-box;
  padding: 13px 16px;
  position: relative;
  width: 216px;
  height: 46px;
  background: #FFFCF5;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-left: 12px;
  position: relative;
  margin-bottom: 8px;
}

.zhuisi-my-item img {
  position: absolute;
  width: 31px;
  height: 30px;
  left: -1px;
  top: -1px;
}

.zhuisi-text {
  width: 90px;
  flex: 0 0 90px;
  height: 12px;
  font-size: 12px;
  color: #8E5702;
  line-height: 12px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.zhuisi-btn-top {
  text-align: center;
  flex: 0 0 44px;
  width: 44px;
  height: 20px;
  background: #0DBD29;
  border-radius: 10px;
  font-size: 12px;
  color: #FFFFFF;
  line-height: 20px;
  margin-right: 4px;
  cursor: pointer;
}

.zhuisi-btn-delete {
  text-align: center;
  flex: 0 0 44px;
  width: 44px;
  height: 20px;
  border-radius: 10px;
  border: 1px solid #0DBD29;
  font-size: 12px;
  color: #0DBD29;
  line-height: 20px;
  cursor: pointer;
}

.my-wall-words {
  margin-left: -20px !important;
}

/* .zhuisi-card-item:nth-child(4n+4) {
  margin-right: 0;
} */
.zhuisi-p-text {
  font-size: 10px;
  font-weight: 600;
  color: #8E5702;
  line-height: 12px;
}

.zhuisi-card-close {
  position: absolute;
  right: 0;
  top: 0;
  color: #8E5702;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 10px;
  padding: 2px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  font-weight: bold;
  cursor: pointer;
}

.zhuisi-wall-words-wrapper {
  width: 100%;
  height: 160px;
  margin-top: 8px;
}

.zhuisi-word-input {
  box-sizing: border-box;
  width: 218px;
  height: 116px;
  margin: 0 auto;
  background: #FFFCF5;
  position: relative;
  padding-top: 10px;
  margin-left: 32px;
}

.zhuisi-word-input .el-textarea__inner {
  background-color: transparent !important;
  border: none !important;
}

.zhuisi-word-input .el-textarea__inner:hover {
  border-color: transparent;
}

.zhuisi-word-input img {
  width: 89px;
  height: 78px;
  position: absolute;
  right: -36px;
  bottom: -22px;
}

.zhuisi-word-btn-wrap {
  margin-top: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: -14px;
}

.go-zhuisi-wall {
  width: 105px;
  height: 32px;
  background: #FFFFFF;
  border-radius: 4px;
  border: 1px solid #0DBD29;
  font-size: 14px;
  color: #0DBD29;
  line-height: 32px;
  margin-right: 8px;
  cursor: pointer;
  text-align: center;
}

.go-zhuisi-wall:hover {
  opacity: .6;
}

.go-zhuisi-top {
  width: 105px;
  height: 32px;
  background: linear-gradient(180deg, #0DBD29 0%, #008F17 100%);
  border-radius: 4px;
  font-size: 14px;
  color: #FFFFFF;
  line-height: 32px;
  cursor: pointer;
  text-align: center;
}

.go-zhuisi-top:hover {
  opacity: .6;
}

.barrage {
  position: absolute;
  bottom: 70px;
  right: -500px;
  display: inline-block;
  width: 500px;
  z-index: 99999
}

.barrage_box {
  background-color: rgba(0, 0, 0, .5);
  padding-right: 8px;
  height: 40px;
  display: inline-block;
  border-radius: 25px;
  transition: all .3s;
}

.barrage_box .portrait {
  display: inline-block;
  margin-top: 4px;
  margin-left: 4px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  overflow: hidden;
}

.barrage_box .portrait img {
  width: 100%;
  height: 100%;
}

.barrage_box div.p a {
  margin-right: 2px;
  font-size: 14px;
  color: #fff;
  line-height: 40px;
  margin-left: 18px;
}

.barrage_box div.p a:hover {
  text-decoration: underline;
}

.barrage_box .close {
  visibility: hidden;
  opacity: 0;
  text-align: center;
  width: 25px;
  height: 25px;
  margin-left: 20px;
  border-radius: 50%;
  background: rgba(255, 255, 255, .1);
  margin-top: 8px;
  background-image: url(close.png);
}

.barrage_box:hover .close {
  visibility: visible;
  opacity: 1;
}

.barrage_box .close a {
  display: block;
}

.barrage_box .close .icon-close {
  font-size: 14px;
  color: rgba(255, 255, 255, .5);
  display: inline-block;
  margin-top: 5px;
}

.barrage .z {
  float: left !important;
}

.barrage a {
  text-decoration: none;
}

/* 解锁供品对话框  ************  start ************* */
.overflow-body {
  overflow: hidden;
}


.border-box {
  border: 1px #78A0A4 dashed;
  border-radius: 10px;
  padding-top: 47px;
  padding-bottom: 40px;
  height: 100%;
  box-sizing: border-box;
}

.unlock-content {
  box-sizing: border-box;
  padding: 5px;
  text-align: center;
  width: 744px;
  /*height: 729px;*/
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  /*background: url('https://hsy1.jibai.com/static/jibai/new-jibai-pc-img/bg-unlock-dialog.png') no-repeat center center;*/
  /*background-size: cover;*/
  background: #FFEAD2;
  border: 11px solid #60C26A;
  /* box-shadow: inset 1px -4px 13px 20px #06a31f; */
  border-radius: 23px;
}

.zhou-style {
  width: 111%;
  position: absolute;
  left: -37px;
  top: -50px;
}

.unlock-title {
  width: 101px;
  height: 25px;
  display: inline-block;
  background: url('https://hsy1.jibai.com/static/jibai/new-jibai-pc-img/unlock-dialog-title.png') no-repeat center center;
  background-size: cover;
  margin-bottom: 16px;
}

.unlock-close-title {
  width: 50px;
  height: 24px;
  background: url(https://hsy1.jibai.com/static/jibai/new-jibai-pc-img/ts.png) no-repeat center center;
  background-size: 100% 100%;
  margin: 20px auto 17px;
}

.unlock-title1 {
  width: 160px;
  height: 30px;
  display: inline-block;
  background: url('https://hsy1.jibai.com/static/jibai/new-jibai-pc-img/cj-gj.png') no-repeat center center;
  background-size: cover;
  margin-bottom: 16px;
}

.unlock-title2 {
  width: 160px;
  height: 30px;
  display: inline-block;
  background: url('https://hsy1.jibai.com/static/jibai/new-jibai-pc-img/cj-zj.png') no-repeat center center;
  background-size: cover;
  margin-bottom: 16px;
}

.unlock-title3 {
  width: 160px;
  height: 30px;
  display: inline-block;
  background: url('https://hsy1.jibai.com/static/jibai/new-jibai-pc-img/cj-g.png') no-repeat center center;
  background-size: cover;
  margin-bottom: 16px;
}

.unlock-choose-wrap {
  margin: 0 auto;
  margin-top: 10px;
  width: 372px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.unlock-choose-img-bg {
  width: 94px;
  height: 138px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  cursor: pointer;
  box-sizing: border-box;
  padding-top: 16px;
}

.unlock-money {
  width: 100%;
  text-align: left;
  box-sizing: border-box;
  padding-left: 10px;
  height: 28px;
  font-size: 20px;
  font-weight: 600;
  color: #E09A2E;
  line-height: 28px;
}

.unlock-money span:last-child {
  font-size: 13px;
  vertical-align: baseline;
}

.active.unlock-choose-img-bg .unlock-money,
.active.unlock-choose-img-bg .unlock-money span:last-child {
  color: #FFFFFF;
}

.unlock-choose-img-bg-3 {
  background-image: url('https://hsy1.jibai.com/static/jibai/new-jibai-pc-img/img-choose-year.png');
}

.unlock-choose-img-bg-3.active {
  background-image: url('https://hsy1.jibai.com/static/jibai/new-jibai-pc-img/img-choose-year-active.png');
}

.unlock-choose-img-bg-2 {
  background-image: url('https://hsy1.jibai.com/static/jibai/new-jibai-pc-img/img-choose-season.png');
}

.unlock-choose-img-bg-2.active {
  background-image: url('https://hsy1.jibai.com/static/jibai/new-jibai-pc-img/img-choose-season-active.png');
}

.unlock-choose-img-bg-1 {
  background-image: url('https://hsy1.jibai.com/static/jibai/new-jibai-pc-img/img-choose-month.png');
}

.unlock-choose-img-bg-1.active {
  background-image: url('https://hsy1.jibai.com/static/jibai/new-jibai-pc-img/img-choose-month-active.png');
}

.unlock-btn {
  margin: 0 auto;
  margin-top: 36px;
  width: 542px;
  height: 58px;
  background: linear-gradient(180deg, #0DBD29 0%, #008F17 100%);
  border-radius: 3px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.unlock-btn img {
  width: 21px;
  height: 22px;
  margin-right: 10px;
}

.unlock-btn span {
  font-size: 20px;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 28px;
}

/* 解锁供品对话框  ************  end  ************** */

/* 支付对话框  ************ start ************** */
.pay-info-dialog {
  /* display: block; */
  display: none;
}

.pay-info-content {
  width: 596px;
  height: 395px;
  box-sizing: border-box;
  padding-top: 81px;
  text-align: center;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: url('https://hsy1.jibai.com/static/jibai/new-jibai-pc-img/bg-pay-dialog.png') no-repeat center center;
  background-size: cover;
}

.pay-info-title {
  height: 25px;
  font-size: 26px;
  font-weight: bold;
  line-height: 25px;
  color: #8E5702;
  margin-bottom: 22px;
}

.pay-info-choose {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 24px;
}

.pay-info-item {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  margin-bottom: 14px;
}

.pay-info-item:first-child {
  margin-right: 20px;
}

.pay-info-item.active .pay-info-item-circle,
.pay-info-item:hover .pay-info-item-circle {
  border: 5px solid #0DBD29;
}

.pay-info-item.active .pay-info-item-icon,
.pay-info-item:hover .pay-info-item-icon {
  background-image: url('https://hsy1.jibai.com/static/jibai/new-jibai-pc-img/icon-wx-pay-actice.png');
}

.pay-info-item.active .pay-alipay,
.pay-info-item:hover .pay-alipay {
  background-image: url('https://hsy1.jibai.com/static/jibai/new-jibai-pc-img/icon-alipay-active.png');
}

.pay-info-item.active p,
.pay-info-item:hover p {
  color: #0DBD29;
  font-weight: bold;
}

.pay-info-item-circle {
  box-sizing: border-box;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #FFFFFF;
  border: 1px solid #8E5702;
  margin-right: 6px;
}

.pay-info-item-icon {
  width: 20px;
  height: 17px;
  background: url('https://hsy1.jibai.com/static/jibai/new-jibai-pc-img/icon-wx-pay.png') no-repeat center center;
  background-size: cover;
  margin-right: 4px;
}

.pay-alipay {
  background-image: url('https://hsy1.jibai.com/static/jibai/new-jibai-pc-img/icon-alipay.png');
}

.pay-info-item p {
  height: 20px;
  font-size: 20px;
  color: #8E5702;
  line-height: 20px;
}

.pay-info-qr-wrap {
  margin: 0 auto;
  width: 170px;
  height: 170px;
  border-radius: 3px;
  border: 1px solid #0DBD29;
  margin-bottom: 6px;
  background-color: #fff;

  box-sizing: border-box;
  padding: 10px;
}

.pay-info-qr-wrap img {
  width: 100%;
  height: 100%;
}

.pay-msg-info {
  height: 16px;
  font-size: 16px;
  color: #8E5702;
  line-height: 16px;
}

.pay-msg-info .gcolor {
  color: #0DBD29;
}

/* 支付对话框  ************* end ************** */
.fu-title {
  font-size: 26px;
  color: #8E5702;
  font-weight: 600;
}

.fu-overtime {
  font-size: 16px;
  color: #8E5702;
}

.fu-overtime span {
  color: #FB8F17;
}

.newbtn-box {
  padding-top: 90px;

}

.close-btn {
  width: 180px;
  height: 58px;
  background: #FFFFFF;
  border-radius: 3px;
  border: 1px solid #0AB325;
  font-size: 20px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #0AB325;
  line-height: 58px;
  text-align: center;
  margin-right: 5px;
  cursor: pointer;
}

.close-btn:hover {
  opacity: .5;
}

.back-btn {
  width: 180px;
  height: 58px;
  background: linear-gradient(180deg, #0DBD29 0%, #008F17 100%);
  border-radius: 4px;
  font-size: 20px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 58px;
  text-align: center;
  margin: 0px 5px;
  cursor: pointer;
}

.back-btn:hover {
  opacity: .5;
}

.tishi-style {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #8E5702;
  line-height: 24px;
  margin-bottom: 80px;
}


.video-box {
  position: fixed;
  height: 100vh;
  background-color: #C1CFF7;
  /*进行视频裁剪*/
  overflow: hidden;

}

.video-box .video-background {
  position: absolute;
  left: 50%;
  top: 50%;
  /*保证视频内容始终居中*/
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  /*保证视频充满屏幕*/
  object-fit: cover;
  min-height: 800px;
}

.pay-box-width {
  width: 544px;
}

.pay-box-width .zhou-style {
  width: 111%;
  position: absolute;
  left: -30px;
  top: -42px;
}




/*升级样式*/



.level-wrapper {
  display: flex;
  justify-content: center;
}

.level-item {
  width: 158.14px;
  /*margin-right: 40px;*/
  border: 2px solid transparent;
  cursor: pointer;
  background: #fff;
  border-radius: 4px;
  height: 428px;
  padding: 14px;
}

.level-item:last-child {
  margin-right: 0;
}

.level-item img {
  width: 100%;
  margin-bottom: 20px;
}

.level-item p {
  margin-top: 10px;
  height: 14px;
  font-size: 16px;
  color: #333333;
  line-height: 14px;
  text-align: center;
}

.level-item:hover,
.level-item.active {
  border: 2px solid #0AB325;
  background: #E7FFEA;
}

.click-pic {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 12px;
}

.click-pic .cheack-style {
  width: 20px;
  height: 20px;
  margin: 0px 5px;
}

.click-pic p {
  margin-top: 0px;
  /* height: 14px; */
  font-size: 16px;
  color: #8e5702;
  /* line-height: 21px; */
  text-align: center;
  cursor: pointer;
}

.click-pic p:hover {
  opacity: .8;
}

.pic-yuanjia {
  font-size: 21px !important;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #8E5702 !important;
  line-height: 16px;
  text-align: center;
}

.pic-yuanjia .pic-unit {
  font-size: 16px;
}

.cheack-input-bottom {
  display: flex;
  justify-content: center;
  margin: 19px 0px;
}

.number-year {
  display: flex;
  align-items: center;
}

.number-year .click-btn {
  font-size: 16px;
  color: #C0C4CC;
  padding: 10px;
}

.number-year .click-btn:hover {
  color: #8E5702;
}

.number-year input {
  width: 40px;
  height: 20px;
  background: #FFFFFF;
  border-radius: 2px;
  border: 1px solid #C0C4CC;
  text-align: center;
  color: #8E5702;
  font-size: 16px;
  margin: 0px 4px;
}

.number-year .year-span {
  font-size: 16px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #8E5702;
  line-height: 14px;
  margin-left: 4px;
}

.upgradewidth {
  width: 939px;
}

.upgrade-l {
  width: 70%;
}

.upgrade-r {
  width: 30%;
  display: flex;
  flex-direction: column;
  border-left: 1px solid #8E5702;
}

.cheak-sj-box {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: 209px;
  /*margin-right:40px*/
}

.upgrade-change-title {
  justify-content: center;
  align-items: center;
  margin-top: 21px;
}

.upgrade-change-title span {
  font-size: 18px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #8E5702;
  line-height: 18px;
  padding-bottom: 10px;
  padding-left: 13px;
}

.upgrade-change-title img {
  width: 74px;
  height: 41px;
}

.upgrade-change-title span:hover {
  opacity: .8;
  cursor: pointer;
}

.upgrade-change-title img:hover {
  opacity: .8;
  cursor: pointer;
}

.upgrade-close {
  width: 30px;
  height: 30px;
  float: right;
  margin: 14px 19px 0px;
  cursor: pointer;
  position: absolute;
  top: -16%;
  left: 98%;
}

.zf-text-ionic {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #8E5702;
  line-height: 21px;
}

.zf-text-ionic .zf-text-color {
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #0DBD29;
  line-height: 21px;
}

.upgrade-title {
  margin: 0px auto 35px;
  color: #8E5702;
  font-size: 21px;
  font-weight: 600;
  text-align: justify;
  text-justify: distribute-all-lines;
  text-align-last: justify;
  width: 80%;
  line-height: 29px;
  font-family: NotoSansCJK, SourceHanSans;
}

.upgrade-title img {
  height: auto;
  width: 80%;
}

.upgrade-ionic-box {
  display: flex;
  align-items: center;
  margin-bottom: 20px;

}

.upgrade-style {
  width: 82px;
  height: 26px;
  margin-left: 12px;
}

.upgrade-style:hover {
  opacity: .8;
}

.upgrade {
  opacity: .8;
}

.upgrade-btn-list {
  display: flex;
  justify-content: flex-end;
}

.unlock-main p {
  margin: 0px auto;
  /* width: 515px; */
  font-size: 15px;
  color: #8E5702;
  line-height: 19px;
  text-align: center;
  height: 22px;
}

.unlock-main .sj-span {
  margin-top: 17px;
}

.pic-yuanjia .pic-yuanjia-s {
  font-size: 16px;
  text-decoration: line-through;
  color: #C0C4CC;
}

.ctlist {
  position: relative;
}

.ionic-mc-type {
  width: 84px;
  height: 24px;
  margin-left: 5px;
}

.pay-type-box {
  margin-top: 20px;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.pay-type-box .el-radio {
  display: flex;
  align-items: center;
}

.pay-type-box .el-radio__inner {
  width: 18px;
  height: 18px;
}

.pay-type-box .el-radio__label {
  font-size: 18px;
}

.marquee-notice {
  padding: 0 10px;
  margin: 14px auto;
  width: 1270px;
  height: 32px;
  background: rgba(1, 1, 1, 0.5);
  border-radius: 3px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.marquee-left {
  flex: 1;
  display: grid;
  grid-template-columns: 26px 46px auto;
  align-items: center;
  font-size: 14px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  color: #FF9E30;
}

.marquee-left img {
  width: 18px;
  height: 18px;
}

.marquee-appeal {
  margin-right: -6px;
  min-width: 46px;
  height: 24px;
  background: #FFFFFF;
  border-radius: 3px;
  font-size: 14px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  color: #029419;
  text-align: center;
  line-height: 24px;
  margin-left: auto;
  cursor: pointer;
  padding: 0 6px;
}