@charset "utf-8";

/* ==================== D-DIN-PRO 字体（全局可用） ==================== */
@font-face {
  font-family: 'D-DIN-PRO';
  src: url('./package/D-DIN-PRO-400-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'D-DIN-PRO';
  src: url('./package/D-DIN-PRO-500-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'D-DIN-PRO';
  src: url('../package/D-DIN-PRO-600-SemiBold.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'D-DIN-PRO';
  src: url('./package/D-DIN-PRO-700-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'D-DIN-PRO';
  src: url('./package/D-DIN-PRO-800-ExtraBold.otf') format('opentype');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'D-DIN-PRO';
  src: url('./package/D-DIN-PRO-900-Heavy.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

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

}

html, body {
  width: 100%;
  min-height: 100%;
  font-size: 62.5%;
  margin: 0 auto !important;
  background: transparent;
  color: #222;
  font-family: 'Microsoft Yahei';
}

html {
  background: #69696b;
  height: 100%;
}

body {
  font-size: 1.4rem;
  background: #f8f8f8;
  min-width: 320px;
}

.bodystyle {
  overflow: auto !important;
}

.bodyset {
  max-width: 640px;
  background: #fff;
}

* {
  touch-action: pan-y;
}

.disn {
  display: none !important;
}

a, img, button, input, textarea, div {
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

a {
  text-decoration: none;
  color: #555
}

a, input {
  -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
  outline: none;
}

/*input输入框在移动端点击有阴影解决方法:背景设置成透明*/
img {
  max-width: 100%;
  display: block;
}

.tcenter {
  text-align: center;
}

/*ios input type为button时，背景色设置正常*/
input[type=button], input[type=submit], input[type=file], button {
  cursor: pointer;
  appearance: none;
}

/*全局滚动条设置*/
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-thumb {
  border-radius: 5px;
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background-color: #50545a;
}

::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 5px transparent;
  border-radius: 5px;
  background-color: transparent;
}

/*全局滚动条设置 end*/

.clearfix:after {
  clear: both;
  display: block;
  visibility: hidden;
  height: 0;
  line-height: 0;
  content: "";
  font-size: 0;
}

.fl {
  float: left;
}

.fr {
  float: right;
}


.disflex {
  display: flex;
}

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

.disflexCenter {
  display: flex;
  align-items: center;
  justify-content: center;
}

.flex1 {
  flex: 1
}

/*img元素不能成为鼠标事件的target*/
/*.personli .avatar img{
pointer-events:none;
-webkit-pointer-events:none;
-ms-pointer-events:none;
-moz-pointer-events:none;
}*/

/*#player-con{ width: 50%; height: 0.5625vw; }*/

.playContainer {
  background: rgba(0, 0, 0, .3) !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

.playbtns {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 999;
  width: 100px;
  height: 100px;
  background: url(../images/play.svg) center center no-repeat;
  background-size: 30px 30px
}

.playbtns.btn_play {
  width: 70px;
  height: 70px;
  background: rgba(0, 0, 0, 0.5) url(../images/play.svg) center center no-repeat;
  background-size: 24px 24px;
  border-radius: 60px;
}

.fullscreen_played {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  z-index: 9999;
}

.fullscreen_played .bg_alpha11 {
  width: 100%;
  height: 100%
}

.fullscreen_played .bg_alpha11 img {
  width: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 99;
}

.fullscreen_played_anzhuo {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: #000;
  z-index: 9999;
}

.fullscreen_played_anzhuo .bg_alpha11 {
  position: relative;
}

.fullscreen_played_anzhuo .bg_alpha11 img {
  max-width: none !important;
  position: absolute;
  width: 100%;
  height: auto;
  left: 0;
  top: 0;
  transform: rotate(90deg);
  transform-origin: 0% 0%;
  z-index: 99;
}

.fullscreen_played_anzhuo .playbtns.btn_play {
  transform: rotate(90deg) translate(-50%, -50%);
  transform-origin: 0% 0%;
}


.banner_img {
  margin-bottom: 10px;
  background: #fff;
  position: relative;
}

.banner_img .bantitle {
  position: absolute;
  bottom: 10px;
  right: 10px;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  font-size: 1.2rem;
  padding: 2px 5px;
  border-radius: 2px;
}

.liveHeader {
  background: #fff;
  padding: 15px;
  margin-bottom: 10px;
}

.liveHeader .livetitle {
  padding-bottom: 10px;
  border-bottom: 1px solid #f5f5f5;
  margin-bottom: 10px;
}

.liveHeader h1 {
  font-size: 2rem;
  color: #333;
  line-height: 30px;
  font-weight: 600;
}

.liveHeader h2 {
  font-size: 1.6rem;
  color: #777;
  line-height: 24px;
  padding: 0 5px;
}

.liveHeader .liveline {
  font-size: 1.5rem;
  color: #777;
  line-height: 24px;
}

.liveHeader .countDown {
  padding: 5px 0;
}

.liveHeader .countDown .countDowntitle {
  padding: 10px 0 15px;
  text-align: center;
  font-size: 1.8rem;
  color: #ad6c2a
}

.liveHeader .countDown .countDown_time {
  font-size: 1.6rem;
  color: #666;
  text-align: center;
}

.liveHeader .countDown .countDown_time .time {
  border: 1px solid #ad6c2a;
  font-size: 1.8rem;
  color: #ad6c2a;
  width: 40px;
  height: 40px;
  line-height: 40px;
  display: inline-block;
  border-radius: 3px;
}

.liveHeader .countDown .countDown_time .text {
  padding-right: 5px;
}

/*aliplayer播放器css*/
/*.prism-player .prism-big-play-btn {
  top: 50% !important;
  left: 50% !important;
  margin-top: -32px;
  margin-left: -32px;
}
*/

/*.prism-player .prism-setting-list {
  height: 30px;
  overflow: hidden;
}*/
/*.prism-player .prism-live-display{ line-height: 30px !important; top: 0 !important; }
.prism-player .prism-volume{ margin-top: 1px !important; }
.prism-player .prism-fullscreen-btn{ margin-top: 3px !important }

.prism-player .prism-time-display{ height: 30px !important; line-height: 30px !important; margin-top: 0 !important; }
.prism-player .prism-play-btn{ margin-top: 3px !important }

.prism-player .prism-liveshift-progress, .prism-player .prism-progress{ right: 0; width: auto !important; bottom: 30px !important  }

.prism-player .prism-progress-hover{ height: 4px !important; bottom: 30px !important }
.prism-player video{ z-index: 9 }
.prism-player .prism-controlbar{ z-index: 10; height: 30px }

*/
.redtext {
  color: #da2618;
  font-size: 1.4rem;
  padding-right: 5px;
}

.vheight {
  width: 100%;
  margin-bottom: 10px;
  position: relative;
  z-index: 10
}

.prism-player {
  overflow: hidden;
  width: 100%;
  height: 0.5625vw;
}

/* ==================== 隐藏安卓/Webkit 原生视频控件 ==================== */
.prism-player video::-webkit-media-controls {
  display: none !important;
}

.prism-player video::-webkit-media-controls-enclosure {
  display: none !important;
}

.prism-player video::-webkit-media-controls-panel,
.prism-player video::-webkit-media-controls-play-button,
.prism-player video::-webkit-media-controls-timeline,
.prism-player video::-webkit-media-controls-current-time-display,
.prism-player video::-webkit-media-controls-time-remaining-display,
.prism-player video::-webkit-media-controls-volume-slider,
.prism-player video::-webkit-media-controls-fullscreen-button,
.prism-player video::-webkit-media-controls-download-button,
.prism-player video::-webkit-media-controls-overlay-play-button,
.prism-player video::-webkit-media-controls-overflow-button {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

/* 确保 video 标签本身不带默认控制条样式 */
.prism-player video {
  object-fit: cover;
  -webkit-tap-highlight-color: transparent;
}

.prism-player {
  overflow: hidden !important;
  position: relative !important;
}

.prism-player video {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}


/*.prism-player .prism-time-display{ position: absolute; margin-top: 5px !important; left: 30px; }*/
.prism-player .prism-controlbar .prism-controlbar-bg {
  /*    background: rgba(70, 70, 70, .3); */
  height: 80px;
  background: linear-gradient(1turn, rgba(0, 0, 0, .5), transparent)
}

.play_smallscreen {
  position: fixed;
  bottom: 0;
  right: 0;
  width: 40px;
  height: 60px;
  background: url(./img/smallscreen.png) center center no-repeat;
  background-size: 24px 24px;
}


.player_content {
  position: relative;
  z-index: 1
}

/*.player_content .watermark{ width: 100%; position: absolute; top: 20px; left: 20px; z-index: 98; }*/

.watermark {
  position: absolute;
  font-size: 1rem;
  color: rgba(255, 255, 255, 0.5);
  /* 水印颜色 */
  pointer-events: none;
  /* 防止水印干扰用户操作 */
  user-select: none;
  /* 防止用户选中水印文本 */
  padding: 2px 5px;
  border-radius: 5px;
}

.player_content .controlBar {
  width: 100%;
  position: absolute;
  bottom: 0;
  z-index: 98;
}

.player_content .controlBar .ctlbarbg {
  background: linear-gradient(1turn, rgba(0, 0, 0, .5), transparent);
  height: 80px
}

.player_content .controlBar .play_icon {
  position: absolute;
  z-index: 101;
  bottom: 0;
  left: 0;
  width: 60px;
  height: 40px;
  background: url(./img/smallplay.png) center center no-repeat;
  background-size: 24px 24px;
}

.player_content .controlBar .play_icon.video_pause {
  background-image: url(./img/smallpause.png)
}

.player_content .controlBar .play_fullscreen {
  position: absolute;
  z-index: 101;
  bottom: 0;
  right: 0;
  width: 46px;
  height: 32px;
  background: url('../images/expand_content@2x.png') 4px top no-repeat;
  background-size: 24px 24px;
}

.player_content .slideTime {
  position: absolute;
  top: 60%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: rgba(0, 0, 0, 0.6);
  padding: 10px 15px;
  color: #fff;
  font-size: 1.6rem;
  border-radius: 5px
}

.player_content .slideTime.rotate90deg {
  top: 50%;
  left: 40%;
  transform: translate(-50%, -50%) rotate(90deg);
}

.play_hfTool {
  width: 98%;
  margin: 0 1%;
  position: absolute;
  z-index: 399;
  bottom: 36px;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.play_hfTool .hftimes {
  padding: 0 10px;
  font-size: 1.3rem;
  color: #e5e5e5;
  font-weight: 400
}


/* 进度条样式 */
#inputprogress1[type="range"] {
  position: relative;
  top: 0;
  z-index: 998;
  flex: 1;
  height: 5px;
  -webkit-appearance: none;
  appearance: none;
  outline: 0;
  margin: 0;
  background-color: transparent;
}

/*滑块样式*/
#inputprogress1[type="range"]::-webkit-slider-runnable-track {
  height: 0px;
  width: 0;
  background-color: rgba(200, 200, 200, .6);
}

#inputprogress1[type="range"i]::-webkit-slider-container {
  height: 10px;
  overflow: hidden;
}

/*手柄样式*/
#inputprogress1[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #fff;
  /*    background-color: transparent;*/
  border: 1px solid transparent;
  margin-top: -10px;
  /*    border-image: linear-gradient(#5591ec,#5591ec) 0 fill / 4 10 4 0 / 0px 0px 2px 2000px;*/
}

/* 进度条样式 */

#inputprogress {
  appearance: none;
  flex: 1;
  border-radius: 10px;
  /*这个属性设置使填充进度条时的图形为圆角*/
  /*    background: -webkit-linear-gradient(#059CFA, #059CFA) no-repeat;*/
  background-size: 0% 100%;
  background: transparent;
  /*    background: linear-gradient(#059CFA, #059CFA) no-repeat;*/
}

#inputprogress::-webkit-slider-thumb {
  -webkit-appearance: none;
}


#inputprogress::-webkit-slider-runnable-track {
  height: 3px;
  border-radius: 10px;
  /*将轨道设为圆角的*  box-shadow: 0 1px 1px #def3f8, inset 0 .125em .125em #0d1112; /*轨道内置阴影效果*/
}

#inputprogress:focus {
  outline: none;
}

