/**
投票模板公共css
 */

[v-cloak] {
  display: none;
}

*:focus {
  box-shadow: none !important;
}

audio {
  max-width: 100%;
}

.marquee {
  height: 25px;
  line-height: 25px;
  width: 100%;
  padding: 0;
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 3;
}

.swiper-box {
  padding-left: 0;
  padding-right: 0;
}

.swiper-box img {
  width: 100%;
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: #000000;
}

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100% !important;
  background: #000;
  opacity: 0.2;
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: #fff !important;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
}

.screen {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 101;
}

.screen-close-btn {
  position: absolute;
  bottom: 10px;
  right: 10px;
  border: 1px solid #ccc;
  height: 2rem;
  border-radius: 1rem !important;
}

.captcha-input,
.captcha-input:focus {
  border: none;
  border-bottom: 1px solid #ccc;
  text-align: center;
  width: 100%;
  font-size: 1.5rem;
}

.widget-audio-box {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px !important;
  height: 28px !important;
  position: fixed;
  right: 10px !important;
  top: 18px;
  border: 2px solid #fff !important;
  border-radius: 50% !important;
  -moz-border-radius: 50% !important;
  color: #fff;
  font-size: 15px;
  cursor: pointer;
  z-index: 3;
}

/**
背景音乐图标
 */

.animation-rotate {
  transform-origin: 50% 50%;
  -webkit-transform: rotate(360deg);
  animation: rotation 3s linear infinite;
  -moz-animation: rotation 3s linear infinite;
  -webkit-animation: rotation 3s linear infinite;
  -o-animation: rotation 3s linear infinite;
}

@-webkit-keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(360deg);
  }
}

/**
漂浮物
 */

.float-img-item {
  position: fixed;
  top: -30%;
  list-style: none;
  display: block;
  width: 20px;
  animation: downFloat 10s infinite;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
  z-index: 10;
}

@keyframes downFloat {
  0% {
    top: -30%;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    top: 110%;
    -webkit-transform: rotate(600deg);
    transform: rotate(600deg);
  }
}

@keyframes upFloat {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    -webkit-transform: translateY(-2000px) rotate(600deg);
    transform: translateY(-2000px) rotate(600deg);
  }
}

/**
弹窗关闭按钮
 */

.layui-layer-setwin .layui-layer-close2 {
  right: -15px !important;
  top: -59px !important;
}

.layui-layer,
.layui-layer-content {
  border-radius: 0.3rem !important;
}

.safe-box {
  width: 100%;
  height: calc(env(safe-area-inset-bottom) - 10px) !important;
  height: calc(constant(safe-area-inset-bottom) - 10px) !important;
}

/*软键盘*/

.captcha-keyboard a {
  display: block;
  width: calc(33.33% - 2px);
  float: left;
  background: #f2f2f2;
  color: #666;
  line-height: 40px;
  margin: 1px;
  border-radius: 5px;
  text-decoration: none;
  font-size: 16px;
}

.captcha-keyboard a:hover {
  background: #a7a3a3;
  color: #fff;
}

/*
分享海报
*/

