* {
  margin: 0;
  padding: 0;
}
html {
  overflow-x: hidden;
  -webkit-text-size-adjust: 100%;
}
body {
  font-family: "微软雅黑", Arial;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.8;
  color: #333333;
  background-color: #f5f5fa;
  background-image: none;
}

ul,
li {
  list-style: none;
  margin: 0;
  padding: 0;
}
p {
  margin-top: auto;
  margin-bottom: auto;
}
a {
  outline: none;
  text-decoration: none;
  color: #303133;
}
a:hover {
  color: #0067ed;
}
input {
  outline: none;
}
textarea {
  outline: none;
}
img {
  border-style: none;
  height: auto;
  max-width: 100%;
}
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}
.imgs {
  width: 100%;
  height: 100% !important;
  /* object-fit: cover; */
}
.container {
  width: auto;
  max-width: 1200px;
  height: auto;
  margin: 0 auto;
  padding: 0;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.df {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
}
.fd-row-r {
  flex-direction: row-reverse;
}

::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
::-webkit-scrollbar-button {
  width: 0;
  height: 0;
  display: none;
}
::-webkit-scrollbar-corner {
  background-color: transparent;
}
::-webkit-scrollbar-thumb {
  min-height: 10px;
  border: 2px solid transparent;
  background-clip: content-box;
  border-radius: 8px;
  background-color: #c8d5e1;
}
::-webkit-scrollbar-thumb:hover {
  background-color: #a8bbcf;
}
::-webkit-scrollbar-thumb:active {
  background-color: #87a2bd;
}
::-webkit-scrollbar-track {
  background-color: transparent;
}
::-webkit-scrollbar-track-piece {
  background-color: transparent;
}

/* 开始 */

#appear-active-class {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.activity-guest {
  margin-top: 17px;
}

.activity-guest .swiper-container:hover .guest-ctr {
  opacity: 1;
}

.activity-guest .guest-ctr {
  position: absolute;
  top: 0;
  width: 13px;
  height: 100%;
  z-index: 11;
  opacity: 0;
  transition: all 0.4s;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.5);
}