#inputprogress::-webkit-slider-thumb {
  -webkit-appearance: none;
  height: 20px;
  width: 20px;
  margin-top: -8px;
  /*使滑块超出轨道部分的偏移量相等*/
  background: #ffffff;
  border-radius: 50%;
  /*外观设置为圆形*/
  border: solid 0.125em rgba(205, 224, 230, 0.5);
  /*设置边框*/
  box-shadow: 0 .125em .125em #3b4547;
  /*添加底部阴影*/
}

.rotate90 .controlBar {
  transform: rotate(90deg);
  transform-origin: 0% 0%;
  top: 0;
  bottom: auto;
  left: 80px;
}

.cont_lines {
  color: #555;
  font-size: 1.5rem;
}

.cont_lines label {
  padding-right: 5px;
  color: #555;
  font-size: 1.4rem;
}

.courseLi_cont {
  font-size: 1.4rem;
  color: #555;
  line-height: 20px;
}

.courseLi_cont .xxname {
  margin-bottom: 3px;
  padding-bottom: 3px;
  border-bottom: 1px solid #f9f9f9;
}

.fullscreen_content, .fullscreen_content .prism-player {
  position: fixed;
  width: 100% !important;
  height: 100% !important;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.fullscreen_content .play_fullscreen {
  background: url(./img/smallscreen.png) center center no-repeat;
  background-size: 24px 24px;
}

/*.player_content.rotate90 .play_fullscreen{ left: auto; right: auto; }*/
.rotate90 .play_fullscreen {
  width: 40px;
  height: 60px;
  background: url(./img/smallscreen.png) center center no-repeat;
  background-size: 24px 24px;
}

/*.rotate90 .play_fullscreen{ width: 40px; height: 60px; background: url(./img/smallscreen.png) center center no-repeat; background-size: 24px 24px; }*/

.prism-player .prism-play-btn {
  position: absolute;
  margin-top: 0 !important;
  margin-left: 0 !important;
  z-index: 99;
  bottom: 0;
  left: 0;
  width: 60px;
  height: 40px;
  background: url(./img/smallplay.png) center center no-repeat !important;
  background-size: 24px 24px !important;
}

.prism-player .prism-play-btn.playing {
  position: absolute;
  margin-top: 0 !important;
  margin-left: 0 !important;
  z-index: 99;
  bottom: 0;
  left: 0;
  width: 60px;
  height: 40px;
  background: url(./img/smallpause.png) center center no-repeat !important;
  background-size: 24px 24px !important;
}


.rotate90 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 1);
}

.rotate90 .prism-player {
  transform: rotate(90deg);
  transform-origin: 0% 0%;
}

.prism-progress {
  left: 50px !important;
  right: 50px !important;
  width: auto !important;
}

.progressShade {
  position: absolute;
  z-index: 999;
  bottom: 30px;
  height: 20px;
  left: 50px;
  right: 50px;
  background: transparent;
}

.rotate90 .progressShade {
  position: absolute;
  z-index: 999;
  left: 30px;
  width: 20px;
  height: auto;
  top: 50px;
  bottom: 50px;
  background: transparent;
}

.prism-play-btn.hide {
  display: none !important;
}

.prism-progress.hide {
  display: none !important;
}

.prism-time-display.hide {
  display: none !important;
}

.progressShade.hide {
  display: none !important;
}

.prism-controlbar {
  display: none;
}

.prism-player .prism-time-display {
  position: relative;
  float: none !important;
  margin-left: 0 !important;
}

.prism-player .prism-time-display .current-time {
  position: absolute;
  bottom: 40px;
  left: 0;
  width: 45px;
  height: 24px;
  text-align: right;
}

.prism-player .prism-time-display .duration {
  position: absolute;
  color: #fff;
  bottom: 40px;
  right: 0;
  width: 45px;
  height: 24px;
}

.time-bound {
  display: none !important;
}

/*aliplayer播放器css end */


.answerContain {
  padding: 0 15px;
}

.toptitle {
  background: #fff;
  color: #333;
  font-size: 1.6rem;
  padding: 10px;
  color: #222;
}

.toptitle h1 {
  font-size: 1.8rem;
  color: #333;
  font-weight: 600;
  margin-top: 5px;
  line-height: 30px;
  padding: 5px 0;
}

.toptitle .msg span {
  color: #f1793f;
  background: #fff8f4;
  padding: 3px 10px;
  border-radius: 20px;
}

.toptit {
  background: #fff;
  color: #666;
  font-size: 1.4rem;
  padding: 6px 10px;
}

.toptit h3 {
  font-size: 1.4rem;
  color: #999;
}

.toptit .rVal {
  font-size: 1.4rem;
}

/* .controlgroup{ } */
.controlgroup .radio {
  background: #fff;
  border: 1px solid #eee;
  border-radius: 5px;
  margin: 10px 0;
  position: relative;
  display: flex;
  padding: 0 15px;
  font-size: 1.6rem;
}