.poster {
  font-size: 12px;
  width: 100%;
  height: 375px;
  background-image: linear-gradient(#00aaf8, #1c7be5);
  /*background: #000;*/
  /*opacity:0.5;*/
}

.poster p {
  margin-bottom: 0;
}

.poster .info {
  text-align: center;
  color: #fff;
  background: #1c7be5;
  padding: 10px;
}

.poster .info .title {
  font-size: 14px;
  font-weight: bold;
  padding-bottom: 10px;
  border-bottom: 1px dashed #ccc;
  margin-bottom: 10px;
}

.poster .cover {
  top: 0;
  z-index: -1;
  margin: 10px auto auto auto;
  text-align: center;
}

.poster .cover img {
  width: 60px;
  height: 60px;
  border-radius: 100%;
  overflow: hidden;
}

.poster .detail {
  color: #fff;
  text-align: center;
  font-size: 14px;
  margin-top: 10px;
  line-height: 25px;
  font-weight: bold;
}

.poster .qrcode {
  text-align: center;
  margin-top: 10px;
}

.poster .qrcode img {
  width: 80px;
  margin: auto;
}

.poster .qrcode canvas {
  width: 80px;
  border: solid #fff 5px;
  margin: auto;
}

.poster .qrcode p {
  margin-top: 10px;
  color: #fff;
}

.poster .qrcode p span {
  font-weight: bold;
  color: #ff0;
}

/* 海报2 */

.skin {
  background: none !important;
  box-shadow: none !important;
}

.share-container {
  overflow: hidden;
  background: #fff;
}

.share-wrapper {
  width: 100%;
  padding-bottom: 10px;
  background: #fff url(../img/share_title_bg.png) no-repeat;
  background-size: 100% 100%;
}

.share-title {
  display: block;
  margin: 0 10px;
  padding: 8px 0;
  font-size: 12px;
  font-weight: 400;
  text-align: center;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  color: #fff;
  /* text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; */
}

.share-img {
  position: relative;
  padding: 2px;
  margin: 10px auto 0;
  width: 30vw;
  height: 30vw;
  background: linear-gradient(90deg,
      rgba(253, 138, 66, 1),
      rgba(253, 255, 175, 1),
      rgba(252, 141, 67, 1),
      rgba(253, 222, 107, 1),
      rgba(251, 133, 62, 1));
  border-radius: 130px;
  overflow: hidden;
}

.share-img img {
  width: 100%;
  height: 100%;
  border-radius: 130px;
}

.share-description {
  display: flex;
  justify-content: space-between;
  padding: 10px 16px;
}

.share-description .share-content {
  width: 100%;
  margin-top: 20px;
}

.share-description .share-content .share_index {
  position: relative;
  margin: 0;
  padding-bottom: 10px;
  text-align: center;
}

.share-description .share-content .share_index span {
  font-size: 18px;
  font-weight: 400;
  color: rgba(0, 0, 0, 1);
}

.share-description .share-content .share_index::after {
  display: none;
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 12px;
  height: 2px;
  background: #ff152c;
}

.share-description .share-content .share_index.show_index::after {
  display: block;
}

.share_participator {
  margin-top: 8px;
  margin-bottom: 0;
  color: #fff;
  font-size: 12px;
  text-align: center;
  font-weight: 400;
  color: rgba(0, 0, 0, 1);
}

.share-qrcode-box {
  width: 100%;
  margin-top: 16px;
  margin-bottom: 43px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: #fff;
}

.share-qrcode-box .share-qrcode-img {
  padding: 4px;
  width: 130px;
  height: 130px;
  border: 1px solid #ccc;
  border-radius: 2px;
}

.share-qrcode-box .share-qrcode-img img,
.share-qrcode-box .share-qrcode-img canvas {
  width: 100% !important;
}

.share-qrcode-box p {
  position: relative;
  z-index: 10;
  margin-top: 5px;
  color: #999;
  font-size: 9px;
}

.share-icon {
  position: absolute;
  right: 0;
  bottom: -43px;
  width: 104px;
  height: 112px;
}

.share-icon img {
  width: 100%;
  height: 100%;
}

.share-close {
  margin-top: 16px;
  text-align: center;
}

.share-close .iconfont {
  font-size: 36px;
  color: #fff;
}

.svg_icon {
  width: 100px;
  height: 100px;
}

.st0 {
  opacity: 0.1;
  enable-background: new;
}

.st1 {
  fill: url(#SVGID_1_);
}

.st2 {
  fill: #efb7b9;
}

.st3 {
  opacity: 0.1;
  enable-background: new;
}

.st4 {
  fill: #e1e7ef;
}

.st5 {
  opacity: 5e-2;
  enable-background: new;
}

.st6 {
  fill: #b07473;
}

.st7 {
  fill: #444053;
}

.st8 {
  fill: #67647e;
}

.st9 {
  fill: url(#SVGID_2_);
}

.st10 {
  fill: #585268;
}

.st11 {
  opacity: 0.1;
}

.st12 {
  fill: none;
  stroke: #535461;
  stroke-width: 2;
  stroke-miterlimit: 10;
}

.st13 {}

.st14 {
  fill: #a8a8a8;
}

.st15 {
  opacity: 0.1;
  fill: #ffffff;
  enable-background: new;
}

.st16 {
  opacity: 0.3;
  enable-background: new;
}

.widget-search-box {
  padding: 0 15px;
  background: #fff;
  border-radius: 5px;
}

.search_box {
  /* padding: 0 15px; */
}

.search-icon {
  padding: 26px 0;
}

.search-input {
  width: 100%;
  padding: 5px 0;
  margin: 0;
  background: #f5f7fa;
}

.search-input input {
  height: 20px;
  line-height: 20px;
  padding: 15px 16px;
  font-size: 14px;
  background: #f5f7fa;
  border-radius: 2px;
  border: none;
  outline: none;
}

.search-input input:focus {
  background: #f5f7fa;
}

.search_btn {
  margin-top: 20px;
  margin-bottom: 34px;
}

.search_btn .btn {
  height: 36px;
  line-height: 36px;
  padding: 0;
  font-size: 12px;
  border-radius: 2px !important;
}

.btn_close,
.btn_close:hover,
.btn_close:focus {
  color: #333;
  background: none;
  border: 1px solid #dddddd;
}

.comment_content {
  padding: 10px !important;
}

.vote_item_comments {
  display: flex;
  align-items: center;
}

.first-comment {
  margin-top: 10px;
}

.vote_item_content {
  flex: 1;
  margin-left: 10px;
}

.vote_item_title {
  margin-top: 2px;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 400;
  color: rgba(102, 102, 102, 1);
}

.vote_item_date {
  margin-bottom: 0;
  font-size: 9px;
  font-weight: 400;
  color: rgba(193, 193, 193, 0.7);
}

.vote_item_icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
}

.vote_item_icon .iconfont {
  font-size: 20px;
  color: rgba(204, 204, 204, 0.7);
}

.vote_item_icon .icon-yidianzan {
  color: #ef5e80;
}

.vote_comment_content {
  margin: 12px 0 0 40px;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(243, 243, 243, 0.4);
}

.comment_content:last-child .vote_comment_content {
  border: none;
}

.vote_comment_text {
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  color: #333333;
}

input:focus::-webkit-input-placeholder {
  color: transparent;
}

/* Mozilla Firefox 4 to 18 */

input:focus:-moz-placeholder {
  color: transparent;
}

/* Mozilla Firefox 19+ */

input:focus::-moz-placeholder {
  color: transparent;
}

/* Internet Explorer 10+ */

input:focus:-ms-input-placeholder {
  color: transparent;
}

textarea:focus::-webkit-input-placeholder {
  color: transparent;
}

/* Mozilla Firefox 4 to 18 */

textarea:focus:-moz-placeholder {
  color: transparent;
}

/* Mozilla Firefox 19+ */

textarea:focus::-moz-placeholder {
  color: transparent;
}

/* Internet Explorer 10+ */

textarea:focus:-ms-input-placeholder {
  color: transparent;
}

.widget-comment-box {
  padding-bottom: 15px;
  background: #fff;
}

.comment-box-title {
  margin: 0;
  width: 100%;
  height: 50px;
  line-height: 50px;
  color: #333;
  font-size: 17px;
  background: rgba(245, 245, 245, 1);
}

.comment-box-content {
  margin-top: 15px;
}

.comment-box-content .form-control {
  border: 1px solid #e6e6e6;
}

.btn-close-1 {
  width: 130px;
  height: 40px;
  background: rgba(245, 245, 245, 1);
  border-radius: 40px;
  color: #333;
  font-size: 14px;
}

.btn-submit-1 {
  width: 130px;
  height: 40px;
  border-radius: 40px;
  font-size: 14px;
}

.swiper-container2 {
  width: 100%;
}

.swiper-container2 img {
  width: 100%;
  margin: 0 !important;
}

.sharing_wrap {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 105;
}

.sharing_text {
  width: 120px;
  padding: 5px 0px;
  text-align: center;
  background: #fff;
  color: #000;
  border-radius: 5px;
  position: absolute;
  right: 10px;
  top: 10px;
}

.sharing_text::before {
  content: "";
  position: absolute;
  left: 90px;
  top: -19px;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid transparent;
  border-bottom: 10px solid #fff;
}

body .layui-layer-loading .layui-layer-content {
  width: 18px;
  height: 18px;
  background: url(../img/loading.gif) no-repeat !important;
}

/* new */

.share-new-container {
  display: flex;
  flex-direction: column;
  background: url(https://audio.weitoupiao.com/inc/img/poster_bg.png) no-repeat 0 0;
  background-size: 100% 100%;
  overflow: hidden;
}

.share-new-wrapper {
  width: 100%;
}

.share-new-title {
  display: block;
  margin: 0 10px;
  padding: 20px 0;
  font-size: 18px;
  text-align: center;
  color: #3d82ff;
  font-weight: normal;
  letter-spacing: 2px;
  text-shadow: 4px 4px 0px rgb(255 255 255 / 40%);
}

.share-new-description_wrap {
  width: 100%;
  margin: 0 auto;
  background: url(https://audio.weitoupiao.com/inc/img/poster1.png) no-repeat;
  background-size: 100% 100%;
  padding-bottom: 3%;
}

.share-new-description {
  display: flex;
  flex-direction: column;
  padding: 10px 10px 0 10px;
  width: 70.9%;
  margin: 0 auto;
  background: linear-gradient(to bottom, #6899ff, #8b61ff);
  border-radius: 10px 10px 0 0;
  border-bottom: 1px solid #55412a;
  box-shadow: 0px 0px 12px 0px rgb(60 95 178 / 30%);
}

.share-new-img_wrap {
  background: #fff;
  border-radius: 10px 10px 0 0;
  overflow: hidden;
  box-shadow: 0px 0px 12px 0px rgb(60 95 178 / 30%);
}

.share-new-img {
  position: relative;
  width: 100%;
  height: 38vw;
}

.share-new-img img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  max-height: 100%;
  vertical-align: bottom;
}

.share-new-content {
  width: 100%;
  flex: 1;
  background: #fff;
}

.share-new_index {
  position: relative;
  margin: 0;
  padding-top: 10px;
  text-align: center;
}

.share-new_index {
  position: relative;
  margin: 0;
  padding-top: 10px;
  text-align: center;
}

.share-new_index_num {
  font-size: 20px;
  font-weight: 400;
  color: #333;
}

.share-new_index_ext {
  font-size: 12px;
  font-weight: 400;
  color: #333;
}

.share-new_participator {
  margin-top: 6px;
  padding-bottom: 10px;
  font-size: 16px;
  text-align: center;
  font-weight: 400;
  color: #333;
  margin-bottom: 0;
}

.share-new-qrcode-box {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: -2px;
  padding: 30px 0 24px;
  background: url(https://audio.weitoupiao.com/inc/img/poster2.png) no-repeat 0 0;
  background-size: 100% 100%;
}

.share-new-qrcode-box .share-new-qrcode-img {
  width: 100px;
  height: 100px;
  padding: 10px;
  background: #fff;
  border-radius: 4px;
}

.share-new-qrcode-box .share-new-qrcode-img img {
  width: 100%;
}

.share-new-qrcode-box p {
  position: relative;
  z-index: 10;
  margin-top: 20px;
  color: #fff;
  font-size: 10px;
  letter-spacing: 1px;
  margin-bottom: 0;
}

.share-new-qrcode-box p::before {
  content: "";
  position: absolute;
  left: -10px;
  top: 50%;
  transform: translateY(-50%);
  width: 3px;
  height: 3px;
  background: #fff;
  border-radius: 50%;
}

.share-new-qrcode-box p::after {
  content: "";
  position: absolute;
  right: -10px;
  top: 50%;
  transform: translateY(-50%);
  width: 3px;
  height: 3px;
  background: #fff;
  border-radius: 50%;
}

.share-new-close {
  margin-top: 16px;
  text-align: center;
}

.share-new-close .iconfont {
  font-size: 36px;
  color: #fff;
}

/* new Share */
.share_dialog_wrap {
  position: relative;
}

.share_dialog_wrap .share_dialog_container {
  position: fixed;
  top: 0;
  left: 50%;
  transform: translate(-50%);
  width: 92%;
  border-radius: 4px;
  z-index: -2;
  background: #fff;
  overflow: hidden;
}

.share_dialog_wrap .share_dialog_container .share_dialog_banner {
  width: 100%;
}

.share_dialog_wrap .share_dialog_container .share_dialog_banner img {
  width: 100%;
  height: auto;
  max-height: 365px;
  vertical-align: middle;
}

.share_dialog_wrap .share_dialog_container .share_dialog_content {
  padding: 15px 16px;
  background: #fff;
}

.share_dialog_wrap .share_dialog_container .share_dialog_content .share_dialog_title {
  margin: 0;
  font-size: 14px;
  font-weight: 500;
  color: #666666;
  line-height: 20px;
}

.share_dialog_wrap .share_dialog_container .share_dialog_content .share_dialog_item {
  display: flex;
  margin-top: 15px;
}

.share_dialog_wrap .share_dialog_container .share_dialog_content .share_dialog_item_img {
  width: 110px;
  height: 110px;
}

.share_dialog_wrap .share_dialog_container .share_dialog_content .share_dialog_item_img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.share_dialog_wrap .share_dialog_container .share_dialog_content .share_dialog_item_info {
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: space-between;
  margin-left: 14px;
  max-width: calc(100% - 124px);
}

.share_dialog_wrap .share_dialog_container .share_dialog_content .share_dialog_item_info .share_dialog_item_desc span {
  font-size: 11px;
  font-weight: 500;
  color: #666666;
  line-height: 15px;
}

.share_dialog_wrap .share_dialog_container .share_dialog_content .share_dialog_item_info .share_dialog_item_desc p {
  position: relative;
  margin-top: 4px;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  color: #333333;
  line-height: 30px;
  height: 30px;
  overflow: auto;
}

.share_dialog_wrap .share_dialog_container .share_dialog_content .share_dialog_qrcode {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 35px;
}

.share_dialog_wrap .share_dialog_container .share_dialog_content .share_dialog_qrcode_text p {
  margin: 0;
  font-size: 17px;
  font-weight: 600;
  color: #333333;
  line-height: 24px;
}

.share_dialog_wrap .share_dialog_container .share_dialog_content .share_dialog_qrcode_text .share_dialog_qrcode_icon {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 7px;
  width: 120px;
  height: 24px;
  font-size: 12px;
  font-weight: 500;
  color: #ffffff;
  letter-spacing: 4px;
  background: linear-gradient(90deg, #626778 0%, #1a1a1c 100%);
  border-radius: 12px;
}

.share_dialog_wrap .share_dialog_container .share_dialog_content .share_dialog_qrcode_text .share_dialog_qrcode_icon .iconfont {
  margin-left: 3px;
}

.share_dialog_wrap .share_dialog_container .share_dialog_content .share_dialog_qrcode_img {
  width: 60px;
  height: 60px;
}

.share_dialog_wrap .share_dialog_container .share_dialog_content .share_dialog_qrcode_img img {
  width: 100%;
  height: 100%;
}

.share_dialog_wrap .share_dialog_container.active {
  z-index: -3;
}

.share_dialog_wrap .share_dialog_container.active .share_dialog_banner {
  padding: 15px 15px 5px;
  background: #fff;
}

.share_dialog_wrap .share_dialog_container.active .share_dialog_content .share_dialog_qrcode .share_dialog_qrcode_icon {
  background: linear-gradient(90deg, #ffc35f 0%, #ff7859 100%);
}

.share_dialog_wrap .share_dialog_container_3 {
  position: fixed;
  top: 0;
  left: 50%;
  transform: translate(-50%);
  width: 100%;
  z-index: -4;
  overflow: hidden;
}

.share_dialog_wrap .share_dialog_container_3 .share_dialog_bg {
  padding: 4px;
  background: #333;
}

.share_dialog_wrap .share_dialog_container_3 .share_dialog_banner {
  width: 100%;
}

.share_dialog_wrap .share_dialog_container_3 .share_dialog_banner img {
  width: 100%;
  height: auto;
  max-height: 365px;
  vertical-align: middle;
}

.share_dialog_wrap .share_dialog_container_3 .share_dialog_content {
  background: #fff;
}

.share_dialog_wrap .share_dialog_container_3 .share_dialog_content .share_dialog_title {
  margin: 0;
  padding: 8px;
  font-size: 14px;
  font-weight: 500;
  color: #333;
  line-height: 20px;
  border-top: 1px solid #333;
  border-bottom: 1px solid #333;
}

.share_dialog_wrap .share_dialog_container_3 .share_dialog_content .share_dialog_item {
  display: flex;
}

.share_dialog_wrap .share_dialog_container_3 .share_dialog_content .share_dialog_item_img {
  display: flex;
  flex-direction: column;
  width: 160px;
}

.share_dialog_wrap .share_dialog_container_3 .share_dialog_content .share_dialog_item_img .share_avater {
  width: 100%;
  height: 160px;
}

.share_dialog_wrap .share_dialog_container_3 .share_dialog_content .share_dialog_item_img .share_avater img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.share_dialog_wrap .share_dialog_container_3 .share_dialog_content .share_dialog_item_img .share_dialog_qrcode_icon {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1;
  padding: 10px 12px;
  background: #fff;
  border-right: 1px solid #333;
}

.share_dialog_wrap .share_dialog_container_3 .share_dialog_content .share_dialog_item_img .share_dialog_qrcode_icon .share_dialog_qrcode_vote {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 22px;
  font-size: 14px;
  font-weight: 500;
  color: #ffffff;
  line-height: 20px;
  letter-spacing: 6px;
  background: #333;
}

.share_dialog_wrap .share_dialog_container_3 .share_dialog_content .share_dialog_item_img .share_dialog_qrcode_icon .share_dialog_qrcode_vote .share_dialog_qrcode_icon_left {
  width: 6px;
  margin-right: 6px;
}

.share_dialog_wrap .share_dialog_container_3 .share_dialog_content .share_dialog_item_img .share_dialog_qrcode_icon .share_dialog_qrcode_vote .share_dialog_qrcode_icon_right {
  width: 6px;
}

.share_dialog_wrap .share_dialog_container_3 .share_dialog_content .share_dialog_item_info {
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: space-between;
}

.share_dialog_wrap .share_dialog_container_3 .share_dialog_content .share_dialog_item_info .share_dialog_item_desc {
  display: flex;
  align-items: center;
  height: 42px;
}

.share_dialog_wrap .share_dialog_container_3 .share_dialog_content .share_dialog_item_info .share_dialog_item_desc span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 42px;
  height: 100%;
  font-size: 11px;
  color: #fff;
  font-weight: 500;
  background: #333;
}

.share_dialog_wrap .share_dialog_container_3 .share_dialog_content .share_dialog_item_info .share_dialog_item_desc .info {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1;
  width: 0;
  height: 100%;
  border-bottom: 1px solid #333;
}

.share_dialog_wrap .share_dialog_container_3 .share_dialog_content .share_dialog_item_info .share_dialog_item_desc .info p {
  position: relative;
  margin: 0;
  font-size: 22px;
  font-weight: 500;
  color: #333333;
  height: 30px;
  line-height: 30px;
  overflow: auto;
}

.share_dialog_wrap .share_dialog_container_3 .share_dialog_content .share_dialog_item_info .share_dialog_qrcode {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 17px 8px;
  background: #fff;
}

.share_dialog_wrap .share_dialog_container_3 .share_dialog_content .share_dialog_item_info .share_dialog_qrcode_text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.share_dialog_wrap .share_dialog_container_3 .share_dialog_content .share_dialog_item_info .share_dialog_qrcode_text .share_text_1 {
  margin: 0;
  font-size: 14px;
  font-weight: 600;
  color: #333333;
  line-height: 20px;
}

.share_dialog_wrap .share_dialog_container_3 .share_dialog_content .share_dialog_item_info .share_dialog_qrcode_text .share_text_2 {
  margin-top: 8px;
  margin-bottom: 0;
  font-size: 11px;
  font-weight: 400;
  color: #666666;
  line-height: 15px;
}

.share_dialog_wrap .share_dialog_container_3 .share_dialog_content .share_dialog_item_info .share_dialog_qrcode_img {
  width: 76px;
  height: 76px;
}

.share_dialog_wrap .share_dialog_container_3 .share_dialog_content .share_dialog_item_info .share_dialog_qrcode_img img {
  width: 100%;
  height: 100%;
}

.share_dialog_wrap .share_dialog_container_3 .share_dialog_content .share_dialog_item_info .share_dialog_for {
  width: 100%;
  background: #333;
}

.share_dialog_wrap .share_dialog_container_3 .share_dialog_content .share_dialog_item_info .share_dialog_for img {
  width: 100%;
  vertical-align: middle;
}

.share_dialog_wrap .share_dialog_container_3.active {
  z-index: -5;
}

.share_dialog_wrap .share_dialog_container_3.active .share_dialog_bg {
  background: #473bc3;
}

.share_dialog_wrap .share_dialog_container_3.active .share_dialog_content .share_dialog_title {
  color: #fff;
  background: url(data:image/png;base64,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) no-repeat;
  background-size: 100% 100%;
}

.share_dialog_wrap .share_dialog_container_3.active .share_dialog_content .share_dialog_item_img .share_dialog_qrcode_icon {
  background: #ac7eff;
}

.share_dialog_wrap .share_dialog_container_3.active .share_dialog_content .share_dialog_item_img .share_dialog_qrcode_icon .share_dialog_qrcode_vote {
  background: #473bc3;
}

.share_dialog_wrap .share_dialog_container_3.active .share_dialog_content .share_dialog_item_info .share_dialog_item_desc span {
  background: #473bc3;
}

.share_dialog_wrap .share_dialog_container_3.active .share_dialog_content .share_dialog_item_info .share_dialog_item_desc:first-child .info {
  background: #ac7eff;
}

.share_dialog_wrap .share_dialog_container_3.active .share_dialog_content .share_dialog_item_info .share_dialog_item_desc:first-child .info p {
  color: #fff;
}

.share_dialog_wrap .share_dialog_container_3.active .share_dialog_content .share_dialog_item_info .share_dialog_item_desc:nth-child(2) .info {
  background: #f0db78;
}

.share_dialog_wrap .share_dialog_container_3.active .share_dialog_content .share_dialog_item_info .share_dialog_item_desc:nth-child(2) .info p {
  color: #473bc3;
}

.share_dialog_wrap .share_dialog_container_3.active .share_dialog_content .share_dialog_item_info .share_dialog_qrcode {
  background: url(../img/share-qrcode-bg.png) no-repeat;
  background-size: 100% 100%;
}

.share_dialog_wrap .share_dialog_container_3.active .share_dialog_content .share_dialog_item_info .share_dialog_qrcode_text .share_text_1 {
  color: #fff;
}

.share_dialog_wrap .share_dialog_container_3.active .share_dialog_content .share_dialog_item_info .share_dialog_qrcode_text .share_text_2 {
  color: #fff;
}

.share_dialog_wrap .share_dialog_container_3.active .share_dialog_content .share_dialog_item_info .share_dialog_for {
  background: #473bc3;
}

.share_dialog_wrap .share_dialog_container_4 {
  position: fixed;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  z-index: -6;
  overflow: hidden;
}

.share_dialog_wrap .share_dialog_container_4 .share_dialog_bg {
  padding: 15px;
  background: url(../img/share_bg.png) no-repeat;
  background-size: 100% 100%;
}

.share_dialog_wrap .share_dialog_container_4::before {
  content: "";
  position: absolute;
  left: 32px;
  top: -12px;
  width: 12px;
  height: 44px;
  background: url(data:image/png;base64,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) no-repeat;
  background-size: 100% 100%;
  z-index: 1;
}

.share_dialog_wrap .share_dialog_container_4::after {
  content: "";
  position: absolute;
  right: 32px;
  top: -12px;
  width: 12px;
  height: 44px;
  background: url(data:image/png;base64,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) no-repeat;
  background-size: 100% 100%;
  z-index: 1;
}

.share_dialog_wrap .share_dialog_container_4 .share_dialog_banner {
  width: 100%;
  background: #dadce2;
  border-radius: 15px;
}

.share_dialog_wrap .share_dialog_container_4 .share_dialog_banner img {
  width: 100%;
  height: auto;
  max-height: 350px;
  vertical-align: middle;
  border-radius: 15px;
}

.share_dialog_wrap .share_dialog_container_4 .share_dialog_content {
  position: relative;
  margin-top: 10px;
  padding: 15px;
  background: #fff;
  border-radius: 15px;
}

.share_dialog_wrap .share_dialog_container_4 .share_dialog_content::before {
  content: "";
  position: absolute;
  left: 17px;
  top: -27px;
  width: 12px;
  height: 44px;
  background: url(data:image/png;base64,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) no-repeat;
  background-size: 100% 100%;
}

.share_dialog_wrap .share_dialog_container_4 .share_dialog_content::after {
  content: "";
  position: absolute;
  right: 17px;
  top: -27px;
  width: 12px;
  height: 44px;
  background: url(data:image/png;base64,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) no-repeat;
  background-size: 100% 100%;
}

.share_dialog_wrap .share_dialog_container_4 .share_dialog_content .share_dialog_title {
  margin-top: 14px;
  margin-bottom: 0;
  font-size: 17px;
  font-weight: 500;
  color: #333;
  line-height: 24px;
}

.share_dialog_wrap .share_dialog_container_4 .share_dialog_content .share_dialog_item {
  display: flex;
  margin-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px dashed #cdcfd4;
}

.share_dialog_wrap .share_dialog_container_4 .share_dialog_content .share_dialog_item_img {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 109px;
  height: 109px;
}

.share_dialog_wrap .share_dialog_container_4 .share_dialog_content .share_dialog_item_img img {
  width: 100%;
  max-height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.share_dialog_wrap .share_dialog_container_4 .share_dialog_content .share_dialog_item_info {
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: space-between;
  margin-left: 15px;
  max-width: calc(100% - 124px);
}

.share_dialog_wrap .share_dialog_container_4 .share_dialog_content .share_dialog_item_info .share_dialog_item_desc span {
  font-size: 12px;
  font-weight: 500;
  color: #666666;
  line-height: 16px;
}

.share_dialog_wrap .share_dialog_container_4 .share_dialog_content .share_dialog_item_info .share_dialog_item_desc .info {
  display: flex;
  align-items: center;
  margin-top: 3px;
}

.share_dialog_wrap .share_dialog_container_4 .share_dialog_content .share_dialog_item_info .share_dialog_item_desc .info p {
  position: relative;
  margin: 0;
  font-size: 22px;
  font-weight: 500;
  color: #333333;
  line-height: 30px;
  height: 30px;
  overflow: auto;
}

.share_dialog_wrap .share_dialog_container_4 .share_dialog_content .share_dialog_qrcode {
  display: flex;
  align-items: center;
  margin-top: 12px;
}

.share_dialog_wrap .share_dialog_container_4 .share_dialog_content .share_dialog_qrcode_img {
  width: 50px;
  height: 50px;
}

.share_dialog_wrap .share_dialog_container_4 .share_dialog_content .share_dialog_qrcode_img img {
  width: 100%;
  height: 100%;
}

.share_dialog_wrap .share_dialog_container_4 .share_dialog_content .share_dialog_qrcode_text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-left: 11px;
}

.share_dialog_wrap .share_dialog_container_4 .share_dialog_content .share_dialog_qrcode_text .share_text_1 {
  margin: 0;
  font-size: 15px;
  font-weight: 500;
  color: #333333;
  line-height: 21px;
}

.share_dialog_wrap .share_dialog_container_4 .share_dialog_content .share_dialog_qrcode_text .share_text_2 {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 7px;
  margin-bottom: 0;
  width: 120px;
  height: 18px;
  font-size: 11px;
  font-weight: 400;
  color: #ffffff;
  letter-spacing: 3px;
  background: linear-gradient(90deg, #268ff0 0%, #1d53b1 100%);
  border-radius: 9px;
}

.share_dialog_wrap .share_dialog_container_4 .share_dialog_content .share_dialog_qrcode_text .share_text_2 .iconfont {
  margin-left: 4px;
  font-size: 14px;
}

.share_dialog_wrap .share_dialog_container_5 {
  position: fixed;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  z-index: -7;
  overflow: hidden;
}

.share_dialog_wrap .share_dialog_container_5 .share_dialog_bg {
  padding: 0;
  background: url(../img/share_bg1.png) no-repeat;
  background-size: 100% 100%;
}

.share_dialog_wrap .share_dialog_container_5 .share_dialog_banner {
  width: 100%;
  padding: 22px 22px 30px;
  border-radius: 18px;
  background: url(../img/share_img3.png) no-repeat;
  background-size: 100% 100%;
}

.share_dialog_wrap .share_dialog_container_5 .share_dialog_banner img {
  width: 100%;
  height: auto;
  max-height: 340px;
  vertical-align: middle;
  border-radius: 12px;
}

.share_dialog_wrap .share_dialog_container_5 .share_dialog_content {
  position: relative;
  margin-top: -12px;
  padding: 16px 22px 30px;
  border-radius: 15px;
  background: url(../img/share_img3.png) no-repeat;
  background-size: 100% 100%;
}

.share_dialog_wrap .share_dialog_container_5 .share_dialog_content::before {
  content: "";
  position: absolute;
  left: 20px;
  top: 13px;
  width: 50px;
  height: 45px;
  background: url(../img/share_star.png) no-repeat;
  background-size: 100% 100%;
  z-index: 1;
}

.share_dialog_wrap .share_dialog_container_5 .share_dialog_content::after {
  content: "";
  position: absolute;
  right: 2px;
  top: 7px;
  width: 94px;
  height: 69px;
  background: url(../img/share_img2.png) no-repeat;
  background-size: 100% 100%;
  z-index: 1;
}

.share_dialog_wrap .share_dialog_container_5 .share_dialog_content_info {
  width: 100%;
  border-radius: 12px;
}

.share_dialog_wrap .share_dialog_container_5 .share_dialog_content_info .share_dialog_item_wrap {
  position: relative;
  padding: 15px 20px;
  background: url(../img/share_img4.png) no-repeat;
  background-size: 100% 100%;
}

.share_dialog_wrap .share_dialog_container_5 .share_dialog_content_info .share_dialog_item_wrap:after {
  content: "";
  position: absolute;
  right: 6px;
  bottom: 4px;
  width: 72px;
  height: 57px;
  background: url(../img/share_chicken.png);
  background-size: 100% 100%;
}

.share_dialog_wrap .share_dialog_container_5 .share_dialog_content .share_dialog_title {
  margin: 0;
  padding-top: 10px;
  font-size: 15px;
  font-weight: 500;
  color: #333;
  line-height: 21px;
}

.share_dialog_wrap .share_dialog_container_5 .share_dialog_content .share_dialog_item {
  position: relative;
  display: flex;
  margin-top: 15px;
  padding-bottom: 20px;
}

.share_dialog_wrap .share_dialog_container_5 .share_dialog_content .share_dialog_item_img {
  width: 73px;
  height: 73px;
}

.share_dialog_wrap .share_dialog_container_5 .share_dialog_content .share_dialog_item_img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.share_dialog_wrap .share_dialog_container_5 .share_dialog_content .share_dialog_item_info {
  position: relative;
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: space-between;
  margin-left: 15px;
}

.share_dialog_wrap .share_dialog_container_5 .share_dialog_content .share_dialog_item_info .share_dialog_item_desc {
  display: flex;
  align-items: center;
  flex: 1;
}

.share_dialog_wrap .share_dialog_container_5 .share_dialog_content .share_dialog_item_info .share_dialog_item_desc span {
  font-size: 11px;
  font-weight: 500;
  color: #a68027;
  line-height: 15px;
}

.share_dialog_wrap .share_dialog_container_5 .share_dialog_content .share_dialog_item_info .share_dialog_item_desc .info {
  display: flex;
  align-items: center;
  flex: 1;
  margin-left: 12px;
  width: 0;
}

.share_dialog_wrap .share_dialog_container_5 .share_dialog_content .share_dialog_item_info .share_dialog_item_desc .info p {
  position: relative;
  margin: 0;
  font-size: 22px;
  font-weight: 500;
  color: #333333;
  line-height: 30px;
  height: 30px;
  z-index: 1;
  overflow: auto;
}

.share_dialog_wrap .share_dialog_container_5 .share_dialog_content .share_dialog_qrcode {
  position: relative;
  display: flex;
  justify-content: space-around;
  align-items: center;
  padding: 23px 0 8px;
  margin: -22px -3px 0;
  background: url(../img/share_img5.png) no-repeat;
  background-size: 100% 100%;
}

.share_dialog_wrap .share_dialog_container_5 .share_dialog_content .share_dialog_qrcode_img {
  width: 54px;
  height: 54px;
}

.share_dialog_wrap .share_dialog_container_5 .share_dialog_content .share_dialog_qrcode_img img {
  width: 100%;
  height: 100%;
}

.share_dialog_wrap .share_dialog_container_5 .share_dialog_content .share_dialog_qrcode_text {
  display: flex;
  justify-content: center;
  align-items: center;
}

.share_dialog_wrap .share_dialog_container_5 .share_dialog_content .share_dialog_qrcode_text .share_text {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  font-size: 12px;
  font-weight: 500;
  color: #fff;
  width: 175px;
  height: 24px;
  background: linear-gradient(90deg, #ffd53e 0%, #ffc84c 100%);
  border-radius: 12px;
}

.share_dialog_wrap .share_dialog_container_5 .share_dialog_content .share_dialog_qrcode_text .share_text .share_text_txt {
  margin-left: 0.5em;
}

.share_dialog_wrap .share_dialog_container_5 .share_dialog_content .share_dialog_qrcode_text .share_text .share_dialog_qrcode_icon {
  margin-left: 6px;
  width: 8px;
}

.share_dialog_wrap .share_box {
  width: 100%;
}

.share_dialog_wrap .share_box .swiper_share {
  height: 67.5vh;
}

.share_dialog_wrap .share_box .swiper_share .van-swipe__indicators {
  bottom: 0;
}

.share_dialog_wrap .share_box .swiper_share .van-swipe-item {
  padding-bottom: 10px;
  text-align: center;
}

.share_dialog_wrap .share_box .swiper_share .van-swipe__indicator.van-swipe__indicator--active {
  width: 16px;
  height: 6px;
  background-color: #f5f5f5;
  opacity: 1;
  border-radius: 3px;
}

.share_dialog_wrap .share_box .swiper_share img {
  display: block;
  margin: 0 auto;
  width: 90%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.share_dialog_wrap .share_box_close {
  text-align: center;
}

.share_dialog_wrap .share_box_close p {
  color: #fff;
  font-ize: 14px;
  text-align: center;
  margin: 10px 0;
}

.share_dialog_wrap .share_box_close .iconfont {
  font-size: 36px;
  color: #fff;
}

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

body .share_swiper_layer {
  background: none;
  box-shadow: none;
}

.bg_share_wrap {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #f8f8f8;
  z-index: -1;
}

.share-new-box-wrapper {
  display: none;
}

.hiddenOverflow {
  overflow: hidden !important;
}

.hiddenOverflow::after {
  content: "...";
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 0 3px;
  background: #fff;
  z-index: 2;
}

.share_dialog_wrap .share_dialog_container_3.active .hiddenOverflow::after {
  background: #f0db78;
}

.share_dialog_wrap .share_dialog_container_5 .hiddenOverflow::after {
  background: #fef1ca;
}

.share_dialog_wrap.custom-poster .share_dialog_container .share_dialog_content .share_dialog_item_info .share_dialog_item_desc p {
  height: auto;
}

.share_dialog_wrap.custom-poster .share_dialog_container_3 .share_dialog_content .share_dialog_item_info .share_dialog_item_desc {
  height: auto;
}

.share_dialog_wrap.custom-poster .share_dialog_container_3 .share_dialog_content .share_dialog_item_info .share_dialog_item_desc .info p {
  height: auto;
}

.share_dialog_wrap.custom-poster .share_dialog_container_4 .share_dialog_content .share_dialog_item_info .share_dialog_item_desc .info p {
  height: auto;
}

.share_dialog_wrap.custom-poster .share_dialog_container_5 .share_dialog_content .share_dialog_item_info .share_dialog_item_desc .info p {
  height: auto;
}

/* new-search-dialog */

.widget_search_box{
  width: 100%;
  height: 225px;
  padding: 0;
  background: url(../img/search_dialog_bg.png) no-repeat;
  background-size: 100% 100%;
  border-radius: 0;
}

.dialog_search_box{
  padding: 90px 36px 24px 36px;
}

.dialog_search_input{
  position: relative;
  width: 100%;
  display: flex;
}

.dialog_search_input_text{
  width: 100%;
  padding:0 40px 0 15px;
  height: 40px;
  border: 1px solid #5d9a97;
  border-radius: 26px;
  font-size: 12px;
  font-weight: 400;
  color: #3e7d83;
  line-height: 20px;
  background: none;
  outline: none;
}

.dialog_search_input_text::placeholder{
  color: #3e7d83;
}

.dialog_search_icon{
  position: absolute;
  right: 10px;
  top:0;
  width:18px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.dialog_search_icon_del{
  width: 100%;
  vertical-align: middle;
}

.dialog_search_btns{
  margin-top: 22px;
}

.dialog_search_btn,.dialog_search_btn:focus.dialog_search_btn:hover{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 40px;
  font-size: 14px;
  font-weight: 400;
  color: #ffffff;
  line-height: 20px;
  background: #5ca6a1;
  border-radius: 20px;
  box-shadow: none;
  outline: none;
  border: none;
}

body .skin_search{
  background: none;
  box-shadow: none;
  border-radius: 0;
  border: none;
}