.activity-guest .guest-ctr {
  background: linear-gradient(90deg, hsla(0, 0%, 97.6%, 0.5), #f7f7f7);
}

.activity-guest .guest-ctr .iconfont {
  color: #f5f5fa;
}

.activity-guest .guest-ctr .iconfont {
  color: #3d3d4d;
}

.activity-guest .guest-prev {
  left: 0;
}

.activity-guest .guest-next {
  right: 0;
}

.activityInfo-window .content {
  width: 100%;
}

.activityInfo-window .content .info {
  color: #3d3d4d;
  line-height: 24px;
}

.activityInfo-window .content .info:not(:last-child) {
  margin-bottom: 17px;
}

.activityInfo-window .content .info span:first-child {
  width: 80px;
  word-break: break-all;
}

.activityInfo-window .content .info span:nth-child(2) {
  margin: 0 0 0 10px;
  word-break: break-all;
}

.activityInfo-window .content .info--image {
  width: 100%;
}

.activityInfo-window .close {
  position: absolute;
  right: 10px;
  top: -70px;
  padding: 10px;
  cursor: pointer;
}

.activityInfo-window .mu-dialog-title {
  justify-content: center;
  font-size: 22px;
  font-weight: 600;
}

.activityInfo-window .mu-dialog {
  width: 540px;
  max-height: 90%;
  max-width: none;
  overflow: auto;
}

.activityInfo-window .mu-dialog-body {
  position: relative;
  padding: 0 24px 30px;
}

.activity-info {
  margin-top: 8px;
}

.activity-info .titleWrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.activity-info .titleWrap h1 {
  flex: 1;
  margin: 0;
}

.activity-info .titleWrap .inviteBtn {
  cursor: pointer;
  display: inline-block;
  padding: 0 10px;
  height: 24px;
  line-height: 22px;
  font-size: 13px;
  color: #484957;
  border-radius: 2px;
  border: 1px solid #dddedd;
  margin-left: 10px;
}

.activity-info .info {
  margin-top: 8px;
  position: relative;
}

.activity-info .info .info-intreduce--img {
  margin-top: 10px;
  display: block;
  width: 100%;
}

.activity-info .info .info-base {
  font-size: 12px;
  color: #cfcfdd;
  margin-top: 8px;
  line-height: 16px;
}

.activity-info .info .info-base {
  color: #757580;
}

.activity-info .info .info-base .iconfont {
  font-size: 12px;
  margin-right: 7px;
}

.activity-info .info .info-base .iconfont.icon-dizhi {
  font-size: 13px;
}

.activity-info .info .info-base span:first-child {
  word-break: break-word;
}

.activity-info .info .info-base span:nth-child(2) {
  word-break: break-word;
  margin: 0 0 0 5px;
}

.activity-info .info .info-status {
  font-size: 14px;
  color: #f5f5fa;
}

.activity-info .info .info-status {
  color: #3d3d4d;
}

.activity-info .info .info-status span:first-child {
  color: #e53d00;
}

.activity-info .info .info-look {
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
  text-decoration: underline;
  transform: scale(0.8);
  color: #acacbb;
}

.activity-info .info .info-look {
  color: #757580;
}

@media screen and (min-width: 1600px) {
  .activity-info .info .info-look {
    transform: none;
  }
}

.common-video {
  width: 100%;
}

.common-video .poster {
  width: 100%;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
}

.common-video .poster .play-icon {
  width: 48px;
  height: 48px;
  background-color: rgba(0, 0, 0, 0.3);
  border: 2px solid #fff;
  border-radius: 100%;
}

.common-video .poster .play-icon .iconfont {
  color: #fff;
  font-size: 19px;
  margin: 0 0 0 5px;
}

.common-video .vjs-big-play-button {
  display: none !important;
}

.head-swiper {
  width: 100%;
  position: relative;
}

.head-swiper:hover .head-navigator {
  opacity: 1;
}

.head-swiper .swiper-wrapper {
  align-items: center;
}

.head-swiper .swiper-pagination-bullet {
  width: 5px;
  height: 5px;
  background-color: #757580;
  opacity: 1;
}

.head-swiper .swiper-pagination-bullet-active {
  background-color: #e53d00;
}

.head-swiper .swiper-pagination-bullet-active {
  background-color: #b88259;
}

.head-swiper .swiper-pagination-bullet-active {
  background-color: #ff0;
}

.head-swiper .head-slide img {
  width: 100%;
}

.head-swiper .head-link {
  position: absolute;
  right: 0;
  bottom: 23px;
  color: #ccc;
  z-index: 2;
  font-size: 12px;
}

.head-swiper .head-link .iconfont {
  font-size: 12px;
  transform: scale(0.8);
}

.head-swiper .head-navigator {
  width: 33px;
  height: 53px;
  background-color: hsla(0, 0%, 100%, 0.4);
  position: absolute;
  top: 50%;
  margin-top: -27px;
  z-index: 1;
  opacity: 0;
  transition: all 0.3s;
}

.head-swiper .head-navigator .iconfont {
  font-size: 20px;
}

.head-swiper .head-prev {
  left: 0;
}

.head-swiper .head-next {
  right: 0;
}

.video-live {
  margin-top: 7px;
  position: relative;
}

.video-live .videoEmptyBox {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  height: 100%;
  width: 100%;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}

.video-live .videoEmptyBox .emptyImg {
  width: 120px;
  height: 90px;
  margin: 0 auto;
  background: url(../img/livevideo-empty.e5c00094.png) no-repeat 50%;
  background-size: 120px;
}

.video-live .videoEmptyBox .emptyText {
  font-size: 13px;
  padding-top: 10px;
  color: #9b9b9b;
}

.video-live .poster {
  width: 100%;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
}

.video-live .poster .play-icon {
  width: 48px;
  height: 48px;
  background-color: rgba(0, 0, 0, 0.3);
  border: 2px solid #fff;
  border-radius: 100%;
}

.video-live .poster .play-icon .iconfont {
  color: #fff;
  font-size: 18px;
  margin: 0 0 0 5px;
}

.video-live iframe {
  width: 100%;
  min-height: 201px;
}

.video-live .vjs-big-play-button {
  display: none;
}

.invitePosterWrapper {
  border-radius: 6px;
  width: 100%;
  height: 100%;
  padding: 20px;
  background: rgba(0, 0, 0, 0.8);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  overflow: hidden;
}

.invitePosterWrapper.fixedLayout {
  position: fixed;
  z-index: 1024;
}

.invitePosterWrapper .loadingBox {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  overflow: hidden;
  z-index: 1024;
}

.invitePosterWrapper .loadingBox .ani-rotate {
  animation: rotate 1s linear infinite;
}

@keyframes rotate {
  to {
    transform: rotate(-1turn);
  }
}

.invitePosterWrapper .loadingBox .loading-round {
  width: 114px;
  height: 114px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -57px 0 0 -57px;
  background-image: url(//q.plusx.cn/wechat/live_m/live_photoplus/src/assets/image/loading/loading-round.png);
  background-size: contain;
}

.invitePosterWrapper .loadingBox .loading-body {
  width: 40px;
  height: 46px;
  background-image: url(//q.plusx.cn/wechat/live_m/live_photoplus/src/assets/image/loading/loading-body.png);
  background-size: contain;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -23px 0 0 -20px;
}

.invitePosterWrapper .loadingBox .loading-eye {
  width: 24px;
  position: absolute;
  left: 8px;
  top: 16px;
}

.invitePosterWrapper .loadingBox .diy-content {
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
  font-size: 0;
}

.invitePosterWrapper .loadingBox .diy-content > img {
  width: 114px;
}

.invitePosterWrapper .loadingBox .spinner {
  text-align: center;
}

.invitePosterWrapper .loadingBox .spinner > div {
  width: 8px;
  height: 8px;
  margin: 15px 3px;
  background-color: #fff;
  border-radius: 100%;
  display: inline-block;
  animation: sk-bouncedelay 1.4s ease-in-out infinite both;
}

.invitePosterWrapper .loadingBox .spinner .bounce1 {
  animation-delay: -0.48s;
}

.invitePosterWrapper .loadingBox .spinner .bounce2 {
  animation-delay: -0.32s;
}

.invitePosterWrapper .loadingBox .spinner .bounce3 {
  animation-delay: -0.16s;
}

@keyframes sk-bouncedelay {
  0%,
  80%,
  to {
    transform: scale(0);
  }

  40% {
    transform: scale(1);
  }
}

.invitePosterWrapper.hidden {
  visibility: hidden;
}

.invitePosterWrapper .closeInviteBtn {
  position: absolute;
  right: 30px;
  top: 30px;
  cursor: pointer;
}

.invitePosterWrapper .closeInviteBtn.center {
  position: relative;
  text-align: center;
  right: auto;
  top: auto;
  margin-top: 40px;
}

.invitePosterWrapper .closeInviteBtn .iconfont {
  color: #fff;
  font-size: 36px;
}

.invitePosterWrapper .inviteImgWrap {
  height: 100%;
  overflow-y: auto;
}

.invitePosterWrapper .inviteImgWrap.center {
  width: 370px;
  position: absolute;
  left: 50%;
  top: 50%;
  height: auto;
  transform: translateY(-50%);
  margin-left: -185px;
  overflow: hidden;
}

.invitePosterWrapper .inviteImgWrap .inviteImgBox {
  background: #fff;
  border-radius: 6px;
  overflow: hidden;
}

.invitePosterWrapper .inviteImgWrap .inviteImgBox .inviteImg {
  display: block;
  width: 100%;
  height: auto;
  border: 0;
}

.invitePosterWrapper .posterWrap {
  background: #fff;
  width: 370px;
}

.invitePosterWrapper .posterWrap .topImg {
  display: block;
  width: 100%;
  height: auto;
  border: 0;
}

.invitePosterWrapper .posterWrap .bottomBox {
  padding: 20px;
}

.invitePosterWrapper .posterWrap .bottomBox .infoBox {
  position: relative;
  min-height: 90px;
  padding-right: 120px;
  font-size: 14px;
  color: #676767;
  line-height: 1.5;
  overflow: hidden;
}

.invitePosterWrapper .posterWrap .bottomBox .infoBox .title {
  height: 42px;
  line-height: 42px;
  font-size: 24px;
  font-weight: 700;
  color: #000;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.invitePosterWrapper .posterWrap .bottomBox .infoBox .detail {
  height: 24px;
  line-height: 24px;
  font-size: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.invitePosterWrapper .posterWrap .bottomBox .infoBox .detail .cfred {
  color: #e36529;
  margin-right: 5px;
}

.invitePosterWrapper .posterWrap .bottomBox .infoBox .codeImg {
  display: block;
  width: 90px;
  height: 90px;
  position: absolute;
  right: 0;
  top: 0;
}

.invitePosterWrapper .footerWrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
}

.invitePosterWrapper .footerWrap .downTips {
  display: inline-block;
  height: 30px;
  background: #f2f2f2;
  padding: 0 10px;
  line-height: 30px;
  color: #888;
  font-size: 13px;
}

.invitePosterWrapper .footerWrap .downBtn {
  display: block;
  width: 140px;
  height: 30px;
  line-height: 30px;
  background: #eb6d49;
  color: #fff;
  border-radius: 15px;
  text-align: center;
}

.brandShowWrapper .brandItem {
  padding: 20px 10px;
}

.brandShowWrapper .brandItem .brandTitle {
  font-weight: 600;
  font-size: 18px;
  color: #484957;
  text-align: center;
  line-height: 1.5;
  margin-bottom: 10px;
}

.brandShowWrapper .brandItem .brandDetail {
  font-size: 14px;
  color: #888;
}

.brandShowWrapper .brandItem .brandLogo {
  display: block;
  margin: 20px auto;
  max-width: 100%;
  height: auto;
}

.brandShowWrapper .brandItem .brandLink {
  display: block;
  margin: 20px auto;
  width: 160px;
  height: 40px;
  border-radius: 30px;
  line-height: 40px;
  text-align: center;
  background: #eb6d49;
  color: #fff;
  font-size: 16px;
}

.right-container {
  width: 270px;
  max-height: 100%;
  margin-left: 23px;
  overflow: auto;
}

.right-container .right-block {
  padding: 15px;
  border-radius: 5px;
  position: relative;
  background-color: rgba(0, 0, 0, 0.3);
}

.right-container .right-block {
  background-color: #fff;
}

.right-container .right-block:not(:last-child) {
  margin-bottom: 17px;
}

.right-container .right-block h1 {
  font-size: 22px;
  line-height: 33px;
  color: #f5f5fa;
}

.right-container .right-block h1 {
  color: #3d3d4d;
}

.right-container .right-block h2 {
  font-size: 16px;
  color: #f5f5fa;
}

.right-container .right-block h2 {
  color: #3d3d4d;
}

.right-container .right-block h3 {
  font-size: 14px;
  color: #f5f5fa;
}

.right-container .right-block h3 {
  color: #3d3d4d;
}

@media screen and (min-width: 1600px) {
  .right-container {
    width:300px;
  }
}

.mu-item {
  height: 40px;
}

.mu-item-title {
  font-size: 14px;
}

.sort-span-cur.on {
  color: #eb6d49;
}

.nav {
  width: 100%;
  padding: 15px 15px 10px;
  position: relative;
}

.nav .nav-top {
  width: 68%;
}

.nav .nav-top .el-tabs__nav-wrap:after {
  background: transparent;
}

.nav .nav-top .el-tabs__item {
  font-size: 16px;
  font-weight: 700;
  color: #757580;
  padding: 0;
  margin-right: 30px;
}

.nav .nav-top .el-tabs__item.is-active {
  color: #e53d00;
}

.nav .nav-top .el-tabs__item.is-active:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2px;
  /* background-color: #e53d00; */
  width: 100%;
}

.nav .nav-top .el-tabs__item:hover {
  color: #e53d00;
}

.nav .nav-top .el-tabs__header {
  margin-bottom: 0;
}

.nav .nav-top .el-tabs__active-bar {
  background: transparent;
}

.nav .nav-top .nav-top__ul {
  width: 100%;
  height: 50px;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
}

.nav .nav-top .nav-top__ul li {
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  line-height: 30px;
  margin-right: 27px;
  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-color: transparent;
  cursor: pointer;
  color: #cfcfdd;
}

.nav .nav-top .nav-top__ul li {
  color: #757580;
}

.nav .nav-top .nav-top__ul li:hover {
  color: #f5f5fa;
}

.nav .nav-top .nav-top__ul li:hover {
  color: #3d3d4d;
}

.nav .nav-top .nav-top__ul li.active {
  color: #f5f5fa;
  border-color: #e53d00;
}

.nav .nav-top .nav-top__ul li.active {
  color: #3d3d4d;
}

.nav .nav-top .nav-top__ul li.active {
  border-color: #b88259;
}

.nav .nav-top .nav-top__ul li.active {
  border-color: #ff0;
}

.nav .nav-bottom {
  margin: 11px 0 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}

.nav .nav-bottom .nav-bottom__ul {
  flex: 1;
  min-height: 30px;
}

.nav .nav-bottom .nav-bottom__ul li {
  padding-right: 13px;
  font-size: 14px;
  cursor: pointer;
  margin-bottom: 5px;
  color: #acacbb;
}

.nav .nav-bottom .nav-bottom__ul li {
  color: #757580;
}

.nav .nav-bottom .nav-bottom__ul li:not(:first-child) {
  border-style: solid;
  border-left-width: 1px;
  padding-left: 13px;
  border-color: #757580;
}

.nav .nav-bottom .nav-bottom__ul li:not(:first-child) {
  border-color: #e7e7f1;
}

.nav .nav-bottom .nav-bottom__ul li:hover {
  color: #e53d00;
}

.nav .nav-bottom .nav-bottom__ul li:hover {
  color: #b88259;
}

.nav .nav-bottom .nav-bottom__ul li:hover {
  color: #ff0;
}

.nav .nav-bottom .nav-bottom__ul li.active {
  color: #e53d00;
}

.nav .nav-bottom .nav-bottom__ul li.active {
  color: #b88259;
}

.nav .nav-bottom .nav-bottom__ul li.active {
  color: #ff0;
}

.nav .nav-bottom .sortMenuWrap {
  display: flex;
  align-items: center;
  height: 30px;
  line-height: 30px;
  color: #333;
  font-size: 13px;
}

.nav .nav-bottom .sortMenuWrap .sortBtn {
  height: 30px;
  cursor: pointer;
}

.nav .nav-bottom .sortMenuWrap .sortBtn .icon-span {
  display: inline-block;
  margin-left: 2px;
  transform: rotate(180deg);
}

.nav .nav-bottom .sortMenuWrap .sortBtn .icon-span .iconfont {
  font-size: 12px;
}

.nav .nav-bottom .sortMenuWrap .sortBtn .icon-span.on {
  transform: rotate(0deg);
}

.nav .nav-float {
  position: absolute;
  right: 15px;
  top: 22px;
}

.nav .nav-float .nav-float__ul li:not(:last-child) {
  margin-right: 17px;
}

.nav .nav-float .nav-float__ul li.block {
  width: 80px;
  height: 23px;
  position: relative;
  font-size: 12px;
  border-radius: 4px;
  border-style: solid;
  border-width: 1px;
  cursor: pointer;
  border-color: #757580;
  color: #f5f5fa;
}

.nav .nav-float .nav-float__ul li.block {
  border-color: #e7e7f1;
  color: #3d3d4d;
}

.nav .nav-float .nav-float__ul li.block .iconfont {
  margin-right: 5px;
  font-size: 12px;
  color: #f5f5fa;
}

.nav .nav-float .nav-float__ul li.block .iconfont {
  color: #3d3d4d;
}

.nav .nav-float .nav-float__ul li.block.active {
  background-color: #e53d00;
  border-color: #e53d00;
}

.nav .nav-float .nav-float__ul li.block.active {
  background-color: #b88259;
}

.nav .nav-float .nav-float__ul li.block.active {
  background-color: #ff0;
}

.nav .nav-float .nav-float__ul li.block.active {
  border-color: #b88259;
}

.nav .nav-float .nav-float__ul li.block.active {
  border-color: #ff0;
}

.nav .nav-float .nav-float__ul li.block:hover {
  background-color: #e53d00;
  border-color: #e53d00;
  color: #fff;
}

.nav .nav-float .nav-float__ul li.block:hover {
  background-color: #b88259;
}

.nav .nav-float .nav-float__ul li.block:hover {
  background-color: #ff0;
}

.nav .nav-float .nav-float__ul li.block:hover {
  border-color: #b88259;
}

.nav .nav-float .nav-float__ul li.block:hover {
  border-color: #ff0;
}

.nav .nav-float .nav-float__ul li.block:hover .iconfont {
  color: #fff;
}

.nav .nav-float .nav-float__ul li.block .mobile-ewm {
  position: absolute;
  left: 0;
  top: 20px;
  opacity: 0;
  z-index: -1;
  transition: all 0.2s;
  box-shadow: 0 0 8px 0 #cfcfdd;
}

.nav .nav-float .nav-float__ul li.block .mobile-ewm:before {
  content: "";
  border-width: 0 3px 3px;
  border-style: solid;
  border-color: transparent transparent #fff;
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
}

.nav .nav-float .nav-float__ul li.block.hover:hover .mobile-ewm {
  opacity: 1;
  z-index: 20;
  transform: translateY(10px);
}

.nav .nav-float .nav-float__ul li.single {
  cursor: pointer;
  color: #f5f5fa;
}

.nav .nav-float .nav-float__ul li.single {
  color: #3d3d4d;
}

.nav .nav-float .nav-float__ul li.single .iconfont.icon-danmu,
.nav .nav-float .nav-float__ul li.single .iconfont.icon-danmu-guan,
.nav .nav-float .nav-float__ul li.single .iconfont.icon-yingwen1,
.nav .nav-float .nav-float__ul li.single .iconfont.icon-yinxiao,
.nav .nav-float .nav-float__ul li.single .iconfont.icon-yinxiaoguan,
.nav .nav-float .nav-float__ul li.single .iconfont.icon-zhongwen1 {
  font-size: 22px;
}

.nav .nav-float .nav-float__ul li.single .iconfont:hover {
  color: #e53d00;
}

.nav .nav-float .nav-float__ul li.single .iconfont:hover {
  color: #b88259;
}

.nav .nav-float .nav-float__ul li.single .iconfont:hover {
  color: #ff0;
}

@media screen and (min-width: 1600px) {
  .nav .nav-top {
    width: 78%;
  }
}

.photo-window .content .forbidden {
  pointer-events: none;
}

.photo-window .content .extendBox {
  position: absolute;
  right: -50px;
  bottom: 45px;
  color: #fff;
  font-size: 12px;
  line-height: 1.5;
}

.photo-window .content .extendBox .menuItem {
  text-align: center;
  width: 40px;
  margin-top: 20px;
  position: relative;
}

.photo-window .content .extendBox .menuItem .iconImg {
  display: block;
  width: 28px;
  height: 28px;
  margin: 0 auto;
}

.photo-window .content .extendBox .menuItem .iconImg.dashang {
  background: url(data:image/png;base64,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)
    no-repeat 50%;
  background-size: 21px;
}

.photo-window .content .extendBox .menuItem .iconImg.heart {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAAyCAYAAAAX1CjLAAAEF0lEQVRoQ92afchfYxjHP1/ykkkJtRVrJJHyslrb5KXMhmXL6z9MsrJaGv9o87JSW6KkobYUirCQyFhYkVjZJqUlUayG5S1ry9tEXfo+7qOz3/N7Ob/zO8c5P1etp2fPfX/v63Pu9+u6RUGLiKOABcAlwBxgKnAC8AuwB3gf2ARskRQFZSeKRcThwDXA5TntQ4Cv079PgBckbS+qq0EFI8LO3wYsB44bVB74DFglyZB9LSIOTbr3pA81qMouYAPwqKQ/+xXuCxYR11ukIFBnO88DSyX93s2BiJgGvALMHkTT5e+f+oNIeq9X3a5gEXEY8CRwY4lG81U+BBZL+i7/nxFxDvAacOKI+ndJeqCbxiSwiJgCvJzm04jtTlT3PLlA0u40ny4ENgNHVyEOPChpZafWQWAR4d8NdWVFjWYyHjrnpXn0AXBsxfr3S7o7r9kJthZYXXGjmdy7wHTglBr0vQpfJmlLpv0vWETMBDwnvMyOo30PnC3JP5kAS0PQQ6TMCtWmj7BB0q15sMXAq23ysKQvBzzUJX2b9ZjH5vySYm2r9pCkOxQRJwNfZsOybV6W8MdzbJrBlgDPlBBoc5VzDfYwcHubvSzh250G86n8/BKV21xlk8E8v+rYNJsE32GwH4Hjm/SihrZ3G8xr/xE1iDcpecBge2s4lDYJ5bb3GszX7jOb9qTi9nca7P906si+z2aDPZJiGhV/tEbl1hvM0aGXGnWj+sYXGsxRqB+q125M0Yvh1Ox0/7EvaY25Um3DT0i6JQO7CXiqWv3G1OZK2paBOdz2OeArzDjbRkk3GCAf8xj3W/SvwOmSvjkIzL9EhENvV41pl62WdF/me2f47RhgG3DGmMG9ncJvf3UFS712KrBjjM6PXhvmSNqX74xesXunit4EnA1ps3nPmi3pi04ne2ZbImIZ8FiLgzy/OZ/WK+MyKI3knNj6FsI5NXWFpHd6Daciib+29Zx7alE/qEnLfS/6iFgKPN6CuL73KveUExx9bWCPZbUjwjv60w0uKD8DCyVtHQRVuMdycNcBzwE+gv2Xtj/tU95jC1nhHsvBLQJeBI4s1MLohX4CLpX00TBSQ4OlTfzilJ2pKt3ay2fnrudLclxmKCsFluCcS3ujxhPKV8C8bptvEcLSYAnurHRC8dOGKs1vRRZIcmK+lI0EluBmAG8Bp5XyYHIln1O9+nlulbaRwRKc4yZ+4jCrtCf/VHQo8GpJ3q9GskrAEpwXEq+Wfg9Vxp5NL3n6PiUqKlwZWILzbWAdsKKoA6ncvZLWDFmnb/FKwbKWIsKZewdiB117nBC5WZLfXVVqtYCl3nOyfmOfFJVjE9cO81RvGPLawBLcSSm/fVGHU6+n+eTcXC1WK1iCcxu++qwC/gDWSnJP1mp/A9X3OGgHd2riAAAAAElFTkSuQmCC)
    no-repeat 50%;
  background-size: 21px;
}

.photo-window .content .extendBox .menuItem .text {
  display: block;
  color: #fff;
  font-size: 12px;
  line-height: 1.5;
  white-space: nowrap;
  overflow: hidden;
}

.photo-window .content .extendBox .menuItem .ewmBox {
  position: absolute;
  left: 45px;
  top: 50%;
  transform: translateY(-55%);
  opacity: 0;
  z-index: -1;
  transition: all 0.2s;
  background-color: #fff;
  padding: 10px;
}

.photo-window .content .extendBox .menuItem .ewmBox .ewm {
  font-size: 0;
}

.photo-window .content .extendBox .menuItem .ewmBox p {
  color: #333;
  font-size: 12px;
  line-height: 1.2;
}

.photo-window .content .extendBox .menuItem .ewmBox p span {
  color: #f30;
}

.photo-window .content .extendBox .menuItem .ewmBox:before {
  content: "";
  border-width: 6px 6px 6px 0;
  border-style: solid;
  border-color: transparent #fff transparent transparent;
  position: absolute;
  top: 50%;
  left: -6px;
  transform: translateY(-50%);
}

.photo-window .content .extendBox .menuItem.hover:hover .ewmBox {
  opacity: 1;
  z-index: 20;
}

.photo-window .operate-buttons {
  margin: 17px 0 0;
  position: relative;
}

.photo-window .operate-buttons .icon-xinxitishi {
  position: absolute;
  display: block;
  left: 11px;
  top: 50%;
  transform: translateY(-50%);
  color: #cfcfdd;
}

.photo-window .operate-buttons li {
  padding: 0 10px;
  height: 26px;
  font-size: 12px;
  color: #fff;
  border: 1px solid #979797;
  border-radius: 4px;
  position: relative;
  cursor: pointer;
}

.photo-window .operate-buttons li:not(:last-child) {
  margin-right: 17px;
}

.photo-window .operate-buttons li:hover {
  background-color: #e53d00;
  border-color: #e53d00;
}

.photo-window .operate-buttons li:hover {
  background-color: #b88259;
}

.photo-window .operate-buttons li:hover {
  background-color: #ff0;
}

.photo-window .operate-buttons li:hover {
  border-color: #b88259;
}

.photo-window .operate-buttons li:hover {
  border-color: #ff0;
}

.photo-window .operate-buttons li .mobile-ewm {
  position: absolute;
  bottom: 34px;
  opacity: 0;
  z-index: -1;
  background-color: #fff;
  left: 50%;
  transform: translateX(-50%);
}

.photo-window .operate-buttons li .mobile-ewm .ewm {
  font-size: 0;
}

.photo-window .operate-buttons li .mobile-ewm:before {
  content: "";
  border-width: 3px 3px 0;
  border-style: solid;
  border-color: #fff transparent transparent;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
}

.photo-window .operate-buttons li .mobile-ewm.poster .ewmBox {
  padding: 10px;
}

.photo-window .operate-buttons li .mobile-ewm.poster p {
  color: #333;
  font-size: 12px;
  line-height: 1.2;
  text-align: center;
}

.photo-window .operate-buttons li .mobile-ewm.poster p span {
  color: #f30;
}

.photo-window .operate-buttons li.hover:hover .mobile-ewm {
  opacity: 1;
  z-index: 20;
  transition: all 0.2s;
}

.photo-window .operate-buttons li .iconfont {
  margin-right: 4px;
}

.photo-window .operate-buttons li .icon-quanbulunbo {
  font-size: 12px;
  transform: scale(0.8);
  transform-origin: right;
}

.photo-window .operate-buttons li .icon-chakanyuantu,
.photo-window .operate-buttons li .icon-xiazai {
  font-size: 13px;
  margin-top: 1px;
}

.photo-window .operate-buttons li a {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.photo-window .iconImg {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-right: 5px;
}

.photo-window .iconImg.dayin {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAiCAYAAAA3WXuFAAACkUlEQVRYR+2XTYiNYRTHf3/fRiFZ2ElKiUE+J1NslIUVlshCClmwmIVkN0o2sxrFRvlYysJKWfmeGSOGJCGsLKRI43Mcneu8defOvfe97zw3NbrP5t7e93/+5/+c55zznkdUWWY2DTgB7AEWVsMkPHsDXAS6Jf2o5FENQb3AoQSnjZj2SjqcK8jM2oDPwGTgC3C3EfYCmE5gFvALmC3pa7ntmAiZ2XLgSYDOSjpQwFku1MzOAfsDuEzSszxB7cBQgKqGNddrHYCZnQEOBqRd0tOWoPIItCKUl1+tCP3fETKzecBS4Hbs9BqwL2/XBd+fB7aFjXft55I+Zhwys0nAMeAIML8gebPgH4Ae4JQL6gJON4s5kafLBb0EFgPfgavAz0TSouY+6mwH/PeVC7JguCVpU1G2ZuDN7B7Q4Vzlgm5K2twMB0U5zOwOsHHiCTIzP8JuYCUwvejOK/Ceo4+A45KytlKCNBQhM1sD3AemJAqpNPei6ZD0MHvRqCAfxHeH0WPgU6KwucCK4LggaW9RQQPAWuCbz8CSfqcIigbs87OXd5+kUlUVObJBYDUwLMmH8uRlZi5oBjAgaX0tQT79+w2jX9KGMtC/FPQA8Jwd8T7k+ZGd7eu4nrguvyB6ZXnjfJEcnr8ES7z3RRq8C86pwKL4P+SCdgBXmuQwlWZn6V5mZluBo7EDPz5fCyIBPUJvUz2FvUfdffoV+n08G4kT6JF0vepVOkRm59rMpB4GZgKDkryCx6wJJagfWBcJ2CYpmwrGdXpm5pv3svdCGVX25YT1InQJ2BVgF5faqecAWe+5LCn7CozaYD1B3pN8LMiSfFyRqWLkSdwpqa9QDkVibwFOAqui4lJEeWVlX/sbtYj+ADwrWnGSO2JnAAAAAElFTkSuQmCC)
    no-repeat 50%;
  background-size: 13px;
}

.photo-window .iconImg.poster {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAgCAYAAAB6kdqOAAABO0lEQVRYR+2YMU4DMRBF34BEBSeg4ghI3AhuAFUiKEBQwQ3gQhQcIVQ5AVRI8NFEieTAOmMp3uxuFFe761n7z//+I9smaR+4Bi6AY7ppU+AFuDVJI+C+Gxz/Zh07oAlw0hNA7w5ICZgzIH1fhbM0LjdG+v8bYB64BMjMZh833ST9bD+gP9KHJKdqtMLQDlCkQcpQzhy5mNYl2wFqkm/bJPsG9qpW6jUZigFJ8h3AJXDQINEX8GRm40XfmnWoCNAHcLjC7p9mdrRJQA8FDPleatZaZygqhDX7JcWS1ZwwGmuYgOYuu8q4LJe0u+8xdV/Eznz9xZJJilyWm2vJfTUBeR3qD0MlmdWKGeairpV9yTjDYQg4LclocYYqjG0KS89//vyabj/6dJSe9O2yYeSA/DrmBjjv+DrmGbj7BV4AVWrlX48SAAAAAElFTkSuQmCC)
    no-repeat 50%;
  background-size: 13px;
}

.photo-window .iconImg.saoma {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAABCElEQVRYR+2YMRIBUQyGv9SUSi5DRe8KDAdSOAI9DZcxjkAd89g1GDvJ7oxni2ybvMn/vpfZTH5R1R6wAiZAB8cnIuJIQ1XVkwdcgR2wEFXdAFPnwXvaDwSV5bdJ0MVLpjz1Q0GXJOgV6x6Yici5DrGmuaraB9bA+HnZD0GDXGJKAao6AE5fBXmfoimRqnOvUN6eLAQVyIKQ1XNBqBYhKzl33DUkc4oKQRbt9Kc+ACMrMVP8+DntM9WtLpMEHYHh35U8BByiqa2XaB+ht8Hm3CasW9aNx3C1iAWhIGQRsOLRQ40JAe1apQuPZp5rv68yG9pkx1xbaViVll7yaLpWA6a415RoYOktbwqr6pLX2bnRAAAAAElFTkSuQmCC)
    no-repeat 50%;
  background-size: 13px;
}