.controlgroup .radio .radioIcon {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.controlgroup .radio .radioIcon .radioBG {
  text-align: center;
  color: #333;
  font-size: 1.6rem;
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 15px;
  background: #eee;
}

.controlgroup .radio input {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  opacity: 0;
  filter: alpha(opacity=0)
}

.controlgroup .radio .label {
  display: block;
  flex: 1;
  padding: 12px 0 12px 10px;
  font-size: 1.8rem;
  line-height: 28px;
}

.controlgroup .radio.act {
  background: #fff8f4;
  border: 1px solid #ffa77d;
}

.controlgroup .radio.act .radioIcon .radioBG {
  background: #f1793f;
  color: #fff;
}

.controlgroup .radio.act .label {
  color: #f1793f;
}

.controlgroup .checkbox {
  background: #fff;
  border: 1px solid #eee;
  border-radius: 5px;
  margin: 10px 0;
  position: relative;
  display: flex;
  padding: 0 15px;
  font-size: 1.6rem;
}

.controlgroup .checkbox .checkboxIcon {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.controlgroup .checkbox .checkboxIcon .checkboxBG {
  text-align: center;
  color: #333;
  font-size: 1.6rem;
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 3px;
  background: #eee;
}

.controlgroup .checkbox input {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  opacity: 0;
  filter: alpha(opacity=0)
}

.controlgroup .checkbox .label {
  display: block;
  flex: 1;
  padding: 12px 0 12px 10px;
  font-size: 1.8rem;
  line-height: 28px;
}

.controlgroup .checkbox.act {
  background: #fff8f4;
  border: 1px solid #ffa77d;
}

.controlgroup .checkbox.act .checkboxIcon .checkboxBG {
  background: #f1793f;
  color: #fff;
}

.controlgroup .checkbox.act .label {
  color: #f1793f;
}

.controlgroup .tips_redbag {
  height: 28px;
  line-height: 28px;
  margin-top: 5px;
  text-align: center;
}

.controlgroup .tips_redbag span {
  padding: 2px 10px;
  border-radius: 3px;
  background: #f1793f;
  color: #fff;
}

.stem_content {
  text-align: left;
  margin-top: 10px;
  line-height: 28px;
  font-size: 1.7rem;
  color: #333;
  font-weight: 600;
  margin-left: 3px;
}

.stem_content .state {
  padding: 2px;
  font-size: 1.4rem;
  color: #e1911f;
}

.btncontainer {
  margin-top: 30px;
}

.dt_tips {
  text-align: center;
  color: #666;
  line-height: 36px;
  font-size: 1.6rem;
}

.answerbtn {
  display: flex;
}

.btn_comfirm {
  text-align: center;
  flex: 1;
  background: linear-gradient(to right bottom, #f1793f, #eb0d0d);
  color: #fff;
  font-size: 1.6rem;
  height: 48px;
  line-height: 48px;
  border-radius: 20px;
}

.btn_comfirm.lock {
  background: linear-gradient(to right bottom, #ffc8ae, #f1793f);
}

.dt_resultContain {
  padding: 20px;
  background: #fff;
  text-align: center;
}

.datiResult {
  margin: 0 auto;
  margin-bottom: 10px;
  background: #f1793f;
  width: 60px;
  height: 60px;
  border-radius: 30px;
  overflow: hidden;
}

.datiResult img {
  width: 30px;
  height: 30px;
  margin-top: 15px;
  margin-left: 15px
}

.signs {
  margin-bottom: 10px;
}

/*.signs img{ width: 80px; height: 91px; margin: 0 auto; }*/
.signs img {
  width: 90px;
  height: 103px;
  margin: 0 auto;
}



.dt_resultContain .psg1 {
  line-height: 20px;
  font-size: 1.3rem;
  color: #888;
}

.dt_resultContain .title01 {
  line-height: 60px;
  font-size: 3rem;
  color: #da2618;
  font-weight: 600;
}

.dt_resultContain .title02 {
  line-height: 30px;
  font-size: 2rem;
  color: #296fad;
  font-weight: 600;
}

.dt_resultContain .title03 {
  line-height: 30px;
  font-size: 2rem;
  color: #555;
  font-weight: 600;
  margin-top: 10px
}

.dt_resultContain .title03 span {
  color: #da2618;
  font-size: 3rem;
  padding: 0 5px;
}

.dt_resultContain .btndt {
  background: linear-gradient(to right bottom, #f1793f, #eb0d0d);
  color: #fff;
  font-size: 1.6rem;
  height: 48px;
  line-height: 48px;
  border-radius: 20px;
  margin-top: 20px
}

.datiResult_cw {
  margin: 0 auto;
}

.datiResult_cw img {
  margin: 0 auto;
  width: 60px;
  height: 60px;
}

.dt_resultContain .title04 {
  line-height: 30px;
  font-size: 2rem;
  color: #329fab;
  font-weight: 600;
}



.prePlay {
  position: absolute;
  z-index: 999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.prePlay .bg_alphas {
  position: relative;
  z-index: 998;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
}

.prePlay .bg_alphas1 {
  position: absolute;
  z-index: 997;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
}

.prePlay .bg_alphas1 img {
  width: 100%;
  height: 100%;
}

.djsLoad {
  margin-top: 10px;
}

.prePlay .containplay {
  z-index: 999;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.containplay .topc {
  text-align: center;
}

.containplay {
  text-align: center;
}

/* .containplay .topc .img{ } */
.containplay .topc .img img {
  margin: 0 auto;
}

.containplay .topc .beginzb {
  font-size: 1.5rem;
  display: flex;
  text-align: center;
}

.prePlay .beginzb {
  color: #eee;
  margin-top: 5px;
}

.prePlay .beginzb .infozb {
  line-height: 24px;
}

.prePlay .playbtn {
  margin-top: 15px;
  width: 140px;
  text-align: center;
  height: 40px;
  line-height: 40px;
  border-radius: 20px;
  font-size: 1.5rem;
  background: rgba(255, 255, 255, 0.3);
  color: #fff;
  text-shadow: 0 0 2px #666;
}

/* 直播 CSS3特效 */
#preloader_1 {
  position: relative;
  width: 22px;
  height: 20px;
}

#preloader_1 span {
  display: block;
  bottom: 0px;
  width: 4px;
  height: 4px;
  background: #eee;
  position: absolute;
  animation: preloader_1 1.2s infinite linear;
}

#preloader_1 span:nth-child(2) {
  left: 6px;
  animation-delay: .2s;
}

#preloader_1 span:nth-child(3) {
  left: 12px;
  animation-delay: .4s;
}

#preloader_1 span:nth-child(4) {
  left: 33px;
  animation-delay: .6s;
}

#preloader_1 span:nth-child(5) {
  left: 44px;
  animation-delay: .8s;
}

@keyframes preloader_1 {
  0% {
    height: 5px;
    transform: translateY(0px);
    background: #eee;
  }

  /*            25% {height:30px;transform:translateY(0);background:#3498db;}*/
  50% {
    height: 15px;
    transform: translateY(0px);
    background: #eee;
  }

  100% {
    height: 5px;
    transform: translateY(0px);
    background: #eee;
  }
}

/* 直播 CSS3特效 */

/*倒计时*/
.padding_ios {
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
}

.live_countDown_cont {
  display: flex;
  align-items: center;
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0;
  text-align: center;
  background: rgba(0, 0, 0, 0.4);
  color: #fff;
  padding: 10px;
}

.live_countDown_cont .cCont {
  margin: 0 auto;
}

.live_countDown_cont .countDown {
  font-size: 1.6rem;
  text-align: center;
  line-height: 28px;
}

.live_countDown_cont .countDown span {
  display: inline-block;
  font-size: 2rem;
  font-weight: 600
}

.live_countDown_cont .countDown span.time {
  line-height: 32px;
  padding: 0 8px;
  margin: 0 5px;
  text-align: center;
  border-radius: 2px;
  background: #467bfb;
  color: #fff;
}

.live_countDown_cont .countDown span.text {
  padding-right: 3px;
}

.live_countDown_cont .btn_lx {
  padding: 0 20px;
  height: 36px;
  line-height: 36px;
  background: #467bfb;
  text-align: center;
  width: 150px;
  border-radius: 20px;
  font-size: 1.5rem;
  margin: 0 auto;
  margin-top: 15px;
  font-weight: 600
}

.live_countDown_cont .tit {
  text-align: center;
  font-size: 2.4rem;
  line-height: 36px;
  font-weight: 600;
}

/*倒计时*/

/* 直播页面 */

.toNew {
  display: none;
  position: fixed;
  bottom: 60px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 9999;
}

.toNew .new {
  width: 14px;
  height: 14px;
  margin-top: 1px;
}

.toNew .newinfo {
  padding-left: 20px;
  font-size: 1.2rem;
  color: #ea4040;
}

.toNew .newinfo1 {
  padding-left: 20px;
  font-size: 1.2rem;
  color: #ea4040;
}

.h50 {
  width: 100%;
  height: 50px;
  position: relative;
}

.bgtop_alpha {
  background: linear-gradient(to bottom, rgba(22, 26, 38, 1), rgba(22, 26, 38, 0));
  width: 100%;
  height: 80px;
  position: absolute;
  bottom: -76px;
  z-index: 900
}


.bantop {
  height: 20px;
  line-height: 20px;
  margin-bottom: 5px;
  color: #555;
  padding: 0 15px;
  font-size: 1.2rem;
}

/*.prePlay{ position: absolute; z-index: 999; top: 0; bottom: 0; width:100%; height: auto; }*/
.prePlay .bg_alphas {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
}

.bantop .irefresh {
  margin-left: 10px;
}

.bantop .speed {
  padding: 0 10px;
}

.bantop_scroll {
  margin-bottom: 5px;
  color: #555;
  padding: 0 15px;
  font-size: 1.2rem;
}

.bantop_scroll .ids {
  text-align: right;
}

.bantop_scroll .ids .img img {
  width: 26px;
  height: 26px;
}

.bantop_scroll .ids .img .text {
  margin-left: 2px;
  font-size: 1.4rem;
  color: #f9a732;
  font-weight: 600
}

/*
.bantop_scroll .ids .img img{ width: 26px; height: 26px; }
.bantop_scroll .ids .img .text{ margin-left: 2px; font-size: 1.4rem; color: #08a388; font-weight: 600 }
*/

.ids .rgt {
  margin-left: 5px;
  border-radius: 5px;
  font-weight: normal;
  font-size: 1.3rem;
  background: rgba(252, 243, 229, .8);
  padding: 0 5px;
  color: #e1911f;
}

.ids .pcnum {
  margin-left: 5px;
  padding-left: 18px;
  font-weight: normal;
  font-size: 1.3rem;
  background: url(../images/ps.png) 0 center no-repeat;
  background-size: 15px 15px;
  color: #666;
}

.ids .img1 {
  width: 100px;
  height: 28px;
}

.ids .img2 {
  width: 141px;
  height: 28px;
}

.Marquee {
  width: 100%;
}

.Marquee .ico_marquee {
  float: left;
  width: 30px;
  height: 30px;
  background: url(../images/msg.svg) center center no-repeat;
  background-size: 28px 28px;
}

.Marquee .content_marquee {
  padding-left: 32px;
}

#scroll_div {
  height: 30px;
  line-height: 30px;
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  color: #da2618;
  text-align: center;
  font-size: 1.6rem;
}

