body {
  background: #fff;
  /* padding-bottom: 1.1rem; */
}
.action-wrapper {
  padding: 0 0.56rem 0.4rem;
}
.action-wrapper .action-list {
  display: flex;
  justify-content: space-between;
}
.action-wrapper .action-list .action-item {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.action-wrapper .action-list .action-item .action-item-icon {
  width: 0.96rem;
  height: 0.96rem;
}
.action-wrapper .action-list .action-item .action-item-label {
  height: 0.4rem;
  font-weight: 400;
  font-size: 0.24rem;
  color: #000000;
  line-height: 0.4rem;
  margin-top: 0.08rem;
}
.upgrade-dialog {
  display: none;
  width: 5.9rem;
  height: 4.7rem;
  position: fixed;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-radius: 0.16rem;
  background: #fff;
  z-index: 2;
}
.upgrade-dialog .upgrade-content {
  width: 5.9rem;
  height: 4.7rem;
}
.upgrade-dialog .upgrade-content img {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.upgrade-dialog .upgrade-content .title {
  line-height: 0.48rem;
  font-size: 0.34rem;
  font-weight: bold;
  color: #333333;
  margin-top: 2.9rem;
  text-align: center;
}
.upgrade-dialog .upgrade-content .desc {
  text-align: center;
  font-size: 0.28rem;
  font-weight: 400;
  color: #666666;
  line-height: 0.42rem;
  margin-top: 0.3rem;
}
.upgrade-dialog .close-btn {
  position: absolute;
  bottom: -1.3rem;
  width: 0.8rem;
  height: 0.8rem;
  left: calc(50% - 0.4rem);
}
.index-wrap .index-header {
  width: 92%;
  margin: 0 auto;
  position: relative;
}
.index-wrap .index-header .a1 {
  display: flex;
  padding-top: 0.5rem;
}
.index-wrap .index-header .a1 h3 {
  color: #333;
  font-size: 0.36rem;
  font-weight: bold;
  max-width: 2.5rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 0.2rem;
}
.index-wrap .index-header span {
  width: 0.68rem;
  height: 0.3rem;
  padding-top: 0.09rem;
}
img {
  width: 100%;
  height: auto;
  vertical-align: middle;
}
.index-wrap .index-header .a2 {
  display: flex;
  padding-top: 0.03rem;
  align-items: center;
}
.index-wrap .index-header .a2 em {
  color: #999;
}
.index-wrap .index-header .a3 {
  padding-top: 0.5rem;
}
.index-wrap .index-header .a3 ul {
  display: flex;
}
.index-wrap .index-header .a3 ul li {
  position: relative;
}
.index-wrap .index-header .a3 ul li a {
  display: block;
  padding: 0 0.35rem;
  position: relative;
}
.index-wrap .index-header .a3 ul li:nth-of-type(1) a {
  padding-left: 0;
}
.index-wrap .index-header .a3 ul li > a:after {
  content: '';
  width: 0;
  height: 0.4rem;
  border-right: 1px solid #e7e7e7;
  position: absolute;
  right: 0;
  top: 0.25rem;
}
.index-wrap .index-header .a3 ul li:nth-last-of-type(1) > a:after {
  display: none;
}
.index-wrap .index-header .a3 ul li > a > p {
  font-size: 0.36rem;
  font-weight: bold;
  color: #333;
}
.index-wrap .index-header .a3 ul li > a > p em {
  position: relative;
}
.index-wrap .index-header ul li > a > span {
  color: #999;
}
.index-wrap .index-header ul li > a > span em {
  display: block;
}
.index-wrap .index-header .edit {
  position: absolute;
  right: 0;
  top: 0.5rem;
  color: #999;
  font-size: 0.26rem;
}
.index-wrap .index-header .edit a {
  width: 1.58rem;
  height: 1.58rem;
  border-radius: 50%;
  display: block;
  overflow: hidden;
}
.index-wrap .index-header .edit a span {
  width: 0.4rem;
  height: 0.4rem;
  position: absolute;
  right: 0.05rem;
  bottom: -0.06rem;
}
.index-wrap .index-header .edit a .head-img {
  width: 1.58rem;
  height: 1.58rem;
  border-radius: 50%;
}
.index-company {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  width: 1.5rem !important;
}
/* vip权益 */
.index-wrap .m-swiper-1 {
  width: 92%;
  height: 100%;
  margin: 0.43rem auto 0;
}
/* 顶部icon导航 */
.index-wrap .m-bar-2 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-bottom: 0.28rem;
}
.index-wrap .m-bar-2 > a {
  width: 24%;
  text-align: center;
  padding-top: 0.2rem;
  padding-bottom: 0.1rem;
  margin-top: 0.3rem;
  background: #fff;
  position: relative;
}
.index-wrap .m-bar-2 > a dd {
  position: relative;
  width: 42%;
  margin: 0 auto;
}
.index-wrap .m-bar-2 > a dt {
  color: #666;
  font-size: 0.26rem;
}
/* 如果最后一行是3个元素 */
.index-wrap .m-bar-2 > a:last-child:nth-child(4n - 1) {
  margin-right: calc(24% + 4% / 3);
}
/* 如果最后一行是2个元素 */
.index-wrap .m-bar-2 > a:last-child:nth-child(4n - 2) {
  margin-right: calc(48% + 8% / 3);
}
/* 广告轮播图 */
.index-wrap .m-swiper-ad {
  position: relative;
  padding: 0.32rem 0 0;
}
.index-wrap .m-swiper-ad .swiper-container {
  width: 100%;
  height: 100%;
  margin: 0 auto;
}
.index-wrap .m-swiper-ad .swiper-slide {
  width: 100%;
  height: auto;
}
.index-wrap .m-swiper-ad .swiper-slide > a {
  display: block;
  width: 100%;
  height: 1.4rem;
  border-radius: 0.08rem;
  overflow: hidden;
}
.index-wrap .m-swiper-ad .swiper-slide .main-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.index-wrap .m-swiper-ad .swiper-pagination {
  width: 100%;
  left: 0;
  bottom: 0.22rem;
  z-index: 1;
}
.index-wrap .m-swiper-ad .swiper-pagination-bullet {
  width: 0.21rem;
  height: 0.06rem;
  margin-right: 0.18rem;
  border-radius: 0.1rem;
  overflow: hidden;
}
.index-wrap .m-swiper-ad .swiper-pagination-bullet:nth-last-of-type(1) {
  margin-right: 0;
}
.index-wrap .m-swiper-ad .swiper-pagination-bullet-active {
  width: 0.24rem;
  height: 0.07rem;
  background: #fff;
}
.index-wrap .top-search {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  padding: 0 0.24rem;
  box-sizing: border-box;
  margin: -0.34rem 0.56rem 0.4rem;
  color: #cccccc;
  height: 0.68rem;
  background: #f7f8fa;
  box-shadow: 0rem 0.04rem 0.08rem 0rem rgba(0, 0, 0, 0.1);
  border-radius: 1.98rem 1.98rem 1.98rem 1.98rem;
}
.index-wrap .top-search img {
  width: 0.3rem;
  height: 0.3rem;
  margin-right: 0.2rem;
}
.index-wrap .main-img {
  height: 2.08rem;
}
/* 最新文章 */
.m-news-1 {
  width: 92%;
  padding: 0.25rem 0 0.2rem;
  background: #fff;
  margin: 0 auto;
}
.m-news-1 .Inn ul {
  display: flex;
}
.m-news-1 .Inn ul li.ico {
  padding: 0 0.3rem 0 0.05rem;
  margin-right: 0.3rem;
  border-right: 1px solid #e7e7e7;
}
.m-news-1 .Inn ul li.ico img {
  width: 0.6rem;
  height: 0.66rem;
  display: block;
}
.m-news-1 .Inn ul li.conBox {
  flex: 1;
  width: 0;
}
.m-swiper-2 {
  height: 0.8rem;
  overflow: hidden;
  margin-top: -0.05rem;
}
.m-swiper-2 .swiper-container {
  width: 100%;
  height: 100%;
}
.m-swiper-2 .swiper-slide {
  width: 100%;
}
.m-swiper-2 .swiper-slide > a {
  display: block;
}
.m-swiper-2 .swiper-slide > a h4,
.m-swiper-2 .swiper-slide > a p {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.m-swiper-2 .swiper-slide > a h4 {
  color: #333;
  font-size: 0.28rem;
}
.m-swiper-2 .swiper-slide > a p {
  color: #999;
  font-size: 0.24rem;
}
/* 底部菜单 */
.m-list-1 {
  width: 93%;
  background: #fff;
  margin: 0.1rem auto 0;
}
.m-list-1 > .wrapBox li {
  padding-left: 0.13rem;
}
.m-list-1 > .wrapBox li:nth-last-of-type(1) {
  border: 0 none;
}
.m-list-1 > .wrapBox li a {
  color: #666;
  display: flex;
  padding-left: 0.55rem;
  height: 0.9rem;
  align-items: center;
  justify-content: space-between;
  font-size: 0.28rem;
}
.m-list-1 > .wrapBox li a i {
  color: #666;
  font-size: 0.26rem;
}
.m-list-1 > .wrapBox li.s1 a {
  background: url('../images/icon-t-15-1.png') no-repeat left center;
  background-size: 0.4rem 0.4rem;
}
.m-list-1 > .wrapBox li.s2 a {
  background: url('../images/icon-t-15-2.png') no-repeat left center;
  background-size: 0.4rem 0.4rem;
}
.m-list-1 > .wrapBox li.s3 a {
  background: url('../images/icon-t-15-3.png') no-repeat left center;
  background-size: 0.4rem 0.4rem;
}
.m-list-1 > .wrapBox li.s4 a {
  background: url('../images/icon-t-15-5.png') no-repeat left center;
  background-size: 0.4rem 0.4rem;
}
.m-list-1 > .wrapBox li.s5 a {
  background: url('../images/icon-t-15-6.png') no-repeat left center;
  background-size: 0.4rem 0.4rem;
}
.m-list-1 > .wrapBox li.s6 a {
  background: url('../images/icon-t-15-7.png') no-repeat left center;
  background-size: 0.4rem 0.4rem;
}
.m-list-1 > .wrapBox li.s4 {
  position: relative;
}
.m-list-1 > .wrapBox li a.input-btn {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 92%;
}
/* 新手引导状态 */
.guide-active {
  z-index: 1001;
  background: #fff;
  border-radius: 0.05rem;
}
.m-bar-2 > a.active,
.m-header-1 .edit.active {
  z-index: 1001;
  background: #fff;
  border-radius: 0.05rem;
}
.m-header-1 .a3 ul li.active a {
  padding: 0.1rem 0.15rem;
  z-index: 1001;
  background: #fff;
  border-radius: 0.05rem;
  top: -0.1rem;
}
.m-guide-1 {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 11;
}
.m-guide-1 ul li > p {
  position: absolute;
}
.m-guide-1 ul li > div {
  width: 100%;
  /* top: 75%; */
}
.m-guide-1 ul li > div dl {
  display: flex;
  justify-content: center;
}
.m-guide-1 ul li > div dl dd {
  width: 32.5vw;
}
.m-guide-1 ul li > div dl dd.done {
  width: 42.9vw;
}
.m-guide-1 ul li > div dl dd.next {
  margin-right: 4.7vw;
}
.m-guide-1 ul li.s5 > div dl dd {
  width: 32%;
}
.m-guide-1 ul li.s1 > div {
  top: 39%;
}
.m-guide-1 ul li.s2 > div {
  top: 44%;
}
.m-guide-1 ul li.s3 > div {
  top: 44%;
}
.m-guide-1 ul li.s4 > div,
.m-guide-1 ul li.s5 > div,
.m-guide-1 ul li.s6 > div,
.m-guide-1 ul li.s7 > div {
  bottom: 1.6rem;
}
.m-guide-1 ul li.s1 .mask1 {
  width: 1rem;
  position: fixed;
  left: 30%;
  bottom: 0%;
}
.m-guide-1 .s1 > p {
  width: 100%;
  bottom: 1.12rem;
}
.m-guide-1 .s2 > p {
  width: 100%;
  bottom: 1.12rem;
}
.m-guide-1 .s3 > p {
  width: 100%;
  bottom: 0;
}
.m-guide-1 .s4 > p {
  width: 100%;
  left: 0;
}
.m-guide-1 .s5 > p {
  width: 100%;
  top: 0;
}
.m-guide-1 .s6 > p {
  width: 100%;
  top: 2.2rem;
}
.m-guide-1 .s7 > p {
  width: 100%;
  top: 2.2rem;
}
.u-hot-1 {
  width: 0.12rem;
  height: 0.12rem;
  text-indent: -99999px;
  border-radius: 50%;
  right: -0.07rem;
  top: 0;
  position: absolute;
  background: #fb4444;
}
/* ----------- iPhone 5 and 5S ----------- */
@media only screen and (min-device-width: 320px) and (max-device-width: 374px) and (-webkit-min-device-pixel-ratio: 2) {
  .m-header-1 .a2 span {
    max-width: 1.5rem;
  }
}
/* IPhone Plus */
@media (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) {
  .m-list-1 > .wrapBox li a {
    font-size: 0.3rem;
  }
  .m-bar-2 > a dt {
    font-size: 0.28rem;
  }
}
/* XS / XS Max / XR 适配 */
@media only screen and (min-device-width: 375px) and (max-device-height: 812px) and (-webkit-device-pixel-ratio: 3), only screen and (min-device-width: 414px) and (max-device-height: 896px) and (-webkit-device-pixel-ratio: 3), only screen and (min-device-width: 414px) and (max-device-height: 896px) and (-webkit-device-pixel-ratio: 2) {
  .m-list-1 > .wrapBox li a {
    font-size: 0.3rem;
  }
  .m-bar-2 > a dt {
    font-size: 0.28rem;
  }
}
/* 升级支付页面start */
.tabs-area {
  width: 100%;
  background: #414342;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 40;
  height: 1.06rem;
}
.tab-head {
  width: 97%;
  list-style-type: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0;
  overflow: auto;
}
.tab-head-item {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  color: white;
  height: 1rem;
  color: #999;
  font-size: 0.32rem;
  font-weight: bold;
  line-height: 1.1rem;
  margin: 0 1rem;
}
.active-head-item {
  color: #f0c687;
  border-bottom: 0.06rem solid #f0c687;
}
.g-box-1,
.g-box-2 {
  width: 92%;
  margin: 0 auto;
}
.g-box-1 {
  padding-top: 0.3rem;
}
.g-box-2 {
  display: none;
  padding-top: 0.45rem;
}
.m-nav-1 {
  background: #fff;
  margin-bottom: 0.3rem;
}
.m-nav-1 ul {
  display: flex;
  height: 0.93rem;
  border: 1px solid #e7e7e7;
  border-radius: 0.08rem;
  overflow: hidden;
}
.m-nav-1 ul li {
  flex: 1;
  border-right: 1px solid #e7e7e7;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #999;
  font-weight: bold;
  font-size: 0.28rem;
}
.m-nav-1 ul li:nth-last-of-type(1) {
  border: 0 none;
}
.m-nav-1 ul li > div {
  text-align: center;
  line-height: 1.2;
}
.m-nav-1 ul li > div span,
.m-nav-1 ul li > div em {
  display: block;
}
.m-nav-1 ul li > div em {
  font-size: 0.21rem;
}
.m-nav-1 ul li.active {
  background: #dfbd8a;
  color: #543019;
  border: 0 none;
}
.u-icon-1 {
  margin-top: 0.06rem;
  color: #a96f57;
  width: 1.03rem;
  height: 0.32rem;
  line-height: 0.32rem;
  background: #feeed2;
  border-radius: 0.1rem 0 0.1rem 0;
}
.m-nav-1 ul li.active .u-icon-1 {
  background: #563119;
  color: #dbb795;
}
.u-price-1 {
  position: relative;
}
.u-price-1 strong {
  color: #999;
  font-size: 0.48rem;
  height: 0.5rem;
  position: relative;
  padding-left: 0.18rem;
}
.u-price-1 strong::after {
  content: '¥';
  font-weight: normal;
  position: absolute;
  left: 0;
  top: 0.02rem;
  font-size: 0.24rem;
}
.u-price-1 span {
  color: #333;
  font-size: 0.26rem;
}
.m-con-1 ul {
  display: none;
}
.m-con-1 li {
  border: 1px solid #e7e7e7;
  border-radius: 0.08rem;
  margin-top: 0.28rem;
  padding-left: 8.5%;
  padding-right: 8.5%;
}
.m-con-1 .a1 {
  border: 1px solid #e7e7e7;
  border-radius: 0.08rem;
  margin-top: 0.28rem;
  padding-left: 8.5%;
  padding-right: 8.5%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 0.3rem;
  padding-bottom: 0.3rem;
}
.m-con-1 .a1 .title {
  display: flex;
  font-weight: bold;
  align-items: center;
}
.m-con-1 .a1 .title h3 {
  font-size: 0.36rem;
  color: #333;
  margin-right: 0.2rem;
  font-weight: bold;
}
.m-con-1 .a1 .title em {
  height: 0.4rem;
  display: flex;
  align-items: center;
  color: #fff;
  background-color: #fb4444;
  padding: 0 0.16rem;
  border-radius: 0.06rem;
  font-size: 0.24rem;
}
.m-con-1 .a1 .u-price-1::after {
  content: '';
  width: 100%;
  height: 0.02rem;
  background-color: #8b5939;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.m-con-1 li.a2 {
  padding-top: 0.3rem;
  padding-bottom: 0.3rem;
  position: relative;
  background-color: #f5f7fa;
}
.m-con-1 li.a2 .icon-1 {
  width: 0.93rem;
  height: 0.93rem;
  position: absolute;
  right: 0;
  top: 0;
  display: none;
}
.m-con-1 li.a2 .icon-2 {
  width: 1.6rem;
  height: 0.4rem;
  position: absolute;
  left: 8.5%;
  top: -0.2rem;
}
.m-con-1 li.a2 .title {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}
.m-con-1 li.a2 .title .desc {
  width: 70%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.m-con-1 li.a2 .title .desc h3 {
  color: #999;
  font-size: 0.36rem;
  font-weight: bold;
  display: inline;
}
.m-con-1 li.a2 .title .desc p {
  color: #999;
  font-size: 0.3rem;
  display: inline;
}
.m-con-1 li.a2 .con {
  font-size: 0.26rem;
  padding-top: 0.05rem;
}
.m-con-1 li.a2.checked {
  background-color: #fff;
}
.m-con-1 li.a2.checked .title .desc h3,
.m-con-1 li.a2.checked .title .desc p {
  color: #333;
}
.m-con-1 li.a2.checked .u-price-1 strong {
  color: #8b5939;
}
.m-con-1 li.a2.selected {
  background-color: #fffaf3;
}
.m-con-1 li.a2.selected .icon-1 {
  display: block;
}
.m-con-2 > h4 {
  color: #333;
  font-size: 0.36rem;
  font-weight: bold;
}
.m-con-2 > h4:nth-of-type(2) {
  margin-top: 0.62rem;
}
.m-con-2 > ul > li {
  margin-top: 0.45rem;
  font-size: 0.32rem;
}
.m-con-2 > ul > li:nth-of-type(1) {
  margin-top: 0.35rem;
}
.m-con-2 > ul > li > label {
  display: flex;
  align-items: center;
  position: relative;
}
.m-con-2 > ul > li > label::before {
  content: '';
  width: 0.25rem;
  height: 0.25rem;
  border: 1px solid #d7dde4;
  margin-right: 0.2rem;
}
.m-con-2 > ul > li.a1 del {
  margin-right: 0.22rem;
}
.m-con-2 > ul > li.a1 em {
  height: 0.4rem;
  display: flex;
  align-items: center;
  color: #fff;
  background-color: #fb4444;
  padding: 0 0.16rem;
  border-radius: 0.06rem;
  font-size: 0.24rem;
}
.m-con-2 > ul > li.a1 > input[type='radio']:checked + label::before {
  content: '';
  background: url('../images/icon-t-53-1.png') no-repeat;
  background-size: 100%;
  border: 0 none;
}
.m-con-2 > ul > li.a2 > input[type='radio']:checked + label::before {
  content: '';
  background: url('../images/icon-t-53-2.png') no-repeat;
  background-size: 100%;
  border: 0 none;
}
.u-fixBtn-1 {
  position: fixed;
  right: 3%;
  bottom: 30%;
  width: 1.2rem;
}
.u-fixBtn-1 a {
  display: block;
}
.m-priceBar-1 {
  width: 100%;
  height: 1rem;
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 2;
  background: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}
.m-priceBar-1 ul {
  display: flex;
  height: 100%;
  justify-content: space-between;
  align-items: center;
  padding: 0 0.3rem;
}
.m-priceBar-1 ul li.con .a1 {
  display: flex;
  align-items: baseline;
}
.m-priceBar-1 ul li.con .a1 span {
  font-size: 0.32rem;
  color: #999;
  margin-right: 0.1rem;
}
.m-priceBar-1 ul li.con .a1 strong {
  color: #fb4444;
  font-size: 0.38rem;
}
.m-priceBar-1 ul li.con .a2 {
  font-size: 0.26rem;
  color: #999;
  margin-top: -0.1rem;
}
.m-priceBar-1 ul li.pay {
  height: 0.74rem;
  display: flex;
  align-items: center;
  background-color: #343434;
  color: #dfbd8a;
  font-size: 0.32rem;
  font-weight: 500;
  border-radius: 0.08rem;
  padding: 0 0.46rem;
}
.m-list-1 > li {
  padding: 0 0.3rem;
  background-color: #fff;
  margin-top: 0.2rem;
}
.m-list-1 > li > .time {
  height: 0.82rem;
  display: flex;
  align-items: center;
  color: #999;
  border-bottom: 1px solid #e7e7e7;
}
.m-list-1 > li > .box {
  border-bottom: 1px solid #e7e7e7;
}
.m-list-1 > li > .box dl {
  display: flex;
  align-items: center;
  padding: 0.3rem 0;
}
.m-list-1 > li > .box dl dt {
  width: 1rem;
  height: 1rem;
  overflow: hidden;
  border-radius: 50%;
  margin-right: 0.22rem;
  flex-shrink: 0;
}
.m-list-1 > li > .box dl dt img {
  height: 1rem;
}
.m-list-1 > li > .box dl dd {
  flex: 1;
  width: 0;
}
.m-list-1 > li > .box dl dd > div {
  display: flex;
  justify-content: space-between;
}
.m-list-1 > li > .box dl dd > div h3 {
  max-width: 65%;
  font-weight: bold;
  font-size: 0.34rem;
  color: #000;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.m-list-1 > li > .box dl dd > div em {
  flex-shrink: 0;
  padding: 0 0.2rem;
  height: 0.42rem;
  display: flex;
  align-items: center;
  border: 1px solid #5a99ff;
  background-color: #eaf3ff;
  font-size: 0.24rem;
  border-radius: 0.04rem;
  overflow: hidden;
  color: #5283ff;
}
.m-list-1 > li > .box dl dd > p {
  font-size: 0.28rem;
  color: #333;
  display: flex;
  margin-top: 0.1rem;
}
.m-list-1 > li > .box dl dd > p span {
  flex-shrink: 0;
  line-height: 1.3;
}
.m-list-1 > li > .box dl dd > p em {
  margin-left: -0.06rem;
  overflow: hidden;
  line-height: 1.3;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.m-list-1 > li > .box dl dd > p.icon1,
.m-list-1 > li > .box dl dd > p.icon2 {
  padding-left: 0.35rem;
  position: relative;
}
.m-list-1 > li > .box dl dd > p.icon1::after,
.m-list-1 > li > .box dl dd > p.icon2::after {
  content: '';
  width: 0.22rem;
  height: 0.22rem;
  position: absolute;
  left: 0;
  top: 0.07rem;
}
.m-list-1 > li > .box dl dd > p.icon1::after {
  background: url('../images/icon-t-51-3.png') no-repeat;
  background-size: 100%;
}
.m-list-1 > li > .box dl dd > p.icon2::after {
  background: url('../images/icon-t-51-4.png') no-repeat;
  background-size: 100%;
}
.m-list-1 > li > .box .a2 {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.m-list-1 > li > .box .a2 p {
  padding: 0 0.2rem;
  height: 0.42rem;
  display: flex;
  align-items: center;
  border: 1px solid #5a99ff;
  background-color: #eaf3ff;
  font-size: 0.24rem;
  border-radius: 0.04rem;
  overflow: hidden;
  color: #5283ff;
}
.m-list-1 > li > .count {
  height: 1.02rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.m-list-1 > li > .count .a1 {
  display: flex;
  width: 82%;
}
.m-list-1 > li > .count .a1 p {
  width: 33%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.m-list-1 > li > .count > em {
  flex-shrink: 0;
}
.m-list-1 > li > .count .btn p {
  display: flex;
  font-size: 0.24rem;
  align-items: center;
  padding: 0 0.18rem;
  height: 0.42rem;
  color: #fff;
  border-radius: 0.04rem;
  overflow: hidden;
  background-color: #57c078;
}
.m-list-1 > li > .con {
  padding-top: 0.08rem;
  padding-bottom: 0.25rem;
}
.m-list-1 > li > .con li {
  font-size: 0.28rem;
  margin-top: 0.18rem;
}
.m-list-1 > li > .con li span {
  color: #333;
}
.m-list-1 > li > .con li a {
  color: #999;
}
/*分享人数页面样式*/
.m-share-empt-box {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 5.2rem;
  flex-direction: column;
}
.m-share-empt-box > img {
  width: 2.5rem;
}
.m-share-empt-box > p {
  margin-top: 0.35rem;
  font-size: 0.32rem;
  color: #c7c7c7;
  font-family: PingFang SC;
  text-align: center;
}
.m-readNum-box ul {
  margin: 0.2rem 0.25rem;
}
.m-readNum-box ul li {
  display: flex;
  flex-direction: column;
  background: #ffffff;
  border-radius: 8px;
  margin-bottom: 0.3rem;
}
.m-readNum-t {
  display: flex;
  padding: 0.3rem 0rem;
  margin: 0 0.2rem;
  align-items: center;
  border-bottom: 1px solid #cecece;
}
.m-readNum-info {
  flex: 1;
  margin-left: 0.2rem;
  margin-bottom: 0.2rem;
}
.m-readNum-info h3 {
  font-size: 0.34rem;
  color: #000000;
  display: flex;
  align-items: flex-end;
}
.m-readNum-info > p {
  color: #666666;
  font-size: 0.24rem;
  margin-top: 0.1rem;
}
.m-readNum-info h3 em {
  max-width: 50%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.m-readNum-info h3 span {
  font-size: 0.24rem;
  color: #666666;
  margin-left: 0.2rem;
}
.m-readNum-b {
  padding: 0.42rem 0.23rem 0.1rem;
}
.m-readNum-b > div {
  display: flex;
  margin-bottom: 0.15rem;
}
.m-readNum-b > div > label {
  font-size: 0.26rem;
  color: #333333;
  width: 1.32rem;
}
.m-readNum-b > div > p {
  margin-left: 0.2rem;
  font-size: 0.26rem;
  color: #999999;
  flex: 1;
}
.m-readNum-imgBox {
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  overflow: hidden;
}
.m-readNum-conBox {
  flex: 1;
  width: 0;
}
.m-readNum-address {
  display: flex;
  margin-left: 0.2rem;
}
.m-readNum-address > span {
  width: 0.21rem;
  height: 0.36rem;
  overflow: hidden;
  margin-right: 0.15rem;
  margin-top: -0.03rem;
}
.m-readNum-address > em {
  font-size: 0.24rem;
  color: #333333;
}
/*-我的订单*/
.m-order-box ul li {
  background: #ffffff;
  margin-bottom: 0.3rem;
}
.m-order-t {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.29rem 0.25rem;
}
.m-order-t p {
  font-size: 0.26rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #666666;
}
.m-order-t span {
  font-size: 0.26rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #ff6969;
}
.m-order-c {
  display: flex;
  padding: 0.3rem 0.25rem;
  border-top: 1px solid #e7e7e7;
  border-bottom: 1px solid #e7e7e7;
}
.m-order-c dl {
  width: 100%;
}
.m-order-c dd {
  display: flex;
  align-items: center;
  padding-bottom: 0.2rem;
}
.m-order-c dd div strong {
  font-size: 0.32rem;
  color: #ff6969;
}
.m-order-b {
  padding: 0.3rem 0.25rem;
}
.m-order-logo {
  width: 1.6rem;
  height: 1.6rem;
  overflow: hidden;
  margin-right: 0.25rem;
}
.m-order-info h4 {
  font-size: 0.3rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #333333;
}
.m-order-info p {
  font-size: 0.24rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #666666;
  margin: 0.18rem 0 0.19rem 0;
}
.m-order-info span {
  font-size: 0.36rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #333333;
}
.m-order-info span em {
  font-size: 0.24rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #333333;
}
.m-order-b {
  text-align: right;
}
.m-order-b span {
  width: 1.5rem;
  height: 0.48rem;
  line-height: 0.48rem;
  border: 1px solid #999999;
  border-radius: 24px;
  font-size: 0.24rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #333333;
  padding: 0.1rem 0.28rem;
}
/* vip权益页面 */
.vip-wrap {
  padding-top: 0.2rem;
}
.loadEffect {
  width: 1rem;
  height: 1rem;
  z-index: 5;
  display: none;
  position: fixed;
}
.loadEffect span {
  display: inline-block;
  width: 0.16rem;
  height: 0.16rem;
  border-radius: 0.5rem;
  background: #fff;
  position: fixed;
  -webkit-animation: load 1.04s ease infinite;
}
@keyframes load {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0.2;
  }
}
.loadEffect span:nth-child(1) {
  top: 50%;
  left: 0;
  margin-top: -0.08rem;
  -webkit-animation-delay: 0.13s;
}
.loadEffect span:nth-child(2) {
  top: 0.14rem;
  left: 0.14rem;
  -webkit-animation-delay: 0.26s;
}
.loadEffect span:nth-child(3) {
  top: 0;
  left: 50%;
  margin-left: -0.08rem;
  -webkit-animation-delay: 0.39s;
}
.loadEffect span:nth-child(4) {
  top: 0.14rem;
  right: 0.14rem;
  -webkit-animation-delay: 0.52s;
}
.loadEffect span:nth-child(5) {
  top: 50%;
  right: 0;
  margin-top: -0.08rem;
  -webkit-animation-delay: 0.65s;
}
.loadEffect span:nth-child(6) {
  right: 0.14rem;
  bottom: 0.14rem;
  -webkit-animation-delay: 0.78s;
}
.loadEffect span:nth-child(7) {
  bottom: 0;
  left: 50%;
  margin-left: -0.08rem;
  -webkit-animation-delay: 0.91s;
}
.loadEffect span:nth-child(8) {
  bottom: 0.14rem;
  left: 0.14rem;
  -webkit-animation-delay: 1.04s;
}
.u-update-1 {
  -webkit-animation: heartbeat ease-in-out 3s infinite alternate;
  animation: heartbeat ease-in-out 3s infinite alternate;
}
@keyframes heartbeat {
  0% {
    transform: scale(0.8, 0.8);
  }
  50% {
    transform: scale(1, 1);
  }
  100% {
    transform: scale(0.8, 0.8);
  }
}
.u-line-1 {
  width: 100%;
  height: 0.2rem;
  background: #f6f5f8;
  text-indent: -99999px;
}
.m-title-1 {
  position: relative;
}
.m-title-1 h2 {
  width: 100%;
  color: #fff;
  font-size: 0.44rem;
  font-weight: bold;
  text-align: center;
  position: absolute;
  top: 0.3rem;
  left: 0;
  right: 0;
  margin: 0;
}
.m-tab-1 {
  margin-top: -30%;
  position: relative;
}
.m-tab-1 .header {
  display: flex;
  justify-content: space-evenly;
  padding-bottom: 0.4rem;
}
.m-tab-1 .header li {
  width: 20%;
  height: 1.8rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  border: 1px solid #e7e7e7;
  border-radius: 0.1rem;
  position: relative;
}
.m-tab-1 .header li div {
  width: 100%;
  height: 0.5rem;
  line-height: 0.5rem;
  text-align: center;
  margin-top: 0.45rem;
}
.m-tab-1 .header li div strong {
  font-size: 0.42rem;
  font-weight: normal;
  margin-left: -0.06rem;
}
.m-tab-1 .header li p {
  margin-top: -0.4rem;
  font-size: 0.26rem;
}
.m-tab-1 .header li:nth-last-of-type(1) em {
  width: 0.64rem;
  height: 0.28rem;
  position: absolute;
  left: 0;
  top: -0.14rem;
}
.m-tab-1 .header li.active {
  border-color: #5283ff;
  background: #e9f4ff;
  color: #5283ff;
}
.m-tab-1 .box {
  padding-bottom: 0.5rem;
}
.m-tab-1 .box .box-wrap {
  display: none;
}
.m-tab-1 .box ul {
  display: flex;
  flex-wrap: wrap;
  padding: 0.14rem 4% 0;
}
.m-tab-1 .box li {
  width: 27%;
  position: relative;
  margin-top: 0.45rem;
}
.m-tab-1 .box li:not(:nth-child(3n)) {
  margin-right: calc(18% / 2);
}
.m-tab-1 .box li > a {
  display: block;
}
.m-tab-1 .box li span {
  width: 1rem;
  height: 1rem;
  margin: 0 auto;
  background: #fafafa;
  border-radius: 50%;
  overflow: hidden;
  display: block;
  position: relative;
}
.m-tab-1 .box li span img {
  width: 60%;
}
.m-tab-1 .box li p {
  margin-top: 0.3rem;
  text-align: center;
  line-height: 1.3;
  white-space: nowrap;
}
.m-tab-1 .box li p i {
  color: #5283ff;
  font-weight: bold;
}
.m-tab-1 .box li em {
  width: 0.68rem;
  position: absolute;
  right: -0.05rem;
  top: -0.05rem;
}
.vip-con-1 {
  padding-bottom: 0.5rem;
}
.vip-con-1 .title {
  text-align: center;
  padding-top: 0.5rem;
}
.vip-con-1 .title h3 {
  font-size: 0.34rem;
  font-weight: bold;
  color: #333;
  position: relative;
  display: inline-block;
  z-index: 1;
}
.vip-con-1 .title h3 em {
  color: #5283ff;
}
.vip-con-1 .title h3 span {
  width: 100%;
  height: 0.08rem;
  background: #dee4fb;
  z-index: -1;
  position: absolute;
  left: 0;
  bottom: 0.05rem;
}
/* .m-msgbox-1 { width: 70%; position: fixed; left: 0; right: 0; top: 0; bottom: 0; margin: auto; z-index: 5; display: none; } */
.m-msgbox-2 {
  width: 75%;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 20;
  display: none;
}
.m-msgbox-2 .title {
  height: 1.15rem;
  line-height: 1.15rem;
  text-align: center;
  position: relative;
  background: #638fff;
  border-radius: 0.14rem 0.14rem 0 0;
  overflow: hidden;
}
.m-msgbox-2 .title h3 {
  font-size: 0.36rem;
  color: #fff;
}
.m-msgbox-2 .title span {
  width: 0.4rem;
  height: 0.4rem;
  position: absolute;
  right: 0.26rem;
  top: 0.2rem;
}
.m-msgbox-2 .title span img {
  display: block;
}
.m-msgbox-2 .box {
  background: #fff;
  border-radius: 0 0 0.14rem 0.14rem;
  padding-bottom: 0.57rem;
}
.m-msgbox-2 .box li {
  text-align: center;
}
.m-msgbox-2 .box li.s1 {
  width: 35%;
  margin: 0 auto;
  padding-top: 0.57rem;
}
.m-msgbox-2 .box li.s2 {
  font-size: 0.3rem;
  margin-top: 0.46rem;
}
.m-msgbox-2 .box li.s2 a {
  color: #638fff;
}
.m-msgbox-2 .box li.s3 {
  width: 60%;
  margin: 0.54rem auto 0;
}
.m-msgbox-2 .box li.s3 a {
  width: 100%;
  height: 0.66rem;
  line-height: 0.66rem;
  border-radius: 0.6rem;
  background: #638fff;
  color: #fff;
  font-size: 0.3rem;
  display: block;
}
.m-msgbox-3 {
  width: 90%;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 5;
  display: none;
}
.m-msgbox-3 .title {
  height: 1.15rem;
  line-height: 1.15rem;
  text-align: center;
  position: relative;
  background: #638fff;
  border-radius: 0.14rem 0.14rem 0 0;
  overflow: hidden;
}
.m-msgbox-3 .title h3 {
  font-size: 0.36rem;
  color: #fff;
}
.m-msgbox-3 .title span {
  width: 0.4rem;
  height: 0.4rem;
  position: absolute;
  right: 0.26rem;
  top: 0.2rem;
}
.m-msgbox-3 .title span img {
  display: block;
}
.m-msgbox-3 .box {
  background: #fff;
  border-radius: 0 0 0.14rem 0.14rem;
}
.m-msgbox-3 .box ul {
  max-height: 7.7rem;
  padding: 0.1rem 0.37rem 0.2rem;
  overflow-y: auto;
}
.m-msgbox-3 .box li {
  padding: 0.32rem 0;
  border-bottom: 1px solid #e7e7e7;
}
.m-msgbox-3 .box li:nth-last-of-type(1) {
  border: 0 none;
}
.m-msgbox-3 .box li a {
  display: block;
}
.m-msgbox-3 .box li a h4 {
  font-size: 0.3rem;
  line-height: 1.3;
}
.m-msgbox-3 .box li a p {
  color: #999;
  line-height: 1.3;
  padding-top: 0.1rem;
  word-break: break-all;
}
.u-fixBtn-1 {
  position: fixed;
  right: 1%;
  bottom: 35%;
  width: 1.2rem;
}
.u-fixBtn-1 a {
  display: block;
}
.u-update-1 {
  position: fixed;
  left: 4%;
  bottom: 4%;
  width: 92%;
  z-index: 1;
}
.u-update-1 a {
  font-size: 0.3rem;
  font-weight: bold;
  width: 100%;
  height: 0.9rem;
  line-height: 0.92rem;
  color: #fff;
  background: #5283ff;
  display: block;
  text-align: center;
  border-radius: 0.08rem;
}
.u-btn-1 {
  width: 92%;
  margin: 0.8rem auto 0;
}
.u-btn-1 p {
  height: 0.9rem;
  line-height: 0.92rem;
  text-align: center;
  border-radius: 0.08rem;
  color: #fff;
  font-size: 0.3rem;
  font-weight: bold;
  background: #5283ff;
}
.u-tips-1 {
  padding: 0.78rem 4% 0;
}
.u-tips-1 span {
  color: #ff6969;
}
/* ----------- iPhone 5 and 5S ----------- */
@media only screen and (min-device-width: 320px) and (max-device-width: 374px) and (-webkit-min-device-pixel-ratio: 2) {
  .m-title-1 h2 {
    font-size: 0.4rem;
  }
}
/* IPhone Plus */
@media (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) {
  .m-tab-1 .box li span {
    width: 1.2rem;
    height: 1.2rem;
  }
  .m-tab-1 .box li p {
    font-size: 0.28rem;
  }
}
/* XS / XS Max / XR 适配 */
@media only screen and (min-device-width: 375px) and (max-device-height: 812px) and (-webkit-device-pixel-ratio: 3), only screen and (min-device-width: 414px) and (max-device-height: 896px) and (-webkit-device-pixel-ratio: 3), only screen and (min-device-width: 414px) and (max-device-height: 896px) and (-webkit-device-pixel-ratio: 2) {
  .m-tab-1 .box li span {
    width: 1.2rem;
    height: 1.2rem;
  }
  .m-tab-1 .box li p {
    font-size: 0.28rem;
  }
}
/* 分享海报页面样式 */
/* 搜索样式 */
.m-search-1 {
  background: #5283ff;
  position: relative;
  z-index: 9;
  display: flex;
  padding: 0.2rem 0;
  align-items: center;
  width: 100%;
}
.m-search-1 > input {
  width: 80%;
  line-height: 0.7rem;
  height: 0.7rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 0.06rem;
  font-size: 0.28rem;
  background: #fff;
  padding-left: 0.78rem;
  margin-left: 0.25rem;
}
.m-search-1 > img {
  width: 0.3rem;
  height: 0.3rem;
  position: absolute;
  top: 0.4rem;
  left: 0.52rem;
}
.m-search-1 > a {
  flex: 1;
  text-align: center;
  height: 0.7rem;
  line-height: 0.7rem;
  color: #fff;
  font-size: 0.28rem;
}
.m-search-Inn {
  width: 100%;
  height: 100%;
  background: #f6f5f8;
  position: fixed;
  left: 0;
  top: 1.1rem;
  z-index: 1;
  display: none;
}
.m-search-Inn .hot {
  background: #fff;
  padding: 0 0.29rem 0.4rem;
}
.m-search-Inn .hot h3 {
  font-size: 0.3rem;
  font-weight: bold;
  color: #333;
  padding-top: 0.28rem;
}
.m-search-Inn .hot ul {
  display: flex;
  flex-wrap: wrap;
  margin-top: 0.28rem;
}
.m-search-Inn .hot ul li {
  height: 0.43rem;
  line-height: 0.43rem;
  padding: 0 0.24rem;
  border-radius: 0.04rem;
  background: #f4f5f8;
  white-space: nowrap;
  margin-right: 0.2rem;
  margin-bottom: 0.2rem;
}
/* 导航 */
.share-nav-1 {
  background: #fff;
  position: relative;
  z-index: 1;
}
.share-nav-1 ul {
  display: flex;
  justify-content: space-between;
  height: 0.88rem;
  line-height: 0.88rem;
  border-bottom: 1px solid #e7e7e7;
}
.share-nav-1 li {
  flex: 1;
  text-align: center;
  height: 100%;
  position: relative;
}
.share-nav-1 li span {
  color: #999;
  font-size: 0.3rem;
  position: relative;
}
.share-nav-1 li span i {
  width: 0.45rem;
  height: 0.21rem;
  position: absolute;
  right: -0.45rem;
  top: -0.52rem;
}
.share-nav-1 li.active span {
  color: #5283ff;
  position: relative;
  font-weight: bold;
}
.share-nav-1 li.active::after {
  content: '';
  width: 0.5rem;
  height: 0.06rem;
  background: #5283ff;
  position: absolute;
  left: 50%;
  bottom: 0;
  margin-left: -0.25rem;
  border-radius: 0.03rem;
}
.m-nav-2 {
  background: #fff;
  position: relative;
  z-index: 1;
}
.m-nav-2 ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 0.83rem;
  line-height: 0.85rem;
  position: relative;
}
.m-nav-2 li {
  flex: 1;
  text-align: center;
  height: 100%;
}
.m-nav-2 li span {
  color: #999;
  position: relative;
}
.m-nav-2 li.active span {
  color: #5283ff;
  position: relative;
}
.m-nav-2-1 {
  width: 100%;
  background: #fff;
  position: absolute;
  left: 0;
  top: 0.83rem;
  z-index: 30;
}
.m-nav-2-1 p {
  height: 0.87rem;
  line-height: 0.87rem;
  border-top: 1px solid #e7e7e7;
  text-align: center;
  color: #000;
  font-size: 0.26rem;
}
.m-nav-2-1 p.active {
  color: #5283ff;
}
/* 海报列表 */
.g-pList-wrap {
  padding: 0.3rem;
  position: relative;
}
.m-pList-1 {
  display: flex;
  flex-wrap: wrap;
}
.m-pList-1 li {
  width: 30.5%;
  margin-right: 4%;
  margin-bottom: 0.25rem;
}
.m-pList-1 li:nth-of-type(3n) {
  margin-right: 0;
}
.m-pList-1 li .con {
  width: 100%;
  height: 3.73rem;
  position: relative;
  overflow: hidden;
  border-radius: 0.08rem;
}
.m-pList-1 li .con img {
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
}
.m-pList-1 li .con .prev {
  width: 0.71rem;
  height: 0.71rem;
  text-align: center;
  line-height: 1.2;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 50%;
  overflow: hidden;
}
.m-pList-1 li .con .prev span {
  color: #fff;
  display: block;
  padding: 0.1rem 0.08rem 0;
  font-size: 0.22rem;
}
.m-pList-1 li .con p {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #fff;
  font-size: 0.22rem;
  text-align: center;
  height: 0.44rem;
  line-height: 0.44rem;
  background: rgba(0, 0, 0, 0.6);
  position: absolute;
  left: 0;
  bottom: 0;
}
.m-pList-1 li .title {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #666;
  font-size: 0.22rem;
  text-align: center;
  height: 0.44rem;
  line-height: 0.44rem;
}
.m-pList-1 li .info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 0.12rem;
  flex-wrap: wrap;
}
.m-pList-1 li .info > p {
  color: #fb4444;
}
.m-pList-1 li .info > p span {
  font-size: 0.22rem;
}
.m-pList-1 li .info > p em {
  font-size: 0.28rem;
  font-weight: bold;
}
.m-pList-1 li .info > span {
  white-space: nowrap;
  font-size: 0.2rem;
  color: #5283ff;
  padding: 0 0.08rem;
  height: 0.3rem;
  line-height: 0.32rem;
  border: 1px solid #5283ff;
  border-radius: 0.04rem;
}
/*.prev-box { display: none; }*/
.m-picBox-1 {
  width: 85%;
  position: fixed;
  left: 0;
  right: 0;
  top: -0.95rem;
  bottom: 0;
  margin: auto;
  z-index: 5;
}
.m-picBox-1 > p,
.m-picBox-1 > p img {
  height: 100%;
}
.m-picBox-1 > p img {
  border: 0;
  display: block;
}
.m-pay-1 {
  width: 100%;
  height: 1rem;
  background: #fff;
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 5;
  display: none;
}
.m-pay-1 ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.2rem 0.3rem;
}
.m-pay-1 ul li.info {
  color: #999;
}
.m-pay-1 ul li.info strong {
  color: #ff696a;
  padding-left: 0.1rem;
}
.m-pay-1 ul li.info strong i {
  font-style: normal;
  font-size: 0.38rem;
}
.m-pay-1 ul li.info strong em {
  font-weight: normal;
  margin-right: 0.1rem;
}
.m-pay-1 ul li.btn {
  width: 1.75rem;
  color: #fff;
  font-size: 0.28rem;
  height: 0.64rem;
  line-height: 0.64rem;
  text-align: center;
  background: #5283ff;
  border-radius: 0.08rem;
}
.prev-box .m-picBox-1 > div {
  display: none;
}
.prev-box.noPay .m-picBox-1 > p img {
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
}
.u-more-1 {
  text-align: center;
  padding: 0.2rem 0;
  font-size: 0.26rem;
}
.u-mask-2 {
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  text-indent: -99999px;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 0;
}
.mask-rgb {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  text-indent: -99999px;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 8;
}
/* 分享文章页面样式 */
.symptoms-sort-list .swiper-wrapper {
  display: flex;
  align-items: center;
  padding: 0 0.25rem;
}
/* .symptoms-sort-list .swiper-wrapper::-webkit-scrollbar { width: 0 !important } */
.symptoms-sort-list {
  background-color: #fff;
  height: 1.05rem;
  position: relative;
}
.symptoms-sort-list .add-vidNav {
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  text-align: center;
  vertical-align: top;
  padding: 0rem 0.2rem;
  height: 0.95rem;
  width: 0.5rem;
  padding-top: 4px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  box-shadow: -2px 0px 18px rgba(33, 33, 33, 0.05);
  color: #999999;
  z-index: 88;
}
.symptoms-sort-list .vidOtherNav {
  top: 1.05rem;
}
.symptoms-sort {
  height: 1.02rem;
  border-bottom: 1px solid #e7e7e7;
}
.symptoms-sort .swiper-slide {
  display: inline-block;
  text-align: center;
  width: auto;
  margin-right: 0.45rem;
}
.symptoms-sort a {
  height: 0.95rem;
  line-height: 1.05rem;
  color: #333333;
  font-size: 0.26rem;
  position: relative;
}
.symptoms-sort .on a:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  height: 3px;
  background: #5283ff;
  display: block;
  width: 100%;
  border-radius: 6px;
}
.symptoms-sort .on a {
  display: block;
  font-size: 0.26rem;
  height: 1.02rem;
  line-height: 1.05rem;
  color: #5283ff;
  position: relative;
}
/* 二级分类 */
.symptoms-subsort {
  height: 0.66rem;
  line-height: 0.66rem;
  border-bottom: 1px solid #dcdcdc;
  overflow: inherit !important;
  -webkit-box-shadow: 0 0 2px #e9e9e9;
  box-shadow: 0 0 2px #e9e9e9;
}
.symptoms-subsort .swiper-slide {
  display: inline-block;
  width: auto;
  padding: 0 0.25rem;
}
.symptoms-subsort a {
  display: inline-block;
  color: #666;
  height: 0.66rem;
  line-height: 0.66rem;
  box-sizing: border-box;
  font-size: 0.26rem;
  /* margin-top: 1px; */
}
.symptoms-subsort .on a {
  border-bottom: 2px solid #3caafa;
  color: #3caafa;
}
.health-con {
  padding: 0.2rem 0;
}
.health-con-hd {
  padding: 0.1rem 0;
  line-height: 0.35rem;
  border-bottom: 1px solid #dcdcdc;
  font-size: 0.32rem;
}
.health-con-hd a {
  float: right;
  font-size: 0.22rem;
  line-height: 0.35rem;
}
.health-con-hd .iconfont {
  margin-right: 0.1rem;
}
.health-knowledge-hd {
  color: #099af1;
}
.health-treatment-hd {
  color: #59cea5;
}
.health-con-items:last-child {
  border-bottom: none;
}
.health-con-items {
  display: -webkit-flex;
  display: flex;
  padding: 0.24rem 0;
  border-bottom: 0.02rem solid #EEEEEE;
}
.health-con-items-txt {
  flex: 1;
  overflow: hidden;
  margin-left: 0.24rem;
}
.health-con-items-txt h4 {
  height: 0.8rem;
  font-weight: 400;
  font-size: 0.28rem;
  color: #333333;
  line-height: 0.4rem;
  text-align: justify;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.health-con-items-txt p:nth-of-type(1) {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 0.16rem;
  font-weight: 400;
  font-size: 0.24rem;
  color: #CCCCCC;
  line-height: 0.32rem;
}
.health-con-items-txt p span {
  display: inline-block;
  padding: 0 0.12rem;
  line-height: 1.5;
  border: 1px solid #f53c2d;
  color: #f53c2d;
  border-radius: 0.1rem;
  font-size: 0.2rem;
  height: 0.37rem;
  line-height: 0.37rem;
}
.health-con-items:nth-child(2n) .health-con-items-txt p span {
  border: 1px solid #f53c2d;
  color: #f53c2d;
}
.health-con-items:nth-child(2n + 1) .health-con-items-txt p span {
  border: 1px solid #9682fa;
  color: #9682fa;
}
.health-con-items-img {
  position: relative;
  overflow: hidden;
  width: 1.92rem;
  height: 1.32rem;
  border-radius: 0.08rem;
}
.health-con-items-img a {
  display: block;
  width: 1.92rem;
  height: 1.32rem;
  border-radius: 0.08rem;
  -webkit-background-size: 100%;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #f6f5fa;
}
.health-con-items-img img {
  max-width: 100%;
  max-height: 100%;
  border-radius: 0.2rem;
}
.health-con-items-img .health-con-tag {
  position: absolute;
  top: 0;
  right: 0;
  background: linear-gradient(270deg, #fd373e 0%, #fe6857 100%);
  border-radius: 0rem 0.12rem 0rem 0.24rem;
  color: #fff;
  padding: 0.04rem 0.08rem;
  font-size: 0.2rem;
}
/* 相关知识&相关治疗切换 */
.health-tab-hd {
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  padding: 0.38rem 0;
}
.health-tab-hd span {
  height: 0.6rem;
  line-height: 0.6rem;
  color: #0096f0;
  border: 1px solid #0096f0;
  background-color: #fff;
  padding: 0 0.2rem;
  margin-left: -1px;
  font-size: 0.3rem;
}
.health-tab-hd span .iconfont {
  margin-right: 0.1rem;
}
.health-tab-hd span:first-child {
  border-radius: 0.06rem 0 0 0.06rem;
}
.health-tab-hd span:last-child {
  border-radius: 0 0.06rem 0.06rem 0;
}
.health-tab-hd span.on {
  background-color: #0096f0;
  color: #fff;
}
.health-tab-bd {
  padding: 0 0.2rem;
}
.health-tab-con {
  display: none;
}
.health-tab-bd .health-con-items {
  margin-top: 0;
  margin-bottom: 0.22rem;
}
/**搜索样式 start**/
.hz-search {
  z-index: 9;
  background: #5283ff;
  position: relative;
  justify-content: space-between;
  display: flex;
  padding: 0.2rem 0;
  align-items: center;
  width: 100%;
}
.hz-search input {
  width: 100%;
  line-height: 0.75rem;
  height: 0.75rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 6px;
  font-size: 0.28rem;
  background: #fff;
  padding: 0.05rem;
  padding-left: 0.95rem;
  margin-left: 0.25rem;
}
.hz-search > img {
  width: 0.3rem;
  height: 0.3rem;
  position: absolute;
  top: 0.45rem;
  left: 0.57rem;
}
.hz-search input::-webkit-input-placeholder {
  color: #cacaca;
}
.hz-search button {
  width: 1.5rem;
  height: 0.75rem;
  color: #fff;
  font-size: 0.28rem;
  background: transparent;
  border: none;
}
/**搜索样式 end**/
/* 营销视频页面样式 */
/* 导航 */
.video-nav-1 {
  width: 100%;
  padding: 0 3.5%;
  position: relative;
  transition: background 0.3s;
  background: #ffffff;
  box-sizing: border-box;
  box-shadow: 0px 4px 18px 0px rgba(33, 33, 33, 0.05);
}
.video-nav-1 .Inn {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  overflow-x: auto;
  /* 1 */
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000;
  -webkit-overflow-scrolling: touch;
  /* 2 */
  text-align: justify;
  /* 3 */
}
.video-nav-1 .Inn ul li {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  padding: 2.5vw 2.5vw 3vw;
}
.video-nav-1 .Inn ul li a {
  color: #999999;
  height: 6.5vw;
  line-height: 6.5vw;
  white-space: nowrap;
  display: block;
  font-size: 0.3rem;
  text-align: center;
}
.video-nav-1 .Inn ul li.active a {
  color: #5283ff;
  position: relative;
}
.video-nav-1 .Inn ul li.active a:after {
  content: '';
  border-radius: 0.4vw;
  width: 0.5rem;
  height: 0.8vw;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: -2.8vw;
  background: #5283ff;
  background-size: 100%;
}
.video-nav-1 .Inn ul li:last-child {
  margin-right: 0.7rem;
}
.video-con-1 {
  width: 100%;
  margin: 0 auto;
  background: #ffffff;
}
.video-list {
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
  width: 100%;
  padding: 0.3rem;
}
.video-list dl {
  width: 30.5%;
  position: relative;
  margin-bottom: 0.4rem;
  margin-right: 4.25%;
}
.video-list dl:nth-of-type(3n) {
  margin-right: 0;
}
.video-list dl .pic {
  width: 100%;
  height: 3.15rem;
  overflow: hidden;
  position: relative;
  background: #ffffff;
  border-radius: 0.08rem;
}
.video-list dl .pic img {
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  border-radius: 0.08rem;
}
.video-list dl .pic .bf {
  position: absolute;
  top: 41%;
  width: 0.7rem;
  height: 0.7rem;
  left: 38%;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
}
.video-list dl .prev {
  width: 1.2rem;
  height: 1.2rem;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 50%;
  overflow: hidden;
}
.video-list dl .prev p {
  display: flex;
  color: #fff;
  line-height: 1.4;
  width: 50%;
  margin: 0.24rem auto 0;
}
.video-list dl .info {
  background: #ffffff;
  padding: 0rem 0.44rem 0rem 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.video-list dl .info ul {
  padding-bottom: 0.2rem;
}
.video-list dl .info .createBtn {
  width: 100%;
  height: 0.52rem;
  text-align: center;
  line-height: 0.55rem;
  background: #5283ff;
  color: #fff;
  font-size: 0.24rem;
  border-radius: 0.05rem;
}
.video-list dl .info .text strong {
  display: block;
  color: #ff4444;
  text-align: center;
}
.video-list dl .info .text strong i {
  font-size: 0.32rem;
  font-style: normal;
}
.video-list dl .info .text strong span {
  font-weight: normal;
  margin-right: 0.08rem;
}
.video-list dl .info .text p {
  font-size: 0.26rem;
  color: #999;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-top: 0.12rem;
}
.video-list .noCon {
  width: 80%;
  margin: 1.5rem 0 0 8%;
}
.video-list .noCon > p {
  color: #d3d3d3;
  font-size: 0.32rem;
  text-align: center;
  margin-top: -1rem;
}
.info-tips {
  width: 100%;
  background: #ffffff;
  overflow: HIDDEN;
  padding: 0.1rem 0;
}
.info-tips p {
  color: #333333;
  font-size: 0.26rem;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  margin: 0 auto;
}
/**2021 11 22 获客易1.5.1 营销视频导航优化*/
.video-nav-1 .add-vidNav {
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  text-align: center;
  vertical-align: top;
  padding: 0rem 0.2rem;
  height: 12vw;
  width: 0.5rem;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  box-shadow: -2px 0px 18px rgba(33, 33, 33, 0.05);
  color: #999999;
}
.vidOtherNav {
  position: absolute;
  top: 0.95rem;
  left: 0;
  width: 100%;
  background: #fff;
  z-index: 99;
  overflow: hidden;
}
.vidOtherNav .m-con-0 {
  padding: 0.5rem 0.3rem;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  width: 104%;
}
.vidOtherNav .m-con-0 li {
  padding: 0.1rem 0.2rem;
  background: #f4f5f8;
  border-radius: 4px;
  font-size: 0.25rem;
  color: #666666;
  margin-right: 0.2rem;
  margin-bottom: 0.2rem;
}
/* 营销视频--分享视频页面 */
.vid-loading {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 5;
  display: none;
}
#loadingTime {
  position: fixed;
  left: 0;
  top: 290px;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-size: 0.28rem;
}
.dz-box {
  background: rgba(0, 0, 0, 0.8);
  height: 100%;
}
.dz-box .dz-infos {
  background: #fafafa;
  border-radius: 10px;
  overflow: hidden;
  width: 60%;
  margin: auto;
  position: relative;
  margin-top: 68px;
}
.dz-box .dz-infos .dz-logo {
  padding-top: 15px;
}
.dz-box .dz-infos .dz-code {
  font-size: 0.28rem;
  text-align: center;
  padding-top: 12px;
  position: relative;
}
.dz-box .dz-infos .dz-logo img {
  width: 100%;
  margin: auto;
  display: block;
}
.m-vid-center {
  background: #ffffff;
}
/* 营销视频中的点击视频预览界面 */
.u-suggest-1 {
  position: absolute;
  left: 0.32rem;
  top: 0.22rem;
  z-index: 2;
  text-align: center;
}
.u-suggest-1 em {
  width: 0.6rem;
  height: 0.6rem;
  display: block;
}
.u-suggest-1 p {
  font-size: 0.22rem;
  color: #fff;
  padding-top: 0.03rem;
  background: rgba(0, 0, 0, 0.5);
  padding: 0.07rem 0.22rem;
  border-radius: 0.4rem;
}
.u-sharePic-1 {
  position: absolute;
  width: 70%;
  right: 8%;
  top: 0.2rem;
  display: none;
  z-index: 3;
}
.btm-btm a {
  font-size: 0.26rem;
  border: 1px solid #5283ff;
  padding: 0 0.25rem;
  height: 0.66rem;
  line-height: 0.66rem;
}
a.u-share-1 {
  flex: none;
  margin: 0;
  padding: 0 0.45rem;
}
.m-mode-1 {
  opacity: 0.8;
}
/*我的作品 */
.myworks-tips {
  width: 100%;
  height: 0.83rem;
  background: #fdf6ec;
  align-items: center;
  justify-content: center;
}
.myworks-tips p {
  color: #e6a23c;
  font-size: 0.26rem;
  text-align: center;
  line-height: 0.83rem;
}
.m-myworks-nav {
  height: 0.9rem;
  position: fixed;
  width: 100vw;
  top: 0;
  z-index: 5;
  box-sizing: border-box;
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.13);
  /* border-bottom: 1px solid #e7e7e7; */
}
.m-myworks-nav > div {
  flex: 1;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-direction: column;
  height: 100%;
}
.m-myworks-nav > div h4 {
  font-size: 0.3rem;
  color: #999999;
}
.m-myworks-nav > div span {
  width: 0.5rem;
  height: 0.06rem;
  background: #ffffff;
  border-radius: 3px;
  margin-top: 0.15rem;
}
.m-myworks-nav > div.act span {
  background: #5283ff;
}
.m-myworks-nav > div.act h4 {
  color: #5283ff;
}
.m-myworks-cont-box {
  background: #fff;
  /* padding: .42rem .30rem; */
}
.m-myworks-wzcont-box {
  border-top: 0.2rem solid #f4f5f8;
  overflow-x: hidden;
  background: #f4f5f8;
  padding-bottom: 1rem;
}
.m-myworks-zbtn {
  position: fixed;
  bottom: 0rem;
  width: 100%;
  left: 0;
  /* background: #f4f5f8; */
  z-index: 5;
}
.m-myworks-zbtn a {
  width: 92%;
  text-align: center;
  display: block;
  height: 0.9rem;
  line-height: 0.9rem;
  background: #5283ff;
  font-size: 0.3rem;
  color: #ffffff;
  border-radius: 0.08rem;
  margin: 0.4rem auto;
}
.myworksCont-box {
  /* display: none; */
}
.m-myworks-cont {
  /* margin-top: .9rem; */
}
.m-myworks-cont-box ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
}
.m-myworks-cont-box ul li {
  width: 30.5%;
  height: 2.16rem;
  background: #ffffff;
  /*margin-right:.03rem;*/
  margin-right: 4.25%;
  margin-bottom: 0.3rem;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  border-radius: 0.08rem;
}
.m-myworks-cont-box ul li:nth-of-type(3n) {
  margin-right: 0;
}
.m-myworks-cont-box ul li.myworks-addvideo {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  background: #f6f6f6;
}
.m-myworks-cont-box ul li.myworks-addvideo .upLoad_icon {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.m-myworks-cont-box ul li.myworks-addvideo .upLoad_icon > i {
  width: 0.7rem;
  height: 0.7rem;
}
.m-myworks-cont-box ul li.myworks-addvideo .upLoad_icon > a {
  margin-top: 0.2rem;
  color: #999999;
  font-size: 0.26rem;
}
.m-myworks-cont-box ul li.myworks-addvideo .input-btn {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  margin: 0;
}
.m-myworks-cont-box ul li.myworks-addvideo .input-btn > input {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: absolute;
}
.myworks-topRBox {
  position: absolute;
  top: 0;
  right: 0;
  width: 0.91rem;
  height: 0.83rem;
}
.myworks-btnGroup {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0.65rem;
  background: -webkit-gradient(linear, left bottom, left top, from(#303030), to(transparent));
  background: -webkit-linear-gradient(bottom, #303030, transparent);
  background: linear-gradient(0deg, #303030, transparent);
  border-radius: 0 0 0.08rem 0.08rem;
}
.m-myworks-eidt {
  position: absolute;
  bottom: 0.1rem;
  left: 0.1rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.m-myworks-del {
  position: absolute;
  bottom: 0.1rem;
  right: 0.1rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.m-myworks-eidt i,
.m-myworks-del i {
  width: 0.25rem;
  height: 0.25rem;
}
.m-myworks-eidt i img,
.m-myworks-del i img {
  display: block;
}
.m-myworks-eidt span,
.m-myworks-del span {
  font-size: 0.24rem;
  color: #ffffff;
  margin-left: 0.08rem;
}
.m-myworks-wzcont-box ul li {
  padding: 0.3rem;
  background: #ffffff;
  margin-bottom: 0.2rem;
}
.m-myworks-wzcont-box ul li:last-child {
  margin-bottom: 0;
}
.wzcont-top-fl {
  width: 1.68rem;
  flex-shrink: 0;
  border-radius: 0.06rem;
  overflow: hidden;
}
.wzcont-top-fr {
  margin-left: 0.3rem;
  flex: 1;
  width: 100%;
  overflow: hidden;
}
.wzcont-top-fr h4 {
  font-size: 0.32rem;
  color: #000000;
  font-weight: bold;
  height: 0.45rem;
  line-height: 0.45rem;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: break-all;
  display: block;
}
.wzcont-top-fr p {
  font-size: 0.24rem;
  color: #666666;
  margin-top: 0.08rem;
  max-height: 0.7rem;
  overflow: hidden;
  width: 100%;
  text-overflow: initial;
  display: block;
  text-overflow: -o-ellipsis-lastline;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.wzcont-top {
  display: flex;
  align-items: center;
  padding-bottom: 0.3rem;
  border-bottom: 1px solid #e7e7e7;
}
.wzcont-botom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 0.3rem;
}
.wzcont-botom span {
  font-size: 0.26rem;
  color: #999999;
}
.wzcont-botom-fl {
  display: flex;
  align-items: center;
}
.wzcont-botom-fl .share-tips {
  border: 1px solid #5283ff;
  padding: 0.09rem 0.2rem;
  border-radius: 0.06rem;
  font-size: 0.2rem;
  color: #5283ff;
  margin-left: 0.2rem;
}
.wzcont-botom-fl .cg-tips {
  padding: 0.11rem 0.3rem;
  background: #5283ff;
  border-radius: 0.06rem;
  font-size: 0.2rem;
  color: #ffffff;
  margin-left: 0.2rem;
}
.wzcont-botom-fr {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.wzcont-botom-fr > div:first-child {
  margin-right: 0.4rem;
}
.wzcont-botom-fr > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.wzcont-botom-fr i {
  width: 0.28rem;
  height: 0.28rem;
}
.wzcont-botom-fr i img {
  display: block;
}
.wzcont-botom-fr p {
  font-size: 0.26rem;
  color: #999999;
  margin-left: 0.1rem;
}
.myworks-imgBox {
  width: 80%;
  margin: 0 auto;
}
.myworks-noData {
  padding-top: 1rem;
}
.myworks-noData p {
  font-size: 0.34rem;
  color: #999999;
  text-align: center;
  margin-top: -0.8rem;
}
.myworks-noData a {
  display: block;
  width: 3rem;
  height: 0.55rem;
  line-height: 0.56rem;
  padding: 0.1rem 0.3rem;
  text-align: center;
  color: #ffffff;
  background: #5283ff;
  margin: 0 auto;
  margin-top: 0.3rem;
  border-radius: 0.05rem;
  font-size: 0.3rem;
}
.vid-del-dialog {
  width: 70%;
  height: 25%;
  display: none;
  position: fixed;
  left: 15%;
  top: 30%;
  border-radius: 0.2rem;
  z-index: 10;
  background-color: #ffffff;
}
.del-title {
  padding: 0.35rem 0.5rem;
}
.del-title h4 {
  font-size: 0.32rem;
  color: #333333;
  text-align: center;
  font-weight: bold;
}
.del-title p {
  font-size: 0.25rem;
  text-align: center;
  color: #666666;
  margin-top: 0.35rem;
}
.del-btnGroup {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 0.4rem;
  margin-top: 0.2rem;
}
.del-btnGroup a {
  flex: 1;
  padding: 0.1rem 0;
  text-align: center;
  font-size: 0.28rem;
  color: #333333;
  border-radius: 0.05rem;
}
.del-btnGroup a.cacelBtn {
  margin-right: 0.35rem;
  border: 1px solid #dedede;
}
.del-btnGroup a.sureBtn {
  background: #5283ff;
  color: #ffffff;
}
/* 文章修改页面样式 */
.article-bg-warp {
  background: #f5f5f5;
}
.article-top {
  background: #f5f5f5;
  padding: 0.3rem;
  position: relative;
}
.article-top ul {
  display: flex;
}
.article-top ul li {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.article-top ul li.active > div {
  background: #dee7fc;
}
.article-top ul li.active > div > i {
  background: #5283ff;
  color: #ffffff;
}
.article-top ul li > div {
  width: 0.52rem;
  height: 0.52rem;
  background: #dddfe1;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
}
.article-top ul li > div > i {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.4rem;
  height: 0.4rem;
  background: #ffffff;
  border-radius: 50%;
  font-style: normal;
  color: #dddfe1;
  font-size: 0.23rem;
  font-weight: bold;
  text-align: center;
}
.article-top ul li > span {
  font-size: 0.22rem;
  color: #666666;
  margin-top: 0.1rem;
}
.article-line {
  position: absolute;
  height: 0.04rem;
  background: #dddfe1;
  width: 22%;
  display: block;
  top: 0.53rem;
}
.line1 {
  left: 1.2rem;
}
.line2 {
  left: 2.9rem;
}
.line3 {
  right: 1.2rem;
}
.article-top ul > div.active {
  background: #5283ff;
}
.article-rpe {
  background: #ffffff;
  padding: 0.49rem 0.3rem;
}
.article-rpe h3 {
  font-size: 0.3rem;
  color: #333333;
}
.article-rpe > div {
  width: 100%;
  margin-top: 0.3rem;
}
.article-rpe > p {
  line-height: 1.25;
  padding-top: 0.3rem;
}
.article-rpe input {
  height: 0.3rem;
  line-height: 0.3rem;
  border: 1px solid #e7e7e7;
  padding: 0.2rem 0;
  width: 100%;
  text-indent: 0.15rem;
  border-radius: 6px;
}
.article-tips {
  margin-top: 0.2rem;
  background: #ffffff;
  padding: 0.4rem 0.3rem;
}
.article-tips-top {
  display: flex;
  align-items: center;
  font-size: 0.26rem;
}
.article-tips-top > i {
  margin-right: 0.14rem;
}
.article-tips-top > i img {
  width: 0.24rem;
  height: 0.24rem;
}
.article-tips-top > span {
  color: #666666;
}
.article-tips-top > p {
  color: #999999;
}
.article-tips-center {
  margin: 0.3rem 0 0;
  background: #f5f5f5;
}
.article-tips-center h3 {
  font-size: 0.26rem;
  color: #555;
  text-align: center;
  padding: 0.3rem 0 0;
}
.article-tips-center ul {
  display: flex;
  align-items: center;
  padding-top: 0.32rem;
  width: 95%;
  margin: 0 auto;
}
.article-tips-center ul li {
  display: flex;
  align-items: center;
  width: 36.5%;
}
.article-tips-center ul li:nth-last-of-type(1) {
  width: 27%;
}
.article-tips-center ul li:nth-last-of-type(1) > img {
  width: 100%;
}
.article-tips-center ul li > img {
  width: 74%;
}
.article-tips-center ul li > span {
  width: 26%;
}
.article-tips-center ul li > span img {
  width: 60%;
  margin: 0 auto;
}
.article-tips-bottom {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.28rem 0;
  color: #5283ff;
  background: #f5f5f5;
}
.article-tips-bottom > img {
  margin-right: 0.08rem;
  width: 0.21rem;
  height: 0.21rem;
}
.article-btn {
  padding: 0 0.24rem;
  margin: 0.65rem auto;
}
.article-btn > a {
  width: 100%;
  height: 0.9rem;
  background: #5283ff;
  border-radius: 0.1rem;
  display: block;
  line-height: 0.9rem;
  text-align: center;
  color: #ffffff;
  font-size: 0.3rem;
}
.warp-imgBox {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 5;
  /* text-indent: -99999px; */
  background-color: rgba(0, 0, 0, 0.5);
  /* display: none; */
}
.warp-imgBox-cont {
  padding: 0.3rem;
  height: 100%;
  overflow-y: auto;
  padding-bottom: 0.5rem;
}
.article-bg-warp .ql-xg-box {
  background: #ffffff;
}
.page-top {
  padding: 0.3rem 0.3rem;
}
.article-bg-warp .ql-xg-title {
  margin-bottom: 0.3rem;
}
.article-bg-warp .ql-xg-title h3 {
  font-size: 0.3rem;
  color: #333333;
}
.article-bg-warp .ql-xg input {
  border: 1px solid #e7e7e7;
  border-radius: 6px;
  box-shadow: none;
  height: 0.76rem;
  color: #666666;
  width: 100%;
  padding: 0.2rem;
  box-sizing: border-box;
}
.page-center {
  background: #f5f5f5;
  height: 0.2rem;
  width: 100%;
}
.article-bg-warp .ql-xg p {
  font-size: 0.2rem;
  color: #666666;
  margin-top: 0.22rem;
}
.article-bg-warp .ql-xg p > a {
  color: #5283ff;
  font-size: 0.22rem;
  margin-left: 0.1rem;
}
#content {
  width: 100%;
  border: 1px solid #e7e7e7;
  border-radius: 6px;
  min-height: 1.5rem;
  padding: 0.2rem 0;
}
.ql-xg-btn {
  position: fixed;
  bottom: 0.2rem;
  left: 0;
  width: 100%;
  z-index: 2;
}
.ql-xg-btn .sub {
  width: 92%;
  display: block;
  margin: 0 auto;
  height: 0.9rem;
  background: #5283ff;
  border-radius: 0.1rem;
  color: #ffffff;
  font-size: 0.3rem;
}
.page-bottom {
  padding: 0.25rem 0.3rem;
  background: #ffffff;
  margin-bottom: 1.35rem;
}
.fw-head {
  padding: 0.3rem 0.3rem;
  background: #ffffff;
}
.fw-jz > h2 {
  font-size: 0.3rem;
  color: #333333;
}
.fw-tx-box {
  width: 100%;
  margin-top: 0.3rem;
}
.fw-tx-box > textarea {
  border: 1px solid #e7e7e7;
  border-radius: 6px;
  padding: 0.25rem 0.2rem;
  width: 94%;
  min-height: 1.2rem;
  outline: none;
}
.fw-center {
  background: #ffffff;
  padding: 0.25rem 0.3rem;
  margin-top: 0.2rem;
}
.fw-title {
  display: flex;
  align-items: center;
}
.fw-title > h3 {
  font-size: 0.3rem;
  color: #333333;
}
.fw-title > p {
  font-style: normal;
  font-size: 0.22rem;
  color: #999999;
  margin-left: 0.15rem;
}
.img-select {
  margin-top: 0.3rem;
  padding: 0.4rem 0.3rem;
  border: 1px solid #e7e7e7;
  border-radius: 6px;
}
.se-first {
  height: 3.125rem;
  border-radius: 50%;
  position: relative;
  margin-top: 2.1875rem;
  width: 3.125rem;
}
.img-set {
  margin-top: 0.4rem;
}
.img-set ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 0;
  position: relative;
  width: 104%;
  height: auto;
  overflow: hidden;
}
.img-set ul li {
  clear: both;
  border: none;
  border-radius: 0;
  width: 1.92rem;
  height: 1.42rem;
  margin: 0;
  overflow: hidden;
  position: relative;
  margin-bottom: 0.2rem;
  margin-right: 0.23rem;
}
.img-set ul li .mask_a {
  position: absolute;
  top: 0;
  right: 0;
  width: 0.32rem;
  height: 0.32rem;
  background-size: 100%;
}
.fw-tips-center {
  margin: 0.3rem auto;
  display: flex;
  align-items: center;
  background: #f5f5f5;
  padding: 0.2rem;
}
.fw-tips-center > img {
  width: 3.55rem;
}
.feedback-form-1 {
  background: #fff;
}
.u-uploadPic-1 {
  width: 100%;
  margin-top: 0.42rem;
  overflow: hidden;
}
.u-uploadPic-1 img {
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.1rem;
  margin-bottom: 0.2rem;
}
.select-1 {
  display: flex;
  justify-content: space-between;
}
.u-tit-1 {
  display: flex;
}
.u-tit-1 span {
  color: #ff6969;
  margin-right: 0.1rem;
  margin-left: -0.17rem;
}
.feedback-form-1 h2 {
  text-align: center;
  color: #333;
  font-size: 0.28rem;
  padding-top: 0.5rem;
  font-weight: bold;
}
.feedback-form-1 > form {
  padding-top: 0.3rem;
  padding-bottom: 0.7rem;
}
.feedback-inputBox-1 {
  position: relative;
  padding: 0 0.4rem;
  height: 1.09rem;
  font-size: 0.28rem;
  border-bottom: 1px solid #e7e7e7;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.feedback-inputBox-1 > .con {
  width: 70%;
}
.feedback-inputBox-1 > .con input {
  width: 100%;
  height: 1.09rem;
}
.feedback-inputBox-2 {
  box-sizing: border-box;
  padding: 0.45rem 0.4rem 0;
  height: 2.67rem;
  font-size: 0.28rem;
  border-bottom: 1px solid #e7e7e7;
  display: flex;
  justify-content: space-between;
}
.feedback-inputBox-2 > .con {
  width: 70%;
}
.feedback-inputBox-2 > .con textarea {
  display: block;
  line-height: 1.6;
  width: 100%;
  height: 1.3rem;
  border: 0 none;
  font-size: 0.28rem;
}
.feedback-inputBox-2 > .con span {
  display: block;
  text-align: right;
  color: #999;
  margin-top: 0.3rem;
}
.feedback-inputBox-3 {
  position: relative;
  padding: 0.4rem 0.4rem 0.52rem;
  font-size: 0.28rem;
}
.feedback-inputBox-3 .u-tit-1 {
  justify-content: space-between;
}
.feedback-inputBox-3 .u-tit-1 p {
  width: 70%;
  color: #d4d4d4;
}
.m-submit-1 {
  width: 90%;
  margin: 0.7rem auto 0;
}
.m-submit-1 p {
  width: 100%;
  height: 0.9rem;
  line-height: 0.92rem;
  border-radius: 0.08rem;
  color: #fff;
  text-align: center;
  font-size: 0.3rem;
  background: #5283ff;
  overflow: hidden;
}
.m-popBox-1 {
  width: 100%;
  height: 50%;
  box-sizing: border-box;
  padding: 0 0.25rem;
  position: fixed;
  left: 0;
  bottom: 0;
  background: #fff;
  border-radius: 0.2rem 0.2rem 0 0;
  z-index: 25;
}
.m-popBox-1 .close {
  position: absolute;
  right: 0.28rem;
  top: 0.12rem;
  font-size: 0.5rem;
  color: #999;
}
.u-title-2 {
  color: #333;
  font-size: 0.34rem;
  padding-top: 0.25rem;
  display: flex;
}
.u-title-2 i {
  font-size: 0.35rem;
  color: #333;
  margin-right: 0.1rem;
}
.m-radio-1 {
  height: 80%;
  padding-top: 0.3rem;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.m-radio-1 .itemBox {
  display: flex;
  align-items: center;
  padding: 0.2rem 0;
}
.m-radio-1 .itemBox .radio-name {
  vertical-align: middle;
  font-size: 0.34rem;
  color: #333;
  flex: 1;
}
.m-radio-1 .itemBox .radio-beauty {
  width: 0.4rem;
  height: 0.4rem;
  box-sizing: border-box;
  display: inline-block;
  border: 1px solid #9b9b9b;
  vertical-align: middle;
  margin: 0 0.15rem 0 0.06rem;
  border-radius: 50%;
}
.m-radio-1 .itemBox img {
  width: 0.5rem;
  height: 0.5rem;
  margin-right: 0.1rem;
}
.vid-loading {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 15;
  display: none;
}
#loadingTime {
  position: fixed;
  top: 290px;
  right: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-size: 0.28rem;
}
.dz-box {
  background: rgba(0, 0, 0, 0.8);
  height: 100%;
}
.dz-box .dz-infos {
  background: #fafafa;
  border-radius: 10px;
  overflow: hidden;
  width: 60%;
  margin: auto;
  position: relative;
  margin-top: 68px;
}
.dz-box .dz-infos .dz-logo {
  padding-top: 15px;
}
.dz-box .dz-infos .dz-code {
  font-size: 0.28rem;
  text-align: center;
  padding-top: 12px;
  position: relative;
}
.dz-box .dz-infos .dz-logo img {
  width: 100%;
  margin: auto;
  display: block;
}
.m-vid-center {
  background: #ffffff;
}
.m-vid-c-box {
  width: 3.95rem;
  margin: 0 auto;
  position: relative;
  padding: 0.5rem 0;
}
.m-vid-form {
  padding: 0 0.3rem 0.7rem;
}
.vid-form-item {
  display: flex;
  margin-bottom: 0.3rem;
  align-items: center;
}
.vid-form .vid-form-item:nth-child(2) {
  margin-bottom: 0;
}
.vid-form-item > label {
  margin-right: 0.3rem;
  font-size: 0.3rem;
  color: #333333;
  align-items: center;
}
.vid-form-item:nth-child(2) > label {
  align-self: flex-start;
}
.item-putbox {
  position: relative;
  flex: 1;
  display: flex;
}
.item-putbox input {
  flex: 1;
  width: 100%;
  height: 0.7rem;
  line-height: 0.7rem;
  font-size: 0.3rem;
  color: #333333;
  background: transparent;
  border: 1px solid #e7e7e7;
  border-radius: 0.05rem;
  text-indent: 0.15rem;
  outline: none;
}
.item-putbox textarea {
  flex: 1;
  width: 100%;
  height: 2.15rem;
  font-size: 0.3rem;
  color: #333333;
  background: transparent;
  border: 1px solid #e7e7e7;
  border-radius: 0.05rem;
  padding: 0.15rem;
  outline: none;
  font-family: normal;
}
.item-putbox span {
  position: absolute;
  bottom: 0.05rem;
  right: 0.1rem;
  font-size: 0.22rem;
  color: #999999;
}
.item-putbox span em {
  font-size: 0.22rem;
  color: #999999;
}
.m-vid-bottom {
  margin-top: 0.23rem;
  margin-bottom: 0.52rem;
  width: 100%;
}
.m-vid-bottom > p {
  color: #999999;
  font-size: 0.24rem;
  text-align: center;
}
.m-vid-share-box {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 85%;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: hidden;
  margin-bottom: 0.45rem;
  background-color: rgba(0, 0, 0, 0.5);
}
.m-vid-btn {
  padding: 0 0.3rem;
  bottom: 0rem;
  width: 92%;
  margin: 0 auto;
  z-index: 9;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.chose-video-btn {
  margin-right: 0.2rem;
}
.m-vid-btn .chose-video-btn {
  background: #e7e7e7;
}
.m-vid-btn .chose-video-btn > a {
  color: #666666;
}
.chose-video-btn,
.great-video-btn {
  flex: 1;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #5283ff;
  border-radius: 0.1rem;
}
.chose-video-btn > i,
.great-video-btn > i {
  width: 0.28rem;
  height: 0.28rem;
  margin-right: 0.1rem;
  margin-top: -0.02rem;
}
.chose-video-btn > a,
.great-video-btn > a {
  display: block;
  height: 0.9rem;
  line-height: 0.9rem;
  text-align: center;
  font-size: 0.3rem;
  color: #ffffff;
}
.chose-video-btn > a.input-btn {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0.9rem;
  line-height: 0.9rem;
  display: block;
}
/* 支付页面 */
.m-topNav {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 999;
}
.pay-con li {
  display: flex;
  flex-direction: column;
  position: relative;
  border: 1px solid #e7e7e7;
  border-radius: 0.08rem;
  width: 92%;
  margin: 0.2rem auto;
  padding: 0.3rem;
  box-sizing: border-box;
}
.pay-con .pay-top {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 98%;
}
.pay-con .pay-tips {
  width: 86%;
  font-size: 0.25rem;
}
.pay-con .pay-top .title {
  display: flex;
  flex-direction: row;
  align-items: center;
  /* margin-bottom: .2rem; */
}
.pay-con .pay-top .price {
  color: #8b5939;
  font-size: 0.45rem;
  font-weight: bold;
}
.pay-con .pay-top .price span {
  font-size: 0.24rem;
}
.pay-con .pay-top .title h3 {
  font-size: 0.36rem;
  color: #333;
  margin-right: 0.2rem;
  font-weight: bold;
}
.pay-con .selected-img {
  width: 0.93rem;
  height: 0.93rem;
  position: absolute;
  right: 0;
  top: 0;
}
.pay-con .pay-top .title em {
  color: #fff;
  background-color: #fb4444;
  padding: 0.05rem 0.16rem;
  border-radius: 0.06rem;
  font-size: 0.24rem;
}
.commit-payorder {
  width: 100%;
  position: fixed;
  left: 0;
  bottom: 0;
  background: #343434;
  color: #fb4444;
  text-align: center;
  padding: 0.2rem 0;
  font-weight: bold;
  font-size: 0.32rem;
  font-weight: 500;
  z-index: 40;
}
.package-nums {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  margin-top: 0.1rem;
}
.package-nums div {
  background: #343434;
  color: #fff;
  padding: 0.03rem 0.2rem;
  font-size: 0.25rem;
}
.package-nums1 {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.package-nums1 .month-block {
  padding: 0.02rem 0.25rem;
  font-size: 0.26rem;
  margin-right: 0.1rem;
  border-radius: 0.1rem;
  background: #eee;
  color: #615f5f;
}
.month-active-block {
  background: #fb4444 !important;
  color: #fff !important;
}
.package-nums1 div.nums-plus,
.package-nums1 div.nums-del {
  background: #fb4444;
  color: #fff;
  padding: 0.01rem 0.2rem;
  font-size: 0.2rem;
}
.package-nums .nums-plus,
.package-nums1 .nums-plus {
  border-top-left-radius: 0.1rem;
  border-bottom-left-radius: 0.1rem;
}
.package-nums .nums-del,
.package-nums1 .nums-del {
  border-top-right-radius: 0.1rem;
  border-bottom-right-radius: 0.1rem;
}
.package-nums .num {
  color: #343434;
  font-size: 0.3rem;
  margin: 0 0.2rem;
}
.package-nums1 .num {
  margin: 0 0.2rem;
}
.unclik-package {
  background: #e6e6e6;
}
.unclik-package .pay-con .pay-top .title h3 {
  color: #848484 !important;
}
/* 填写订单 ,.unclik-package .pay-con .pay-top .price,.unclik-package .pay-con .pay-tips*/
.pay-order ul {
  width: 100%;
  background: #fff;
  margin: 0.2rem 0;
  padding: 0.2rem;
  box-sizing: border-box;
  color: #000;
}
.pay-order ul li {
  margin: 0.24rem 0;
  font-size: 0.25rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  font-size: 0.28rem;
}
.pay-order ul li span {
  font-weight: bold;
}
.pay-order ul li .right-icon {
  width: 0.22rem;
  height: 0.22rem;
}
.red-color {
  color: #d44425;
}
.pay-order .go-pay {
  width: 100%;
  height: 1rem;
  background: #fff;
  position: fixed;
  left: 0;
  bottom: 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  z-index: 40;
}
.pay-order .go-pay .pay-price {
  font-size: 0.26rem;
  color: #d44425;
  margin-left: 0.2rem;
}
.pay-order .go-pay .pay-price strong {
  font-size: 0.4rem;
}
.pay-order .go-pay .pay-btn {
  width: 2.8rem;
  height: 100%;
  line-height: 1rem;
  color: #fff;
  font-weight: bold;
  font-size: 0.32rem;
  text-align: center;
  background: #d44425;
}
.no-data {
  width: 50%;
  position: fixed;
  left: 50%;
  margin-left: -25%;
  top: 50%;
  transform: translateY(-50%);
}
.vip-area {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.month-choice {
  width: 92%;
  display: flex;
  height: 0.93rem;
  border: 1px solid #e7e7e7;
  border-radius: 0.08rem;
  overflow: hidden;
  margin: 1.4rem auto 0;
}
.month-choice li {
  flex: 1;
  border-right: 1px solid #e7e7e7;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #999;
  font-weight: bold;
  font-size: 0.28rem;
}
.month-choice li.active {
  background: #dfbd8a;
  color: #543019;
  border: 0 none;
}
.give-month {
  margin-top: 0.06rem;
  color: #a96f57;
  width: 1.03rem;
  height: 0.32rem;
  line-height: 0.32rem;
  background: #feeed2;
  border-radius: 0.1rem 0 0.1rem 0;
  font-size: 0.21rem;
  text-align: center;
}
.month-choice li.active .give-month {
  background: #563119;
  color: #dbb795;
}
.today-situation {
  display: flex;
  justify-content: space-between;
  align-content: center;
}
.today-situation .today-situation-box {
  padding: 0.5rem 0.5rem;
  position: relative;
  width: 33vw;
  background-size: 100%;
  height: calc(33vw * 1.24);
  background-repeat: no-repeat;
  color: #fff;
  box-sizing: border-box;
}
.today-situation .today-situation-box.tsb1 {
  background-image: url('../images/jrgk-ydcs.png');
}
.today-situation .today-situation-box.tsb2 {
  background-image: url('../images/jrgk-fxcs.png');
}
.today-situation .today-situation-box.tsb3 {
  background-image: url('../images/jrgk-khxs.png');
}
.today-situation .today-situation-box .tsb-num {
  font-size: 0.4rem;
  min-height: 0.6rem;
}
.today-situation .today-situation-box .tsb-text {
  font-size: 0.24rem;
}
.today-situation .today-situation-box .tsb-zr {
  font-size: 0.22rem;
  position: absolute;
  bottom: 0.7rem;
}
.today-situation2 {
  margin: 0.2rem 0.3rem;
  padding: 0.3rem 0.3rem;
  display: flex;
  justify-content: space-around;
  align-content: center;
  /* background-image: url("../images/home-jrgk-bg.png"); */
  /* background-size: contain; */
  border: 1px solid #f0f0f0;
  box-shadow: 0rem 0rem 0.28rem 0.02rem rgba(232, 232, 232, 0.36);
  border-radius: 0.2rem;
}
.today-situation2 .ts2-title-wrap {
  display: flex;
  flex-flow: column;
  justify-content: center;
}
.today-situation2 .ts2-title-wrap .ts2-tw-row {
  display: inline-block;
  position: relative;
}
.today-situation2 .ts2-title-wrap .ts2-tw-row .ts2-tw-text {
  display: inline-block;
  position: relative;
  z-index: 10;
  font-weight: bold;
}
.today-situation2 .ts2-title-wrap .ts2-tw-row .ts2-tw-bg {
  height: 4px;
  background-color: #dee4fb;
  position: absolute;
  bottom: 3px;
  left: 0;
  right: 0;
}
.today-situation2 .ts2-value-box {
  text-align: center;
}
.today-situation2 .ts2-value-box .ts2-vb-yesterday {
  font-size: 0.2rem;
  color: #999ba9;
}
.today-situation2 .ts2-value-box .ts2-vb-value {
  font-size: 0.36rem;
  color: #333;
}
.today-situation2 .ts2-value-box .ts2-vb-label {
  font-size: 0.24rem;
  color: #999ba9;
}
.module-card {
  /*margin-top: .2rem;*/
  padding: 0 0.32rem 0.32rem;
}
.module-card .mc-title {
  height: 0.58rem;
  display: flex;
  justify-content: space-between;
  align-content: center;
}
.module-card .mc-title .mc-title-text {
  font-weight: 600;
  font-size: 0.34rem;
  color: #000000;
  line-height: 0.48rem;
}
.module-card .mc-title .mc-title-more {
  font-weight: 400;
  font-size: 0.3rem;
  color: #5283FF;
  line-height: 0.42rem;
  margin-right: 0.24rem;
  padding-top: 0.04rem;
  /* border: 1px solid #999BA9;
    border-radius: 20px; */
}
/* 我要海报列表 */
.module-card .mc-content .g-pList-wrap {
  padding: 0.24rem 0 0 0;
  position: relative;
  width: 100%;
}
.module-card .mc-content .mc-pList-1 {
  display: flex;
  flex-wrap: nowrap;
  overflow: scroll;
  width: 100%;
}
.module-card .mc-content .mc-pList-1 .poster-item .poster-item-title {
  text-align: center;
  margin-top: 0.12rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 1.92rem;
  font-weight: 400;
  font-size: 0.24rem;
  color: #333333;
  line-height: 0.34rem;
}
.module-card .mc-content .mc-pList-1 li {
  margin-right: 0.24rem;
}
.module-card .mc-content .mc-pList-1 li:last-child {
  margin-right: 0%;
}
.module-card .mc-content .mc-pList-1 li .con {
  width: 1.92rem;
  height: 2.88rem;
  position: relative;
  overflow: hidden;
  border-radius: 0.08rem;
}
.module-card .mc-content .mc-pList-1 li .con > img {
  height: 2.88rem;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, 0);
}
.module-card .mc-content .mc-pList-1 li .con .prev {
  width: 0.64rem;
  height: 0.64rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background: rgba(0, 0, 0, 0.35);
  border-radius: 50%;
  overflow: hidden;
}
.mc-video-list dl .pic .item-more,
.module-card .mc-content .mc-pList-1 li .con .item-more {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  margin-top: -0.2rem;
}
.mc-video-list dl .pic .item-more img,
.module-card .mc-content .mc-pList-1 li .con .item-more img {
  width: 0.74rem;
  height: 0.74rem;
}
.mc-video-list dl .pic .item-more span,
.module-card .mc-content .mc-pList-1 li .con .item-more span {
  color: #666666;
  font-weight: 400;
  font-size: 0.22rem;
  line-height: 0.26rem;
  margin-top: -0.02rem;
}
.module-card .mc-content .mc-pList-1 li .con .prev span {
  font-weight: 400;
  font-size: 0.19rem;
  color: #FFFFFF;
  line-height: 0.23rem;
}
.module-card .mc-content .mc-pList-1 li .con p {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #fff;
  font-size: 0.22rem;
  text-align: center;
  height: 0.44rem;
  line-height: 0.44rem;
  background: rgba(0, 0, 0, 0.6);
  position: absolute;
  left: 0;
  bottom: 0;
}
.module-card .mc-content .mc-pList-1 li .info {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 0.12rem;
  flex-wrap: wrap;
}
.module-card .mc-content .mc-pList-1 li .info > p {
  color: #fb4444;
}
.module-card .mc-content .mc-pList-1 li .info > p span {
  font-size: 0.22rem;
}
.module-card .mc-content .mc-pList-1 li .info > p em {
  font-size: 0.28rem;
  font-weight: bold;
}
.module-card .mc-content .mc-pList-1 li .info > span {
  white-space: nowrap;
  font-size: 0.24rem;
  color: #5283ff;
  padding: 0.03rem 0.1rem;
  line-height: 0.32rem;
  border: 1px solid #5283ff;
  border-radius: 0.04rem;
}
.module-card .mc-btn {
  display: flex;
  justify-content: space-around;
  color: #7e8692;
  margin-top: 10px;
  font-size: 0.22rem;
}
.module-card .mc-btn .mc-btn-more {
  width: 56%;
  text-align: center;
  border: 0.02rem solid #e5e7e97a;
  border-radius: 0.08rem;
  padding: 0.08rem 0;
}
.module-card .mc-btn .mc-btn-refresh {
  width: 30%;
  text-align: center;
  border: 0.02rem solid #e5e7e97a;
  border-radius: 0.08rem;
  padding: 0.08rem 0;
}
/* 我要视频列表 */
/* 导航 */
.mc-video-nav-1 {
  width: 100%;
  padding: 0 3.5%;
  border-bottom: 1px solid #e7e7e7;
  transition: background 0.3s;
  background: #ffffff;
  box-sizing: border-box;
}
.mc-video-nav-1 .Inn {
  padding: 0.15rem 0 0;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  overflow-x: auto;
  /* 1 */
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000;
  -webkit-overflow-scrolling: touch;
  /* 2 */
  text-align: justify;
  /* 3 */
}
.mc-video-nav-1 .Inn ul li {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  padding: 0.15rem 0.2rem 0.25rem;
}
.mc-video-nav-1 .Inn ul li a {
  color: #999999;
  white-space: nowrap;
  display: block;
  font-size: 0.3rem;
  text-align: center;
}
.mc-video-nav-1 .Inn ul li.active a {
  color: #5283ff;
  position: relative;
}
.mc-video-nav-1 .Inn ul li.active a:after {
  content: '';
  border-radius: 0.1rem;
  width: 0.5rem;
  height: 0.08rem;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: -0.26rem;
  background: #5283ff;
  background-size: 100%;
}
.mc-video-con-1 {
  width: 100%;
  margin: 0 auto;
  background: #ffffff;
}
.mc-video-list {
  padding: 0.24rem 0rem 0rem 0rem;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  box-sizing: border-box;
  width: 100%;
  overflow-x: auto;
}
.mc-video-list dl {
  position: relative;
  margin-right: 0.24rem;
}
.mc-video-list dl .pic {
  width: 1.92rem;
  height: 2.88rem;
  overflow: hidden;
  position: relative;
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mc-video-list dl .pic > img {
  position: absolute;
  width: 0.64rem;
  height: 0.64rem;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
}
.mc-video-list dl .prev {
  width: 1.2rem;
  height: 1.2rem;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 50%;
  overflow: hidden;
}
.mc-video-list dl .prev p {
  display: flex;
  color: #fff;
  line-height: 1.4;
  width: 50%;
  margin: 0.24rem auto 0;
}
.mc-video-list dl .info {
  background: #ffffff;
  padding: 0rem 0.44rem 0rem 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mc-video-list dl .info ul {
  padding-bottom: 0.2rem;
}
.mc-video-list dl .info .createBtn {
  white-space: nowrap;
  padding: 0.03rem 0.1rem;
  text-align: center;
  line-height: 0.32rem;
  background: #fff;
  color: #5283ff;
  font-size: 0.24rem;
  border: 1px solid #5283ff;
  border-radius: 0.05rem;
}
.mc-video-list dl .info .text strong {
  display: block;
  color: #ff4444;
  text-align: center;
}
.mc-video-list dl .info .text strong i {
  font-size: 0.32rem;
  font-style: normal;
}
.mc-video-list dl .info .text strong span {
  font-weight: normal;
  margin-right: 0.08rem;
}
.mc-video-list dl .info .text p {
  font-size: 0.26rem;
  color: #999;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-top: 0.12rem;
}
.mc-video-list .noCon {
  width: 80%;
  margin: 1.5rem 0 0 8%;
}
.mc-video-list .noCon > p {
  color: #d3d3d3;
  font-size: 0.32rem;
  text-align: center;
  margin-top: -1rem;
}
.mc-video-list .info-tips {
  width: 100%;
  overflow: hidden;
  margin-top: 0.12rem;
}
.mc-video-list .info-tips p {
  color: #333333;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 1.92rem;
  margin: 0 auto;
  font-weight: 400;
  font-size: 0.24rem;
  line-height: 0.34rem;
}
.mc-video-list .mvl-img {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border-radius: 0.08rem;
}
/* no-data */
.ql-no-data {
  padding-top: 1rem;
  text-align: center;
  /* background-color: #F7F9F6; */
}
.ql-no-data .img-box {
  width: 3.9rem;
  /* height: 2.1rem; */
  height: auto;
  margin: 0 auto;
}
.ql-no-data .img-box .img {
  display: block;
  width: 100%;
  height: 100%;
}
.ql-no-data .text-box {
  margin-top: 0.4rem;
  color: #d3d3d3;
  font-size: 0.25rem;
  line-height: 2;
}
.ql-no-data .btn-box {
  overflow: hidden;
  padding: 0.3rem 0.7rem;
  margin-top: 0.5rem;
  text-align: center;
  color: #999999;
  font-size: 0.3rem;
}
.ql-no-data .btn-box .left {
  float: left;
  width: 50%;
}
.ql-no-data .btn-box .right {
  width: 50%;
  float: right;
}
.ql-no-data .btn-box .btn {
  width: 90%;
  border: 1px solid #e7e7e7;
  height: 0.7rem;
  line-height: 0.7rem;
  border-radius: 0.1rem;
}
.ql-no-data .btn-box .right .btn {
  margin-left: 10%;
}
/* mask */
.ql-mask {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 99;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.6);
}
.ql-mask.show {
  display: block;
}
.ql-mask .content {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 80%;
  height: 3.8rem;
  margin-left: -40%;
  margin-top: -1.9rem;
  border-radius: 0.16rem;
  background-color: white;
}
.ql-mask .content .head {
  position: relative;
  height: 1rem;
  line-height: 1rem;
  text-align: center;
}
.ql-mask .content .head .title {
  color: #333333;
  font-size: 0.34rem;
  font-weight: bold;
}
.ql-mask .content .head .right {
  position: absolute;
  top: 0.15rem;
  right: 0.2rem;
}
.ql-mask .content .head .right .img-box {
  width: 0.38rem;
  height: 0.38rem;
}
.ql-mask .content .head .right .img-box .img {
  display: block;
  width: 100%;
  height: 100%;
}
.ql-mask .content .body {
  text-align: center;
  padding: 0 0.4rem;
  color: #333333;
  font-size: 0.3rem;
  margin: 0.2rem 0 0.48rem 0;
}
.ql-mask .content .foot {
  text-align: center;
}
.ql-mask .content .foot .btn {
  display: inline-block;
  height: 0.7rem;
  line-height: 0.7rem;
  border-radius: 0.08rem;
  background-color: #5283ff;
  padding: 0 0.8rem;
  color: white;
  font-size: 0.3rem;
}
.ql-mask .content .foot .btn:hover {
  background-color: #5283ff;
  border-color: #5283ff;
  color: white;
}
/* 搜索条 */
.m-search-1 .select-filter {
  position: absolute;
  top: 0.33rem;
  left: 0.35rem;
}
.m-search-1 > input {
  padding-left: 1.3rem;
}
.m-search-1 .select-filter span {
  display: inline-block;
  margin-left: 0.1rem;
  margin-right: 0.05rem;
}
.m-search-1 .select-filter .img-box {
  display: inline-block;
  width: 0.2rem;
  height: 0.12rem;
}
.m-search-1 .select-filter .img-box .img {
  display: block;
  width: 100%;
  height: 100%;
}
/* mask */
.dialog .ql-masks {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 99;
  /* visibility: hidden;
  bottom: 100%; */
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.6);
  transition: all 250ms linear;
}
/* FIXME:添加动画 */
.dialog .ql-masks.show {
  display: block !important;
}
/* 素材类型 */
.dialog .ql-masks .types {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: white;
}
.dialog .ql-masks .types .head {
  overflow: hidden;
  height: 1.2rem;
  line-height: 1.2rem;
  padding: 0 0.3rem;
  font-size: 0.28rem;
  margin-bottom: 0.1rem;
}
.dialog .ql-masks .types .head .left {
  float: left;
}
.dialog .ql-masks .types .head .right {
  float: right;
  color: #5283ff;
}
.dialog .ql-masks .types .body {
  padding: 0.3rem 0.32rem;
}
.dialog .ql-masks .types .body .list {
  display: flex;
  /* float: left; */
}
.dialog .ql-masks .types .body .list .list-item {
  /* float: left; */
  flex: 1;
  padding: 0.1rem 0.3rem;
  text-align: center;
  border: 1px solid #e5e5e5;
  color: #999999;
  border-radius: 0.1rem;
  margin-right: 0.5rem;
}
.dialog .ql-masks .types .body .list .list-item:last-child {
  margin-right: 0;
}
.dialog .ql-masks .types .body .list .list-item.active {
  background-color: #5283ff;
  border-color: #5283ff;
  color: white;
}
.left-fixBtn {
  position: fixed;
  left: 0;
  bottom: 2rem;
  display: flex;
  align-items: center;
  width: 2.1rem;
  padding: 0.1rem 0.1rem;
  font-size: 0.2rem;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  border-radius: 0 0.6rem 0.6rem 0;
}
.left-fixBtn > img {
  width: 0.48rem;
  height: 0.48rem;
  margin-right: 0.1rem;
  border-radius: 50%;
}
.left-fixBtn .left-title {
  width: 1.5rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.u-mask-1 {
  display: block;
}
.fab-anim {
  position: relative;
  animation: mymove 2.5s infinite;
  /*Safari and Chrome*/
  animation-direction: alternate;
  /*轮流反向播放动画。*/
  animation-timing-function: ease-in-out;
  /*动画的速度曲线*/
  /* Safari 和 Chrome */
  -webkit-animation: mymove 2.5s infinite;
  -webkit-animation-direction: alternate;
  /*轮流反向播放动画。*/
  -webkit-animation-timing-function: ease-in-out;
  /*动画的速度曲线*/
}
@keyframes mymove {
  0% {
    transform: scale(1);
    /*开始为原始大小*/
  }
  25% {
    transform: scale(1.2);
    /*放大1.1倍*/
  }
  50% {
    transform: scale(1);
  }
  75% {
    transform: scale(1.2);
  }
}
@-webkit-keyframes mymove {
  /*Safari and Chrome*/
  0% {
    transform: scale(1);
    /*开始为原始大小*/
  }
  25% {
    transform: scale(1.5);
    /*放大1.1倍*/
  }
  50% {
    transform: scale(1);
  }
  75% {
    transform: scale(1.5);
  }
}