.photo-window .iconImg.chakan {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAEeElEQVRYR8WYacimYxTHf39r2fdB2WZkmswkWxhDkg8ziBkSRaQYH5gpGSYZRHnLlkhJY4ssIcYy1kQz9hFlKZE9+xpjDUd/XdfT9d7vvb3Ph3nPp/e9r3Od+3ef65xznfOIHhIR6wGHAXOB6cD2wLbAauAL4DPgKWCZpE96mGxUUdvmiNgSOB+YD2zc80UvABdLeqan/ii1WqCI8PNFwBJgk2EMAwY6TdLH49k/BigiNgRuB46pMfQ68DjgY/ka2AjYDtgXOLzGi98Dx0l6ti/UKKAEswLYqzDwD3ArMCLpoybDEbE+cDxwCbBzofe3n0t6oA/UACgd033AscXG9+wpSe/0MWadlAAjwDnFnl+BAyS91WWnBHLMXFlseA6YJ+mnLiN16xFxCnALsFZat3enS/qtzd7/QCmbPiwC2J7Zb1iY/MKIsJeuKgCWSLqsD5A3ZRc7ZvZoO6aIOBiw4de8T9K/LbH1YKpfVvkZmCLpuyZ9pWD8tsiQpZJcdxolIt4Gdk8KR0pa3gK0G+AYXCfpLJJ0dRvQHOCxQmFyWzalI3Z1drpbTpV0W8cH3A2ckHRWSrKHa8UeujFVYiu8IalM+dpNETFeIJeDe5Ixh8QkSa5RY8RALzol04przQVtXzukhzYHfijszpLkK6YWyKV9p7QyX9LSUisiDgTsxS2K55OKdHZZyKnsr39Y0lnVN0WEAzrfh67e9zcB/QG4ylqOkvRIBehR4Igur1XWp0l6t2LnfWDX9GyBpOubgJxhW6XFEyXdVTF0UboO+jI5pXeQ5A8dSER8mVoWPztd0k1NQG8CM9LiuZLKQuai6UprD7kVyXINsFn652bg+fS3j2xFtSeKiLWBv4pjnivpoSag8kjuleSMaJWI+Dw1adbrk/b7AKsKozMkuZaNEWfZQuDatPILsLWkP9uIhgC6FLgw2fzGRycpmoB2TP1NXj9Z0h0dQJ86TpJOq366/R3guyT9OyWd1GQ/X66OAae3xWVgqiSfea1EhDPkTMABvLckAzbpLgCuKxYba5B1MtChqeXM+66QtLjDS9MML+n3Fhin+auAC6PlFUn7t9kt+6Gn02SR9ceUgDZD1bWI2BR4CTC4xRk4U5IBG6UEctvpTMg1yQbcWuSA780TEVMAF9gM4729rqVqT30IYE/lVsGG3M8sluRK2yoRsS5wBuCsyseU96z0ICDJs1y3h7JGRMwDnGWePrK4Uffds8wDoaQfC30XvT197QDOnpxNdS918sxpg2qay1y5/fLJDZ/ievVVGoO2AQxVFX/E5YB7n4OKxVaoxsk1IjYAzgbOG2JYfBlYKGlVRHh2cwNYQrn1mF3nqdZR2l+VBgBPEEenWlXnDat6cHT83SDJPdZAEpQHzFnFY0P5+OztgXQCVQz7gp2a7jH3RL7R3S180DW7NUAZ3J4aQI0LqD3HulcT1BPFreBNo6DWKFAKAXeNPr58VY2CWuNABZQ9NbPwq6v67AkBaoFaPmFABdSTxdSzekKBEpR/EPMg6QI68h+xaK9WUxdBVwAAAABJRU5ErkJggg==)
    no-repeat 50%;
  background-size: 13px;
}