#scroll_begin, #scroll_end {
  display: inline;
}



.layer, .layers {
  display: none;
}

.alpha {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  filter: alpha(opacity=80);
  background: rgba(0, 0, 0, 0.8);
  z-index: 6666;
}

.alpha.alpha1 {
  background: #000;
  filter: alpha(opacity=50);
  background: rgba(0, 0, 0, 0.5);
}

.alpha.alpha2 {
  background: transparent;
}

.bg_alpha {
  position: fixed;
  z-index: 10;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: transparent;
}

.bg_alpha_set {
  position: fixed;
  z-index: 10;
  top: 0;
  bottom: 0;
  max-width: 640px;
  width: 100%;
  height: 100%;
  background: transparent;
}

/* 直播页面 end*/


/*登录*/
.login-header {
  padding-top: 130px;
}

.login-header .logo {
  width: 120px;
  height: 120px;
  margin: 0 auto
}

.login-contain {
  position: relative;
  width: 86%;
  max-width: 640px;
  margin: 0 auto;
  background: #fff;
  box-shadow: 0 3px 20px #eee;
  border-radius: 15px;
  margin-top: 30px;
  padding: 10px 0 40px;
}

.form-group {
  padding: 0;
}

.form-group .form-item {
  margin: 8px 0;
  height: 54px;
  border-radius: 8px;
  padding-left: 16px;
  border: 0.5px solid #ffffff;
  background-color: #ffffff66;

  overflow: hidden;
}

.form-group .form-item.codecont {
  margin-right: 90px;
  position: relative;
  overflow: visible;
}

.form-group .form-item.codecont .code_img {
  position: absolute;
  right: -90px;
  top: 6px;
}

.form-group .form-item input {
  outline: none;
  border: 0;
  background-color: transparent !important;
  color: #555;
  height: 54px;
  font-size: 1.8rem;
  padding-left: 0;
  flex: 1;
}

input:-internal-autofill-selected {
  background-color: transparent !important;
}

.form-group .form-item input::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #888;
  font-size: 16px;
}

.form-group .form-item input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #888;
  font-size: 16px;
}

.form-group .form-item input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #888;
  font-size: 16px;
}

.form-group .form-item input:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #888;
  font-size: 16px;
}

.form-group .form-item label img {
  width: 20px;
  height: 24px;
  position: absolute;
  margin-top: 16px;
}

.form-group .form-item button {
  outline: none;
  background: transparent;
  border: 1px #00cc99 dashed;
  color: #ffffff;
  height: 30px;
  border-radius: 5px;
  float: right;
  padding: 1%;
}

.button-group {
  padding-bottom: 10px;
}

.button-group .login-btn {
  outline: none;
  border: 0;
  width: 90%;
  height: 60px;
  margin-top: 4%;
  border-radius: 40px;
  margin-left: 5%;
  color: #ffffff;
  font-size: 21px;
}

.button-group .login-btn {
  background-color: #C78848;
  color: #fff;
}

.form-item {
  position: relative;
}

.form-item label.error {
  margin-right: 5px;
  position: absolute;
  top: 0;
  right: 0;
  line-height: 60px;
  color: #ea5455;
}

.order-login {
  padding: 5%;
}

.order-login-line {
  display: block;
  position: relative;
  text-align: center;
  font-size: 14px;
  color: #999;
}

.order-login-line:before,
.order-login-line:after {
  content: '';
  position: absolute;
  top: 50%;
  background: #ddd;
  width: 20%;
  height: 1px;
}

.order-login-line:before {
  left: 10%;
}

.order-login-line:after {
  right: 10%;
}

.order-login-box {
  display: flex;
  width: 100%;
  justify-content: center;
  margin-top: 20px;
}

.order-login-box div {
  flex: 1;
  text-align: center;
}

.order-login-box div img {
  display: inline-block;
}

.order-login-box div p {
  text-align: center;
  font-size: 14px;
  color: #999;
}

.tips_cont {
  position: relative;
  color: #555;
  font-size: 1.5rem;
  padding-left: 5%;
  margin-top: 15px;
}

.tips_cont .radio {
  width: 16px;
  height: 16px;
  margin-right: 5px;
  background: url(../images/login1_no.png) center center no-repeat;
  background-size: cover;
}

.tips_cont .radio.yes {
  background: url(../images/login1_yes.png) center center no-repeat;
  background-size: cover;
}

.tips_cont a {
  color: #C78848;
}

.changeLogin {
  padding: 10px 5%;
  color: #333333;
  font-size: 1.6rem;
}

.toChange {
  margin-right: 10px;
}

.tip_1 {
  font-size: 1.3rem;
  color: #999;
  margin-top: 10px;
}

/*登录end*/

/* 底部按钮css */
.btm {
  z-index: 999;
  width: 100%;
  background: #fff;
  display: flex;
  position: fixed;
  bottom: 0;
  left: 0;
  border-top: 1px solid #f9f9f9;
  box-shadow: 0 0 5px #eee;
  padding-top: 6px;
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
}

.btm .btm01 {
  flex: 1;
  text-align: center;
  padding-top: 28px;
  height: 52px;
  line-height: 20px;
  font-size: 1.5rem;
  color: #555;
}

.btm .btm01.icon01 {
  background: url(../images/icon001.svg) top center no-repeat;
  background-size: 24px 24px;
}

.btm .btm01.icon02 {
  background: url(../images/icon002.svg) top center no-repeat;
  background-size: 24px 24px;
}

.btm .btm01.icon03 {
  background: url(../images/icon003.svg) top center no-repeat;
  background-size: 24px 24px;
}

.btm .btm01.icon01.act {
  color: #68b7f3;
  background: url(../images/icon001_act.svg) top center no-repeat;
  background-size: 24px 24px;
}

.btm .btm01.icon02.act {
  color: #68b7f3;
  background: url(../images/icon002_act.svg) top center no-repeat;
  background-size: 24px 24px;
}

.btm .btm01.icon03.act {
  color: #68b7f3;
  background: url(../images/icon003_act.svg) top center no-repeat;
  background-size: 24px 24px;
}

