@charset "UTF-8";
page, block, view, scroll-view, swiper, movable-view, icon, text, progress, button, checkbox, form, input, label, picker, picker-view, radio, slider, switch, textarea, navigator, audio, image, video, map, canvas, contact-button, cover-image, cover-view {
  box-sizing: border-box;
}
.text-center {
  text-align: center;
}
.font-weight {
  font-weight: bold;
}
.page-width {
  width: 100%;
}
.background-image {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center;
}
/*全局文字大小*/
/* 屏幕宽度*/
page {
  font-size: 32rpx;
  background: #f7f7f7;
}
.page-width {
  width: 100%;
}
/*每个页面公共css */
.dir-left-nowrap {
  /* 主轴 排列方式从左侧开始 不换行*/
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -webkit-flex-wrap: nowrap;
          flex-wrap: nowrap;
}
.dir-left-wrap {
  /* 主轴 排列方式从左侧开始 换行*/
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
}
.dir-left-wrap-reverse {
  /* 主轴 排列方式从左侧开始 换行 第一行在下方*/
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -webkit-flex-wrap: wrap-reverse;
          flex-wrap: wrap-reverse;
}
.dir-right-nowrap {
  /* 主轴 排列方式从 右侧开始 */
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row-reverse;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
          flex-direction: row-reverse;
  -webkit-flex-wrap: nowrap;
          flex-wrap: nowrap;
}
.dir-right-wrap {
  /* 主轴 排列方式从 右侧开始 换行*/
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
}
.dir-right-wrap-reverse {
  /* 主轴 排列方式从 右侧开始 换行 第一行在下方*/
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -webkit-flex-wrap: wrap-reverse;
          flex-wrap: wrap-reverse;
}
.dir-top-nowrap {
  /* 主轴 排列方式从顶部开始 不换行 */
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: nowrap;
          flex-wrap: nowrap;
}
.dir-top-wrap {
  /* 主轴 排列方式从顶部开始  换行*/
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
}
.dir-top-wrap-reverse {
  /* 主轴 排列方式从顶部开始 不换行换行 第一行在下方*/
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: wrap-reverse;
          flex-wrap: wrap-reverse;
}
.dir-bottom-nowrap {
  /* 主轴 排列方式从底部开始 */
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column-reverse;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
          flex-direction: column-reverse;
  -webkit-flex-wrap: nowrap;
          flex-wrap: nowrap;
}
.dir-bottom-wrap {
  /* 主轴 排列方式从底部开始 不换行 换行*/
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
}
.dir-bottom-wrap-reverse {
  /* 主轴 排列方式从底部开始 不换行换行 第一行在下方*/
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: wrap-reverse;
          flex-wrap: wrap-reverse;
}
.main-left {
  /* 主轴 左对齐 */
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  -webkit-box-pack: start;
          justify-content: flex-start;
}
.main-right {
  /* 主轴 右对齐 */
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-end;
  -webkit-box-pack: end;
          justify-content: flex-end;
}
.main-between {
  /* 主轴 两端对齐 */
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -webkit-box-pack: justify;
          justify-content: space-between;
}
.main-center {
  /* 主轴 居中对齐 */
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.main-around {
  /* 主轴 项目位于各行之前、之间、之后都留有空白的容器内*/
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-around;
  justify-content: space-around;
}
.cross-top {
  /* 交叉轴 起点对齐 */
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  -webkit-box-align: start;
          align-items: flex-start;
}
.cross-bottom {
  /* 交叉轴 终点对齐 */
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  -ms-grid-row-align: flex-end;
  align-items: flex-end;
}
.cross-baseline {
  /* 交叉轴 第一行文字基线对齐 */
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: baseline;
  -webkit-box-align: baseline;
          align-items: baseline;
}
.cross-center {
  /* 交叉轴 居中对齐 */
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
          align-items: center;
}
.cross-stretch {
  /* 交叉轴 高度并排铺满 高度不固定*/
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: stretch;
  -webkit-box-align: stretch;
          align-items: stretch;
}
.flex-wrap {
  /* 流模式 第一行在上方 */
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.flex-wrap-reverse {
  /* 流模式 第一行在下方 */
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap-reverse;
  flex-wrap: wrap-reverse;
}
.box-grow-0 {
  /* flex 子元素固定宽度*/
  min-width: 0;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
.box-grow-1 {
  /* flex 子元素等分 */
  min-width: 0;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -webkit-flex-shrink: 1;
  flex-shrink: 1;
}
.inline-flex {
  display: -webkit-inline-flex;
  display: -webkit-inline-box;
  display: inline-flex;
}
.white-background {
  background-color: #fff;
}
.app-admin-color {
  color: #446dfd;
}
.classic-red-color {
  color: #ff4544;
}
.classic-red-secondary-color {
  color: #f39800;
}
.vibrant-yellow-color {
  color: #fcc600;
}
.vibrant-yellow-secondary-color {
  color: #555555;
}
.romantic-powder-color {
  color: #ff547b;
}
.romantic-powder-secondary-color {
  color: #ffe6e8;
}
.streamer-gold-color {
  color: #ddb766;
}
.streamer-gold-secondary-color {
  color: #f0ebd8;
}
.elegant-purple-color {
  color: #7783ea;
}
.elegant-purple-secondary-color {
  color: #e9ebff;
}
.taste-red-color {
  color: #ff4544;
}
.taste-red-secondary-color {
  color: #555555;
}
.fresh-green-color {
  color: #63be72;
}
.fresh-green-secondary-color {
  color: #e1f4e3;
}
.business-blue-color {
  color: #4a90e2;
}
.business-blue-secondary-color {
  color: #dbe9f9;
}
.pure-black-color {
  color: #333333;
}
.pure-black-secondary-color {
  color: #dedede;
}
.passionate-red-color {
  color: #ff4544;
}
.passionate-red-secondary-color {
  color: #ffdada;
}
.classic-red-background {
  background-color: #ff4544;
  color: #ffffff;
}
.classic-red-secondary-background {
  background-color: #f39800;
  color: #ffffff;
}
.vibrant-yellow-background {
  background-color: #fcc600;
  color: #ffffff;
}
.vibrant-yellow-secondary-background {
  background-color: #555555;
  color: #ffffff;
}
.romantic-powder-background {
  background-color: #ff547b;
  color: #ffffff;
}
.romantic-powder-secondary-background {
  background-color: #ffe6e8;
  color: #ff547b;
}
.streamer-gold-background {
  background-color: #ddb766;
  color: #ffffff;
}
.streamer-gold-secondary-background {
  background-color: #f0ebd8;
  color: #ddb766;
}
.elegant-purple-background {
  background-color: #7783ea;
  color: #ffffff;
}
view .elegant-purple-secondary-background {
  background-color: #e9ebff;
  color: #7783ea;
}
view .taste-red-background {
  background-color: #ff4544;
  color: #ffffff;
}
view .taste-red-secondary-background {
  background-color: #555555;
  color: #ffffff;
}
view .fresh-green-background {
  background-color: #63be72;
  color: #ffffff;
}
view .fresh-green-secondary-background {
  background-color: #e1f4e3;
  color: #63be72;
}
view .business-blue-background {
  background-color: #4a90e2;
  color: #ffffff;
}
view .business-blue-secondary-background {
  background-color: #dbe9f9;
  color: #4a90e2;
}
view .pure-black-background {
  background-color: #333333;
  color: #ffffff;
}
view .pure-black-secondary-background {
  background-color: #dedede;
  color: #333333;
}
view .passionate-red-background {
  background-color: #ff4544;
  color: #ffffff;
}
view .passionate-red-secondary-background {
  background-color: #ffdada;
  color: #ff4544;
}
view .classic-red-background {
  background-color: #ff4544;
  color: #ffffff;
}
view .classic-red-secondary-background {
  background-color: #f39800;
  color: #ffffff;
}
.classic-red-border {
  border-color: #ff4544 !important;
}
.vibrant-yellow-border {
  border-color: #fcc600 !important;
}
.romantic-powder-border {
  border-color: #ff547b !important;
}
.streamer-gold-border {
  border-color: #ddb766 !important;
}
.elegant-purple-border {
  border-color: #7783ea !important;
}
.taste-red-border {
  border-color: #ff4544 !important;
}
.fresh-green-border {
  border-color: #63be72 !important;
}
.business-blue-border {
  border-color: #4a90e2 !important;
}
.pure-black-border {
  border-color: #333333 !important;
}
.passionate-red-border {
  border-color: #ff4544 !important;
}
.general-one-background {
  background-color: #666666;
}
.general-tow-background {
  background-color: #999999;
}
.general-three-background {
  background-color: #cdcdcd;
}
.weak-one-background {
  background-color: #e2e2e2;
}
.weak-two-background {
  background-color: #f7f7f7;
}
.gray {
  color: #999999;
}
.t-omit {
  /* 
        单行文本显示、超出省略 
        注意:在flex部分布局下使用可能会冲突  
    */
  display: block;
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.t-omit-two {
  /* 
        两行文本超出省略显示  
        注意:在flex部分布局下使用可能会冲突
    */
  word-break: break-all;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  white-space: normal !important;
}
.t-omit-three {
  /* 
        两行文本超出省略显示  
        注意:在flex部分布局下使用可能会冲突
    */
  word-break: break-all;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.gray {
  color: #999999;
}
.black {
  color: #353535;
}
button::after {
  border: 0;
}
@font-face {
  font-family: 'DIN';
  src: url(data:font/truetype;charset=utf-8;base64,[encoded data, 33360 characters]) format("truetype");
  font-weight: 500;
  font-style: normal;
}
.image-no-rep {
  background-repeat: no-repeat;
}
.image-cover {
  background-size: 100% 100%;
}
.wxParse {
  -webkit-user-select: none;
          user-select: none;
  width: 100%;
  color: #333;
  line-height: 1.5;
  font-size: 1em;
  text-align: justify;
  /* //左右两端对齐 */
  white-space: pre-wrap;
}
.wxParse view, .wxParse uni-view {
  word-break: break-word;
}
.wxParse .p {
  padding-bottom: 0.5em;
  clear: both;
  /* letter-spacing: 0;//字间距 */
}
.wxParse .inline {
  display: inline;
  margin: 0;
  padding: 0;
}
.wxParse .div {
  margin: 0;
  padding: 0;
  display: block;
}
.wxParse .h1 {
  font-size: 2em;
  line-height: 1.2em;
  margin: 0.67em 0;
}
.wxParse .h2 {
  font-size: 1.5em;
  margin: 0.83em 0;
}
.wxParse .h3 {
  font-size: 1.17em;
  margin: 1em 0;
}
.wxParse .h4 {
  margin: 1.33em 0;
}
.wxParse .h5 {
  font-size: 0.83em;
  margin: 1.67em 0;
}
.wxParse .h6 {
  font-size: 0.83em;
  margin: 1.67em 0;
}
.wxParse .h1,
.wxParse .h2,
.wxParse .h3,
.wxParse .h4,
.wxParse .h5,
.wxParse .h6,
.wxParse .b,
.wxParse .strong {
  font-weight: bolder;
}
.wxParse .i,
.wxParse .cite,
.wxParse .em,
.wxParse .var,
.wxParse .address {
  font-style: italic;
}
.wxParse .pre,
.wxParse .tt,
.wxParse .code,
.wxParse .kbd,
.wxParse .samp {
  font-family: monospace;
}
.wxParse .pre {
  overflow: auto;
  background: #f5f5f5;
  padding: 16rpx;
  white-space: pre;
  margin: 1em 0rpx;
}
.wxParse .code {
  display: inline;
  background: #f5f5f5;
}
.wxParse .big {
  font-size: 1.17em;
}
.wxParse .small,
.wxParse .sub,
.wxParse .sup {
  font-size: 0.83em;
}
.wxParse .sub {
  vertical-align: sub;
}
.wxParse .sup {
  vertical-align: super;
}
.wxParse .s,
.wxParse .strike,
.wxParse .del {
  text-decoration: line-through;
}
.wxParse .strong,
.wxParse .s {
  display: inline;
}
.wxParse .a {
  color: deepskyblue;
}
.wxParse .video {
  text-align: center;
  margin: 22rpx 0;
}
.wxParse .video-video {
  width: 100%;
}
.wxParse .uni-image {
  max-width: 100%;
}
.wxParse .img {
  display: block;
  max-width: 100%;
  overflow: hidden;
}
.wxParse .blockquote {
  margin: 10rpx 0;
  padding: 22rpx 0 22rpx 22rpx;
  background: #f5f5f5;
  border-left: 6rpx solid #dbdbdb;
}
.wxParse .blockquote .p {
  margin: 0;
}
.wxParse .ul, .wxParse .ol {
  display: block;
  margin: 1em 0;
  padding-left: 2em;
}
.wxParse .ol {
  list-style-type: disc;
}
.wxParse .ol {
  list-style-type: decimal;
}
.wxParse .ol > weixin-parse-template, .wxParse .ul > weixin-parse-template {
  display: list-item;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
          align-items: baseline;
  text-align: match-parent;
}
.wxParse .ol > .li, .wxParse .ul > .li {
  display: list-item;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
          align-items: baseline;
  text-align: match-parent;
}
.wxParse .ul .ul, .wxParse .ol .ul {
  list-style-type: circle;
}
.wxParse .ol .ol .ul, .wxParse .ol .ul .ul, .wxParse .ul .ol .ul, .wxParse .ul .ul .ul {
  list-style-type: square;
}
.wxParse .u {
  text-decoration: underline;
}
.wxParse .hide {
  display: none;
}
.wxParse .del {
  display: inline;
}
.wxParse .figure {
  overflow: hidden;
}
.wxParse .table .table {
  border-collapse: collapse;
  box-sizing: border-box;
  /* 内边框 */
  border: 1px solid #dadada;
  width: 100%;
}
.wxParse .tbody {
  border-collapse: collapse;
  box-sizing: border-box;
  /* 内边框 */
  border: 1px solid #dadada;
}
.wxParse .thead, .wxParse .tfoot, .wxParse .th {
  border-collapse: collapse;
  box-sizing: border-box;
  background: #ececec;
  font-weight: 40;
}
.wxParse .tr {
  border-collapse: collapse;
  box-sizing: border-box;
  /* border: 2px solid #F0AD4E; */
  overflow: auto;
}
.wxParse .th,
.wxParse .td {
  border-collapse: collapse;
  box-sizing: border-box;
  border: 2rpx solid #dadada;
  overflow: auto;
}
.wxParse .audio, .wxParse .uni-audio-default {
  display: block;
}
/* 流光金 */
/* 浪漫粉 */
/* 品味红 */
/* 优雅紫 */
/* 清醒绿 */
/* 商务蓝 */
/* 流光金 */
.streamer-gold-gift-color {
  color: #dfa245;
}
.streamer-gold-gift-background {
  background-color: #dfa245;
}
.streamer-gold-gift-border {
  border: 2px solid #dfa245;
}
/* 浪漫粉 */
.romantic-powder-gift-color {
  color: #ff547b;
}
.romantic-powder-gift-background {
  background-color: #ff547b;
}
.romantic-powder-gift-border {
  border: 2px solid #ff547b;
}
/* 品味红 */
.taste-red-gift-color {
  color: #ff4544;
}
.taste-red-gift-background {
  background-color: #ff4544;
}
.taste-red-gift-border {
  border: 2px solid #ff4544;
}
/* 优雅紫 */
.elegant-purple-gift-color {
  color: #7783ea;
}
.elegant-purple-gift-background {
  background-color: #7783ea;
}
.elegant-purple-gift-border {
  border: 2px solid #7783ea;
}
/* 清醒绿 */
.fresh-green-gift-color {
  color: #63be72;
}
.fresh-green-gift-background {
  background-color: #63be72;
}
.fresh-green-gift-border {
  border: 2px solid #63be72;
}
/* 商务蓝 */
.business-blue-gift-color {
  color: #4a90e2;
}
.business-blue-gift-background {
  background-color: #4a90e2;
}
.business-blue-gift-border {
  border: 2px solid #4a90e2;
}

@charset "UTF-8";
page, block, view, scroll-view, swiper, movable-view, icon, text, progress, button, checkbox, form, input, label, picker, picker-view, radio, slider, switch, textarea, navigator, audio, image, video, map, canvas, contact-button, cover-image, cover-view {
  box-sizing: border-box;
}
.text-center {
  text-align: center;
}
.font-weight {
  font-weight: bold;
}
.page-width {
  width: 100%;
}
.background-image {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center;
}
/*全局文字大小*/
/* 屏幕宽度*/
page {
  font-size: 32rpx;
  background: #f7f7f7;
}
.page-width {
  width: 100%;
}
page, block, view, scroll-view, swiper, movable-view, icon, text, progress, button, checkbox, form, input, label, picker, picker-view, radio, slider, switch, textarea, navigator, audio, image, video, map, canvas, contact-button, cover-image, cover-view {
  box-sizing: border-box;
}
.text-center {
  text-align: center;
}
.font-weight {
  font-weight: bold;
}
.page-width {
  width: 100%;
}
.background-image {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center;
}
/*全局文字大小*/
/* 屏幕宽度*/
page {
  font-size: 32rpx;
  background: #f7f7f7;
}
.page-width {
  width: 100%;
}