.photo-window .iconImg.download {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAiCAYAAAA3WXuFAAACzUlEQVRYR+2XS4iOcRTGf49LKJeIlZUUCkVJscAGySX3SzZKSWZCsbaUBQtiwVIWMlHMuC9cFhRiQxklGzsi4zLkcvSM/4y3dz7f986837cyZ/e97/nOed7nOed/zl+UtIiYBLSkMBskvSoTUmX+7P9GxG7gaIqzR9KxMjHrAWgfcDiB2C/pyACgLAMR8R8xFBFLgWZgLjAY2CvpTLWa6CtDEXEo5fgMPACOS7renaOrqCNiHHASWJ9L3iZpZZ0BvQYm5mKeB3ZIeqeIMKhWYHnG6Slw390j6UWdAS0CtgOzgBmZ2FeAFQa0CziRXrwFNkq6VbR1+ypZriEM7hwwIT1vMqDHwOz0YJ2kC0XBJLlLdVlErAUsme2JAX0BRgA/gFGSvua+YjrgOmqR9DIPtghDETEZ2ARclPQsF3848BEYAnQaUCSHDkljKiRsB6YAH4BlklxbPVYLUETMA64Cjt0uaVqFHI492s+LALqUGLL/p67Ck+50B60GKCIWAm3AyOTfKmlVWUBjgRvAnBTIEq+WdLNaDUXEYkuUysGuj4Alkt6XApSSmm635fwU7BvgBrhciaGI8BHiQh2W/O8luTsqNUxEFJcsI41pN/2WwfYd2Ax4H+qZ9oD3obPA0OR3O8nsk7mi9QtQYsrdaBksh82d6a9fkH7fTSy6Y2weCWskdf4LTIrbd4YyTFkGy5E92SvlczP4kLW8Va3fDGVAWQ7L4kOtknml3SrJsta00oASzZblNLAll9HbwTZJP2siSQ51AZRADQIOADu9NKSZeFDSr6JgStdQXxIV9a0bQ0UT1vIbADTAUC0Gar3P11DVBa1WsLLvI6LXglZqha0DoF4rbJPvRinwmzR/PKEbbhGRX/Kbq12Dnqdp3ghgHjtTgZmZ4H+uQeno9kXxlJeuRmQvEPPvRTHrnLtKjwc8qxphnnW+Az5MV+lr3Ul+AzMOuzlIG6FqAAAAAElFTkSuQmCC)
    no-repeat 50%;
  background-size: 13px;
}

.photo-window .iconImg.lunbotu {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAkCAYAAAD7PHgWAAADl0lEQVRYR82YW6hVVRSGvz+MrphaGERCUccoUQl6EaOitIt0gzIy3wR90gc90OWgZgQJQaeHooeSngoFi65kdqEwIohAPF2gMughowtiUVpxtD/GZq6YrdY+rr322rjH2557zjG+NeYcY44xRYXYXgdsAC6o+n8AY98C45KeKOtWecD2ncDOAUDUUblc0gv5xCrA7cDd2aTPgV/qaG8wZyZwWbZuu6R7jgf4BnBTmrRO0pMNDNdeYns18HRasEvSsl4A50r6ura1BhNtjwBfTQlo+3zgBuBsYBVwSVowIml/A7u1l9i+GCic8CXwLHAQ2C3pO9m+FngVOKNCayWg7QuBh4AbgVOAD4B7JX1RmyxNLAHmyw8DtwbgPmBBF8X/A0xwHwPnlNb8Blwu6ZteIKcADDUTAXgMOCkpfR6YnwFXAT4HrEzzA+Z3YGH6vUPSij4AJ4DYhSKL/B2ATgoPAeem7Y6tC6kC/BGYDfwAzJF01PZ7wDVxdiSVPTslb8mDnSi2HbqDhRxwv6QR23maqQL8OW3vAeBSYBL4DLgIOCRpVh8eLAAjaCJ4GgG+BNyeIH4C4jBH0ITslHTXiQaML9sLnFkCiSOySFKkitrSZYubezAsJ6WPAlcmkneAzU1y5kAAa7uny0Tbm4G44uIjd2WJuv8z2ALcY6mUC1XfA1cPDaDtrcD92Uc+Djw1cEDbUTZtAo4CD0uKW+U/YnsL8GA2+GJKyFEUF3dx+1ts+ywgguSKZPzDKDwkRfrpiO0HgEcyuNeAOyRNDjRIbEeqeSvSS8lh7wPLJP1hO1qHOHeFvBl5VNJfWUZo34O2T08ReFWXwHkbCJgc7l3gZkl/Zt7Ny612ttj2qcDrwHUZ3Ggqv5Z2Ad4TlbqkI/n/rW+x7aj/Xk4wha1RSeO2TwPiLo/CIZePgOslReVTDp72PGj7ZCCi75bMypikSB9FQEThuxtYnIY+AZZI+rXKs6150PY0YEdEX2Zoi6SorMtemQ5sBGJNpJ24pyulTcBxYH1mZauksW6G6473AlgUrK9kbee/9aDtqP/OS4bjFSCCom8pAwK3AVEUR/Lv1IO1Sn7ba4H7gG1V29qUtAQYJf+nWUvRKfl7apqagtQ8g+Vpnaap57azTcjjtp1hbKgb94oUkTdNw/H0kUOWuro1kp5pc0srHBLBV7wL1no8Kj+/RSPdNdH2CT8DmJfpqPX8NtwPmClohuYJ+B99g5IJa9uYvQAAAABJRU5ErkJggg==)
    no-repeat 50%;
  background-size: 13px;
}

.position-count {
  position: absolute;
  left: 15px;
  top: 80px;
  padding: 4px 10px 3px 5px;
  border-radius: 0 15px 15px 0;
  font-size: 14px;
  color: #333;
  background-color: #fff;
}

.photo-live {
  width: 100%;
  height: 600px;
  flex: auto;
}