/* 底部按钮css end */


.tops {
  position: relative;
  background: #fff;
}

.tops .top_change {
  display: flex;
  height: 60px;
  line-height: 58px;
  border-bottom: 1px solid #eee;
  padding: 0 10px;
}

.tops .top_change .left {
  color: #555;
  padding-right: 20px;
  background: url(../images/br.png) center right no-repeat;
  background-size: 10px 20px;
  font-size: 1.8rem;
}

.tops .top_change .left .name {
  max-width: 220px;
  height: 58px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tops .top_change .right {
  flex: 1;
  text-align: right;
  color: #666;
  font-size: 1.4rem;
}

.tops .top_change .right .name {
  background: url(../images/icon_selectCS.png) 0 center no-repeat;
  background-size: 18px 18px;
  display: inline-block;
  padding-left: 24px;
}

.tops .top_csCont {
  display: none;
  width: 100%;
  position: fixed;
  left: 0;
  top: 60px;
  z-index: 9999;
}

.tops .top_csCont .csList {
  display: none;
  position: relative;
  z-index: 2;
  padding: 10px;
  background: #fff;
}

.tops .top_csCont .csList li {
  padding-left: 30px;
  background: url(../images/ico_csChage.png) 0 center no-repeat;
  background-size: 16px 16px;
  font-size: 1.5rem;
  color: #333;
  line-height: 60px;
  border-bottom: 1px dashed #eee;
}

.tops .top_csCont .csList li.act {
  color: #65bafb;
}

.tops .top_csCont .csList li:nth-last-child(1) {
  border-bottom: none;
}

.tops .top_csCont .bg_alpha {
  position: fixed;
  z-index: 1;
  left: 0;
  right: 0;
  top: 60px;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.3);
}

.layui-layer-btn {
  display: flex;
}

.layui-layer-btn a.layui-layer-btn0, .layui-layer-btn a.layui-layer-btn1 {
  margin: 0 auto
}

.bodyFixed {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.top_csCont {
  max-height: 100%;
  overflow-y: scroll;
}

.h60 {
  width: 100%;
  height: 60px;
  background: transparent;
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
}

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

.section [class*=am-u-] {
  padding-left: 20px;
  padding-right: 20px;
}

.pageInput {
  width: 60px;
  margin-left: 5px;
  padding: 0.5em 5px;
  border: 1px solid #ddd;
  line-height: 1.2;
  text-align: center;
}

.am-g.section {
  margin: 20px;
}

.am-g {
  width: auto;
}

.dataTitle {
  margin-bottom: 10px;
  font-size: 1.6rem;
}

.dataTitle1 {
  font-size: 1.8rem;
}

.contBOX {
  position: relative;
  margin: 20px;
  padding: 20px;
  background: #fff;
  border: 1px solid #eee;
  border-radius: 5px;
  box-shadow: 0 0 2px #f5f5f5;
}

.am-g .contBOX {
  margin: 0;
  margin-bottom: 20px;
}

.TJContainer .contBOX {
  margin: 5px 20px;
}

.TJContainer .tjNum {
  font-size: 1.4rem;
  color: #555;
}

.border-right {
  border-right: 1px solid #eee;
}

.datanum {
  color: #333;
  padding: 10px 0;
}

.datanum span {
  font-size: 3.2rem;
  padding-right: 5px;
}

.dataname {
  color: #555;
  font-size: 1.5rem;
}

.mt0 {
  margin-top: 0;
}

.dataTime {
  line-height: 24px;
  font-size: 1.4rem;
  color: #666;
}

.dataTime span {
  padding-left: 5px;
}

.dataTime span.increase {
  color: #00ce8b;
}

.dataTime span.reduce {
  color: #fa5151;
}

.contBOX .am-u-lg-3 {
  margin-bottom: 20px
}

.contBOX1 {
  position: relative;
  margin: 20px;
  padding: 20px;
  background: #fff;
  border: 1px solid #eee;
  border-radius: 5px;
  box-shadow: 0 0 2px #f5f5f5;
}

.dataTotal {
  position: relative;
}

#searchC {
  position: absolute;
  top: 0;
  z-index: 99;
  background: #fff;
}

.dataTotal .link {
  position: relative;
}

.toUserDetail {
  font-size: 1.5rem;
  padding: 0 10px;
  line-height: 20px;
  color: #0e90d2;
}

.member_li {
  position: relative;
  margin: 20px;
  padding: 15px 10px;
  background: #fff;
  border: 1px solid #eee;
  border-radius: 5px;
  box-shadow: 0 0 2px #f5f5f5;
}

.member_li .ava {
  margin-left: 10px;
}

.member_li .cont {
  margin-left: 10px;
}

.member_li .cont .nickname {
  font-size: 1.4rem;
  line-height: 30px;
  height: 30px;
  overflow: hidden;
}

.member_li .cont .times {
  font-size: 1.4rem;
  line-height: 24px;
  height: 24px;
  overflow: hidden;
}

.times span {
  margin-right: 10px;
}

.member_li .datanum {
  padding: 3px 0;
  line-height: 24px;
  overflow: hidden;
}

.member_li .datanum.rs span {
  font-size: 2rem;
}

.member_li .dataname {
  font-size: 1.4rem;
}

.member_li .datanum span {
  font-size: 1.4rem;
}

.member_li .datanum span.price {
  font-size: 2rem;
  font-weight: 600
}

.member_li .kbname {
  background: url(../images/share.svg) 0 center no-repeat;
  background-size: 16px 16px;
  margin-left: 10px;
  padding-left: 20px;
  font-size: 1.6rem;
  line-height: 28px;
}

.member_li .kcname {
  padding-left: 1rem;
  font-size: 1.4rem;
}

.member_li .zhibosc {
  margin-top: 10px;
}

.member_li .users {
  margin-left: 80px;
}

.member_li .users .usernick {
  display: flex;
  line-height: 20px;
  margin-bottom: 10px;
}

.member_li .users .usernick .nickname {
  flex: 1;
}

.am-g .contBOX1 {
  margin: 0;
  margin-bottom: 20px;
}

.am-g .contBOX1 .dataname {
  height: 40px;
  line-height: 20px;
  overflow: hidden;
}

.yestday {
  line-height: 24px;
  font-size: 1.4rem;
  color: #666;
}

.yestday span {
  padding-left: 5px;
}

.navlist {
  margin: 20px;
  position: relative;
  background: #Fff;
}

.navlist .navli {
  padding: 12px 0 5px;
  border-bottom: 1px solid #fff;
  font-size: 1.6rem;
  color: #333;
}

.navlist .navli.act {
  border-bottom: 2px solid #68b7f3;
  color: #68b7f3;
  font-weight: 600;
}

.navlist .navli .name {
  line-height: 24px;
}

.navlist .navli .nums {
  font-size: 2.4rem;
  font-weight: 400;
}

.navlist .navli {
  padding: 12px 0 5px;
  border-bottom: 1px solid #fff;
  font-size: 1.6rem;
  color: #333;
}

.navlist .navli.act {
  border-bottom: 2px solid #68b7f3;
  color: #68b7f3;
  font-weight: 600;
}

.navlist .navli .name {
  line-height: 24px;
}

.navlist .navli .nums {
  font-size: 2.4rem;
  font-weight: 400;
}

/* .links{} */
.links a {
  padding: 0 20px;
  color: #130CB7;
}

.beizhu_cont {
  display: flex;
  align-items: center;
  justify-content: center;
}

.beizhu_cont label {
  color: #555;
  font-size: 1.4rem;
}

.beizhu_cont .beizhu_nr {
  flex: 1;
  padding: 3px 5px;
  border: none;
  line-height: 24px;
  border-bottom: 1px solid #eee;
  font-size: 1.5rem;
  outline: none;
}

.edit_bz {
  margin-left: 5px;
  background: url(../images/edit.svg) center bottom no-repeat;
  background-size: 24px 24px;
  width: 30px;
  height: 30px;
}

.bgwhite {
  background: #fff;
  padding-top: 1px;
}

.bgCont {
  background: #fff;
  margin: 20px;
  padding: 20px;
}

.minus {
  width: 40px;
  height: 40px;
  background: url(../images/minus.svg) center center no-repeat;
  background-size: 20px 20px;
}

.add {
  width: 40px;
  height: 40px;
  background: url(../images/add.svg) center center no-repeat;
  background-size: 16px 16px;
}

.am-selected-icon.am-icon-caret-down {
  width: 10px;
  background: url(../images/down.svg) center center no-repeat;
  background-size: 10px 10px;
  display: inline-block;
  outline: none;
  border: none;
}