.photo-live .photo-content {
  width: 100%;
  max-width: none;
  flex: 1;
  padding: 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

.photo-live .photo-content .photo-ul {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.photo-live .photo-content .photo-ul .photo-item {
  width: 23%;
  height: 0;
  padding-bottom: 17.6%;
  background-size: cover;
  background-position: top;
  flex: auto;
  transition: all 0.2s;
  margin: 0 0 5px;
  position: relative;
  cursor: pointer;
  background-color: #757580;
}

.photo-live .photo-content .photo-ul .photo-item {
  background-color: #f5f5fa;
}

.photo-live .photo-content .photo-ul .photo-item:not(:nth-child(4n)) {
  margin: 0 5px 5px 0;
}

.photo-live .photo-content .photo-ul .photo-item .photo-item-span {
  box-sizing: border-box;
  display: block;
  overflow: hidden;
  width: initial;
  height: initial;
  background: none;
  opacity: 1;
  border: 0px;
  margin: 0px;
  padding: 0px;
  position: absolute;
  inset: 0px;
}
.photo-live .photo-content .photo-ul .photo-item .photo-item-img {
  position: absolute;
  inset: 0px;
  box-sizing: border-box;
  padding: 0px;
  border: none;
  margin: auto;
  display: block;
  width: 0px;
  height: 0px;
  min-width: 100%;
  max-width: 100%;
  min-height: 100%;
  max-height: 100%;
  object-fit: cover;
}

.photo-live .photo-content .photo-ul .photo-item.placeholder {
  height: 0;
  margin: 0;
  padding-bottom: 0;
}

.photo-live .photo-content .photo-ul .photo-item .photo-item__checkbox {
  width: 100%;
  height: 100%;
  border: 1px solid #e4e4eb;
  position: absolute;
  left: 0;
  top: 0;
}

.photo-live .photo-content .photo-ul .photo-item .photo-item__checkbox.checked {
  border-color: #e53d00;
}

.photo-live .photo-content .photo-ul .photo-item .photo-item__checkbox.checked {
  border-color: #b88259;
}

.photo-live .photo-content .photo-ul .photo-item .photo-item__checkbox.checked {
  border-color: #ff0;
}

.photo-live
  .photo-content
  .photo-ul
  .photo-item
  .photo-item__checkbox
  .checkbox {
  width: 14px;
  height: 14px;
  position: absolute;
  left: -1px;
  top: -1px;
  background-color: transparent;
  transition: all 0.3s;
}

.photo-live
  .photo-content
  .photo-ul
  .photo-item
  .photo-item__checkbox
  .checkbox.checked {
  background-color: #fff;
}

.photo-live
  .photo-content
  .photo-ul
  .photo-item
  .photo-item__checkbox
  .checkbox
  .mu-checkbox {
  margin: -5px;
  color: #cfcfdd;
  transform: scale(0.8);
}

.photo-live
  .photo-content
  .photo-ul
  .photo-item
  .photo-item__checkbox
  .checkbox
  .mu-checkbox-checked {
  color: #e53d00;
}

.photo-live
  .photo-content
  .photo-ul
  .photo-item
  .photo-item__checkbox
  .checkbox
  .mu-checkbox-checked {
  color: #b88259;
}

.photo-live
  .photo-content
  .photo-ul
  .photo-item
  .photo-item__checkbox
  .checkbox
  .mu-checkbox-checked {
  color: #ff0;
}

.photo-live .mu-circle-spinner {
  border-color: #e53d00;
}

.photo-live .mu-circle-spinner {
  border-color: #b88259;
}

.photo-live .mu-circle-spinner {
  border-color: #ff0;
}

.photo-live .nomore-tip {
  width: 100%;
  text-align: center;
  margin: 33px 0 66px;
  font-size: 12px;
  color: #cfcfdd;
}

.photo-live .nomore-tip {
  color: #757580;
}

.pt-page-moveToLeft {
  animation: moveToLeft 1s ease both;
}

.pt-page-moveFromLeft {
  animation: moveFromLeft 1s ease both;
}

@keyframes moveToLeft {
  to {
    transform: translateX(-100%);
  }
}

@keyframes moveFromLeft {
  0% {
    transform: translateX(100%);
  }
}

.pt-page-moveToTop {
  animation: moveToTop 1s ease both;
}

.pt-page-moveFromTop {
  animation: moveFromTop 1s ease both;
}

@keyframes moveToTop {
  to {
    transform: translateY(-100%);
  }
}

@keyframes moveFromTop {
  0% {
    transform: translateY(100%);
  }
}

.pt-page-fadeTo {
  animation: fadeTo 1s ease both;
}

.pt-page-fadeFrom {
  animation: fadeFrom 1s ease both;
}

@keyframes fadeTo {
  to {
    opacity: 0;
    transform: scale(0.7);
  }
}

@keyframes fadeFrom {
  0% {
    opacity: 0;
    transform: scale(0.7);
  }
}

.pt-page-flipOutLeft {
  transform-origin: 50% 50%;
  animation: flipOutLeft 0.5s ease-in both;
}

.pt-page-flipInRight {
  transform-origin: 50% 50%;
  animation: flipInRight 0.5s ease-out 0.5s both;
}

@keyframes flipOutLeft {
  to {
    transform: translateZ(-1000px) rotateY(-90deg);
    opacity: 0.2;
  }
}

@keyframes flipInRight {
  0% {
    transform: translateZ(-1000px) rotateY(90deg);
    opacity: 0.2;
  }
}

.pt-page-rotateFall {
  transform-origin: 0 0;
  animation: rotateFall 1s ease-in both;
}

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

  20% {
    transform: rotate(10deg);
    animation-timing-function: ease-out;
  }

  40% {
    transform: rotate(17deg);
  }

  60% {
    transform: rotate(16deg);
  }

  to {
    transform: translateY(100%) rotate(17deg);
  }
}

.rotate-linear {
  animation: ani-rotates 2s linear infinite;
}

@keyframes ani-rotates {
  0% {
    transform: rotate(0);
  }

  to {
    transform: rotate(1turn);
  }
}

.swiper-window {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
}

.swiper-window .content {
  width: 100%;
  height: 100%;
  position: relative;
  perspective: 1200px;
}

.swiper-window .content .swiper-container {
  width: 100%;
  height: 100%;
  transform: translateZ(0);
  backface-visibility: hidden;
  perspective: 1000;
}

.swiper-window .content .swiper-container .swiper-slide {
  background: #000;
  transform-style: preserve-3d;
  backface-visibility: hidden;
}

.swiper-window .content .swiper-container .swiper-slide.swiper-slide-active {
  z-index: 1;
}

.swiper-window
  .content
  .swiper-container
  .swiper-slide.swiper-slide-next
  .item
  img,
.swiper-window
  .content
  .swiper-container
  .swiper-slide.swiper-slide-prev
  .item
  img {
  opacity: 0;
}

.swiper-window .content .swiper-container .item {
  width: 100%;
  height: 100%;
  background-color: #000;
  position: absolute;
  left: 0;
  top: 0;
  text-align: center;
  transform: translateZ(0);
}

.swiper-window .content .swiper-container .item img {
  max-width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  transform: translateZ(0);
  transition: opacity 0.3s ease;
  will-change: transform, opacity;
  backface-visibility: hidden;
}

.swiper-window .close {
  position: absolute;
  right: 15px;
  top: 15px;
  color: #fff;
  width: 58px;
  height: 58px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.2);
  z-index: 2;
  cursor: pointer;
}

.swiper-window .close .iconfont {
  font-size: 24px;
}

.swiper-window .operatorbox {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 0;
}

.swiper-window .bottom-operator {
  position: relative;
  bottom: 0;
  width: 100%;
  height: 64px;
  background: rgba(0, 0, 0, 0.4);
  display: flex;
  align-items: center;
  z-index: 10;
}

.swiper-window .space {
  z-index: 2;
  height: 40px;
  color: #fff;
  margin: 0 auto;
}

.swiper-window .operator-list {
  position: absolute;
  right: 10px;
  display: flex;
}

.swiper-window .operator-list .check-button {
  position: relative;
  width: 114px;
  height: 40px;
  color: #fff;
  cursor: pointer;
  border-radius: 2px;
  border: 1px solid #fff;
  margin-right: 10px;
}

.swiper-window .operator-list .check-button img {
  margin-right: 10px;
}

.swiper-window .operator-list .check-button .iconfont {
  color: #fff;
  margin-left: 5px;
}

.swiper-window .operator-list .check-button.left {
  right: 150px;
}

.swiper-window .operator-list .check-button .check-content {
  position: absolute;
  left: 0;
  bottom: 42px;
  background-color: #fff;
  width: 100%;
  color: #666;
  border-radius: 4px;
  overflow: hidden;
  padding: 0;
}

.swiper-window .operator-list .check-button .check-content li {
  width: 100%;
  height: 40px;
}

.swiper-window .operator-list .check-button .check-content li:hover {
  background-color: #eee;
}

.swiper-window .mu-dialog {
  width: 100%;
  height: 100%;
  max-width: none;
  background-color: transparent;
}

.swiper-window .mu-dialog-body {
  width: 100%;
  height: 100%;
  padding: 0;
}

.swiper-window .play-status-container {
  padding: 22.5px 20px;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  z-index: 99999999999;
  position: fixed;
  left: 50%;
  top: 50%;
  margin: -22.5px 0 0 -20px;
  cursor: pointer;
}

.swiper-window .play-status-container.aniFadeout {
  animation: aniFadeout 0.3s;
  animation-fill-mode: forwards;
}

.swiper-window .play-status-container.aniFadein {
  animation: aniFadein 0.3s;
  animation-fill-mode: forwards;
}

.swiper-window .play-status-container .play-status {
  color: #fff;
  font-size: 45px;
  padding: 0 0 0 5px;
}

@keyframes aniFadeout {
  to {
    transform: scale(2);
    opacity: 0;
  }
}

@keyframes aniFadein {
  0% {
    transform: scale(2);
    opacity: 0;
  }
}

.swiper-window .bottom-swiper {
  position: relative;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 132px;
  padding: 16px 0;
  z-index: 1;
  background: rgba(0, 0, 0, 0.6);
}

.swiper-window .bottom-swiper .gallery-thumbs {
  width: 100%;
  height: 100px;
  position: relative;
}

.swiper-window .bottom-swiper .gallery-thumbs .slide {
  width: 100px;
  height: 100px;
  overflow: hidden;
  font-size: 0;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}

.swiper-window .bottom-swiper .gallery-thumbs .slide > img {
  display: block;
  width: 100px;
  height: 100px;
  -o-object-fit: cover;
  object-fit: cover;
}

.swiper-window .bottom-swiper .gallery-thumbs .swiper-slide-active {
  opacity: 1;
  border: 3px solid #fff;
}

.swiper-window .bottom-swiper .gallery-thumbs .swiper-button-next,
.swiper-window .bottom-swiper .gallery-thumbs .swiper-button-prev {
  width: 24px;
  height: 60px;
  background: #333;
  color: #fff;
}

.swiper-window .bottom-swiper .gallery-thumbs .swiper-button-prev {
  border-radius: 0 4px 4px 0;
}

.swiper-window .bottom-swiper .gallery-thumbs .swiper-button-prev:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 16px;
  height: 16px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAALZJREFUWEfd18ENhDAMRNFxJ7SyHWwrdEJHtLKdZBUJLigCxzMmglw45PCfHAklhsHLBvfxPkApZQLwNbPFM13pBLb4CqAiZg9CBjjEfwA+Zla/p0sCiMarjAYwcRrAximAIh4GqOIhgDLeDVDHuwAZcTcgK+4CZMafAajKzCm4f8VZCDcgaxJdgAxEN0CNCAGUiDBAhaAACgQNYBESAIOQARqIe6/l+9176MPk6g3Q2pcewSMBfzlVliFbXQ7fAAAAAElFTkSuQmCC)
    no-repeat 50%;
  background-size: 100% 100%;
}

.swiper-window .bottom-swiper .gallery-thumbs .swiper-button-next {
  border-radius: 4px 0 0 4px;
}