.am-selected-list li.am-checked .am-icon-check {
  width: 20px;
  background: url(../images/checked.svg) center center no-repeat;
  background-size: 16px 16px;
  display: inline-block;
  outline: none;
  border: none;
}

.am-icon-caret-down:before {
  content: '';
}

.am-icon-check:before {
  content: '';
}

.am-selected-list .am-selected-text {
  white-space: normal;
}

.select_title {
  font-size: 1.4rem;
  line-height: 24px;
}

.infOTable .am-selected-btn {
  padding: 1rem;
}

.am-datepicker-prev-icon {
  background: url(../images/left.svg) center center no-repeat;
  background-size: 26px 26px;
}

.am-datepicker-next-icon {
  background: url(../images/ico_right.png) center center no-repeat;
  background-size: 26px 26px;
}

.am-datepicker-prev-icon:before {
  content: ''
}

.am-datepicker-next-icon:before {
  content: ''
}


.TJContainer .am-pagination {
  padding: 20px;
}

/* .cslist{} */
.cslist .csli {
  background: #fff;
  margin: 20px;
  padding: 20px;
  box-shadow: 0 0 2px #f5f5f5;
  border: 1px solid #eee;
}

.cslist .csli .cstop {
  display: flex;
  outline: none;
  border: none;
  margin-bottom: 10px;
  padding-top: 10px;
}

.cslist .csli .img {
  position: relative;
  width: 120px;
  height: 80px;
  border: 1px solid #f9f9f9;
  box-shadow: 0 0 2px #eee;
  margin-right: 10px;
  border-radius: 10px;
  overflow: hidden;
}

.cslist .csli .img img {
  min-height: 100%;
}

.cslist .csli .middle {
  flex: 1;
}

.cslist .csli .img .state {
  position: absolute;
  top: 0;
  left: 0;
  padding: 3px 8px;
  font-size: 1.2rem;
  background: #00ce8b;
  color: #fff;
  border-bottom-right-radius: 10px;
}

.cslist .csli .img .state.st1 {
  background: #b5b5b5;
}

.cslist .csli .img .state.st2 {
  background: #f1bb22;
}

.cslist .csli .middle .csname {
  font-size: 1.3rem;
  line-height: 20px;
  min-height: 40px;
  margin-top: 5px;
  color: #222;
}

.cslist .csli .middle .csQi {
  font-size: 1.6rem;
  color: #68b7f3;
}

.cslist .csli .middle .time {
  font-size: 1.3rem;
  color: #555;
}

.csli .sharedata_kc {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  line-height: 36px;
  font-size: 1.5rem;
  font-weight: 600
}

.csli .sharedata_kc .sstongjiBtn span {
  color: #0daf8b;
  background: url(../images/sstongji.svg) 0 center no-repeat;
  padding-left: 20px;
}

.csli .sharedata_kc .sstongjiBtn {
  border: none;
  background: transparent;
}

.csli .sharedata_kc .shareBtn span {
  color: #db1212;
  background: url(../images/share.svg) 0 center no-repeat;
  padding-left: 20px;
}

.csli .sharedata_kc .backupBtn span {
  color: #7a81bd;
  background: url(../images/backup.svg) 0 center no-repeat;
  background-size: 16px 16px;
  padding-left: 20px;
}

.sharelists {
  background: #fff;
}

.sharelists li {
  padding: 20px 0;
}

.searchBox {
  margin: 10px;
}

.searchBox .am-input-group, .searchBox .am-btn {
  margin: 5px 0;
}

.dataTotal .kbname {
  margin-bottom: 10px
}

.title_pc {
  margin: 20px 20px;
  font-size: 1.8rem;
  color: #222;
}

.lines {
  padding-left: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.lines .label {
  font-size: 1.6rem;
  color: #666;
}

.lines .textcontent {
  flex: 1;
  text-align: right;
  font-size: 1.6rem;
  color: #555;
}

.lines .text11 {
  height: 40px;
  line-height: 40px;
  font-size: 1.6rem;
  color: #555;
}

.lines .textcontent .ava {
  display: inline-block;
  width: 48px;
  height: 48px;
  border-radius: 30px;
  overflow: hidden;
}

.ico {
  width: 50px;
  height: 48px;
}

.ico.editico {
  background: url(../images/edit_icon.svg) center center no-repeat;
  background-size: 20px 20px;
}

.ico.more {
  background: url(../images/right.svg) center center no-repeat;
  background-size: 16px 16px;
}

.ico.up {
  background: url(../images/right.svg) center center no-repeat;
  transform: rotate(90deg);
  background-size: 16px 16px;
}

.ico.up.down {
  transform: rotate(-90deg);
}

.ico.copy {
  background: url(../images/copy.svg) center center no-repeat;
  background-size: 24px 24px;
}

.contBOX.ewm {
  padding: 10px;
}

.lines.imgUpload {
  padding: 0 20px 0 30px;
}

.ewmImg .state {
  font-size: 1.6rem;
  color: #555;
  margin: 10px 0;
}

.ewmCont {
  display: flex;
}

.ewmCont .ewmImg img {
  width: 100%;
  max-width: 240px;
  margin: 0 auto;
}

.ewmCont .uploadTit {
  position: relative;
}

/* .ewmCont .uploadTit .upload{  } */
.ewmCont .uploadTit .input {
  outline: none;
  border: none;
  background: transparent;
  opacity: 0;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.gys1 {
  color: #0e90d2;
}

.lines .icoleft {
  width: 30px;
  height: 48px;
}

.lines .icoleft.memberico {
  background: url(../images/members.svg) 0 center no-repeat;
  background-size: 20px 20px;
}

.lines .icoleft.jysjico {
  background: url(../images/jysj.svg) 0 center no-repeat;
  background-size: 20px 20px;
}

.lines .icoleft.wxico {
  background: url(../images/wechat-login.png) 0 center no-repeat;
  background-size: 24px 24px;
  margin-right: 10px
}

.lines .icoleft.order {
  background: url(../images/order.svg) 0 center no-repeat;
  background-size: 20px 20px;
}

.lines .icoleft.shop {
  background: url(../images/shop.svg) 0 center no-repeat;
  background-size: 20px 20px;
}

.lines .icoleft.hongbao {
  background: url(../images/hongbao.svg) 0 center no-repeat;
  background-size: 20px 20px;
}

.lines .icoleft.logout {
  background: url(../images/logout.svg) 0 center no-repeat;
  background-size: 20px 20px;
}

.lines .icoleft.gmmico {
  background: url(../images/gaimima.svg) 0 center no-repeat;
  background-size: 20px 20px;
  margin-right: 10px;
}

.lines .icoleft.ewmico {
  background: url(../images/ewm.svg) 0 center no-repeat;
  background-size: 20px 20px;
  margin-right: 10px;
}

.lines .icoleft.TGcust {
  background: url(../images/TGcust.svg) 0 center no-repeat;
  background-size: 18px 18px;
  margin-right: 2px;
}

.bodyMaxwidth {
  max-width: 960px;
}

.border1 {
  border: 1px solid transparent;
}

.mt20 {
  margin-top: 20px;
}

.mt10 {
  margin-top: 10px;
}

.mr10 {
  margin-right: 10px;
}

.ml10 {
  margin-left: 10px;
}

.custli {
  background: #fff;
  padding: 10px;
  margin: 10px;
}

.custli .top1 {
  margin-bottom: 10px;
}

.custli .top1 .avatarimg {
  width: 60px;
  height: 60px;
  margin-right: 10px;
  border-radius: 60px;
  overflow: hidden;
}

.custli .top1 .avatarimg img {
  width: 60px;
  height: 60px;
}

.custli .top1 .info .nickname {
  font-size: 1.6rem;
  line-height: 36px;
}

.custli .top1 .info .us_id {
  font-size: 1.3rem;
}

.custli .top1 .info .us_id span {
  display: inline-block;
  height: 18px;
  line-height: 18px;
  border-radius: 2x;
  padding: 0 5px;
  border: 1px solid #b0ddf3;
  background: #f8fcff;
  color: #0e90d2;
}

.custli .bottom1 {
  border: 1px dashed #f5f5f5;
  padding-top: 5px;
}

.custli .bottom1 .line {
  line-height: 28px;
  font-size: 1.4rem;
  color: #666;
}

.custli .bottom1 .line .val {
  color: #333;
}

.shopList {
  background: #fff;
  margin: 20px;
}

.topC {
  margin: 20px;
}

.topC .am-btn-secondary:focus, .topC .am-btn-secondary:hover, .chooseBtn {
  width: 100%;
  border-radius: 20px;
  background: #fff;
  border: 1px solid #eee;
  box-shadow: 0 0 2px #eee;
  color: #555;
  outline: none;
}

.sharelists {
  color: #555;
}

.sharelists .linkshare img {
  margin: 0 auto;
  width: 24px;
  height: 24px;
  margin-bottom: 10px;
}

.sharelists .linkCopy img {
  margin: 0 auto;
  width: 24px;
  height: 24px;
  margin-bottom: 10px;
}

.placeorder {
  width: 36px;
  height: 20px;
  background: url('../images/placeorder.svg') center center no-repeat;
  background-size: 16px 16px;
}

.loadingbubble {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99999;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #37474f;
}

.bgGray {
  background: #f6f6f6;
}

.selected_shop {
  border: 1px solid #ccc;
  padding: 6px;
  padding-right: 3px;
}

.selected_shop .icondown {
  width: 16px;
  height: 16px;
  background: url(../images/down.svg) center center no-repeat;
  background-size: 10px 10px;
}

.selectShopCont {
  position: relative;
}

.selectShopCont ul.shopUl {
  width: 100%;
  position: absolute;
  z-index: 99;
  top: 100%;
  max-height: 200px;
  overflow-y: scroll;
  padding: 6px;
  background: #fff;
  border: 1px solid #ccc;
}

/* .selectShopCont ul li{  } */
.selectShopCont ul li .iconcheck {
  width: 40px;
  height: 20px;
}

.selectShopCont ul li .iconcheck.act {
  background: url(../images/checked.svg) center center no-repeat;
  background-size: 16px 16px;
}

.avaddlist {
  width: 30px;
  height: 30px;
  margin-right: 5px;
}

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

.ddstate {
  text-align: right;
  font-size: 1.5rem;
  padding: 0 10px;
  line-height: 20px;
  color: #0e90d2;
}

.ddli .users .nickcont {
  flex: 1;
  overflow: hidden;
}

.ddli .users .usernick {
  margin-bottom: 3px;
}

.spcontain {
  border: 1px solid #eee;
  border-radius: 5px;
}

.ddli .spconts {
  padding: 10px 0;
  background: #fcfcfc;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ddli .spconts .spname {
  font-size: 1.4rem;
  color: #444;
  line-height: 20px;
}

.ddli .spconts .spjg {
  font-size: 1.2rem;
  text-align: right;
}

.ddli .spconts .spjg span {
  font-size: 1.6rem;
}

.ddli .spconts .spliang {
  font-size: 1.2rem;
  text-align: right;
  line-height: 20px;
  color: #666;
}

.ddli .spconts .payway {
  font-size: 1.6rem;
  text-align: right;
  line-height: 20px;
  color: #666;
}

.ddli .line {
  display: flex;
  font-size: 1.4rem;
  color: #555;
  align-items: center;
  justify-content: center;
}

.ddli .line .textcontent {
  flex: 1;
}

.datetime {
  font-size: 1.2rem;
  color: #555;
}

.ddli .lines_cont {
  padding-left: 2px;
}

.ddli .lines_cont .ico {
  width: 30px;
  height: 30px;
}

.bodyiframe {
  position: relative;
  width: 100%;
  max-width: 640px;
  height: 100%;
  margin: 0 auto;
}

.flexs {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.6rem;
  color: #555;
}

.flexs .xxid {
  flex: 1;
}

.flexs .ava {
  margin-right: 5px;
}

.btnCont {
  padding-left: 10px;
}

/*.btnCont .btntk{ margin-right: 10px; }*/
.edlt_dzCont {
  position: relative;
}

.edit_addr {
  width: 30px;
  height: 30px;
  background: url(../images/edit_icon.svg) center center no-repeat;
  background-size: 16px 16px;
}

.edit_addrClose {
  width: 40px;
  height: 20px;
  background: url(../images/close1.png) center center no-repeat;
  background-size: 16px 16px;
}


.ddmoreLi {
  padding: 5px 10px;
  background: #fcfcfc;
  margin-bottom: 10px;
  border-radius: 5px;
}

.ddmoreLi .addli {
  background: url(../images/addr.svg) 0 center no-repeat;
  background-size: 16px 16px;
  padding-left: 20px;
  line-height: 20px;
}

.ddmsg {
  padding-right: 5px;
  line-height: 20px;
  font-size: 1.4rem;
  color: #555;
}

.ddmoreLi .dizhi {
  padding-left: 5px;
  font-size: 1.4rem;
  color: #333;
}

.ddmoretit {
  margin-bottom: 5px;
  font-size: 1.5rem;
}

.contmore {
  line-height: 20px;
}

.contmore .msglr {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  color: #555
}

.contmore .msglr .msgl {
  flex: 1;
  color: #666
}

.nickname span {
  margin-right: 3px
}

.flexs .end {
  margin-right: 5px;
}

.guoqicont {
  background: #fff;
  margin: 20px;
  padding: 20px;
}

.guoqicont .text {
  line-height: 28px;
  text-align: center;
  font-size: 1.6rem;
  color: #555
}

.guoqicont .ava {
  width: 30px;
  height: 30px;
  border-radius: 30px;
  overflow: hidden;
}

.guoqicont .ewm {
  width: 60%;
  margin: 0 auto;
}

.guoqiinfo .img img {
  margin: 10px auto;
  width: 40px;
  height: 40px;
}

.guoqiinfo .texts {
  font-weight: 600;
  margin: 5px auto;
  color: #fafafa;
  font-size: 1.8rem;
}

.live_countDown_cont .tit_sm {
  text-align: center;
  font-size: 1.6rem;
  line-height: 24px;
  font-weight: 600;
}

@keyframes spin {
  from {
    transform: rotate(0);
  }

  to {
    transform: rotate(359deg);
  }
}

@keyframes configure-clockwise {
  0% {
    transform: rotate(0);
  }

  25% {
    transform: rotate(90deg);
  }

  50% {
    transform: rotate(180deg);
  }

  75% {
    transform: rotate(270deg);
  }

  100% {
    transform: rotate(359deg);
  }
}

@keyframes configure-xclockwise {
  0% {
    transform: rotate(45deg);
  }

  25% {
    transform: rotate(-45deg);
  }

  50% {
    transform: rotate(-135deg);
  }

  75% {
    transform: rotate(-215deg);
  }

  100% {
    transform: rotate(-305deg);
  }
}

@keyframes pulse {
  from {
    opacity: 1;
    transform: scale(1);
  }

  to {
    opacity: .25;
    transform: scale(.75);
  }
}

/* GRID STYLING */

* {
  box-sizing: border-box;
}


.spinner-box {
  width: 300px;
  height: 300px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: transparent;
}

/* SPINNING CIRCLE */

.circle-border {
  width: 150px;
  height: 150px;
  padding: 3px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: rgb(63, 249, 220);
  background: linear-gradient(0deg, rgba(63, 249, 220, 0.1) 33%, rgba(63, 249, 220, 1) 100%);
  animation: spin .8s linear 0s infinite;
}

.circle-core {
  width: 100%;
  height: 100%;
  background-color: #37474f;
  border-radius: 50%;
}

/* X-ROTATING BOXES */

.configure-border-1 {
  width: 115px;
  height: 115px;
  padding: 3px;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #ffab91;
  animation: configure-clockwise 3s ease-in-out 0s infinite alternate;
}

.configure-border-2 {
  width: 115px;
  height: 115px;
  padding: 3px;
  left: -115px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgb(63, 249, 220);
  transform: rotate(45deg);
  animation: configure-xclockwise 3s ease-in-out 0s infinite alternate;
}

.configure-core {
  width: 100%;
  height: 100%;
  background-color: #37474f;
}

/* PULSE BUBBLES */

.pulse-container {
  width: 120px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.pulse-bubble {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #3ff9dc;
}

.pulse-bubble-1 {
  animation: pulse .4s ease 0s infinite alternate;
}

.pulse-bubble-2 {
  animation: pulse .4s ease .2s infinite alternate;
}

.pulse-bubble-3 {
  animation: pulse .4s ease .4s infinite alternate;
}

/* SOLAR SYSTEM */

.solar-system {
  width: 250px;
  height: 250px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.orbit {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #ffffffa5;
  border-radius: 50%;
}

.earth-orbit {
  width: 165px;
  height: 165px;
  -webkit-animation: spin 12s linear 0s infinite;
}

.venus-orbit {
  width: 120px;
  height: 120px;
  -webkit-animation: spin 7.4s linear 0s infinite;
}

.mercury-orbit {
  width: 90px;
  height: 90px;
  -webkit-animation: spin 3s linear 0s infinite;
}

.planet {
  position: absolute;
  top: -5px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #3ff9dc;
}

.sun {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background-color: #ffab91;
}


.edit_cont {
  padding: 10px 0 30px
}

.edit_cont .edit_name {
  line-height: 30px;
  font-size: 1.4rem;
  color: #333;
  padding-left: 30px
}

.edit_cont .input {
  position: relative;
  width: 100%;
  padding: 0 20px;
  height: 36px;
  background: transparent;
  margin-bottom: 10px;
}

.edit_cont .input input {
  width: 100%;
  height: 36px;
  border-radius: 5px;
  padding: 0 10px;
  font-size: 1.4rem;
  border: 1px solid #eee;
  outline: none;
  color: #555;
}

.edit_cont .input label.error {
  position: absolute;
  right: 30px;
  top: 0;
  color: #ea5455;
  line-height: 36px;
}

.edit_comfirm {
  width: 100%;
  padding: 0 20px;
  margin-top: 30px;
}

.edit_comfirm input {
  width: 100%;
  background: linear-gradient(to right bottom, #72EDF2, #5151E5);
  ;
  border: none;
  outline: none;
  border-radius: 5px;
  color: #fff;
  font-size: 1.6rem;
  height: 42px;
  border-radius: 20px;
}

/* .btn_comfirm{ text-align: center; flex: 1; background: linear-gradient(to right bottom, #f1793f, #eb0d0d); color: #fff; font-size: 1.6rem; height: 48px; line-height: 48px; border-radius: 20px; }*/

.edit_cont .sm_title {
  font-size: 1.6rem;
  color: #000;
  margin-top: 20px;
  padding: 10px;
  background: #f9f9f9;
  margin-bottom: 10px;
}

.edit_cont .idcard_img {
  padding: 10px;
  margin-bottom: 10px;
  margin-left: 80px;
  width: 200px;
  height: 120px;
}

.edit_cont .idcard_img img {
  width: 180px;
  height: 100px;
}

.worn_content {
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 99999;
}

.worn_content .worn_tips {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  padding: 20px 30px;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  font-size: 1.5rem;
}

.worn_content .bg_worn {
  width: 100%;
}


/* 自定义其他任意主题  */
/*.class-layer-demo-custom .layui-layer-title{background-color: #EDEFF2;}
.class-layer-demo-custom .layui-layer-btn{padding: 5px 10px 10px;}
.class-layer-demo-custom .layui-layer-btn a{background: #fff; border-color: #E9E7E7; color: #333;}
.class-layer-demo-custom .layui-layer-btn .layui-layer-btn0{border-color: #FA584D; background-color: #FA584D; color: #fff;}
*/
.alertCont {
  padding: 20px 0;
}

.alertCont .alertName {
  margin-bottom: 10px;
  font-size: 2.4rem;
  color: #da2618;
  font-weight: 600;
  text-align: center;
}

.alertCont .alertpsg {
  font-size: 1.6rem;
  color: #333;
  line-height: 26px;
  font-weight: 600;
  text-indent: 2em;
  padding: 5px 10px;
}

.alertCont .alertpsg .cred {
  color: #da2618
}

.alertCont .btns {
  margin-top: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.alertCont .btn_close {
  font-size: 1.8rem;
  padding: 10px 40px;
  background: #da2618;
  color: #fff;
  border-radius: 30px;
}

.btnSubmit {
  width: 48px;
  height: 52px;
  background: url(../images/feedback.png) center center no-repeat;
  background-size: 48px 52px;
  position: fixed;
  bottom: 180px;
  right: 20px;
  z-index: 9;
}


.online_kf {
  position: relative;
  z-index: 99999;
}

.online_kf .close {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 5px;
  right: 5px;
  background: url(data:image/png;base64,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) center center no-repeat;
  background-size: 20px 20px;
}

.online_kf .layer-bg {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, .3);
}

.online_kf .layerMain {
  max-width: 640px;
  padding: 10px 20px 40px;
  position: fixed;
  bottom: 0;
  width: 100%;
  min-height: 300px;
  background: #fff;
  border-radius: 10px 10px 0 0;
}

.online_kf .layerMain .guanzhu_title {
  height: 30px;
  line-height: 30px;
  font-size: 1.5rem;
  color: #555;
}

.online_kf .layerMain .guanzhu_title1 {
  line-height: 24px;
  font-size: 1.3rem;
  color: #555;
}

.online_kf .layerMain .guanzhu_title1 span {
  display: inline-block;
  width: 10px;
  color: #da2618;
  font-size: 12px;
}

.online_kf .layerMain .inputcont {
  position: relative;
  padding: 10px;
}

.online_kf .layerMain .inputcont .textarea {
  padding: 5px;
  width: 100%;
  outline: none;
  line-height: 24px;
  font-size: 1.4rem
}

.online_kf .layerMain .inputcont .phone {
  padding: 5px;
  width: 100%;
  line-height: 24px;
  font-size: 1.4rem
}

.online_kf .layerMain .feedbackSubmit {
  text-align: center;
  margin: 10px;
  padding: 5px 20px;
  outline: none;
  border: 1px solid #da2618;
  background: #da2618;
  color: #fff;
  font-size: 1.6rem;
  border-radius: 20px;
  line-height: 30px;
}

.online_kf .layerMain .inputcont .error {
  color: #da2618;
}

/* ==================== 状态页面通用样式（无权限/已过期） ==================== */
.status-wrap {
  width: 100%;
  background: #f5f5f5;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.status-cover {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  background: #ddd;
  overflow: hidden;
  flex-shrink: 0;
}

.status-cover .cover-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: blur(6px);
}

.status-cover .cover-mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.25);
}

.status-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0 20px 60px;
  background: #f3f4f6;
  flex: 1;
}

.status-icon {
  width: 200px;
  height: 200px;
  margin-bottom: 20px;
}

.status-icon img,
.status-icon svg {
  width: 100%;
  height: 100%;
}

.status-icon img {
  object-fit: contain;
}

.status-text {
  font-size: 1.6rem;
  color: #111927;
  text-align: center;
  line-height: 24px;
}

.cover-title {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 11px 13.5%;
  background: linear-gradient(180deg, #000000a8 0%, #00000000 100%);
  z-index: 2;
}

.cover-title span {
  display: block;
  color: #ffffff;
  font-size: 18px;
  line-height: 26px;
  height: 26px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}


.modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 998;
  display: none;
}

.modal-overlay.show {
  display: block;
}

.modal-panel {
  position: fixed;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%) translateY(100%);
  width: 100%;
  max-width: 480px;
  background: #f3f4f6;
  z-index: 999;
  padding: 12px;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  transition: transform 0.3s ease;
}