.swiper-window .bottom-swiper .gallery-thumbs .swiper-button-next:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 16px;
  height: 16px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAALVJREFUWEfd17ENg2AMhNHzJlklG2WTrJINWCWbGFmiSmX7zrICDR3fk5F+sGH5suU+/gfg7i8AHzP7KqeWmsAVfwOI+FOJyAIeAA4AcZciUoAYubuPINKAKUQJMIEoA9SIFkCJaANUCAqgQNAAFiEBMAgZoIu4D6B7VEsm0I3Ha6MBTJwGsHEKoIi3Aap4C6CMlwHqeAkwEU8DpuIVQOwEe7/l14dmbzFRbkK/z6KPYha3DjgBfUSaISbtFbUAAAAASUVORK5CYII=)
    no-repeat 50%;
  background-size: 100% 100%;
}

.swiper-slide-active {
  z-index: 1;
}

.swiper-slide-next .item img,
.swiper-slide-prev .item img {
  opacity: 0;
}

.luck-draw {
  width: 100%;
  height: 100%;
  flex: auto;
  position: fixed;
  top: 0;
  left: 0;
  background: linear-gradient(180deg, #f08b37, #db3621);
  z-index: 999;
  transform-style: preserver-3d;
  perspective: 1920px;
}

.luck-draw .close {
  color: #3d3d4d;
  position: fixed;
  top: 20px;
  right: 20px;
}

.luck-draw .draw-content {
  width: 85%;
  height: 65%;
  padding: 0;
  overflow: auto;
  margin: 7% auto;
  -webkit-overflow-scrolling: touch;
  transform-style: preserver-3d;
  perspective: 1920px;
  overflow: hidden;
}

.luck-draw .draw-content .photo-ul {
  width: 100%;
  height: 100%;
  position: relative;
  transform: perspective(1920px);
  transform-style: preserver-3d;
}

.luck-draw .draw-content .photo-ul .photo-item {
  position: absolute;
  width: 23%;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  background-size: cover;
  background-position: top;
  flex: auto;
  transition: all 0.2s;
  margin: 0 0 5px;
  transform: perspective(1900px);
  cursor: pointer;
  background-color: #757580;
}

.luck-draw .draw-content .photo-ul .photo-item {
  background-color: #f5f5fa;
}

.luck-draw .draw-content .photo-ul .photo-item .item-img {
  position: absolute;
}

.luck-draw .draw-content .photo-ul .photo-item:not(:nth-child(4n)) {
  margin: 0 5px 5px 0;
}

.luck-draw .draw-content .photo-ul .photo-item.placeholder {
  height: 0;
  margin: 0;
  padding-bottom: 0;
}

.luck-draw .draw-content .photo-ul .photo-item .luck-mask {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100%;
  z-index: 100 !important;
}

.luck-draw .draw-content .photo-ul .photo-item .photo-item__checkbox {
  width: 100%;
  height: 100%;
  border: 1px solid #e4e4eb;
  position: absolute;
  left: 0;
  top: 0;
}

.luck-draw .draw-content .photo-ul .photo-item .photo-item__checkbox.checked {
  border-color: #e53d00;
}

.luck-draw .draw-content .photo-ul .photo-item .photo-item__checkbox.checked {
  border-color: #b88259;
}

.luck-draw .draw-content .photo-ul .photo-item .photo-item__checkbox.checked {
  border-color: #ff0;
}

.luck-draw .draw-content .photo-ul .photo-item .photo-item__checkbox .checkbox {
  width: 14px;
  height: 14px;
  position: absolute;
  left: -1px;
  top: -1px;
  background-color: transparent;
  transition: all 0.3s;
}

.luck-draw
  .draw-content
  .photo-ul
  .photo-item
  .photo-item__checkbox
  .checkbox.checked {
  background-color: #fff;
}

.luck-draw
  .draw-content
  .photo-ul
  .photo-item
  .photo-item__checkbox
  .checkbox
  .mu-checkbox {
  margin: -5px;
  color: #cfcfdd;
  transform: scale(0.8);
}

.luck-draw
  .draw-content
  .photo-ul
  .photo-item
  .photo-item__checkbox
  .checkbox
  .mu-checkbox-checked {
  color: #e53d00;
}

.luck-draw
  .draw-content
  .photo-ul
  .photo-item
  .photo-item__checkbox
  .checkbox
  .mu-checkbox-checked {
  color: #b88259;
}

.luck-draw
  .draw-content
  .photo-ul
  .photo-item
  .photo-item__checkbox
  .checkbox
  .mu-checkbox-checked {
  color: #ff0;
}

.luck-draw .draw_pic {
  position: absolute;
}

.luck-draw .z999 {
  z-index: 999;
}

.luck-draw .draw_pic1,
.luck-draw .draw_pic2 {
  left: 0;
  top: 0;
  width: 100%;
}

.luck-draw .draw_pic3 {
  left: 0;
  bottom: 0;
  width: 100%;
}

.luck-draw .draw_pic4 {
  right: 0;
  top: 0;
  width: 50%;
}

.luck-draw .draw_pic5 {
  right: 0;
  top: 50%;
  width: 15%;
  opacity: 0.3;
}

.luck-draw .draw_pic6 {
  left: 0;
  top: 31%;
  width: 30%;
}

.luck-draw .draw_mask1 {
  width: 96%;
  height: 82%;
  top: 5%;
  left: 2%;
}

.luck-draw .draw_mask2 {
  width: 92%;
  height: 76%;
  top: 8%;
  left: 4%;
}

.luck-draw .mu-circle-spinner {
  border-color: #e53d00;
}

.luck-draw .mu-circle-spinner {
  border-color: #b88259;
}

.luck-draw .mu-circle-spinner {
  border-color: #ff0;
}

.luck-draw .nomore-tip {
  width: 100%;
  text-align: center;
  margin: 33px 0 66px;
  font-size: 12px;
  color: #cfcfdd;
}

.luck-draw .nomore-tip {
  color: #757580;
}

.luck-draw .luck-btn {
  margin: 0 auto;
  left: 50%;
  margin-left: -100px;
}

.luck-draw .luck-btn,
.luck-draw .luck-btn2 {
  width: 180px;
  height: 45px;
  line-height: 45px;
  background: #e9ce1d;
  border-radius: 8px;
  font-size: 28px;
  font-weight: 600;
  color: #dd420d;
  text-align: center;
  position: absolute;
  bottom: 8%;
  cursor: pointer;
}

.luck-draw .luck-btn2 {
  margin: 0 auto;
  right: 20px;
}

.luck-draw .draw_start {
  margin-top: 100px;
}

.luck-draw .draw_start h2 {
  font-size: 60px;
  color: #fff;
  text-align: center;
}

.luck-draw .draw_start canvas {
  margin: 95px auto;
  display: block;
}

.luck-draw .luck_result {
  width: 850px;
  margin: 0 auto;
}

.luck-draw .luck_result .luck_result__head {
  width: 500px;
  margin: 0 auto;
  display: block;
  padding: 20px 0 0 0;
}

.luck-draw .luck_result .luck_result__content {
  width: 500px;
  height: 500px;
  position: relative;
  margin: 0 auto;
  padding-top: 1px;
  animation: tog 0.5s linear;
}

.luck-draw .luck_result .luck_result__content .luck_result__top {
  position: absolute;
  left: 30px;
  top: 0;
  width: 400px;
  height: 58px;
  background-image: url(../img/draw_top.5ed4e42e.png);
  animation: left 0.5s linear infinite;
  background-size: 400% auto;
}

.luck-draw .luck_result .luck_result__content .luck_result__right {
  position: absolute;
  right: 0;
  top: 30px;
  width: 58px;
  height: 420px;
  background-image: url(../img/draw_right.9ed918df.png);
  animation: bottom 0.5s linear infinite;
}

.luck-draw .luck_result .luck_result__content .luck_result__bottom {
  position: absolute;
  bottom: 0;
  left: 30px;
  width: 400px;
  height: 58px;
  background-image: url(../img/draw_bottom.cb5273be.png);
  animation: right 0.5s linear infinite;
  background-size: 400% auto;
}

.luck-draw .luck_result .luck_result__content .luck_result__left {
  position: absolute;
  left: 0;
  top: 30px;
  width: 58px;
  height: 420px;
  background-image: url(../img/draw_left.84491f7a.png);
  animation: top 0.5s linear infinite;
  background-size: cover;
}

.luck-draw .luck_result .luck_result__content .luck_result__pic {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 400px;
  height: 400px;
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
}

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

  to {
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes left {
  form {
    background-position-x: 0;
  }

  to {
    background-position-x: -380px;
  }
}

@keyframes right {
  form {
    background-position-x: 0;
  }

  to {
    background-position-x: 380px;
  }
}

@keyframes top {
  form {
    background-position-y: 0;
  }

  to {
    background-position-y: 380px;
  }
}

@keyframes bottom {
  form {
    background-position-y: 0;
  }

  to {
    background-position-y: -380px;
  }
}

.dialog[data-v-02247c52] {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 9999;
}

.dialog .toast[data-v-02247c52] {
  position: fixed;
  left: 50%;
  top: 40%;
  z-index: 2;
  transform: translateX(-50%);
  color: #fff;
  width: 240px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 4px;
  z-index: 999;
}

.dialog_draw[data-v-02247c52] {
  width: 480px;
  background: #fff;
  position: fixed;
  left: 50%;
  top: 50%;
  margin-left: -240px;
  transform: translateY(-50%);
}

.dialog_draw .title[data-v-02247c52] {
  font-size: 16px;
  color: #000;
  text-align: center;
  padding: 20px;
}

.dialog_draw .tips[data-v-02247c52] {
  font-size: 14px;
  color: #3d3d4d;
  margin: 30px 20px 0 20px;
}

.dialog_draw .footer[data-v-02247c52] {
  width: 480px;
  height: 50px;
  background: #f2f2f2;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.dialog_draw .btn_cancel[data-v-02247c52] {
  background: #fff;
  color: #3d3d4d;
}

.dialog_draw .btn_cancel[data-v-02247c52],
.dialog_draw .btn_sure[data-v-02247c52] {
  width: 120px;
  height: 30px;
  font-size: 14px;
  text-align: center;
  line-height: 30px;
  margin-right: 20px;
  cursor: pointer;
}

.dialog_draw .btn_sure[data-v-02247c52] {
  background: #eb6d49;
  border: 1px solid #cfcfdd;
  color: #fff;
}

.dialog_draw .album_list[data-v-02247c52] {
  display: flex;
  flex-wrap: wrap;
  padding: 20px;
}

.dialog_draw .album_list li[data-v-02247c52] {
  width: 50%;
  flex: none;
  margin-top: 20px;
  display: flex;
  align-items: center;
}

.dialog_draw .album_list li i[data-v-02247c52] {
  width: 14px;
  height: 14px;
  display: inline-block;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAA9ElEQVQ4T6WSPWrEMBCF38gGS9jewrAncNznIqkCOUD6PcI2yRHS5wCBVDlI0jvyBQIu/INlsDVBZhWWLGyIV9Wgp2/eYzSEo1OW5TYIgh0z3wDID5Imord5np+Kovjyz8kXWutbAM9CiE0URQjDcJGmacI4jrDWNgDu8zx/dfcL6CAiepFSijiOQfTTb4GZGX3fwxhjmfnOweTiCSE+lVKbJEmOk5/UXddhGIbGWntFVVU9ENE+y7ITp9+kc67r2iV4JK31u1Lq+i833+Tg+uHAJk3TVEp5NqYXjTFo27a9CFwXdfVwVn/H6gW4aOU8/J8l/wZ9k7txgFhsgQAAAABJRU5ErkJggg==);
  background-size: cover;
}

.dialog_draw .album_list li i.checked[data-v-02247c52] {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAABWElEQVQ4T6WSPUsDQRiEZy5R0Eq9S8RaQRD8DxYpchFBFDWohdgJuYB9wBjSCyZgJxZ+oKIIkpgihf/AwkIErcXc+YFFBL3cKxs9OLRK3Grg3WdndneIwHqwzEhYYEHDBASDzRFxDw/nLlEYKFzY/nb64imVmPYo2xDUANklca1mIhgFuAgiqgmX9WL55Ps8AAoSyqGQeaOvnmf20g0mkexY2HnuzlAkQ+GcgtmMB9yB3IhslrMKeF0Z7/0INWJKdzZC1Z6t0ovSdjqRhciqCwzRTps5CJKG/j6inBxrPCbw9gFEflxtQps3CqVq09npugFwoMAreHIWKVbWldNn2LsNQH5iu8PVhpWznYqvQeMkbct8I2TJKFROa6n4DMmj4P18LSKz0WLl2LHiUwLu/ANsO2rKzJFM6nq9tcdp+zvaLsDvyhF8FPH2gpUjtQWB9P+pnA+3UvIvstfzv6oSSLsAAAAASUVORK5CYII=);
}