.modal-panel#commentModal {
  background: #fff;
}

.modal-panel.show {
  transform: translateX(-50%) translateY(0);
}

.modal-panel .modal-header {
  text-align: center;
  position: relative;
  margin-bottom: 20px;
}

.modal-panel .modal-header .modal-title {
  font-size: 1.6rem;
  font-weight: 600;
  color: #1d1e22;
  height: 24px;
  line-height: 24px;
  overflow: hidden;
  text-align: center;
  padding: 0 30px;

}

.modal-panel .modal-header .modal-close {
  position: absolute;
  left: 0;
  top: 0;
  width: 24px;
  height: 24px;
  font-size: 2rem;
  color: #999;
  line-height: 24px;
  cursor: pointer;
  background: url('../images/fault_black.png') no-repeat center center;
  background-size: 100% 100%;
}

/* ====================  提示弹窗 ==================== */
.intro-modal {
  padding: 0;
  border-radius: 12px 12px 0 0;
  background: linear-gradient(180deg, #ef444433 0%, #ffffff33 100%), #ffffff;
  min-height: 400px;
}

.intro-modal-bg {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 12px;
  height: 72px;
}

.intro-modal-bg .intro-modal-title {
  width: 128px;
  height: auto;
  display: block;
  margin-left: 12px;
}

.intro-modal-bg .intro-modal-icon {
  width: 85px;
  height: 79px;
  display: block;
  position: absolute;
  top: -24px;
  right: 0;
  width: 105.9px;
  height: 115px;
}

.intro-modal-content {
  min-height: 312px;
  border-radius: 12px;
  background: #ffffff;
  margin: 0 12px;
  padding: 12px;
  overflow-y: auto;
  color: #384250;
  font-size: 1.6rem;
  line-height: 24px;
  box-sizing: border-box;
}

#ts_msg {
  border-radius: 8px;
  background: #fee2e2;
  font-size: 1.6rem;
  line-height: 24px;
  color: #384250;
  padding: 8px;
}

/* 微信引导遮罩层 */
.wechat-guide-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99999;
  background: rgba(0, 0, 0, 0.8);
}

.wechat-guide-overlay img {
  display: block;
  width: 100%;
  height: auto;
}

.opacity_set {
  opacity: 0;
}

#qrCodeBox img {
  display: block;
  margin: 20px auto;
}