.dialog_draw .album_list li span[data-v-02247c52] {
  color: #3d3d4d;
  font-size: 14px;
  margin-left: 10px;
}

.photoDiyGrid {
  width: 100%;
  height: 100%;
  overflow-y: auto;
}

.photoDiyGrid .imgBox {
  padding: 10px;
  text-align: center;
}

.photoDiyGrid .imgBox .img {
  max-width: 100%;
  height: auto;
}

.photoDiyGrid .windowBox {
  padding: 10px;
  width: 100%;
  height: 100%;
}

.text-spread-grid[data-v-39866c4a] {
  margin-bottom: 15px;
}

.text-spread-grid .text-content[data-v-39866c4a] {
  color: #676767;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 5px;
}

.text-spread-grid .text-content.overflow-line[data-v-39866c4a] {
  display: -webkit-box;
  /*! autoprefixer: off */
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.text-spread-grid .text-btn-more[data-v-39866c4a] {
  cursor: pointer;
  font-size: 14px;
  line-height: 20px;
  color: #eb6d49;
  position: relative;
  display: flex;
  align-items: center;
}

.text-spread-grid .text-btn-more .icon-span[data-v-39866c4a] {
  margin-left: 5px;
  transform: rotate(-90deg);
}

.text-spread-grid .text-btn-more .icon-span .iconfont[data-v-39866c4a] {
  font-size: 14px;
}

.text-spread-grid .text-btn-more .icon-span.on[data-v-39866c4a] {
  transform: rotate(90deg);
}

.photo-window .control {
  width: 50px;
  height: 50px;
  background-color: transparent;
  position: fixed;
  top: 50%;
  z-index: 999999998;
  margin-top: -25px;
  transition: all 0.6s;
  cursor: pointer;
}

.photo-window .control.left {
  left: 0;
}

.photo-window .control.right {
  right: 0;
}

.photo-window .control:hover {
  background-color: #999;
}

.photo-window .control:hover .iconfont {
  color: #fff;
}

.photo-window .control .iconfont {
  color: #999;
  font-size: 32px;
  transition: all 0.6s;
}

.photo-window .content {
  width: 600px;
  height: 405px;
  position: relative;
}

.photo-window .content .icon-xinxitishi {
  position: absolute;
  left: 11px;
  bottom: 11px;
  color: #cfcfdd;
  opacity: 0.7;
}

.photo-window .content img {
  max-width: 100%;
  max-height: 100%;
}

.photo-window .mu-dialog {
  width: 600px;
  max-width: none;
  background-color: transparent;
  box-shadow: none;
}

.photo-window .mu-dialog-body {
  padding: 0;
}

@media screen and (min-width: 1600px) {
  .photo-window .content {
    width: 800px;
    height: 600px;
  }

  .photo-window .mu-dialog {
    width: 800px;
  }
}

.photos {
  width: 100%;
  overflow: hidden;
  flex: auto;
  padding: 0 15px;
  position: relative;
}

.photos .buttons {
  position: absolute;
  right: 31px;
  bottom: 67px;
  z-index: 99;
}

.photos .buttons.methods {
  position: relative;
  right: auto;
  bottom: auto;
}

.photos .buttons .button {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  cursor: pointer;
}

.photos .buttons .swiper-button {
  background-color: #fff;
  color: #eb6d49;
  padding: 3px 0 0;
  margin-bottom: 20px;
}

.photos .buttons .swiper-button.red {
  background-color: #eb6d49;
  color: #fff;
}

.photos .buttons .swiper-button span {
  font-size: 12px;
  margin-top: 5px;
  transform: scale(0.8);
  transform-origin: top;
}

.photos .buttons .swiper-button .icon-choujiang {
  width: 64px;
  height: 21px;
  display: block;
  background-image: url(data:image/png;base64,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);
  background-size: auto 150%;
  background-repeat: no-repeat;
  background-position: center -5px;
}

.photos .buttons .swiper-button .icon-next {
  width: 64px;
  height: 21px;
  display: block;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAVCAYAAACt4nWrAAABnklEQVRIS7XVTUsCURQG4PdcMzAMrEYhCFoFQYv+QdCqhBb9ioJCq0W0sEBaSIvIcjKI+gFFu1DHAoVqXdGuwEUtIkQsAg0MZ074UQwx1vh19vd575259xx680yNFqEeA+gnQsQi2NezHX9EE5Xxuq9KyynrdV9ojDGdlQfBL73Yg3RyojaSkfG4uYxnPO4PADYD5MZKYsYRil7XG6DHyymGxVAhKCR1Ftdo8zxvNsQcXtUIeBLEc72heMxMQF24Djy2CeuCfec0/VdIo3jJfAOwIsnKIQGGn7QZvLJpokvSirPS7vn971M0j1fEAgPrzj5lg/zQvkNahVcOAQQkWfG1BQfw7pQVR7vwB6esDLcB5xwRpqVQPNFinKKsqouuvbOU/sY0+UM5BU0sOcOxiNFjahDnHBMC70xbQ7JSqPVK68UZoCPqEMtSMPL8X38xjTP4DrB4XHK0PADMlB4vtdIug0WvxLzWl+7er3do6PDJJEDjOlwF4aCgfq4OhBNZMzut2Vuy8xMjmhClGTpIQFID/C5ZuW0E/bnn1Rn6BZ/n2cDyitbHAAAAAElFTkSuQmCC);
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: 50%;
}

.photos .buttons .swiper-button .iconImg {
  display: block;
  width: 64px;
  height: 21px;
}

.photos .buttons .swiper-button .iconImg.pintu {
  background: url(data:image/png;base64,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)
    no-repeat 50%;
  background-size: 21px;
}

.photos .buttons .swiper-button .iconImg.choujiang {
  background: url(data:image/png;base64,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)
    no-repeat 50%;
  background-size: 21px;
}

.photos .buttons .swiper-button .iconImg.yuyue {
  background: url(data:image/png;base64,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)
    no-repeat 50%;
  background-size: 21px;
}

.photos .buttons .swiper-button .iconImg.lunbo {
  background: url(data:image/png;base64,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)
    no-repeat 50%;
  background-size: 21px;
}

.photos .buttons .swiper-button .iconImg.baogao {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEwAAABSCAYAAAD+SzLAAAAGVklEQVR4Xu2cb4hUZRTGn+fO7Br5J92ZoT9qUQZBhqaYEFaKZjnXXc1Ev4SZaQbhjCuKFRYqWFZozs5KkGlZ0hdFxXTvhBmKKYGGmLgfgkRKLWNmds00cnfmnri7ru7q5s678978s+98nH3Oc8753bP33uG99yV8+mQqxz8teakEZTgFYQHoU6omWwIiRAbCAwwwEU7U7PIjn/YmZEnF7Zm63CoIZvtRcMGexJpwWXAel2z/u+CYAoTagaXj9lqIzCwgt/8Scl0k6czSmUgrsLrKaDSfh6OzwGK9AgHYZYlUqliflnitwDLx6C4RjNFVnA4fgrvC1c5YHV4Xz5W6rIB0LPoXgB76HLU4nYtUp3pqcWq+uLT/ycZe6AWrLiqu9QQg9wBS1kZJ1oaTzpyW72TjlED2u3ONfl8NVRv3rp6hJ3uUcOqmfEtsJm6vhsjAtl6sA/gbLXcf3LJUqPrLs+3lugrY2TcnhS6cv7AIkNcg6PafBRLHIsnUg63/no7ZvwNyl2pT/up5OlLt3N2mznj0ZwgGXKO3CwA/6ta92zu9lm/Ntta1AZatLH/cdd2tELmzgCb+CZf1uINLNzVcPnLR9SKYXkDs/yYhuD5c7cy49J+weEpppu7cnwBu67gInrYC1vOhxI7vrzrpZyqjo8WFc82puiKDRUZDSefrlq/r59v35RvliAh6dVyM/woSZwMlHNRnpfNLS7Zs3B7nihR+1SQuAFY0kqzZ7Xk0TdiZBRX35xpyP4ig7Xmqg55IbggnnRdbyzKV9kuSl8/8x9FxBgY4I5xw1repL25/ISLTOo6+rCBRFywNDuu9YvvxJmCZeHSLCCapmDTTZp7BwODQqu21rWOzc+2x4so6AfqreurQEzhBizNDVc43beqaVzFQcvkfBRJQzUNwS7jamcz62IQhOTQeUjW4pCf2hQf2H81X1zS29kgvnNCTDbnJcGW4CMKkv78lRSD0fktaPCClwc2RD77ybnEufeTj2SWZoyd3AzKis70GAxzCTNxeLiJvdNakadKIT0NVziySUoyPX7Eiwuxce60IXi4mB8nlzMTsgwIZVoxRMzRuDpWGpnPFhvPFeumMlwXTumcbsp+LyORifUkcZDpuny7wNqLjfMQxi1hUlnA2Xu9p86aqrtKe6grfhcgDHRdfgIL8g5lY1NV/d87jsGQbJbAXAZwKimQEJW4BJXVaQjRaOTKMPPoK80/B5URA7u+0YTuBJF2mY9Eb8ryjs1GdXgaYIk0DzABTJKAoNxNmgCkSUJSbCTPAFAkoys2EGWCKBBTlZsIMMEUCinIzYQaYIgFFuZmw6wWMZIOIbAN5QrEGv+X9AJmosnx4rYK0TJi3emQFZGRZIrXf7+474+8tUIub3yuCYGfiW8foAUbsDCdTzxZbjJ/x6bidgsi4YnNoAsZt4aTzXLHF+Bnf2bXXK2vSAgzAuWApH2m9JO9n86re3iMMuQY5quNRLF3AvIW20yRXAzip2pDP+n4iMkfXU0Uagfnc9g1ib4ApHggDzABTJKAoNxNmgCkSUJSbCTPAFAkoys2EGWCKBBTlZsIMMEUCinIzYQaYIgFFud4JI84T/NV7/VqxDp/k3nPwci8E3XUl0AaM5HuhPo+9zaVLc7qK0+EjixcHs2cOLBMXr+vw0wOMOBJJpgbrKMgPD+8R9Mxc+zAEg4r11wMM2BSpTk0tthg/49Ox6EYAU4rNoQUYyVOh0tBDN9pbIC1wLr4N8pOI9L0hgHlFENhjBfBWaQmPFVuUzviGRhng5rFMgFE6fLVMmI5CbhYPA0zxSBlgBpgiAUW5mTADTJGAotxMmAGmSEBRbibMAFMkoCg3E2aAKRJQlJsJM8AUCSjKva1k6kWkt2Jcl5STPMNMPForgoe7JAHFpgnUMh0bvwZwX1GM7aJy6xPWxcvtvORruigBpba9PWHZvKIy/hBEHlWK7mpi8nC4qmZo0w516cryUXTdb0XE6mocCunX26RILGtMJLFjz6VdNtNzo/PhYkUhBl1OY2FBpCq10uu7zbakHjS6fL8zewTeihCb9ngkFoaSzoct/V218W19rGJkDjlPMPRWhKDQ06GgxXl9qpy9rWPa3Vq5eXe38mfgyiQhRkDQVyB9FJLddFKC9SBOUbAfFreWJXbsbG+XvX8BD8mUocZOrTMAAAAASUVORK5CYII=)
    no-repeat 50%;
  background-size: 21px;
}

.photos .buttons .swiper-button .iconImg.findme {
  background: url(../img/icon-img-findme.ef57e4f8.png) no-repeat 50%;
  background-size: 21px;
}

.photos .buttons .swiper-button .iconImg.up {
  background: url(data:image/png;base64,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)
    no-repeat 50%;
  background-size: 21px;
}

.photos .buttons .swiper-button .iconImg.off {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEoAAABKCAYAAAAc0MJxAAABZ0lEQVR4Xu3WwU0CURhF4fu3wE5DD5SgbWgfNiF9QB2WYA9Gd7bwmyFs4Z2XuGDIYcsJDB/3DVR3d3wMBUqoodEpEIo5CQWdhBKKCsDOe5RQUABmLkooKAAzFyUUFICZixIKCsDMRQkFBWDmooSCAjBzUUJBAZi5KKGgAMxclFBQAGYuSigoADMXJRQUgJmLEgoKwMxFCQUFYOaihIICMJtd1FeStyQfVfUD3+Mms+5+SPKUZJ9kO7rIGagFaVdVv6MXXdPz3b1J8jnCmoF6rarjmhDotXb3S5LDtX4G6nHtx+0SxPkYfgs1mNZ/Q3n04Fn2Zg6hluze/h48J3kf/eItH3zmZj7heX+pUPA7FUooKAAzFyUUFICZixIKCsDMRQkFBWDmooSCAjBzUUJBAZi5KKGgAMxclFBQAGYuSigoADMXJRQUgJmLEgoKwMxFCQUFYOaihIICMHNRQkEBmLkooaAAzP4ApARVMhCRyQYAAAAASUVORK5CYII=)
    no-repeat 50%;
  background-size: 21px;
}

.photos .buttons .swiper-button .iconImg.on {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEoAAABKCAYAAAAc0MJxAAABy0lEQVR4Xu3bwU3DUBRE0XmUwA5ED5QAZQB9QBHQB1AGlEAPCHaUwENGLFiQ5H4pJgbdrCdf/idjK8mzq7s7vjYKlFAbjT4DQjEnoaCTUEJRAZjzGiUUFIAxGyUUFICxpTXqOclVkoev4z9Ncp3kCO5nttiSoCak46p6+77b7t5P8rRrrCVBnVfV/U+V6O6zJHez1QUsvCSow6p6XQF1kOQF7Ge2yGKgqqrW7XLXP96Fgh0USigoAGM2SigoAGM2SigoAGM2SigoAGM2SigoAGM2SigoAGM2SigoAGM2SigoAGM26o9BdVXtbfgr+H26TQnua+ux0UZNI6XLJI+rBgFbP8KZFuzuaWBxkuSGjMJGoH6cu820j19bls4NR6Auqmqns7W59Lr7PMntuvVHoFbO3ebawG+t+3Uarp0bCpVk21CeerDiXswh1BT7b18P8G1FI9eoAc/h6L/7wjksQN/gTRpQSiihoACM2SihoACM2SihoACM2SihoACM2SihoACM2SihoACM2SihoACM2SihoACM2SihoACP+WAjtPJRWQjlw9cQaor5OP8A1iKjSxmALhLn+0EJBT8ioYSCAjBmo4SCAjBmoyDUB4bAHUHm6PhEAAAAAElFTkSuQmCC)
    no-repeat 50%;
  background-size: 21px;
}

.photos .buttons .top-button {
  background-color: hsla(0, 0%, 100%, 0.6);
  color: #fff;
  margin-top: 17px;
}

.photos .buttons .top-button {
  background-color: #fff;
  box-shadow: 0 0 8px 0 #cfcfdd;
  color: #acacbb;
}

.photos .buttons .top-button .iconfont {
  font-size: 22px;
}

.photos .nopic-tip {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #cfcfdd;
}

.photos .nopic-tip {
  color: #757580;
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
main,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
  margin: 0;
  padding: 0;
  border: 0;
  box-sizing: border-box;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section {
  display: block;
}

[hidden] {
  display: none;
}

input {
  outline: none;
  border: none;
}

body {
  line-height: 1 !important;
}

ol,
ul {
  list-style: none;
}

a {
  text-decoration: none;
}

.flex {
  display: flex;
}

.flex-none {
  flex: none;
}

.flex-auto {
  flex: auto;
}

.flex-wrap {
  flex-wrap: wrap;
}

.col-all-center,
.row-all-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.col-all-center {
  flex-direction: column;
}

.row-between-center {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.col-start-center {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.left-container {
  width: 1080px;
  height: 100%;
  border-radius: 5px;
  background-color: rgba(0, 0, 0, 0.3);
}

.left-container {
  background-color: #fff;
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
main,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
  margin: 0;
  padding: 0;
  border: 0;
  box-sizing: border-box;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section {
  display: block;
}

[hidden] {
  display: none;
}

input {
  outline: none;
  border: none;
}

body {
  line-height: 1 !important;
}

ol,
ul {
  list-style: none;
}

a {
  text-decoration: none;
}

.flex {
  display: flex;
}

.flex-none {
  flex: none;
}

.flex-auto {
  flex: auto;
}

.flex-wrap {
  flex-wrap: wrap;
}

.col-all-center,
.row-all-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.col-all-center {
  flex-direction: column;
}

.row-between-center {
  justify-content: space-between;
}

.row-between-center,
.row-start-center {
  display: flex;
  align-items: center;
}

.row-start-end {
  display: flex;
  align-items: flex-end;
}

.col-start-center {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.fade-enter-active,
.fade-leave-active {
  transition: opacity 0.5s;
}

.fade-enter,
.fade-leave-to {
  opacity: 0;
}

.ps-container {
  width: 1000px;
  height: 100vh;
  padding: 17px 0 0;
  margin: 0 auto;
}

.ps-container .ps-loading {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 10000000000000000;
}

.ps-container .ps-loading .mu-loading-wrap {
  background-color: #000 !important;
}

.ps-container .ps-loading .mu-loading-wrap .mu-circle-spinner {
  border-color: #e53d00;
}

@media screen and (min-width: 1600px) {
  .ps-container {
    width: 1423px;
  }
}

/*  */
.mu-dialog-wrapper {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.mu-dialog {
  padding: 0;
  max-width: 75%;
  background-color: #fff;
  border-radius: 2px;
  font-size: 16px;
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2),
    0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
}

.mu-dialog-scrollable .mu-dialog-body {
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.mu-dialog-fullscreen {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  max-width: 100% !important;
  width: 100% !important;
  height: 100% !important;
  max-height: 100% !important;
  border-radius: 0;
}

.mu-dialog-fullscreen .mu-dialog-body {
  padding: 0;
}

.mu-dialog-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 24px 24px 20px;
  margin: 0;
  font-size: 22px;
  font-weight: 400;
  line-height: 32px;
  color: rgba(0, 0, 0, 0.87);
}

.mu-dialog-title + .mu-dialog-body {
  padding-top: 0;
}

.mu-dialog-body {
  padding: 24px 24px 20px;
  color: rgba(0, 0, 0, 0.6);
}

.mu-dialog-actions {
  min-height: 48px;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.mu-dialog-actions .mu-raised-button + .mu-raised-button {
  margin-left: 10px;
}

.mu-dialog-transition-enter-active,
.mu-dialog-transition-leave-active {
  transition: opacity 0.45s cubic-bezier(0.23, 1, 0.32, 1);
}

.mu-dialog-transition-enter-active .mu-dialog.mu-scale,
.mu-dialog-transition-enter-active .mu-dialog.mu-slide-bottom,
.mu-dialog-transition-enter-active .mu-dialog.mu-slide-left,
.mu-dialog-transition-enter-active .mu-dialog.mu-slide-right,
.mu-dialog-transition-enter-active .mu-dialog.mu-slide-top,
.mu-dialog-transition-leave-active .mu-dialog.mu-scale,
.mu-dialog-transition-leave-active .mu-dialog.mu-slide-bottom,
.mu-dialog-transition-leave-active .mu-dialog.mu-slide-left,
.mu-dialog-transition-leave-active .mu-dialog.mu-slide-right,
.mu-dialog-transition-leave-active .mu-dialog.mu-slide-top {
  transition: transform 0.45s cubic-bezier(0.23, 1, 0.32, 1);
}

.mu-dialog-transition-enter,
.mu-dialog-transition-leave-active {
  opacity: 0;
}

.mu-dialog-transition-enter .mu-dialog,
.mu-dialog-transition-leave-active .mu-dialog {
  backface-visibility: hidden;
}

.mu-dialog-transition-enter .mu-dialog.mu-slide-top,
.mu-dialog-transition-leave-active .mu-dialog.mu-slide-top {
  transform: translate3d(0, -100%, 0);
}

.mu-dialog-transition-enter .mu-dialog.mu-slide-bottom,
.mu-dialog-transition-leave-active .mu-dialog.mu-slide-bottom {
  transform: translate3d(0, 100%, 0);
}

.mu-dialog-transition-enter .mu-dialog.mu-slide-right,
.mu-dialog-transition-leave-active .mu-dialog.mu-slide-right {
  transform: translate3d(100%, 0, 0);
}

.mu-dialog-transition-enter .mu-dialog.mu-slide-left,
.mu-dialog-transition-leave-active .mu-dialog.mu-slide-left {
  transform: translate3d(-100%, 0, 0);
}

.mu-dialog-transition-enter .mu-dialog.mu-scale,
.mu-dialog-transition-leave-active .mu-dialog.mu-scale {
  transform: scale(0.6);
}

.flex-row-reverse {
  flex-direction: row-reverse;
}
/* 手机端 */
@media (max-width: 992px) {
  .ps-container {
    width: 100%;
    flex-wrap: wrap;
    padding: 0px 0 0;
  }
  .flex-row-reverse {
    flex-direction: row;
  }
  .right-container {
    width: 100%;
    margin-left: 0;
  }
  .left-container {
    width: 100%;
  }
  .photo-live .photo-content .photo-ul .photo-item:not(:nth-child(4n)) {
    margin: 0 0;
  }
  .photo-live .photo-content .photo-ul .photo-item:not(:nth-child(2n)) {
    margin: 0 5px 5px 0;
  }
  .photo-live .photo-content .photo-ul .photo-item {
    width: 49%;
    padding-bottom: 32%;
  }
  .photo-window .mu-dialog {
    width: 100%;
  }
  .photo-window .content {
    width: 90%;
    margin: 0 auto;
    height: auto;
  }
}