*{
  margin: 0;
  padding: 0;
  /*border:0;*/
  /*box-sizing: border-box;*/
  /*outline: none;*/
  /*list-style: none;*/
}
strong{
  font-weight: bold;
}
body {
  font-family: "Microsoft YaHei", "SimSun";
  color: black !important;
}

@font-face{
  font-family: siyuansongti;  /*为引入的字体文件起名，可以为任意名*/
  src: url('../font/SOURCEHANSERIFCN-BOLD-2.OTF')format('opentype')
}

@font-face{
  font-family: siyuansongti2;  /*为引入的字体文件起名，可以为任意名*/
  src: url('../font/SOURCEHANSERIFCN-MEDIUM-6.OTF')format('opentype')
}
@font-face {
  font-family: 'alimamshuheiti';
  src: url('../font/ALIMAMASHUHEITI-BOLD.OTF') format('opentype'),
  url('../font/ALIMAMA_SHUHEITI_BOLD.TTF') format('truetype');
  /*font-weight: normal;*/
  /*font-style: normal;*/
  /*font-display: swap;*/
}
.hideScrollBar {
  /* 滚动槽 */
  /* 滚动条滑块 */
}
.hideScrollBar ::-webkit-scrollbar {
  width: 1px;
}
.hideScrollBar ::-webkit-scrollbar-track {
  -webkit-box-shadow: #00000000;
  border-radius: 1px;
}
.hideScrollBar ::-webkit-scrollbar-thumb {
  border-radius: 1px;
  background: #00000000;
  -webkit-box-shadow: #00000000;
}
.hideScrollBar ::-webkit-scrollbar-thumb:window-inactive {
  background: #00000000;
}
.znwd-container {
  position: relative;
  background-image: url("../imgs/znwdNew/bg.png");
  background-size: cover;
  margin: 0;
  padding: 0;
}
.znwd-container * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  /*font-size: 14px;*/
}

.bg-video {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  height: 100%;
  width: 100%;
  z-index: -1;
}
.video-background-container {
  position: relative; /* 确保其他内容相对于视频背景定位 */
  width: 100%; /* 容器宽度 */
  height: 100%; /* 容器高度设置为视口高度，或者你可以设置为你需要的任何高度 */
  /*overflow: hidden; !* 隐藏超出容器的视频部分 *!*/
}

.video-background {
  position: absolute; /* 绝对定位，使其脱离文档流 */
  top: 0; /* 顶部对齐 */
  left: 0; /* 左侧对齐 */
  width: 100%; /* 宽度设置为容器宽度 */
  height: 100%; /* 高度设置为容器高度 */
  object-fit: cover; /* 确保视频覆盖整个容器，同时保持其宽高比 */
  /*z-index: -1; !* 确保视频背景在内容之下 *!*/
  z-index: 0; /* 确保视频背景在内容之下 */
}

/* 如果需要，可以添加对不支持video标签的浏览器的样式 */
.video-background-container video:not([autoplay]) {
  display: none; /* 隐藏不支持autoplay的视频 */
}

/* 其他内容的样式 */
.video-background-container .content {
  position: relative; /* 相对于视频背景定位 */
  z-index: 1; /* 确保内容在视频背景之上 */
  /* 其他样式... */
  margin: 0;
  line-height: 1.6;
}
.video-background-container .content img{
  max-width: 100% !important;
}
/*.znwd-container::before {*/
/*  content: " ";*/
/*  position: absolute;*/
/*  left: 0;*/
/*  right: 0;*/
/*  top: 0;*/
/*  bottom: 0;*/
/*  background: -webkit-linear-gradient(to bottom, #229fff, #147bf1);*/
/*  !* Safari 5.1 - 6.0 *!*/
/*  background: -o-linear-gradient(to bottom, #229fff, #147bf1);*/
/*  !* Opera 11.1 - 12.0 *!*/
/*  background: -moz-linear-gradient(to bottom, #229fff, #147bf1);*/
/*  !* Firefox 3.6 - 15 *!*/
/*  background: linear-gradient(to bottom, #229fff, #147bf1);*/
/*  z-index: -1;*/
/*}*/
.znwd-container .znwd {
  /*width: 1200px;*/
  width: 1400px;
  margin: 0 auto;
  /*padding-bottom: 41px;*/
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  height: 100%;
  overflow: hidden;
}
.znwd-container .znwd .znwd-titles {
  /*padding: 30px 0;*/
  padding: 5px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
.znwd-container .znwd .znwd-titles > div:nth-child(1) {
  /*width: 659px;*/
  /*width: 845px;*/
  width: 950px;
  height: 38px;
  /*position: relative;*/
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
  /*background-size: 659px 38px;*/
  /*background-image: url(../imgs/icon13.png);*/
  /*!* background-position-x: -112px; *!*/
  /*background-repeat: no-repeat;*/
}
.znwd-titles-bg{
  width:286px;
  height: 45px;
  margin: 0 auto;
  /*background-size: 100% 100%;*/
  background-image: url(../imgs/znwd/rxbk-title.png);
  background-repeat: no-repeat;
  position: absolute;
  left: calc(50% - 143px);
  /*top: calc(50% - 22.5px);*/
  top: 45px;
}
.znwd-ai{
  width: 390px;
  /*height: 100px;*/
  position: absolute;
  right: 0px;
  top: -25px;
}
.znwd-ai-gif{
  width: 126px;
  height: 162px;
  margin: 0 auto;
  display: block;
}
/*.znwd-container .znwd .znwd-titles > div:nth-child(2) {*/
/*  width: 150px;*/
/*  display: flex;*/
/*  justify-content: space-between;*/
/*}*/
/*.znwd-container .znwd .znwd-titles > div:nth-child(2) .icon {*/
/*  width: 40px;*/
/*  height: 40px;*/
/*  border-radius: 20px;*/
/*  background-color: #fff;*/
/*  box-shadow: 0 0 5px #0000007F;*/
/*  position: relative;*/
/*  cursor: pointer;*/
/*}*/
/*.znwd-container .znwd .znwd-titles > div:nth-child(2) .icon:hover {*/
/*  background-color: #FFFFFFB2;*/
/*}*/
/*.znwd-container .znwd .znwd-titles > div:nth-child(2) .icon::before {*/
/*  content: " ";*/
/*  position: absolute;*/
/*  left: 50%;*/
/*  top: 50%;*/
/*  transform: translate(-50%, -50%);*/
/*}*/
/*.znwd-container .znwd .znwd-titles > div:nth-child(2) .icon:nth-child(1)::before {*/
/*  background-image: url("../imgs/icon1.png");*/
/*  background-size: 22px 22px;*/
/*  width: 22px;*/
/*  height: 22px;*/
/*}*/
/*.znwd-container .znwd .znwd-titles > div:nth-child(2) .icon:nth-child(2)::before {*/
/*  background-image: url("../imgs/icon2.png");*/
/*  background-size: 21px 20px;*/
/*  width: 21px;*/
/*  height: 20px;*/
/*}*/
/*.znwd-container .znwd .znwd-titles > div:nth-child(2) .icon:nth-child(3)::before {*/
/*  background-image: url("../imgs/icon3.png");*/
/*  background-size: 20px 20px;*/
/*  width: 20px;*/
/*  height: 20px;*/
/*}*/
.znwd-container .znwd .chatBox {
  display: flex;
  align-items: center;
  /*background-image: url(../imgs/xt/xtBg.png);*/
  /*background-repeat: no-repeat;*/
  /*background-size: 100% 100%;*/
  width: 100%;
  height: 100%;
}
.znwd-container .znwd .chatBox > .left {
  /*width: 1045px;*/
  width: calc(100% - 450px);
  /*height: 730px;*/
  /*height: 909px;*/
  /*height: 95%;*/
  position: relative;
  /*background-color: #f8fafc;*/
  /*border-right: 1px solid #ccc;*/
  border-radius: 15px;
  display: flex;
  flex-direction: column;
  transition: all .3s ease;
  margin-top: 20px;
  height: calc(95% + 20px);
}
.znwd-container .znwd .chatBox > .left > .hideScrollBar {
  flex: 1;
  position: relative;
}
.znwd-container .znwd .chatBox > .left > .hideScrollBar .content {
  position: absolute;
  left: 25px;
  top: 20px;
  bottom: 50px;
  right: 25px;
  overflow-y: auto;
}
.znwd-container .znwd .chatBox > .left > .hideScrollBar .content .chatItem .headIcon {
  width: 40px !important;
  height: 40px !important;
  border-radius: 20px;
  background-color: #d9ebff;
  position: relative;
}
.znwd-container .znwd .chatBox > .left > .hideScrollBar .content .chatItem .headIcon::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.znwd-container .znwd .chatBox > .left > .hideScrollBar .content .chatItem .headIcon.robot::before {
  width: 26px;
  height: 23px;
  background-size: 26px 23px;
  background-image: url("../imgs/icon12.png");
}
.znwd-container .znwd .chatBox > .left > .hideScrollBar .content .chatItem .chatContent {
  background-color: #fff;
  box-shadow: 0 0 5px #C8C8C87F;
  padding: 10px;
  max-width: 480px;
  border-radius: 10px;
}
.znwd-container .znwd .chatBox > .left > .hideScrollBar .content .chatItem .chatContent.chatPage .tabs {
  display: flex;
  margin-top: 10px;
  flex-wrap: wrap;
}
.znwd-container .znwd .chatBox > .left > .hideScrollBar .content .chatItem .chatContent.chatPage .tabsW {
  /*display: flex;*/
  margin-top: 10px;
  /*flex-wrap: wrap;*/
}
.znwd-container .znwd .chatBox > .left > .hideScrollBar .content .chatItem .chatContent.chatPage .tabs div {
  height: 30px;
    line-height: 30px;
    padding: 0 8px;
    color: #fff;
    /* border: 1px solid #4d94f0; */
    background-color: rgb(30,125,249);
    cursor: pointer;
    border-radius: 15px;
    margin-left: 5px;
    margin-top: 5px;
  overflow: hidden;
}
.znwd-container .znwd .chatBox > .left > .hideScrollBar .content .chatItem .chatContent.chatPage .tabs div.selected {
  background-color: #fff;
  color: #4d94f0;
  cursor: auto;
  border: 1px solid #4d94f0;
  -ms-overflow-style: none;
}
.znwd-container .znwd .chatBox > .left > .hideScrollBar .content .chatItem .chatContent.chatPage .footer {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px dashed #ccc;
  display: flex;
  justify-content: flex-end;
  width: auto;
}
.znwd-container .znwd .chatBox > .left > .hideScrollBar .content .chatItem .chatContent.chatPage .footer div {
  padding-left: 20px;
  position: relative;
  cursor: pointer;
}
.znwd-container .znwd .chatBox > .left > .hideScrollBar .content .chatItem .chatContent.chatPage .footer div::before {
  content: " ";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.znwd-container .znwd .chatBox > .left > .hideScrollBar .content .chatItem .chatContent.chatPage .footer div:nth-child(1)::before {
  background-image: url("../imgs/icon16.png");
  width: 16px;
  height: 17px;
  background-size: 16px 17px;
}
.znwd-container .znwd .chatBox > .left > .hideScrollBar .content .chatItem .chatContent.chatPage .footer div:nth-child(2)::before {
  background-image: url("../imgs/icon17.png");
  width: 16px;
  height: 17px;
  background-size: 16px 17px;
}
.znwd-container .znwd .chatBox > .left > .hideScrollBar .content .chatItem .chatContent.chatPage .footer div + div {
  margin-left: 10px;
}
.znwd-container .znwd .chatBox > .left > .hideScrollBar .content .chatItem .chatContent.chatPage .list {
  margin-top: 10px;
}
.znwd-container .znwd .chatBox > .left > .hideScrollBar .content .chatItem .chatContent.chatPage .list div {
  position: relative;
  padding-left: 15px;
  cursor: pointer;
}
.znwd-container .znwd .chatBox > .left > .hideScrollBar .content .chatItem .chatContent.chatPage .list div a {
  text-decoration: none;
  color: unset;
}
.znwd-container .znwd .chatBox > .left > .hideScrollBar .content .chatItem .chatContent.chatPage .list div::before {
  content: " ";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background-image: url("../imgs/icon21.png");
  width: 6px;
  height: 10px;
  background-size: 6px 10px;
}
.znwd-container .znwd .chatBox > .left > .hideScrollBar .content .chatItem .chatContent.chatPage .list div span {
  color: #fb372f;
}
.znwd-container .znwd .chatBox > .left > .hideScrollBar .content .chatItem .chatContent.chatPage .list div + div {
  margin-top: 10px;
}
.znwd-container .znwd .chatBox > .left > .hideScrollBar .content .chatItem.left {
  display: flex;
}
.znwd-container .znwd .chatBox > .left > .hideScrollBar .content .chatItem.left .chatContent {
  margin-left: 10px;
  border-top-left-radius: 0;
}
.znwd-container .znwd .chatBox > .left > .hideScrollBar .content .chatItem.right {
  display: flex;
  justify-content: flex-end;
}
.znwd-container .znwd .chatBox > .left > .hideScrollBar .content .chatItem.right .chatContent {
  background-color: #4d94f0;
  border-top-right-radius: 0;
  color: #fff;
}
.znwd-container .znwd .chatBox > .left > .hideScrollBar .content .chatItem:nth-child(1) {
  margin-top: 5px;
}
.znwd-container .znwd .chatBox > .left > .hideScrollBar .content .chatItem:last-child {
  margin-bottom: 5px;
}
.znwd-container .znwd .chatBox > .left > .hideScrollBar .content .chatItem + .chatItem {
  margin-top: 10px;
  margin-bottom: 20px;
}
.znwd-container .znwd .chatBox > .left > .hideScrollBar .tags {
  display: flex;
  position: absolute;
  bottom: 10px;
  left: 10px;
  right: 0;
}
.znwd-container .znwd .chatBox > .left > .hideScrollBar .tags div {
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  border-radius: 15px;
  box-shadow: 0 0 5px #C8C8C87F;
  background-color: #fff;
  cursor: pointer;
}
.znwd-container .znwd .chatBox > .left > .hideScrollBar .tags div + div {
  margin-left: 10px;
}
.znwd-container .znwd .chatBox > .left > .hideScrollBar .tags div.hot {
  position: relative;
  padding-left: 25px;
}
.znwd-container .znwd .chatBox > .left > .hideScrollBar .tags div.hot::before {
  content: "";
  display: block;
  width: 11px;
  height: 13px;
  background-size: 11px 13px;
  background-image: url("../imgs/icon18.png");
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
}
.znwd-container .znwd .chatBox > .left > .hideScrollBar .guess {
  display: none;
  padding: 15px;
  position: absolute;
  bottom: 0;
  background-color: #fff;
  left: 10px;
  box-shadow: 0 0 5px #DEDEDE7F;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  min-width: 350px;
}
.znwd-container .znwd .chatBox > .left > .hideScrollBar .guess > div:nth-child(1) {
  font-weight: bold;
  color: #4d94f0;
}
.znwd-container .znwd .chatBox > .left > .hideScrollBar .guess > div:nth-child(2) {
  min-width: 350px;
  max-width: 550px;
  margin-top: 10px;
}
.znwd-container .znwd .chatBox > .left > .hideScrollBar .guess > div:nth-child(2) > div {
  cursor: pointer;
  position: relative;
}
.znwd-container .znwd .chatBox > .left > .hideScrollBar .guess > div:nth-child(2) > div + div {
  margin-top: 5px;
}
.znwd-container .znwd .chatBox > .left > .hideScrollBar .guess > div:nth-child(2) > div > div:nth-child(1) {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.znwd-container .znwd .chatBox > .left > .hideScrollBar .guess > div:nth-child(2) > div > div:nth-child(1) span {
  color: #fb372f;
  font-weight: bold;
}
.znwd-container .znwd .chatBox > .left > .hideScrollBar .guess > div:nth-child(2) > div > div:nth-child(1) a {
  text-decoration: none;
  color: unset;
}
.znwd-container .znwd .chatBox > .left > .hideScrollBar .guess > div:nth-child(2) > div > div:nth-child(2) {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  text-align: right;
  color: #999;
}
.znwd-container .znwd .chatBox > .left > .askAreaTips {
  height: 150px;
  width: 100%;
  background-color: #fff;
  border-top: 1px solid #ccc;
  border-radius: 0 0 20px 20px;
  position: relative;
}
.znwd-container .znwd .chatBox > .left > .askAreaTips textarea {
  width: 100%;
  height: 100px;
  border: 0;
  outline: none;
  resize: none;
  padding: 10px;
}
.znwd-container .znwd .chatBox > .left > .askAreaTips .tips {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding: 0 10px;
}
.znwd-container .znwd .chatBox > .left > .askAreaTips .tips div:nth-child(1) {
  color: #aaa;
}
.znwd-container .znwd .chatBox > .left > .askAreaTips .tips div:nth-child(1) span {
  font-weight: bold;
  color: #4d94f0;
}
.znwd-container .znwd .chatBox > .left > .askAreaTips .tips div:nth-child(3) {
  height: 35px;
  line-height: 35px;
  padding: 0 20px 0 50px;
  background-color: #4d94f0;
  border-radius: 17.5px;
  color: #fff;
  position: relative;
}
.znwd-container .znwd .chatBox > .left > .askAreaTips .tips div:nth-child(3)::before {
  content: " ";
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translateY(-50%);
  background-image: url("../imgs/icon19.png");
  background-size: 20px 18px;
  width: 20px;
  height: 18px;
}
.znwd-container .znwd .chatBox > .right {
  /*width: 350px;*/
  /*width: 415px;*/
  /*height: 730px;*/
  width: 320px;
  /*height: 909px;*/
  height: 95%;
  margin-left: 100px;
  z-index: 1;
  position: relative;
  transition: all .3s ease;
}
.znwd-container .znwd .chatBox > .right .topZnwd {
  /*border-radius: 10px;*/
  /*padding: 25px 25px 0 25px;*/
  padding: 20px;
  background-color: #e6effb;
  border-radius: 10px;
  box-shadow: 0 0 10px 5px #b1d0f1;
  height: 100%;
  transition: all .3s ease;
  position: absolute;
  right: 0;
  width: 320px;
}
.znwd-container .znwd .chatBox > .right .topZnwd .tabs {
  /*display: flex;*/
  /*justify-content: space-between;*/
  /*align-items: center;*/
  /*padding: 10px;*/
  margin-bottom: 15px;
}
.tabsItem-img{
  width: 340px;
  height: 70px;
  display: block;
  margin: 0 auto;
  margin-bottom: 20px;
  cursor: pointer;
}
/*.znwd-container .znwd .chatBox > .right .topZnwd .tabs div {*/
/*  font-size: 16px;*/
/*  height: 38px;*/
/*  width: 32%;*/
/*  text-align: center;*/
/*  color: white;*/
/*  cursor: pointer;*/
/*  line-height: 38px;*/
/*  font-size: 15px;*/
/*  font-weight: bold;*/
/*  border-radius: 8px;*/
/*}*/
/*.znwd-container .znwd .chatBox > .right .topZnwd .tabs div.selected {*/
/*  cursor: auto;*/
/*  font-weight: bold;*/
/*  color: #1d7df9;*/
/*  position: relative;*/
/*}*/
/*.znwd-container .znwd .chatBox > .right .topZnwd .tabs div.selected::before {*/
/*  content: " ";*/
/*  display: block;*/
/*  position: absolute;*/
/*  bottom: 0;*/
/*  left: 0;*/
/*  right: 0;*/
/*  height: 2px;*/
/*  background-color: #1d7df9;*/
/*}*/
.znwd-container .znwd .chatBox > .right .topZnwd .list {
  /*margin-top: 10px;*/
  /*margin-bottom: 10px;*/
}

.znwd-container .znwd .chatBox > .right .topZnwd .list div + div {
  /*margin-top: 8px;*/
}
/*.znwd-container .znwd .chatBox > .right .topZnwd .list div::before {*/
/*  content: " ";*/
/*  width: 3px;*/
/*  height: 3px;*/
/*  background-color: #888;*/
/*  position: absolute;*/
/*  left: 0;*/
/*  top: 50%;*/
/*  transform: translateY(-50%);*/
/*}*/
.znwd-container .znwd .chatBox > .right .middlePage {
  margin-top: 10px;
  width: 100%;
  border-radius: 10px;
  padding: 6px;
  background-color: #ffffff;
}
.znwd-container .znwd .chatBox > .right .middlePage .areaList {
  height: 50%;
}
.znwd-container .znwd .chatBox > .right .middlePage .themeList {
  height: 50%;
}
.znwd-container .znwd .chatBox > .right .middletitle {
 /*height: 36px;*/
 /*display: inline-block;*/
 /* width: 340px;*/
  /*margin: 0 auto;*/
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
}
.znwd-container .znwd .chatBox > .right .middletitle .middle-title-left{
  width: 4px;
  height: 22px;
  display: inline-block;
  /*margin-left: 20px;*/
  background-image: url(../imgs/znwd/rect-blue.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  /*background-color: rgb(30,125,249);*/
  vertical-align: middle;
 }
 .znwd-container .znwd .chatBox > .right .middletitle .middle-title-right{
  font-size: 22px;
  font-weight: bold;
  display: inline-block;
  vertical-align: middle;
  line-height: 36px;
  text-indent: 5px;
 }
 .znwd-container .znwd .chatBox > .right .middletitle .middle-title-right >span{
  font-size: 13px;
  height: 38px;
  line-height: 36px;
  font-weight: normal;
  padding-left: 10px;
  color: #333333;
 }
 .znwd-container .znwd .chatBox > .right .middleContent-area {
  display: inline-block;
  /* flex-wrap: wrap;
  justify-content: space-between; */
  padding:5px 10px;
  height: 121px;
  width: 100%;
  /* border: 1px solid transparent; */
 }
 .znwd-container .znwd .chatBox > .right .middleContent-area .contentChild{
  font-size: 15px;
  border: 1px solid #e9e9e9;
  height: 32px;
  float: left;
  width: 72px;
  border-radius: 5px;
  margin-bottom: 5px;
  text-align: center;
  line-height: 30px;
  cursor: pointer;
  box-shadow: 1px 1px 5px #f3f3f3;
  margin: 3px;
 }
 .znwd-container .znwd .chatBox > .right .middleContent-area .showIndex{
  background-color: #1e7df9;
  color: white;
 }
 .znwd-container .znwd .chatBox > .right .middleContent-area .contentChild:hover {
  background-color: #1e7df9;
  color: white;
}
.znwd-container .znwd .chatBox > .right .middleContent {
  display: inline-block;
  /* flex-wrap: wrap;
  justify-content: space-between; */
  padding:5px 10px;
  height: 121px;
  width: 100%;
  /* border: 1px solid transparent; */
 }
.znwd-container .znwd .chatBox > .right .middleContent .contentThemeChild{
  font-size: 15px;
  border: 1px solid #e9e9e9;
  height: 32px;
  float: left;
  width: 100px;
  border-radius: 5px;
  margin-bottom: 5px;
  text-align: center;
  line-height: 30px;
  cursor: pointer;
  box-shadow: 1px 1px 5px #f3f3f3;
  margin: 2px;
 }
 .znwd-container .znwd .chatBox > .right .middleContent .showIndex{
  background-color: #1e7df9;
  color: white;
 }
 .znwd-container .znwd .chatBox > .right .middleContent .contentThemeChild:hover {
  background-color: #1e7df9;
  color: white;
}
.znwd-container .znwd .chatBox > .right .middletitle .middle-title-border {
  width: 100px;
  height: 100%;
  display: flex;
  vertical-align: middle;
  float: right;
  justify-content: center;
  align-items: center;
}
.znwd-container .znwd .chatBox > .right .middletitle .middle-title-border > div {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #C7CFD8FF;
  margin: 7px;
  cursor: pointer;
}
.znwd-container .znwd .chatBox > .right .middletitle .middle-title-border > div:hover {
  background-color: #1e7df9;
  width: 20px;
  margin: 2.5px;
  border-radius: 10px;
  transition: .5s;
}
.show{
  display: flex !important;
}
.znwd-container .znwd .chatBox > .right .lifeCyclePage {
  /*margin-top: 10px;*/
  width: 100%;
  border-radius: 10px;
  padding: 6px;
  background-color: #ffffff;
}
.znwd-container .znwd .chatBox > .right .middletitle .middle-title-tabs {
  width: 80px;
  height: 26px;
  display: inline-flex;
  vertical-align: middle;
  /*margin-left: 10px;*/
  justify-content: center;
  align-items: center;
/*border: 1px solid rgb(24,86,172);*/
  border-radius: 4px;
  border: 1px solid;
  border-image: linear-gradient(to right, #8a8df6, #3d6ddf) 1;

}
.znwd-container .znwd .chatBox > .right .middletitle .middle-title-tabs > div {
width: 50%;
height: 100%;
color: #3d6ddf;
text-align: center;
cursor: pointer;
font-size: 14px;
line-height: 26px;
}
.znwd-container .znwd .chatBox > .right .middletitle .middle-title-tabs > div:hover {
background-color: #3d6ddf;
color: #ffffff;
  }
  .znwd-container .znwd .chatBox > .right .lifeCycle .imageLifeList {
    padding: 5px;
  }
  .znwd-container .znwd .chatBox > .right .lifeCycle .imageLifeList > div {
display: none;
  }
.znwd-container .znwd .chatBox > .right .lifeCycle .imageLifeList > div:nth-child(1) {
  width: 296px;
  height: 125px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  margin: 0 auto;
  background-image: url(../imgs/personalImg.png);
  position: relative;
}
.znwd-container .znwd .chatBox > .right .lifeCycle .imageLifeList > div:nth-child(1) .csjd {
  position: absolute;
  width: 56px;
  height: 54px;
  cursor: pointer;
}
.znwd-container .znwd .chatBox > .right .lifeCycle .imageLifeList > div:nth-child(1) .jyjd {
  position: absolute;
  width: 56px;
  height: 54px;
  cursor: pointer;
  left: 76px;
}
.znwd-container .znwd .chatBox > .right .lifeCycle .imageLifeList > div:nth-child(1) .cybt {
  position: absolute;
  width: 56px;
  height: 54px;
  cursor: pointer;
  left: 153px;
}
.znwd-container .znwd .chatBox > .right .lifeCycle .imageLifeList > div:nth-child(1) .zfjd {
  position: absolute;
  width: 56px;
  height: 54px;
  cursor: pointer;
  left: 228px;
}
.znwd-container .znwd .chatBox > .right .lifeCycle .imageLifeList > div:nth-child(1) .hsbt {
  position: absolute;
  width: 56px;
  height: 54px;
  cursor: pointer;
  bottom: 0;
  left: 40px;
}
.znwd-container .znwd .chatBox > .right .lifeCycle .imageLifeList > div:nth-child(1) .lntx {
  position: absolute;
  width: 56px;
  height: 54px;
  cursor: pointer;
  bottom: 0;
  left: 118px;
}
.znwd-container .znwd .chatBox > .right .lifeCycle .imageLifeList > div:nth-child(1) .hyjd {
  position: absolute;
  width: 56px;
  height: 54px;
  cursor: pointer;
  bottom: 0;
  right: 46px;
}
.znwd-container .znwd .chatBox > .right .lifeCycle .imageLifeList > div:nth-child(2) {
  width: 291px;
  height: 125px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  margin: 0 auto;
  background-image: url(../imgs/legalpersonImg.png);
  position: relative;
}
.znwd-container .znwd .chatBox > .right .lifeCycle .imageLifeList > div:nth-child(2) .kbjd {
  position: absolute;
  width: 56px;
  height: 54px;
  cursor: pointer;
  left: 0px;
}
.znwd-container .znwd .chatBox > .right .lifeCycle .imageLifeList > div:nth-child(2) .jsjd {
  position: absolute;
  width: 56px;
  height: 54px;
  cursor: pointer;
  left: 104px;
}
.znwd-container .znwd .chatBox > .right .lifeCycle .imageLifeList > div:nth-child(2) .rzbt {
  position: absolute;
  width: 56px;
  height: 54px;
  cursor: pointer;
  right: 26px;
}
.znwd-container .znwd .chatBox > .right .lifeCycle .imageLifeList > div:nth-child(2) .zxjd {
  position: absolute;
  width: 56px;
  height: 54px;
  cursor: pointer;
  left: 4px;
  bottom: 0px;
}
.znwd-container .znwd .chatBox > .right .lifeCycle .imageLifeList > div:nth-child(2) .bgjd {
  position: absolute;
  width: 56px;
  height: 54px;
  cursor: pointer;
  left: 104px;
  bottom: 0px;
}
.znwd-container .znwd .chatBox > .right .lifeCycle .imageLifeList > div:nth-child(2) .yyjd {
  position: absolute;
  width: 56px;
  height: 54px;
  cursor: pointer;
  right: 26px;
  bottom: 0px;
}




.znwd-container .znwd .chatBox > .right .middle {
  margin-top: 15px;
}
.znwd-container .znwd .chatBox > .right .middle > div:nth-child(1) {
  width: 131px;
  height: 28px;
  background-size: 131px 28px;
  background-image: url("../imgs/icon14.png");
  margin: 0 auto;
}
.znwd-container .znwd .chatBox > .right .middle > div:nth-child(2) {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.znwd-container .znwd .chatBox > .right .middle > div:nth-child(2) > div {
  width: 100px;
  height: 100px;
  border-radius: 15px;
  box-shadow: 0 0 5px #DEDEDE7F;
  background-color: #fff;
  margin-top: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.znwd-container .znwd .chatBox > .right .middle > div:nth-child(2) > div > div:nth-child(1) {
  width: 50px;
  height: 50px;
  background-repeat: no-repeat;
  background-position: center;
}
.znwd-container .znwd .chatBox > .right .middle > div:nth-child(2) > div > div:nth-child(2) {
  text-align: center;
}
.znwd-container .znwd .chatBox > .right .middle > div:nth-child(2) > div:nth-child(1) > div:nth-child(1) {
  background-image: url("../imgs/icon5.png");
  background-size: 30px 27px;
}
.znwd-container .znwd .chatBox > .right .middle > div:nth-child(2) > div:nth-child(2) > div:nth-child(1) {
  background-image: url("../imgs/icon6.png");
  background-size: 34px 27px;
}
.znwd-container .znwd .chatBox > .right .middle > div:nth-child(2) > div:nth-child(3) > div:nth-child(1) {
  background-image: url("../imgs/icon7.png");
  background-size: 23px 28px;
}
.znwd-container .znwd .chatBox > .right .middle > div:nth-child(2) > div:nth-child(4) > div:nth-child(1) {
  background-image: url("../imgs/icon8.png");
  background-size: 33px 31px;
}
.znwd-container .znwd .chatBox > .right .middle > div:nth-child(2) > div:nth-child(5) > div:nth-child(1) {
  background-image: url("../imgs/icon9.png");
  background-size: 29px 29px;
}
.znwd-container .znwd .chatBox > .right .middle > div:nth-child(2) > div:nth-child(6) > div:nth-child(1) {
  background-image: url("../imgs/icon10.png");
  background-size: 35px 34px;
}
.znwd-container .znwd .chatBox > .right .bottom {
  /*margin-top: 10px;*/
  width: 100%;
  border-radius: 10px;
  /*padding: 6px;*/
  /*background-color: #ffffff;*/
}
.znwd-container .znwd .chatBox > .right .middle-title-clear {
  /*width: 190px;*/
  height: 26px;
  display: inline-flex;
  vertical-align: middle;
  /*margin-left: 10px;*/
  justify-content: right;
  cursor: pointer;
  color: #177df0;
  align-items: center;

}
.znwd-container .znwd .chatBox > .right .middle-title-clear > span {
  display: inline-block;
  width: 14px;
  height: 14px;
  background-size: 14px 14px;
  background-image: url(../imgs/znwd/delete.png);
  vertical-align: middle;
  margin-right: 2px;
}
/* .znwd-container .znwd .chatBox > .right .bottom .title {
  position: relative;
}
.znwd-container .znwd .chatBox > .right .bottom .title > div:nth-child(1) {
  background-image: url("../imgs/icon15.png");
  width: 128px;
  height: 24px;
  background-size: 128px 24px;
  margin: 0 auto;
}
.znwd-container .znwd .chatBox > .right .bottom .title > div:nth-child(2) {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  padding-left: 20px;
  cursor: pointer;
  color: #aaa;
}
.znwd-container .znwd .chatBox > .right .bottom .title > div:nth-child(2)::before {
  content: " ";
  display: block;
  width: 14px;
  height: 14px;
  background-size: 14px 14px;
  background-image: url("../imgs/icon11.png");
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
} */
.znwd-container .znwd .chatBox > .right .bottom .list {
  /*margin-left: -10px;*/
  /*font-size: 0;*/
}
.znwd-container .znwd .chatBox > .right .bottom .list .historyAsk {
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  /*display: -webkit-box;*/
  /*-webkit-line-clamp: 2;*/
  /*-webkit-box-orient: vertical;*/
  white-space: nowrap;
  color: #6f6f6f;
  padding: 6px 8px;
  border-radius: 6px;
  line-height: 24px;
  /*padding-right: 30px;*/
  position: relative;
  width: calc(100% - 30px);
}
.historyList{
  display: flex;
  align-items: center;
  justify-content: start;
  flex-wrap: nowrap;
}
.clearImg {
  margin-right: 5px;
}
.submitBox {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: #00000033;
  z-index: 1024;
  display: none;
}
.submitBox .submitBoxInner {
  width: 400px;
  background-color: #FFF;
  height: 200px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  border-radius: 5px;
  overflow: hidden;
}
.submitBox .submitBoxInnerHeader {
  width: 100%;
  height: 30px;
  text-align: center;
  color: #FFF;
  font-weight: bold;
  font-size: 16px;
  background-color: #147bf1;
  line-height: 30px;
}
.submitBox textarea {
  width: 380px;
  margin: 10px;
  height: 110px;
  resize: none;
  padding: 5px;
  -ms-overflow-style: none;
  outline: none !important;
  border: none !important;
  border: 1px solid #FFF !important
}
.submitBox textarea :hover{
  /*outline: none !important;*/
  /*border: none !important;*/
  /*cursor: text;*/
}
.submitBox .submitBoxInnerFooter {
  display: flex;
  justify-content: space-around;
}
.submitBox .submitBoxInnerFooter div {
  width: 80px;
  height: 30px;
  line-height: 30px;
  color: #FFF;
  text-align: center;
  border-radius: 5px;
  cursor: pointer;
}
.submitBox .submitBoxInnerFooter div:nth-child(1) {
  background-color: #ccc;
}
.submitBox .submitBoxInnerFooter div:nth-child(2) {
  background-color: #147bf1;
}
.znwd-container .znwd .chatBox > .left > .hideScrollBar .content .chatItem .chatContent.chatPage .title .searchTitle{
  color:rgb(30,125,249);
  padding:0px 8px;
  border: 1px solid rgb(30,125,249);
  border-radius: 4px;
  margin: 0 4px;
  cursor:pointer;
}
.znwd-container .znwd .chatBox > .left > .hideScrollBar .content .chatItem .chatContent.chatPage .searchInput{
  position: relative;
  margin:10px 0;
  width:100%;
  height:30px;
  display: inline-block;
  background-color: rgb(242,242,242);
  border-radius: 6px;
}
.znwd-container .znwd .chatBox > .left > .hideScrollBar .content .chatItem .chatContent.chatPage .searchInput .iconStyle{
  position: absolute;
  top: calc(50% - 8.5px);
  width:17px;
  height:17px;
  background-size: 100% 100%;
  background-image: url(../imgs/search-icon.png);
  vertical-align: middle;
  display: inline-block;
  margin-left: 10px;
}
.znwd-container .znwd .chatBox > .left > .hideScrollBar .content .chatItem .chatContent.chatPage .searchInput .inputStyle{
  border: 0;
  outline: none;
  height: 100%;
  width:calc(100% - 50px);
  background-color: rgb(242,242,242);
  border-radius: 6px;
  text-indent: 35px;
}
.znwd-container .znwd .chatBox > .left > .hideScrollBar .content .chatItem .chatContent.chatPage .searchInput .searchIcon{
  text-align:center;
  line-height:30px;
  width:50px;
  display:inline-block;
  height:100%;
  border-radius: 6px;
  background-color: rgb(30,125,249);
  color:#fff;
  cursor:pointer;
}
.sw_xia{
  justify-content: space-between;
  margin-bottom: 20px;
}
.sw_xia>h5{
  width: 100%;
    height: 40px;
}
.sw_xia .asked_div{
  width: 100%;
    height: 190px;
    position: relative;
    /* margin-top: 10px; */
    background-image: url(../imgs/cnxwbj.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.sw_xia .hottags-ul{ display: block;
    width: 100%;
    height: 190px;
    flex-wrap: wrap;
    overflow: hidden;
    margin: 0 auto;
    animation: slideInRight .5s ease-in-out both;
    /* padding-left: 15px; */
    padding: 11px 0  11px 15px;
}
.sw_xia .asked_div ul li{
  background: url(../imgs/10.png) no-repeat left center;
  width: 50%;
  float: left;
  height: 42px;
  text-align: left;
  cursor: pointer;
}
.sw_xia .hottags-ul li{
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: auto;
  height: 26px;
  line-height: 42px;
}
.sw_xia .hottags-ul li a{
  line-height: 42px;
  color: #29201e;
  margin-left: 40px;
  float: left;
  text-decoration: none;
  width: 250px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.cusul{
  width: 100%;
  /* background: #fff; */
  display: flex;
  justify-content: flex-start;
  border-bottom: 1px solid #50a2ff;
}
.cusul li.activespan{
  background: #50a2ff!important;
  border-radius: 5px 5px 0 0;
  box-shadow: 4px 0 0px #50a2ff;
  color: #fff !important;
}
.ul_con .activeTb {
  display: block !important;
}
.cusul li{
  width: 80px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  list-style: none;
  background: none!important;
  padding: 0;
  cursor: pointer;
}
.tab2_content{
  /* width: 100%; */
    height: auto;
    overflow: hidden;
}
.tab2_content table tr td:nth-child(1){
  /*background: #f3f3f3;*/
  width: 28%;
  /* width: auto; */
  text-align: center;
  color: #333;
}
.ul_con table tr td:nth-child(1) {
  background: #f3f3f3;
  /* width: 15%;
  text-align: center;
  color: #333; */
}
.tab2_content table td{
  background: #FFF;
    line-height: 24px;
    font-size: 14px;
    padding: 5px;
    color: #000;
    overflow: hidden;
    text-overflow: ellipsis;
    border: 1px solid gray;
}
.tab2_content>p>a{
  color: #cd3e45;
    padding-left: 5px;
    background-color: transparent;
    text-decoration: none;
}
.onlineUrl{
  color: #cd3e45;
  padding-left: 5px;
  background-color: transparent;
  text-decoration: none;
}
.ul_con {
  width: 100%;
  /* min-height: 250px; */
  display: block;
  font-size: 14px;
  color: #343434;
  line-height: 24px;
  text-align: left;
  padding: 5px;
  /* background: #fff; */
}
.firstTb{
  display: none;
}
.secondTb{
  display: none;
}
/* .secondTb a{
  display: none;
} */
.sw_xia .cj_img{
  width: 22px;
  height: 22px;
  margin: 0px 8px 0px 0;
}
.sw_xia .cj_img>img{
  width: 100%;
  height: 100%;
}
.sw_xia .change{
  width: 90px;
  position: absolute;
  right: 0;
  top: -32px;
  display: inline-flex;
  cursor: pointer;
}
.sw_xia .change>span {
  font-size: 15px;
  color: #4c78f0;
  display: block;
  /* margin: 5px 0; */
}
@keyframes move {
  /* 0%就是开始时的状态 */
      5% {
        box-shadow: 4px 4px 15px red;
        border-radius: 5px;
    }
    10% {
      box-shadow: none;
      border-radius: 0px;
    }
    15% {
      box-shadow: 4px 4px 15px red;
      border-radius: 5px;
      }
      20% {
        box-shadow: none;
      border-radius: 0px;
      }
      25% {
        box-shadow: 4px 4px 15px red;
        border-radius: 5px;
      }
      30% {
        box-shadow: none;
        border-radius: 0px;
      }
      35% {
        box-shadow: 4px 4px 15px red;
        border-radius: 5px;
      }
      40% {
        box-shadow: none;
        border-radius: 0px;
      }
      45% {
        box-shadow: 4px 4px 15px red;
        border-radius: 5px;
      }
      50% {
        box-shadow: none;
        border-radius: 0px;
      }
      55% {
        box-shadow: 4px 4px 15px red;
        border-radius: 5px;
      }
      60% {
        box-shadow: none;
        border-radius: 0px;
      }
      65% {
        box-shadow: 4px 4px 15px red;
        border-radius: 5px;
      }
      70% {
        box-shadow: none;
        border-radius: 0px;
      }
      75% {
        box-shadow: 4px 4px 15px red;
        border-radius: 5px;
      }
      80% {
        box-shadow: none;
        border-radius: 0px;
      }
      85% {
        box-shadow: 4px 4px 15px red;
        border-radius: 5px;
      }
      90% {
        box-shadow: none;
        border-radius: 0px;
      }
      95% {
        box-shadow: 4px 4px 15px red;
        border-radius: 5px;
      }
  /* 100%就是结束时的状态 */
      100% {
        box-shadow: none;
        border-radius: 0px;
      }
  }
  /* .middleContent-area{
      /*  animation-name指向@keyframes声明的动画名称 */
      /* animation-name: move; */
      /* 从0%~100%的动画持续时间 */
      /* animation-duration: 10s; */
  /* }  */

#r1{
  animation-name: move;
  animation-duration: 10s;
}
#x1{
  animation-name: move;
  animation-duration: 10s;
}
.chatPage{
  overflow: hidden;
}
.title{
  /*line-height: 160%;*/
  word-wrap: break-word;
  /*line-height: 1;*/
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  z-index: 1;
  position: inherit;
}
.shadow-pulse{
  box-shadow: 4px 4px 15px red;
  border-radius: 5px;
}
.box-out{
  box-shadow: none;
  border-radius: 0px;
}
.znwd-select{
  /*width: 100%;*/
  height: 30px;
  /*background: yellow;*/
  /*position: absolute;*/
  bottom: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  margin-top: 20px;
}
.znwd-right{
  padding: 0px 18px;
  color: white;
  background-image: linear-gradient(to right, #10affb, #3384e5);
  border-radius: 20px;
  line-height: 30px;
  cursor: pointer;

}
.znwd-right img{
  display: inline-block;
  vertical-align: middle;
}
.territorialAttribution{
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
}
.territorialAttribution .layui-form-selected dl{
  display: flex !important;
  justify-content: start !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  /*width: 660px !important;*/
  width: 300px !important;
  border-radius: 6px !important;
}
.territorialAttribution .layui-form-select dl dd.layui-this {
  background-color: #f4fbff !important;
  color: #177df0 !important;
  font-weight: normal !important;
  border: 1px solid #f4fbff !important;

}
.territorialAttribution .layui-form-select .layui-input {
  border-radius: 30px !important;
  padding-left: 20px !important;
  color: #177df0 !important;
  height: 30px !important;
}
.territorialAttribution .layui-form-select dl dd, .layui-form-select dl dt {
  padding: 0 20px !important;
  margin: 5px !important;
  border: 1px solid #f2f2f2 !important;
  line-height: 30px !important;
}
.territorialAttribution .layui-form-select dl dd.layui-select-tips {
  padding-left: 20px !important;
}
.territorialAttribution .layui-input:focus, .layui-textarea:focus {
  border-color: white !important;
}
.znwd-left{
  display: flex;
  justify-content: start;
  align-items: center;
  flex-wrap: nowrap;
  margin-right: 20px;
}
.subjectAttribution .layui-form-selected dl{
  width: 630px !important;
}
.newLeftTop{
  width: 950px;
  height: 270px;
  background-image: url(../imgs/znwd/newLeftTop.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  padding: 20px 30px;
  display: none;
}
.intelligentGreeting{
  width: 100%;
  height: 36px;
  display: flex;
  justify-content: start;
  align-items: center;
  flex-wrap: nowrap;
}
.salutationFont{
  margin-left: 10px;
}
.intelligentMiddle{
  display: flex;
  margin-top: 20px;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  margin-bottom: 10px;
}
.intelligentMiddleLeft{
  color: #586a7b;
  font-weight: bolder;
}
.intelligentBottom{
  /*width: 890px;*/
  width: 902px;
  /*height: 135px;*/
  height: 147px;
  background-image: url(../imgs/znwd/newLeftBottom.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  margin-left: -6px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
  padding: 26px;

}
.intelligentBottomLeft li {
  /*display: inline-block;*/
  animation: slideInRight .8s ease-in-out both;
}
.intelligentBottomLeft{
  width: 100%;
  height: 100px;
  overflow: hidden;
  animation: slideInRight .5s ease-in-out both;
}
.intelligentBottomLeftItem{
  width: 50%;
  padding: 8px 0;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  float: left;
}
.intelligentQuestionAnswering{
  flex: 1;
  position: relative;
}
.intelligentQuestionAnsweringContent{
  position: absolute;
  left: 50px;
  top: 0px;
  /*bottom: 116px;*/
  bottom: 115px;
  bottom: 135px;
  right: 0px;
  overflow-y: auto;
  overflow-x: hidden;
  -ms-overflow-style: none;
}
.intelligentQuestionAnsweringContentLeft{
  margin: 0 5px;
  display: flex;
  animation-name: fadeInLeft;
  animation-duration: 2s;
  margin-bottom: 35px;
}
.intelligentQuestionAnsweringContentLeft1{
  margin: 0 5px;
  display: flex;
  animation-name: fadeInLeft;
  animation-duration: 2s;
  margin-bottom: 35px;
}
.intelligentQuestionAnsweringIcon{
  width: 53px;
  height: 53px;
  /*background-image: url(../imgs/znwd/iconBg.png);*/
  /*background-repeat: no-repeat;*/
  /*background-size: 100% 100%;*/
  /*position: relative;*/
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  background: #FFFFFF;
  border-radius: 50%;
}
.robotHeadSmall{
  width: 41px;
  /*width: 34px;*/
  /*height: 24px;*/
  /*position: absolute;*/
  /*top: calc(50% - 12px);*/
  /*left: calc(50% - 17px);*/
}
.intelligentQuestionAnsweringChatContent{
  background-color: #fff;
  /*box-shadow: 0 0 5px #c8c8c87f;*/
  /*padding: 10px;*/
  /*max-width: 660px;*/
  max-width: 82%;
  border-radius: 30px;
  margin-left: 10px;
  border-top-left-radius: 0;
  /*line-height: 33px;*/
  /*padding: 15px 12px;*/
  padding: 15px;
  min-width: 82%;
  white-space: normal;
  word-break: break-all;
  word-wrap: break-word;
  position: relative;
}
.askQuestionContent{
  /*width: calc(100% - 50px);*/
  width: calc(100% - 113px);
  height: 105px;
  /* background-image: url(../imgs/znwd/askBorder.png); */
  /* background-repeat: no-repeat; */
  /* background-size: 100% 100%; */
  position: absolute;
  bottom: 0px;
  display: flex;
  justify-content: space-between;
  align-items:flex-end;
  flex-wrap: nowrap;
  background-color: white;
  border-radius: 10px;
  /*left: 50px;*/
  left: 113px;
  box-shadow: 0px 8px 24px rgba(25, 25, 26, .06), 0px 4px 16px rgba(25, 25, 26, .06), 0px 0px 4px rgba(25, 25, 26, .06);
  border: 2px solid #d7dce1;
  transition: all 0.2s ease;
}
.askQuestionAskBtn{
  width: 50px;
  height: 51px;
  background-image: url(../imgs/znwdNew/send.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  margin-right: 10px;
  line-height: 42px;
  position: relative;
  cursor: pointer;
}
.askQuestionAskIcon{
  position: absolute;
  top: calc(50% - 9px);
  left: 30px;
}
.askQuestionAskFont{
  font-size: 16px;
  color: white;
  margin-left: 10px;
  position: absolute;
  left: 50px;

}
#messCon{
  width: calc(100% - 20px);
  /* overflow: hidden; */
  height: 50px;
  outline: none;
  resize: none;
  /* padding-left: 20px; */
  box-sizing: border-box;
  font-size: 16px;
  /* line-height: 62px; */
  color: #555;
  float: left;
  border: 0;
  /* border-radius: 100px; */
  /* padding-top: 20px; */
  background: transparent;
  position: absolute;
  /*top: 10px;*/
  bottom: 45px;
  left: 20px;
  line-height: 22px;
  -ms-overflow-style: none;

}
/* 设置textarea框提示内容的样式 */
#messCon::-webkit-input-placeholder{
 color: #b5b6d1;
}/*webkit 内核浏览器*/
#messCon::-moz-placeholder{
  color: #b5b6d1;
}/*Mozilla Firefox 19+*/
#messCon:-moz-placeholder{
  color: #b5b6d1;
}/*Mozilla Firefox 4 to 18*/
#messCon:-ms-input-placeholder{
  color: #b5b6d1;
}
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0)
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0)
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}
@-webkit-keyframes slideInRight {
  0% {
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
    opacity: 0
  }

  to {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1
  }
}

@keyframes slideInRight {
  0% {
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
    opacity: 0
  }

  to {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1
  }
}
.intelligentBottomLeftItem span{
  margin-left: 5px;
}
.intelligentQuestionAnsweringTags{
  display: flex;
  position: absolute;
  bottom: 66px;
  left: 10px;
  right: 0;
  padding: 15px 10px;
}
.intelligentQuestionAnsweringTags div{
  color: #177df0;
  cursor: pointer;
  padding: 0 8px;
  font-size: 15px;
}
.intelligentQuestionAnsweringContentRight{
  margin-top: 10px;
  margin-bottom: 35px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.intelligentQuestionAnsweringContentLeftChatContent{
  /*background-color: #4d94f0;*/
  color: #fff;
  box-shadow: 0 0 5px #C8C8C87F;
  padding: 15px;
  /*max-width: 480px;*/
  max-width: calc(100% - 100px);
  border-radius: 30px;
  border-top-right-radius: 0;
/*line-height: 33px;*/
/*  background-image: linear-gradient(to right, #8a8df6, #3d6ddf);*/
  background: #3c83e4;
}
.tab2_content {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.NationalAnswer_content{

}
.tab2_content> div {
  height: auto;
}
.tab2_content p {
  /*margin-bottom: 1rem;*/
  /*margin-block-start: 1rem;*/
  color: #333;
  /* font-weight: 600; */
  /*margin-bottom: 0px;*/
   font-size: 15px;
  /* border-bottom: 1px dashed #eee; */
  /* line-height: 40px; */
  /*white-space: pre-line;*/
  /*word-wrap: break-word;*/
}
/*.tab2_content table,td,tr {*/
/*  border: 1px solid black;*/
/*}*/
.tab2_content table p{
  margin: revert;
}
.changeQuestion img {
  /*width: 100%;*/
  transition: transform 0.5s ease-in-out; /* 添加过渡效果，使旋转更平滑 */
}
.replyText {
  line-height: normal !important;
}
.NationalAnswer_box{
  height: 30px !important;
  color: #015293;
  font-weight: 700;

}
.gjBox{
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
  position: relative;
  height: 50px;
  color: #015293;
  font-weight: 700;
}
.gjSelect{
  position: absolute;
  top: 8px;
  left: 220px;
  font-weight: normal !important;
  width: 150px;
}
.National_friendly{
  color: #000;
  font-weight: bolder;
  font-size: 15px;
}
.NationalAnswer_content hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, .1);
}
.intelligentQuestionAnsweringChatContent>ul>li :hover {
  color: #387dbf;
}
.intelligentQuestionAnsweringChatContent>ul>li {
  /* border-bottom: 1px dashed #eee; */
  /* line-height: 25px; */
  /* padding-top: 7px; */
  padding: 2px 0;
  background: url(../imgs/znwd/li_bg1.png) no-repeat left;
  padding-left: 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  padding: 7px 0 7px 20px;
  line-height: 1;
}
.intelligentQuestionAnsweringChatContent>ul>li:nth-child(1) {
  border-top: 1px dashed #eee;
  margin-top: 10px;
}
li .bszn {
  color: #387dbf;
  flex-shrink: 0;
}
.intelligentQuestionAnsweringChatContent li button {
  background: 0 none;
  outline: none;
  border: 0 none;
  float: left;
  cursor: pointer;
  font-size: 14px;
  /* line-height: 19px; */
  color: #333;
  font-family: "Microsoft YaHei";
  padding: 0 10px;
  width: 85%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
  /* margin-right: 10px; */
  /* border-bottom: 1px; */
}
.intelligentQuestionAnsweringContent::-webkit-scrollbar {
  display: none;
}
.right .topZnwd .bottom .list::-webkit-scrollbar {
  display: none;
}
#Disclaimer {
  /* display: none; */
  float: right;
  /* position: absolute; */
  /* width: 26px; */
  background: transparent;
  color: #18cacb;
  border: none;
  padding: 3px 7px;
  cursor: pointer;
  /* right: -35px; */
  /* top: 3px; */
  border-radius: 15px;
  /*font-weight: normal;*/
  white-space: nowrap;
  display: flex;
  align-items: center;
  font-weight: bold;
  /*width: 120px;*/
  /*display: ruby-text-container;*/
}
#Disclaimer img {
  margin-right: 5px;
}
.moreQuestion li{
  margin-bottom: 8px;
  color: #177df0;
  /* text-decoration: underline; */
  /* border-bottom: 1px solid #177df0; */
  /* display: inline-block; */
  cursor: pointer;
  height: 18px;
  line-height: 18px !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}
.moreQuestion li span{
  display: inline-block;
  border-bottom: 1px solid #177df0;
  cursor: pointer;
  height: 18px;
  line-height: 18px !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}
.moreQuestion{
  line-height: 1 !important;
  /*display: table-caption;*/
}
.moreRecommendations{
  display: flex;
  margin-bottom: 10px;
}
.moreRecommendationsItem{
  padding: 0px 12px;
  color: #2c85e5;
  background: white;
  border:1px solid #35afff;
  /*background-image: linear-gradient(to right, #8a8df6, #3d6ddf);*/
  border-radius: 20px;
  line-height: 30px;
  cursor: pointer;
  margin-right: 15px;
  position: relative;
}
.moreRecommendationsItemActive{
  background-image: linear-gradient(to right, #10affb, #3384e5);
  color: white;
}
.moreRecommendationsItem:hover {
  background-image: linear-gradient(to right, #10affb, #3384e5);
  color: white;
  /*border:1px solid white;*/
}
.moreRecommendationsItem span{
  /* display: inline-block; */
  position: absolute;
  width: 29px;
  height: 29px;
  line-height: 25px;
  border-radius: 50%;
  top: -10px;
  /* left: 77px; */
  text-align: center;
  z-index: 0;
  background-color: #58a8f5;
  color: #fff;
  border: 2px solid white;
}
.goodModel{
  margin-left: 10px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: nowrap;
  margin-top: 20px;
}
/*.goodModel div{*/
/*  padding: 0px 25px;*/
/*  color: #177df0;*/
/*  background: white;*/
/*  border-radius: 20px;*/
/*  line-height: 30px;*/
/*  display: inline-block;*/
/*  cursor: pointer;*/
/*  font-size: 15px;*/
/*}*/
.goodModel img {
  margin-right: 2px;
}
.intelligentQuestionAnsweringChatContent p span {
  /*color: #cd3e45;*/
  /*text-overflow: ellipsis;*/
}
.c_text {
  line-height: 26px;
  /*height: 85px;*/
  overflow: hidden;
  color: #666;
  padding: 10px;
  word-break: break-all;
}
.more-dan {
  color: #50a2ff !important;
  cursor: pointer;
  line-height: 20px !important;
  width: 92% !important;
  text-align: left !important;
  /* padding-left: 20px; */
}
.adwz {
  font-size: 13px;
  line-height: 28px;
  color: #50a2ff;
  float: right;
  display: inline-block;
  margin-right: 20px;
}
.adwz:hover {
  color: #a4a2a2;
  text-decoration: none;
}
.onoff {
  background: url(../imgs/znwd/down.png) no-repeat 50px 11px;
  width: 70px;
  background-color: white;
  height: 30px;
  text-indent: 16px;
  line-height: 30px;
  margin-right: 10px;
  color: #177df0;
  border-radius: 2px;
  cursor: pointer;
}
.lifeCycleAnswerList {
  display: flex;
  justify-content: start;
  align-items: center;
  flex-wrap: wrap;
}
.lifeCycleAnswerList div{
  height: 30px;
  line-height: 30px;
  padding: 0 8px;
  color: #fff;
  background-color: #1e7df9;
  cursor: pointer;
  border-radius: 15px;
  margin-left: 5px;
  margin-top: 5px;
  overflow: hidden;
}
.lifeCycleAnswerList div.selected{
  background-color: #fff;
  color: #4d94f0;
  cursor: auto;
  border: 1px solid #4d94f0;
}
.guessNew {
  display: none;
  padding: 15px;
  position: absolute;
  /*bottom: 116px;*/
  bottom: 135px;
  background-color: #fff;
  left: 35px;
  box-shadow: 0 0 5px #DEDEDE7F;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  width: calc(100% - 35px);
  z-index: 1;
}
.guessNew > div:nth-child(1) {
  font-weight: bold;
  color: #4d94f0;
}
.guessNew > div:nth-child(2) {
  min-width: 350px;
  max-width: 550px;
  /*margin-top: 10px;*/
}
.guessNew > div:nth-child(2) > div {
  cursor: pointer;
  position: relative;
}
.guessNew > div:nth-child(2) > div + div {
  margin-top: 5px;
}
.guessNew > div:nth-child(2) > div > div:nth-child(1) {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.guessNew > div:nth-child(2) > div > div:nth-child(1) span {
  color: #fb372f;
  font-weight: bold;
}
.guessNew > div:nth-child(2) > div > div:nth-child(1) a {
  text-decoration: none;
  color: unset;
}
.guessNew > div:nth-child(2) > div > div:nth-child(2) {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  text-align: right;
  color: #999;
}
.aheafLink em{
  color: #fb372f;
  font-weight: bold;
  font-style: normal;
}
.intelligentQuestionAnsweringChatContent .tab2_content .NationalAnswer_content .content h4 a {
  color: #0782C1;
}
.intelligentQuestionAnsweringChatContent .tab2_content .NationalAnswer_content .content h4 a:hover {
  color: #0782C1;
}
.intelligentQuestionAnsweringChatContent .tab2_content .NationalAnswer_content .content p a {
  color: #0782C1;
}
.intelligentQuestionAnsweringChatContent .tab2_content .NationalAnswer_content .content p a:hover {
  color: #0782C1;
}
.NationalAnswer_content .content .textIndent{
  width: 30px;
  display: inline-block;
}
/*.NationalAnswer_content p:nth-child(1){*/
/* text-indent: 30px;*/
/*}*/
.autoWdith{
  min-width: 413px !important;
}
.gbDiv{
  width: 2px;
  height: 16px;
  margin-left: 4px;
  margin-right: 4px;
  background: black;
  animation: gbAnimation 1s infinite;
  display: inline-block;
  /* line-height: 20px; */
  vertical-align: text-top;
}
@keyframes gbAnimation {
  from {opacity:1;}
  to {opacity:0;}
  }
@-webkit-keyframes gbAnimation {
  from {opacity:1;}
  to {opacity:0;}
  }
.prompting{
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999;
  background-color: rgba(0, 0, 0, 0.2);
}
.prompting3{
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999;
  background-color: rgba(0, 0, 0, 0.2);
}
.modal-body1-Text{
  text-align: center;
}
.modal-body1-btns{
  display: flex;
  justify-content: space-around;
  margin-top: 10px;
}
.modal-body1-btn1{
  width: 150px;
  background-color: #3385ff;
  letter-spacing: 0;
  color: #fffefe;
  height: 40px;
  border-radius: 5px;
  text-align: center;
  line-height: 40px;
  cursor: pointer;
}
.modal-body1-btn2{
  width: 150px;
  /*background-color: #3385ff;*/
  border: 1px solid #3385ff;
  letter-spacing: 0;
  color: #3385ff;
  height: 40px;
  border-radius: 5px;
  text-align: center;
  line-height: 40px;
  cursor: pointer;

}

.pro-box1{
  min-height: 240px;
  background-color: #fff;
  position: fixed;
  top: 50%;
  left: 50%;
  border-radius: 10px;
  /* height: 350px; */
  transform: translate(-50%, -50%);
  box-sizing: border-box;
  font-size: 16px;
  width: 400px;
}
.pro-box{
  width: 650px;
  min-height: 240px;
  background-color: #fff;
  position: fixed;
  top: 50%;
  left: 50%;
  border-radius: 10px;
  /* height: 350px; */
  transform: translate(-50%, -50%);
  /* margin-left: -230px; */
  /* margin-top: -150px; */
  /* padding: 15px; */
  box-sizing: border-box;
}
.modal-title {
  padding: 0 50px;
  font-size: 20px;
  border-radius: 10px 10px 0px 0px;
  color: #fff;
  text-align: center;
  line-height: 10px;
  background-color: #015293;
  position: relative;
}
.modal-body {
  /*text-align: center;*/
}
#cancelBtn{
  position: absolute;
  right: 5px;
  z-index: 2;
  float: right;
  padding-top: 5px;
  background: url(../imgs/znwd/helpclose.png) no-repeat;
  background-size: 80%;
  margin-right: 5px;
  color: #fff;
  cursor: pointer;
  width: 25px;
  text-align: center;
  height: 25px;
  line-height: 24px;
  top: 14px;
  border: none;
  color: #000;
  margin-top: 7px;
}
.disclaimerFont{
  clear: both;
  font-size: 16px;
  text-align: left;
  text-indent: 2em;
  line-height: 1.5;
}

.bottomAnswer{
  /*background: #ecf3fe;*/
  padding: 15px;
  /*border-top: 2px solid #a5c0ff;*/
  margin-top: 10px;
  position: relative;
}
.bottomAnswerBg{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
  background: linear-gradient(to bottom, rgba(236,243,254,1) 0%, rgba(236,243,254,1) 100%); /* 红色到透明的渐变 */
  background-repeat: no-repeat;
  animation: fillBackground 1s ease-in-out forwards; /* 应用动画 */
  animation-delay:0.5s;
  /*z-index: -1;*/
}
@keyframes fillBackground {
  0% {
    opacity: 1;
    background-size: 100% 0;
    background-position: top;
  }
  100% {
    opacity: 1;
    background-size: 100% 100%;
    background-position: top;
  }
}
@-webkit-keyframes fillBackground {
  0% {
    opacity: 1;
    background-size: 100% 0;
    background-position: top;
  }
  100% {
    opacity: 1;
    background-size: 100% 100%;
    background-position: top;
  }
}
.line-container {
  position: absolute;
  width: 100%; /* 容器宽度 */
  height: 2px; /* 线的粗细 */
  background-color: transparent; /* 容器背景透明 */
  overflow: hidden; /* 隐藏超出容器的部分 */
  top: 0px;
  left: 0px;
}

.line-container::before {
  opacity: 0;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  background-color: #a5c0ff; /* 线的颜色 */
  transform-origin: center; /* 缩放原点设置为中心 */
  transform: scaleX(0); /* 初始状态，线的宽度为0 */
  animation: lineExtend .5s ease-in-out forwards; /* 应用动画 */
  animation-delay:0.2s
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}
@keyframes lineExtend {
  0% {
    transform: scaleX(0);
    transform-origin: center;
    opacity: 1;
  }
  50% {
    transform: scaleX(0.5);
    transform-origin: center;
    opacity: 1;
  }
  100% {
    transform: scaleX(1);
    transform-origin: center;
    opacity: 1;
  }
}
@-webkit-keyframes lineExtend {
  0% {
    transform: scaleX(0);
    transform-origin: center;
    opacity: 1;
  }
  50% {
    transform: scaleX(0.5);
    transform-origin: center;
    opacity: 1;
  }
  100% {
    transform: scaleX(1);
    transform-origin: center;
    opacity: 1;
  }
}
.openMore1, .closeMore1 {
  color: blue;
  cursor: pointer;
}
.elementHide {
  display: none !important;
}
.morequestionModel{
  /*margin-top: 10px;*/
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.morequestionTitle{
  color: #4d94f0;
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 10px;
}
.morequestionAnswer{
  color: #4c5156;
  /*display: inline-block;*/
  background: white;
  padding: 5px 10px;
  border-radius: 5px;
  margin: 4px 0;
  cursor: pointer;
  box-shadow: 0px 4px 4px 2px rgba(25, 25, 26, .01), 0px 4px 4px 2px rgba(25, 25, 26, .01), 0px 4px 4px 2px rgba(25, 25, 26, .01);
  /*width: calc(50% - 7.5px);*/
  /*margin-bottom: 15px;*/
  border: 1px solid #b9d7f3;
  /*line-height: 40px;*/
  line-height: 20px;
  animation: scaleAnimation 1s ease-in-out forwards;
  opacity: 0;
  transform: scale(0);
  transform-origin: center; /* 缩放从中心点开始 */
  font-size: 15px;
  animation-delay: 1s;
  display: inline-flex;
  align-items: center;
  margin-right: 10px;
}
.morequestionAnswer:hover {
  color: white;
  background: #4d94f0;
  box-shadow: none;
}
.morequestionAnswer>img{
  margin: 0 10px;
}
.morequestionAnswer>div{
  overflow: hidden;
  word-break: break-all;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@keyframes typewriter {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@-webkit-keyframes typewriter {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@keyframes scaleAnimation {
  0% {
    transform: scale(0);
    opacity: 0; /* 可选：开始时隐藏元素 */
  }
  50% {
    transform: scale(1.1);
    opacity: 1; /* 可选：在放大时显示元素 */
  }
  100% {
    transform: scale(1);
    opacity: 1; /* 保持元素可见 */
  }
}
@-webkit-keyframes scaleAnimation {
  0% {
    transform: scale(0);
    opacity: 0; /* 可选：开始时隐藏元素 */
  }
  50% {
    transform: scale(1.1);
    opacity: 1; /* 可选：在放大时显示元素 */
  }
  100% {
    transform: scale(1);
    opacity: 1; /* 保持元素可见 */
  }
}
.questionAnswering{
  border-top: 1px solid #d1dff0;
}

.cc1 {
  cursor: pointer;
  color: #2777dd;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
.cc1:hover {
  text-decoration: underline;
}
.cc2 {
  cursor: pointer;
  color: #2777dd;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
.cc2:hover {
  text-decoration: underline;
}
.dz-box{
  margin-top: 20px;
}
.dz-box .title{
  font-size: 16px;
  font-weight: bold;
}
.dz-box .content{
  border-top: 1px solid #d9d6d6;
  padding-top: 10px;
}
.dz-box li{
  display: flex;
  align-items: start;
  color: #177DF0;
  font-weight: 500;
  text-decoration: underline;
  margin: 5px 0;
  cursor: pointer;
}
.dz-box .circle{
  font-size: 14px;
  font-weight: bold;
}
.dz-box .gd-but{
  display: flex;
  align-items: center;
  background-color: #EDF5FF;
  width: fit-content;
  padding: 2px 10px;
  margin-top: 10px;
  color: #177DF0;
  border-radius: 3px;
  cursor: pointer;
}
.dz-box .gd-but.active img{
  /*content: url("../imgs/znwd/up.png");*/
}
.hide{
  display: none !important;
}
.showMoreQuestion {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  margin: 0 auto;
  opacity: 0;
  animation: fadeIn 1.4s ease-in-out forwards;
  animation-delay: 1s;
}
.lookMore {
  color: #79848f;
  cursor: pointer;
  margin: 0 10px;
}
.noLookMore {
  color: #79848f;
  cursor: pointer;
  margin: 0 10px;
}
.fileDownload {
  width: 20px;
  margin-left: 20px;
  margin-right: 20px;
  cursor: pointer;
  display: none;
}
.fileDownload.active {
  content: url("../imgs/znwd/download-active.png");
}
.filePrint {
  width: 20px;
  cursor: pointer;
  display: none;
}
.filePrint.active {
  content: url("../imgs/znwd/print-active.png");
}
.fileItem {
  /*padding-right: 140px;*/
  width: 100%;
  /* display: block; */
  line-height: 34px;
  display: flex;
  align-items: center;
  max-width: 100%;
}
.fileItem:hover {
  background: #f3f4f6;
  /*padding-right: 10px;*/
}
.fileItem:hover .cc1{
  width: max-content;

}
.fileItem:hover img{
  display: block;
}
.tjxx{
  margin-top: 10px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  z-index: 1;
  position: inherit;
}
.weather {
  font-weight: bold;
  font-size: 15px;
}
.weather-ul li{
  list-style: inside;
  margin: 5px;
}
.messageFadeIn{
  opacity: 0;
  animation: fadeIn 1.4s ease-in-out forwards;
  animation-delay: 1.1s;
  line-height: 1.6;
}
.messageFadeIn p {
  /*margin: revert;*/
  margin: 0.5em 0;
  line-height: revert;
}
.topAnswer{
/*display: flex;*/
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
}
.borderScaling{
  opacity: 0;
  transform-origin: left top; /* 缩放和移动的原点设置为左上角 */
  position: relative;
  animation: growAndSlide 0.5s linear forwards;

}
@keyframes growAndSlide {
  0% {
    transform: scale(0) translateX(0%) translateY(0%);
    opacity: 0; /* 可选，开始时隐藏元素 */
  }
  100% {
    transform: scale(1) translateX(0) translateY(0);
    opacity: 1; /* 可选，结束时显示元素 */
  }
}
@-webkit-keyframes growAndSlide {
  0% {
    transform: scale(0) translateX(0%) translateY(0%);
    opacity: 0; /* 可选，开始时隐藏元素 */
  }
  100% {
    transform: scale(1) translateX(0) translateY(0);
    opacity: 1; /* 可选，结束时显示元素 */
  }
}
.canKaoFadeIn{
  /*opacity: 0;*/
  /*animation: fadeIn 0.5s ease-in-out forwards; !* 应用动画 *!*/
  /*animation-delay: 1.2s;*/
  z-index: 1;
  position: inherit;
}
.otherReference {
  opacity: 0;
  animation: fadeIn 1.4s ease-in-out forwards;
  animation-delay: 1.2s;
}
.tiShiFadeIn{
  font-size: 16px;
  opacity: 0;
  animation: fadeIn 1.2s ease-in-out forwards; /* 应用动画 */
  animation-delay: 1s;
}
.stopBtn{
  opacity: 0;
  margin-top: 10px;
  margin-left: 10px;
  cursor: pointer;
  animation: scaleAnimation 1s ease-in-out forwards;
  animation-delay: 2.5s;
  position: absolute;
  bottom: 0px;
  left: 53px;
}
.fileItem .cc1:hover{
  color:#2777dd;
}
.fileItem .cc2:hover{
  color:#2777dd;
}
.canKaoA{
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  width: 100%;
}
.canKaoAStyle{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: calc(100% - 120px);
}
.answerA{
  color: #0000ff;
}
.answerA:hover {
  color: #0000ff !important;
  text-decoration: underline;
}
.submitBox textarea::-webkit-scrollbar{
  display: none;
}
.img-view-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  backdrop-filter: blur(5px);
}
#maskImage {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  z-index: 1;
}
.img-view-wrapper--close {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 36px;
  height: 36px;
  background: rgba(6,8,10,.57);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 3;
  border-radius: 50%;
  cursor: pointer;
}
.img-view-wrapper--img {
  position: absolute;
  /* top: 50%; */
  /* left: 50%; */
  cursor: grab;
  z-index: 2;
}
.textareaBorder{
  width: calc(100% - 170px);
  height: 100%;
  position: relative;
}
#messCon::-webkit-scrollbar{
  width: 5px;
  height: 2px;
  /* background: #f8f8f8; */
  border-radius: 10px;
}
#messCon::-webkit-scrollbar-thumb{
  display: block;
  width: 3px;
  margin: 0 auto;
  border-radius: 10px;
  background: #e3e3e3;
}
.wordCount{
  font-size: 16px;
  color: #d4d2d2;
  position: absolute;
  right: 0px;
  bottom: 10px;
}
.tabsPhone1,.tabsPhone2,.tabsPhone3{
  height: 150px;
}
.rightTopBg {
  width: 280px;
  height: 40px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-image: url(../imgs/znwdNew/rightTopBg.png);
  display: flex;
  align-items: center;
}
.tabContent1{
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  /*background: white;*/
  padding: 12px 15px !important;
  /*max-height: 245px;*/
  overflow-y: auto;
  /*border-radius: 0 5px 5px 0;*/
}
/* WebKit 滚动条宽度 */
.tabContent1::-webkit-scrollbar {
  width: 5px; /* 垂直滚动条宽度 */
  height: 5px; /* 水平滚动条高度 */
}

/* 滚动条轨道 */
.tabContent1::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 4px;
}

/* 滚动条滑块 */
.tabContent1::-webkit-scrollbar-thumb {
  background: #9ec2ec;
  border-radius: 4px;
}
.tabContent1Item{
  width: 119px;
  height: 34px;
  background-image: linear-gradient(to right, #e9f3ff, #dfeffe);
  border-radius: 8px;
  color: #6f7882;
  font-size: 14px;
  line-height: 34px;
  text-align: center;
  margin-bottom: 15px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tabContent1Item:hover {

  background-image: linear-gradient(to right, #c1e6fd, #acd5fa);
  color: #3872b5;

}
.tabContent2Item {
  width: 119px;
  height: 34px;
  background-image: linear-gradient(to right, #e9f3ff, #dfeffe);
  border-radius: 8px;
  color: #6f7882;
  font-size: 14px;
  line-height: 34px;
  text-align: center;
  margin-bottom: 15px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
}
.tabContent2Item img {
  margin-right: 5px;
}
.tabContent2Item:hover {

  background-image: linear-gradient(to right, #c1e6fd, #acd5fa);
  color: #3872b5;

}
.znwd-container .znwd .chatBox > .right .bottom .list div:hover{
  background: #ebf4ff;
  border-radius: 6px;
}
.znwd-container .znwd .chatBox > .right .bottom .list div:hover .deleteItem{
  display: block;
}
.deleteItem{
  /*position: absolute;*/
  /*right: 10px;*/
  /*top: calc(50% - 10px);*/
  display: none;
  cursor: pointer;
}
#messCon:focus .askQuestionContent {
  border: 1px solid yellow !important;
}
.answerTop{
  position: absolute;
  left: 0px;
  top: -25px;
  width: auto;
  height: 30px;
  padding: 0 10px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-image: url(../imgs/xt/answerTop.png);
  color: #b09765;
  text-align: center;
  line-height: 30px;
}
.leadershipInformation{
  /* width: 915px; */
  /* height: 250px; */
  /*background: white;*/
  /* padding: 20px 30px; */
  /*border-radius: 20px;*/
  /*border-top-left-radius: 0px;*/
  /*margin-bottom: 10px;*/
  /*margin-top: 20px;*/
}
.leaderTop{
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  align-items: center;
  margin-bottom: 20px;
}
.leaderTopTitle{
  font-size: 20px;
  color: #3573b5;
}
.leaderTopContent{
  font-size: 16px;
  /*margin: 10px 0 15px 0;*/
  /*line-height: 26px;*/
}
.leaderMiddle{
  width: 100%;
  height: 1px;
  background: #efefef;
}
.leaderBottomList{
  display: flex !important;
  align-items: center;
  justify-content: start;
  flex-wrap: wrap;
  padding-inline-start: 0px !important;
}
.leaderBottomItem{
  font-size: 16px;
  color: #3573b5;
  padding: 10px 15px;
  background: #eff4fa;
  border-radius: 8px;
  cursor: pointer;
  margin: 10px 10px 5px 0px;
}
.leaderBottomItem:hover {
  background: #dbe7f4;
}
.zwxx>li {
  padding: 2px 0;
  background: url(../imgs/znwd/li_bg1.png) no-repeat left;
  padding-left: 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  padding: 7px 0 7px 20px;
  line-height: 1;
}
.zwxx>li:nth-child(1) {
  border-top: 1px dashed #eee;
  margin-top: 10px;
}
.zwxx>li :hover {
  color: #387dbf;
}
.bsfwList{
  display: flex;
  justify-content: start;
  align-items: center;
  flex-wrap: wrap;
}
.bsfwList li {
  padding: 5px 15px;
  margin-right: 15px;
  background: #eff4fa;
  border-radius: 10px;
  margin-bottom: 10px;
  color: #47494b;
  cursor: pointer;
}
.bsfwList li:hover {
  color:#3573b5;
  background: #dbe7f4;
}
.gjSelect .layui-form-selected dl::-webkit-scrollbar{
  width: 5px;
  height: 2px;
  /* background: #f8f8f8; */
  border-radius: 10px;
}
.gjSelect .layui-form-selected dl::-webkit-scrollbar-thumb{
  display: block;
  width: 3px;
  margin: 0 auto;
  border-radius: 10px;
  background: #e3e3e3;
}
.gjSelect .layui-form-select dl dd.layui-this {
  color:#177df0 !important
}
.gjSelect .layui-input:focus, .layui-textarea:focus {
  border-color: #177df0 !important;
}
.gjSelect .layui-input{text-align: center;}
.gjSelect .layui-form-select dl dd{text-align: center;}
.tabsText{
  font-size: 20px;
  color: #3872b5;
  font-family:'Microsoft YaHei';
  font-weight: bolder;
  line-height: 20px;
}
.znwdName{
  font-size: 45px; /* 设置字体大小 */
  font-family: 'Microsoft YaHei'; /* 设置字体为微软雅黑，确保已正确引入该字体 */
  font-weight: bold; /* 字体加粗 */
  background: linear-gradient(to right, #05b5ff 0%, #2f82e4 83%); /* 文字渐变效果 */
  -webkit-background-clip: text; /* Safari */
  color: transparent; /* 将文字颜色设置为透明，以便只显示背景渐变 */
  background-clip: text; /* 其他浏览器 */
  display: inline-block; /* 确保背景可以应用于文本 */
  line-height: 45px;
  margin-top: 20px;
}
.clickUnfold {
  display: flex;
  cursor: pointer;
  color: #387dbf;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
}
.moreValue>ul>li:nth-child(1) {
  border-top: 1px dashed #eee;
  margin-top: 10px;
}
.moreValue>ul>li{
  /* border-bottom: 1px dashed #eee; */
  /* line-height: 25px; */
  /* padding-top: 7px; */
  padding: 2px 0;
  background: url(../imgs/znwd/li_bg1.png) no-repeat left;
  padding-left: 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  padding: 7px 0 7px 20px;
  line-height: 1;
}
.moreValue{
  margin-top: 10px;
}
.loginTitle{
  font-family: siyuansongti;
  font-size: 26px;
  font-weight: bolder;
  text-align: center;
  line-height: 60px;
  /*border-bottom: 1px solid #cfe1f3;*/
}
.login-title{
  white-space: normal;
  word-break: break-all;
  word-wrap: break-word;
  font-size: 16px;
  line-height: 1.8;
  padding: 10px 0px;
  height: calc(100% - 130px);
  overflow-y: scroll;
  color: #585b5e;
  border-bottom: 1px solid #cfe1f3;
}
.login-title strong2{
  color: #3d4043;
  font-size: 18px;
  font-weight: bolder;
}
.login-title::-webkit-scrollbar{
  width: 5px;
  height: 2px;
  /* background: #f8f8f8; */
  border-radius: 10px;
}
.login-title::-webkit-scrollbar-thumb{
  display: block;
  width: 3px;
  margin: 0 auto;
  border-radius: 10px;
  background: #dfe3e7;
}
.login-info{
  display: flex;
  align-items: center;
  height: 70px;
  justify-content: space-between;
  flex-wrap: nowrap;
  padding: 0 20px;
}
.btn_login {
  width: 243px;
  height: 40px;
  line-height: 40px;
  background-color: #ccc;
  color: white;
  border: 0;
  cursor: pointer;
  border-radius: 10px;
  font-size: 16px;
}
.login-info .layui-form-checked[lay-skin=primary]>i {
  border-color: #2c85e6 !important;
  background-color: #2c85e6 !important;
}
.login-info .layui-form-checkbox[lay-skin=primary]>div {
  color: #2c85e6 !important;
}
.login-info .layui-form-checkbox>div {
  font-size: 16px;
}
.login-info .layui-form-checkbox[lay-skin=primary]>i{
  width: 16px !important;
  height: 16px !important;
}
.login-info .layui-form-checkbox[lay-skin=primary]:hover>i {
  border-color: #2c85e6 !important;
  color: #fff;
}
.yxntTitle{
  color: #177df0;
  font-size: 18px;
  font-weight: bolder;
  display: inline-block;
  line-height: 30px;
}
.emptyContent{
  cursor: pointer;
  color: #177df0 !important;
}
.questionText{
  font-size: 16px;
  font-weight: bold;
}
.tabContent1Item img {
  margin-right: 5px;
}
.phoneTitle{
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
  display: none;
}
.phoneTitle1{
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
}
.phoneTitle2{
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
}
.phoneImg1{
  width: 130px;
}
.phoneImg2{
  height: 1.2rem;
  margin: 0 0.4rem;
}
.phoneImg3{
  width: 140px;
}
.phoneImg4{
  width: 1.2rem;
  margin-right: 1rem;
}
.phoneImg5{
  width: 1.1rem;
}
.phoneTop{
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
  display: none;
}
.phoneRabot{
  margin-left: 1.8rem;
  margin-top: 1rem;
}
.askAll{
  display: flex;
  justify-content: space-between;
  position: absolute;
  width: 100%;
  bottom: 20px;
}
.phoneAskRight{
  background-image: url(../imgs/phone/phoneAskRightNew.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
  display: none;
  width: 30px;
  height: 30px;
  justify-content: center;
  align-items: center;
}
.darkPhone {
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.5;
  filter: alpha(opacity=50);
  z-index: 100;
  position: fixed;
  display: none;
  left: 0;
  top: 0;
}
.phonePopupTitle{
  display: none;
  font-family: siyuansongti;
  text-align: center;
  font-size: 20px;
  margin-top: -20px;
  padding-bottom: 5px;
  margin-bottom: 10px;
  border-bottom: 1px solid #cad7eb;
}
.phoneRemove {
  width: 40px;
  height: 48px;
  background-color: #f66663;
  position: absolute;
  margin-top: 0px !important;
  top: 0px;
  border-radius: 6px;
  margin-left: 10px;
  display: none;
  align-items: center;
  justify-content: center;
  right: -50px;
}
.phoneDeleteItemImg{
  width: 14px;
  display: none;
}
.phoneDisclaimer{
  position: absolute;
  right: 0px;
  top: 0px;
  z-index: 1;
  width: 80px;
  display: none;
}
.phoneVoice {
  width: 40px;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  display: none;
  align-items: center;
  justify-content: center;
}
.noHisttoryList {
  width: 100%;
  height: 80px;
  display: none;
  align-items: center;
  justify-content: center;
  margin-top: 30px;
  flex-wrap: wrap;
}
.noHisttoryListText {
  width: 100%;
  text-align: center;
  color: #99acc3;
}
.voiceContent {
  width: calc(100% - 20px);
  height: 70px;
  bottom: 20px;
  position: fixed;
  align-items: center;
  justify-content: start;
  display: none;
}
.keyBoardBtn{
   width: 50px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  display: none;
}
.voiceBgBtn{
  width: calc(100% - 100px);
  height: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  flex-wrap: wrap;
  display: none;
}
.voicePhoneTop {
  height: 30px;width: 100%;display: flex;align-items: center;justify-content: center
}
.phoneHelp {
  width: 120px;
  /*height: 100px;*/
  position: absolute;
  background-image: url(../imgs/phone/phoneTriangle.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  top: 14px;
  right: -18px;
  padding: 30px 20px 20px 20px;
  transform-origin: 100% 0;
  display: none;
  z-index: 10;
}
.phoneHelpItem{
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.phoneHelpItem img{
  width: 14px;
  margin-right: 5px;
}
.phoneHelpItem span{
  font-size: 12px;
  color: #323233;
}
.van-popover {
   overflow: visible;
   -webkit-transition: opacity 0.15s, -webkit-transform 0.15s;
   transition: opacity 0.15s, -webkit-transform 0.15s;
   transition: opacity 0.15s, transform 0.15s;
   transition: opacity 0.15s, transform 0.15s, -webkit-transform 0.15s;
}
.van-popover-zoom-enter-active{
  transition-timing-function: ease-in;
  -webkit-transition-timing-function: ease-in;
  transform: scale(0.8);
  -webkit-transform: scale(0.8);
  opacity: 0;
}
.van-popover-zoom-leave-active{
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  transform: scale(0.8);
  -webkit-transform: scale(0.8);
  opacity: 0;
}
.phoneTextareaClear {
  width: 30px;
  height: 45px;
  display: flex;
  justify-content: center;
  align-items: center;
  display: none;
  top:0px;
  position: absolute;
  right: 0px;
}
#cancelBtnUserAgreement{
  position: absolute;
  /*right: -20px;*/
  z-index: 2;
  /* padding-top: 5px; */
  background: url(../imgs/znwd/icon_close.png) no-repeat;
  margin: 5px;
  color: #fff;
  width: 16px;
  height: 16px;
  top: 18px;
  border: none;
  display: none;
  margin-left: 15px;
}
.pcBtn{
  display: block;
}
.phoneBtn{
  display: none;
}
#yesDiv,#noDiv {
  padding: 0px 25px;
  color: #177df0;
   background: white;
   border-radius: 20px;
   line-height: 30px;
  display: inline-block;
   cursor: pointer;
  font-size: 15px;
}
.autoPlayBtn{
  display: flex;
  align-items: center;
  justify-content: end;
  color: #387dbf;
  float: right;
  background: #f5f6fa;
  border-radius: 30px;
  padding: 5px 10px;
  cursor: pointer;
}
.autoPlayBtn img {
  margin-right: 5px;
}
.canKaoRXBKStyle {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  /*position: relative;*/
}
.rxbkTittle{
  padding: 10px;
  border-radius: 5px;
  background: white;
  color: #2777dd;
  /* white-space: nowrap; */
  /*position: absolute;*/
  /* font-size: 11px; */
  /*top: 18px;*/
  line-height: 20px;
  display: none;
  position: fixed;
  /*top: 449px;*/
  right: 0px;
  z-index: 9999;
  margin: auto 25px;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .2);
}
.triangle{
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 5px 10px 5px;
  border-color: transparent transparent white transparent;
  position: absolute;
  right: 10px;
  top: -10px;
}
.content p {
  display: block;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  unicode-bidi: isolate;
}
/*.content ol {*/
/*  display: block;*/
/*  list-style-type: decimal;*/
/*  margin-block-start: 1em;*/
/*  margin-block-end: 1em;*/
/*  padding-inline-start: 2em;*/
/*  unicode-bidi: isolate;*/
/*}*/
/*.content ul {*/
/*  display: block;*/
/*  list-style-type: decimal;*/
/*  margin-block-start: 0px;*/
/*  margin-block-end: 0px;*/
/*  padding-inline-start: 2em;*/
/*  unicode-bidi: isolate;*/
/*}*/
/*.content h3 {*/
/*  display: block;*/
/*  font-size: 1.17em;*/
/*  margin-block-start: 1em;*/
/*  margin-block-end: 1em;*/
/*  margin-inline-start: 0px;*/
/*  margin-inline-end: 0px;*/
/*  font-weight: bold;*/
/*  unicode-bidi: isolate;*/
/*}*/
.rightTop {
  display: flex;
  align-items: center;
}
.rightTopText{
  font-size: 18px;
  color: #276dce;
  font-family: 'Microsoft YaHei';
  font-weight: bolder;
  line-height: 20px;
  margin-left: 20px;
}
.rightMiddle{
  display: flex;
  align-items: center;
  justify-content: space-around;
  margin: 10px 0 10px 0;
}
.rightMiddleItem{
  display: flex;
  align-items: center;
  padding: 4px 18px;
  background: white;
  border-radius: 25px;
  cursor: pointer;
  transition: all .3s ease;
}
.rightMiddleItem:hover {
  transform: translateY(-2px);
  /*background: #e7f0fc;*/
}
.rightMiddleItemText{
  color: #3c83e4;
  margin-left: 5px;
  white-space: nowrap;
}
.rightYYBB{
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px 0px;
  width: 100%;
  border-radius: 25px;
  background: white;
  margin-bottom: 20px;

}
.rightYYBBText{
  margin-right: 10px;
  color: #717171;
}
.yybb .layui-form-switch {
  height: 20px;
  line-height: 18px;
  margin-top: 0px;
  background-color: #d2d2d2;
}
.yybb .layui-form-onswitch {
  border-color: #3c83e4;
  background-color: #3c83e4;
}
.yybb .layui-form-switch>i {
  top: 1px;
  background-color:white;
  left: 1px;
}
.yybb .layui-form-onswitch>i {
  margin-left: -17px;
  left: 100%;
}
.fwdh{
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.fwdhText{
  color: #3f404f;
  font-size: 18px;
  font-family: 'Microsoft YaHei';
  font-weight: bolder;
  /*line-height: 18px;*/
  /*margin-left: 10px;*/
}
.fwdhList{
  width: 100%;
  height: 54px;
  border-radius: 8px;
  box-shadow: 0px 8px 24px rgba(25, 25, 26, .06), 0px 4px 16px rgba(25, 25, 26, .06), 0px 0px 4px rgba(25, 25, 26, .06);
  background: linear-gradient(to right, #ffffff, #f0f7ff);
  display: flex;
  align-items: center;
  padding: 0 20px 0 30px;
  justify-content: space-between;
  z-index: 1;
  position: relative;
  cursor: pointer;
}
.fwdhListTopText{
  font-size: 18px;
  color: #3f404f;
}
.fwdhListTopText1{
  color: #9596a0;
}
.fwdhListTopText2{
  font-weight: bolder;
  color: #3c83e4;
}
.fwdhListTopImg{
  cursor: pointer;
  transform: rotate(180deg);
}
.xtdnbList{
  background: white;
  /*margin-top: -5px;*/
  border-radius: 0 0 8px 8px;
  transition: max-height 0.3s ease-out;
  /*max-height: 0px;*/
  height: 110px;
  overflow: hidden;
  position: relative;
}
.toggle-content.show {
  /*max-height: 255px;*/
  /*padding-top: 10px;*/
  /*min-height: 142px;*/

}
.toggle-btnAll.expanded {
  transform: rotate(-180deg);
}
.hyjqr{
  display: flex;
  /*align-items: center;*/
  align-items: flex-end;
  /*width: 100%;*/
  /*padding-left: 50px;*/
  width: calc(100% - 63px);
  margin-left: 63px;
  justify-content: center;
}
.newHyy{
  /*color: #276dce;*/
  font-size: 20px;
  font-family: 'alimamshuheiti';
  font-style: italic;
  padding-bottom: 15px;
  background-image: linear-gradient(to right, #eb1d02 0%,#1447a1 25%, #1447a1 100%);
  /*background-image: linear-gradient(to right, red 25%, blue 100%);*/
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  /*font-weight: bolder;*/
}
.hyText1{
  font-weight: bolder;
  color: #494848;
  font-size: 16px;
  margin-bottom: 5px;
}
.hyText2{
  color: #494848;
  font-size: 16px;
  margin-bottom: 5px;
}
.hyText3{
  display: flex;
  align-items: center;
  color: #4b7fdb;
  font-size: 16px;
  margin-bottom: 10px;
  justify-content: space-between;

}
.hyText4{
  display: flex;
  align-items: center;
}
.hyText4Item{
  background: #fbfffe;
  color: #333333;
  cursor: pointer;
  padding: 5px 20px;
  border-radius: 20px;
  margin-right: 10px;
  border: 1px solid #f8fbfe;
  line-height: 20px;
}
.hyText4Item:hover{
  background: #e7f0fc;
  color: #4b7fdb;

}
.hyText4 .hyText4Item:last-child {
  margin-right: 0;
}
.hyTotal{
  /*width: 100%;*/
  border-radius: 20px 20px 0px 0px;
  max-width: 100%;
  /*margin-left: 0px;*/
  width: calc(100% - 63px);
  margin-left: 63px;
  background: linear-gradient(to bottom, #e9f3ff, rgba(0, 0, 0, 0));
  height: 132px;
}
.pcAllBtns{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
.pcSound {
   margin-right: 8px;
  cursor: pointer;
}
.sendBottomTabs{
   display: flex;
  align-items: center;
  position: absolute;
  left: 20px;
  bottom: 10px;
}
.sendBottomTab{
   display: flex;
  align-items: center;
  color: #999999;
  border: 1px solid #999999;
  border-radius: 5px;
  padding: 2px 8px;
  cursor: pointer;
  transition: color 0.3s;
  margin-right: 10px;
}
/* 默认文字颜色 */
/*.sendBottomTab > div {*/
/*  color: #999999;*/
/*}*/

/* 悬停效果（未激活时才生效） */
.sendBottomTab:not(.active):hover  {
  color: #3c83e4;
  border-color: #3c83e4;
  background: #e7f0fc;
}
.sendBottomTab:not(.active):hover img {
  /* 可以加 filter 或直接换图，这里用 JS 换更灵活 */
}

/* 激活状态（点击后） */
.sendBottomTab.active  {
  color: #3c83e4; /* 自定义激活颜色 */
  border-color: #3c83e4;
  background: #e7f0fc;

}
.sendBottomTab img {
  margin-right: 5px;
}
.sendBottomTabs .sendBottomTab:last-child {
  margin-right: 0;
}
.toggle-btnAll {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.prompting1{
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999;
  background-color: rgba(0, 0, 0, 0.2);
  display: none;
}
.fk-box{
  background-clip: padding-box;
  border: 0;
  box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
  pointer-events: auto;
  background-color: #fff;
  position: fixed;
  top: 50%;
  left: 50%;
  border-radius: 10px;
  width: 840px;
  padding: 20px 24px;
  transform: translate(-50%, -50%);
}
.ant-modal-header {
  color: rgba(0, 0, 0, 0.88);
  background: #ffffff;
  border-radius: 8px 8px 0 0;
  margin-bottom: 8px;
}
.ant-modal-title{
  margin: 0;
  color: rgba(0, 0, 0, 0.88);
  font-weight: 600;
  font-size: 16px;
  line-height: 1.5;
  word-wrap: break-word;
}
.ListItem{
  display: inline-block;
  margin-bottom: 17px;
  padding: 6px;
  width: 32%;
  background: #f8f9fa;
  border-radius: 12px;
  transition: all .3s ease;
  border: 1px solid #e9ecef;
  margin-right: 10px;
}
.ListItem:hover{
  background: #fff;
  box-shadow: 0 5px 15px rgba(0, 0, 0, .05);
  border-color: #dee2e6;
}
.ListItem .ListItemTit {
  font-size: 16px;
  font-weight: 600;
  color: #333;
  margin-bottom: 15px;
  padding-bottom: 10px;
  border-bottom: 1px solid #e9ecef;
}
.listItemRadio {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.listItemRadio .layui-form-radio{
  width: 100%;
  padding: 4px 15px;
  border-radius: 8px;
  border: 1px solid #dee2e6;
  margin: 0;
}
.listItemRadio .layui-form-radio:hover{
  border-color: #409eff;
}
.listItemRadio .layui-form-radioed{
  border-color: #409eff;
  background: #e8f4ff;
}
.listItemRadio .layui-form-radioed>i{
  color: #409eff;
}
.listItemRadio .layui-form-radio:hover>*{
  color: #409eff;
}
.listItemRadio .layui-form-radioed{
  color: #409eff;
}
.ListItemList{
  display: flex;
  flex-wrap: wrap;
}
.listItemFooter{
  text-align: end;
  background: transparent;
  margin-top: 12px;
}
.listItemFooter1{
  font-size: 14px;
  height: 32px;
  padding: 4px 15px;
  border-radius: 6px;
  border: 1px solid transparent;
  cursor: pointer;
  display: inline-block;
}
.listItemDefault{
  background-color: #ffffff;
  border-color: #d9d9d9;
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.02);
}
.listItemDefault:hover{
  color: #4096ff;
  border-color: #4096ff;
}
.listItemPrimary{
  color: #fff;
  background-color: #1677ff;
  box-shadow: 0 2px 0 rgba(5, 145, 255, 0.1);
  margin-inline-start: 8px;
}
.listItemPrimary:hover{
  color: #fff;
  background-color: #4096ff;
}
.listItemTextarea{
  max-width: 100%;
  height: auto;
  min-height: 32px;
  line-height: 1.5714285714285714;
  vertical-align: bottom;
  transition: all 0.3s, height 0s;
  resize: vertical;
  border-radius: 6px;
  position: relative;
  display: inline-block;
  width: 100%;
  min-width: 0;
  background-color: #ffffff;
  background-image: none;
  border-width: 1px;
  border-style: solid;
  box-sizing: border-box;
  margin: 0;
  padding: 4px 11px;
  color: rgba(0, 0, 0, 0.88);
  font-size: 14px;
  text-overflow: ellipsis;
  border-color: #d9d9d9;
  display: none;
}
.listItemTextarea:hover{
  border-color: #4096ff;
  border-inline-end-width: 1px;
}
.listItemTextarea:focus {
  outline: none; /* 去掉默认的聚焦轮廓（通常是蓝色外发光） */
  border: 1px solid #4096ff; /* 自定义边框颜色和宽度 */
}
.rightTopImg{
  cursor: pointer;
  padding: 8px;
  border-radius: 4px;
}
.rightTopImg:hover {
  background: #d5e5f8;
  transform: scale(1.1);
}
.topSQImg {
  cursor: pointer;
  transition: transform .3s ease;
}
.topSQImg:hover{
  transform: scale(1.1);
}
.topSQ{
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  display: none;
}
.fk-box-sq{
  position: absolute;
  top: -25px;
  inset-inline-end: -35px;
  width: 32px;
  height: 32px;
  cursor: pointer;
}
.voiceText1{
  padding: 5px;
  border-radius: 5px;
  background: #41454c;
  color: white;
  white-space: nowrap;
  position: absolute;
  font-size: 11px;
  bottom: 56px;
  left: calc(50% - 33px);
  display: none;
}
.big_size{
  font-size: 18px !important;
}
.ysqAll{
  display: flex;
  margin-top: 20px;
}
.ysqItem{
  width: 138px;
  height: 173px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-image: url(../imgs/znwdNew/ysq.png);
  margin-right: 20px;
  padding: 45px 20px 20px 20px;
  position: relative;
}
.ysqAll .ysqItem:last-child {
  margin-right: 0;
}
.ysqItem1{
  position: absolute;
  /*width: 98px;*/
  width: calc(100% - 40px);
  height: 92px;
  top: 50px;
  left: 20px;
  font-family: siyuansongti2;
  color: black;
  font-size: 13px;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
}
.sqAlls{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
}
.sqAll{
  display: flex;
  align-items: center;
  cursor: pointer;
  padding: 6px 15px;
  border-radius: 5px;
  background: #3c83e4;
  color: #fff;
}
.ysqHtml{
  height: 800px;
  overflow-y: auto;
  overflow-x: hidden;
  opacity: 0;
  animation: ysqHtmlBackground 1s ease-in-out forwards; /* 应用动画 */
  animation-delay:0.8s;
  position: relative;
}
@keyframes ysqHtmlBackground {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes ysqHtmlBackground {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.ysqHtml::-webkit-scrollbar {
  width: 4px; /* 垂直滚动条宽度 */
  height: 4px; /* 水平滚动条高度（如果需要） */
}
.ysqHtml::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.ysqHtml::-webkit-scrollbar-thumb {
  background: #007bff;
  border-radius: 4px;
}
.ysqSq{
  color: #79848f;
  cursor: pointer;
  display: inline-block;
}
.ysqSq.active img {
  transform: rotate(-180deg);
}
.dhkJqr{
  width: 236px;
  height: 175px;
  position: sticky;
  right: 0;
  bottom: 0;
  /*background: white;*/
  transition: all .3s ease;
  display: none;
  margin-left: auto;
}
.dhk1{
  width: 172px;
  height: 125px;
  position: absolute;
  left: 0;
  top: 0;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-image: url(../imgs/znwdNew/dhk.png);
  padding: 20px;
  transition: all .3s ease;
}
.jqr1{
  width: 80px;
  height: 105px;
  position: absolute;
  right: 0;
  bottom: 0;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-image: url(../imgs/znwdNew/dhk-jqr.png);
  cursor: pointer;
}
.dhk1Text{
  line-height: 20px;
}
.dhkBtns{
  display: flex;
  justify-content: space-between;
  align-items: center;
  /*margin-top: 5px;*/
}
.dhkBtns1{
  background: #3c83e4;
  border-radius: 30px;
  color: #ffffff;
  /* line-height: 24px; */
  height: 25px;
  line-height: 25px;
  width: 50px;
  text-align: center;
  cursor: pointer;
}
.dhkBtns2{
  background: transparent;
  border-radius: 30px;
  border: 1px solid #3c83e4;
  color: #3c83e4;
  height: 25px;
  width: 50px;
  text-align: center;
  line-height: 24px;
  cursor: pointer;
}
.dhkYY{
  cursor: pointer;
}
.xxItem{
  display: flex;
  align-items: center;
  color: #3c83e4;
  width: 100%;
  cursor: pointer;
}
.xxItemText{
  display: flex;
  align-items: center;
  color: #3c83e4;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 34px;
  max-width: calc(100% - 50px);
}
.xxItemText:hover{
  text-decoration: underline;
}
.xxItem:hover{
  background: #f3f4f6;
}
.bigFont1{
  font-size: 18px;
}
.bigFont2{
  font-size: 20px;
}
.yhytList{
  width: 100%;
  padding: 0px 10px;
  display: flex;
  flex-wrap: wrap;
}
.yhytLoading{
  display: flex;

  position: relative;
  line-height: 54px;

}
.yhytSuccessAll{
  display: flex;
  margin-right: 30px;
  align-items: center;

  line-height: 54px;
}
.yhytSuccess{
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
  width: 18px;
  margin-right: 5px;
}
.yhytLine{
  width: 4px;
  height: 20px;
  background: #3c83e4;
  border-radius: 1px;
  margin-top: -1px;
}
.loadingRotation{
  width: 18px;
  height: 18px;
  margin-right: 5px;
  animation: spinLoading 1s linear infinite;
}
.yhytText{
  color: #295de0;
  font-size: 15px;
  font-weight: 600;
}
:root {
  --Labels-Secondary: rgba(255, 255, 255, .56);
}
/*.yhytTextLoading{*/
/*  !*font-size: 16px;*!*/
/*  vertical-align: bottom;*/
/*  !*background: linear-gradient(90deg, #00f, #1d961d, red);*!*/
/*  background: linear-gradient( 120deg, rgba(0, 0, 0, .6) 40%, rgba(0, 0, 0, .6) 50%, rgba(0, 0, 0, .1) 70%, rgba(0, 0, 0, .6) 90%, rgba(0, 0, 0, .6) 100% );*/
/*  -webkit-background-clip: text;*/
/*  -webkit-text-fill-color: transparent;*/
/*  background-size: 200% 100%;*/
/*  !*-webkit-background-clip: text;*!*/
/*  color: transparent;*/
/*  animation: gradientFlow 2.5s linear infinite;*/
/*  !*font-weight: 600;*!*/
/*}*/
/*@keyframes gradientFlow {*/
/*  0% {*/
/*    background-position: 100%*/
/*  }*/

/*  to {*/
/*    background-position: -100%*/
/*  }*/
/*}*/

.step-status-icon {
  width: 25px;
  height: 13px;
  display: inline-block
}

 .step-status-icon:before {
  content: "";
  position: absolute;
  transform-origin: center;
  margin-left: 2px;
  margin-top: 1px;
  width: 13px;
  height: 13px;
  border-radius: 100%;
  background-color: #295de0;
}

 .step-status-icon:after {
  position: absolute;
  content: "";
  width: 15px;
  height: 15px;
  border: 2px solid #295de0;
  box-sizing: border-box;
  border-radius: 100%;
  background-color: transparent;
  animation: breath 1.6s cubic-bezier(0,0,.2,1) infinite;
  left: 1px
}
@keyframes breath {
  75%,to {
    opacity: 0;
    transform: scale(2)
  }
}

.yhytTextLoading{
  font-size: 16px;
  vertical-align: bottom;
  background: linear-gradient(90deg, #00f, #1d961d, red);
  background-size: 300% 100%;
  -webkit-background-clip: text;
  color: transparent;
  animation: gradientFlow 3s linear infinite;
  font-weight: 600;
}
@keyframes gradientFlow {
  0% {
    background-position: 0 50%
  }

  to {
    background-position: 100% 50%
  }
}

.css-pprihb.ant-spin {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #295de0;
  font-size: 0;
  line-height: 1.5714285714285714;
  list-style: none;
  /*font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';*/
  position: absolute;
  display: none;
  text-align: center;
  vertical-align: middle;
  opacity: 0;
  transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.css-pprihb.ant-spin-spinning {
  position: relative;
  display: inline-block;
  opacity: 1;
}
.css-pprihb.ant-spin-sm .ant-spin-dot, .css-pprihb.ant-spin-sm .ant-spin-dot-holder {
  font-size: 14px !important;
}
.css-pprihb.ant-spin .ant-spin-dot-holder {
  width: 1em;
  height: 1em;
  font-size: 20px;
  display: inline-block;
  transition: transform 0.3s ease, opacity 0.3s ease;
  transform-origin: 50% 50%;
  line-height: 1;
  color: #295de0;
}
.css-pprihb.ant-spin .ant-spin-dot-spin {
  transform: rotate(45deg);
  animation-name: css-pprihb-antRotate;
  animation-duration: 1.2s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
.css-pprihb.ant-spin .ant-spin-dot {
  position: relative;
  display: inline-block;
  font-size: 20px;
  width: 1em;
  height: 1em;
}
.css-pprihb.ant-spin-sm .ant-spin-dot-holder i {
  width: 6px;
  height: 6px;
}
.css-pprihb.ant-spin .ant-spin-dot-item:nth-child(1) {
  top: 0;
  inset-inline-start: 0;
  animation-delay: 0s;
}
.css-pprihb.ant-spin .ant-spin-dot-item:nth-child(2) {
  top: 0;
  inset-inline-end: 0;
  animation-delay: 0.4s;
}
.css-pprihb.ant-spin .ant-spin-dot-item:nth-child(3){
  inset-inline-end: 0;
  bottom: 0;
  animation-delay: 0.8s;
}
.css-pprihb.ant-spin .ant-spin-dot-item:nth-child(4) {
  bottom: 0;
  inset-inline-start: 0;
  animation-delay: 1.2s;
}
@keyframes css-pprihb-antSpinMove{
  to{
    opacity:1;
  }
}
@keyframes css-pprihb-antRotate{
  to{
    transform:rotate(405deg);
  }
}
.css-pprihb.ant-spin .ant-spin-dot-item {
  position: absolute;
  display: block;
  width: 9px;
  height: 9px;
  background: currentColor;
  border-radius: 100%;
  transform: scale(0.75);
  transform-origin: 50% 50%;
  opacity: 0.3;
  animation-name: css-pprihb-antSpinMove;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-direction: alternate;
}
.showTipsText {
  font-size: 16px;
  vertical-align: bottom;
  background: linear-gradient(90deg, #00f, #1d961d, red);
  background-size: 300% 100%;
  -webkit-background-clip: text;
  color: transparent;
  animation: gradientFlow 3s linear infinite;
  font-weight: 600;
}
.dots:after {
  content: "";
  animation: dotty 1.5s steps(3,end) infinite
}

@keyframes dotty {
  0% {
    content: ""
  }

  33% {
    content: "."
  }

  66% {
    content: ".."
  }

  to {
    content: "..."
  }
}
.topZK{
  height: 100%;
}


@keyframes spinLoading {
from {
  transform: rotate(0deg);
}
to {
  transform: rotate(360deg); /* 顺时针转一圈 */
  }
}
.yhytImg{
  display: none;
  margin-left: 10px;
}

.preview-container {
  position: relative;
  /* display: inline-block; */
  margin: 5px;
  border-radius: 5px;
  cursor: pointer;
  width: 52px;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  display: none;
}
.preview-img {
  max-width: 52px;
  max-height: 52px;
  /*height: 52px;*/
  /*object-fit: cover;*/
  /*border: 1px solid #ddd;*/
  /*border: none;*/
}

.loading-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  color: white;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  display: none;
}

.spinner {
  width: 20px;
  height: 20px;
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-top: 2px solid white;
  border-radius: 50%;
  animation: spin 1s linear infinite;
  margin-bottom: 8px;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.percent {
  font-size: 12px;
  font-weight: bold;
}
/* 删除按钮默认隐藏 */
.delete-btn {
  position: absolute;
  top: -4px;
  right: -8px;
  width: 16px;
  height: 16px;
  background-color: #000000d9;
  color: white;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.2s ease;
  box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

/* 鼠标悬停时显示删除按钮 */
.preview-container:hover .delete-btn {
  opacity: 1;
}
.fyContent{
  font-size: 16px;
}
.znztTitle {
  font-size: 18px;
  text-align: center;
  font-weight: bold;
  padding-bottom: 15px;
}
.cnxwAll img{
  transition: transform 0.5s ease; /* 设置过渡效果 */
}
.zwdtText{
  cursor: pointer;
  display: inline-block;
  width: 100%;
  font-size: 18px;
  margin-top: 8px;
  color: #355e92;
  font-weight: normal;
  padding-left: 10px;
}

.zwdt{
  margin-top: 10px;
  width: 100%;
  display: inline-block;
}
.zwdt div {
  height: 52px;
  line-height: 52px;
  font-size: 15px;
  color: #999999;
  padding-left: 10px;
}
.zwdt div.dd {
  background-color: #f7f7f7;
}
.zwdt div a {
  color: #333333;
  font-size: 16px;
  display: inline-block;
  vertical-align: middle;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  text-align: left;
  width: calc(100% - 120px);
}
.zwdt div label {
  margin-left: 15px;
  display: inline-block;
  vertical-align: middle;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  text-align: left;
}
.zwdt div:hover a{
  color: #4175af;
}
.zwdtList{
  display: inline-block;
  width: 100%;
  margin-top: 10px;
}
.linkPathItem:hover {
  color: #4175af;

}
.xwFileList{
  display: flex;
  margin: 0 10px;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px dashed #c6e0f6;
  width: 100% !important;
}
.xwFileName{
  width: calc(100% - 120px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.xwFileTime{
  width: 100px;
}
.fileItemXw{
  background: #f2f8ff;
  margin-top: 10px;
  padding: 10px 0;
  border-radius: 10px;
  display: none;
}
.fileItemXw .fileItem:last-child .xwFileList {
  border-bottom: none; /* 示例样式 */
}
.bottomTips{
  position: absolute;
  bottom: 0;
  width: calc(100% - 50px);
  left: 50px;
  text-align: center;
  color: #999;
  -webkit-user-select: none; /* 如不需要选中 */
  user-select: none;
}
.main-section-p img {
  width: auto !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}
.step_show{
  width: 100%;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 99999;
  transition: all .1s ease !important;
}
.step_show1{
  width: 100%;
  height: 100%;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 99998;
  transition: all .1s ease !important;
}
.empty_frame{
  position: absolute;
  box-shadow: 0 0 0 3000px #000000a8;
  border: 4px solid #8bdaf4;
  border-radius: 20px;
}

.step_show .empty_frame span {
  position: absolute;
  width: 35px;
  height: 35px;
  background: #40bfe9;
  border-radius: 50%;
  border: 2px solid #FFFFFF;
  font-weight: 700;
  font-size: 18px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: -15px;
  margin-left: -20px;
}
.step_show .show_text {
  position: absolute;
  background: #40bfe9;
  border-radius: 10px;
  color: #fff;
  width: 340px;
  padding: 15px 20px;
}

.step_show .show_text p {
  font-weight: 700;
}
.step_show .show_text .btnStep {
  text-align: end;
  margin-top: 20px;
}
.step_show .show_text .btnStep span.skip {
  background: #0a80a7;
  color: #fff;
}
.step_show .show_text .btnStep span+span {
  margin-left: 10px;
}
.step_show .show_text .btnStep span.c_n {
  cursor: not-allowed;
}
.step_show .show_text .btnStep span {
  cursor: pointer;
  background: #8edbf5;
  border-radius: 6px;
  color: #0a80a7;
  padding: 5px 15px;
}
.step_show .empty_frame.one {
  width: 290px;
  height: 162px;
  right: 45px;
  top: 120px;
}
.step_show .show_text.one {
  top: 145px;
  right: 355px;
}
.step_show .empty_frame.two {
  width: 290px;
  height: 162px;
  right: 45px;
  top: 286px;
}
.step_show .show_text.two {
  top: 314px;
  right: 355px;
}
.step_show .empty_frame.three {
  width: 290px;
  height: 162px;
  right: 45px;
  top: 450px;
}
.step_show .show_text.three {
  top: 476px;
  right: 355px;
}
.step_show .empty_frame.four {
  width: 290px;
  height: 162px;
  right: 45px;
  top: 615px;
}
.step_show .show_text.four {
  top: 635px;
  right: 355px;
}
.step_show .empty_frame.five {
  width: 290px;
  /*height: 201px;*/
  right: 45px;
  bottom: 22px;
}
.step_show .show_text.five {
  bottom: 4%;
  right: 355px;
}
.step_show .empty_frame.six {
  width: calc(100% - 560px);
  height: 100px;
  left: 112px;
  top: 130px;
}
.step_show .show_text.six {
  top: 280px;
  /*right: 355px;*/
}
.step_show .empty_frame.seven {
  width: calc(100% - 540px);
  height: 125px;
  left: 102px;
  bottom: 15px;
}
.step_show .show_text.seven {
  bottom: 170px;
  /*right: 355px;*/
}
.show_text .stepList{

}
.show_text .stepList .stepItem{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
.show_text .stepList .stepItemName{
  width: 62px;
  padding: 4px 8px;
  background: #27aeda;
  border-radius: 4px;
  white-space: nowrap;

}
.show_text .stepList .stepItemText{
  width: calc(100% - 70px);
}
strong, b {
  font-weight: 600; /* 明确指定，避免浏览器默认差异 */
  /* 或使用系统字体，避免 Web Font 延迟 */
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
ul, ol {
  padding-left: 20px !important; /* 关键！让编号有空间显示 */
  margin: 0 0 1em 0 !important;
}

/* 只隐藏无序列表的标记 */
ul li {
  list-style: none;
}

/* 有序列表明确使用数字编号 */
ol li {
  list-style: decimal;
}
/*.NationalAnswer_content {*/
/*  font-family: system-ui, sans-serif;*/
/*  !*line-height: 1.6;*!*/
/*  !*padding: 16px;*!*/
/*  !*border: 1px solid #eee;*!*/
/*  !*min-height: 200px;*!*/
/*}*/
/*!* 防止列表/标题突然变大 *!*/
/*.NationalAnswer_content h1, .NationalAnswer_content h2, .NationalAnswer_content h3,*/
/*.NationalAnswer_content ul, .NationalAnswer_content ol {*/
/*  font-size: 1em;*/
/*  !*margin: 0.5em 0;*!*/
/*  !*padding-left: 1.2em;*!*/
/*}*/
/*.NationalAnswer_content li {*/
/*  !*margin: 0.2em 0;*!*/
/*}*/
.zxftItem{
  width: 290px;
  height: 170px;
  background: #205eb3;
  border-radius: 20px;
}
.zxftItemTitle{
  display: flex;
  padding: 5px 15px;
  align-items: center;
  height: 34px;
}
.zxftItemTitles{
  color: white;
  width: calc(100% - 30px);
  font-weight: bold;
  font-size: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.zxftIt1{
  display: flex;
  align-items: center;
}
.zxftIt{
  width: 100%;
  height: calc(100% - 33px);
  background: #deecff;
  border-radius: 20px;
  padding: 15px;
  color: #111111;
  font-size: 15px;
}
.ftjb{
  font-weight: bold;
}
.ftjbText{
  width: calc(100% - 80px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ftjbText1{
  width: calc(100% - 80px);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.zxftAll{
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  margin-top: 20px;
}
.zxftXq{
  text-align: right;
  cursor: pointer;
  color: #205eb3;
}
.dtdtIframe{
  padding-top: 10px;
  border-top: 1px solid #eeeeee;
  padding-right: 40px;
}
.dtdtIframeText{
  font-size: 15px;
   font-weight: bold;
  margin-bottom: 10px;
}
.NationalAnswer_content a {
  color: #0782C1;
}
.NationalAnswer_content a:hover {
  color: #0782C1;
  text-decoration: underline;
}
.answerText{
  max-width: calc(100% - 100px);
}
.topItemList1{
  display: flex;
  padding-bottom: 30px;
  border-bottom: 1px solid #cdddf4;
  flex-wrap: wrap;
  margin-top: 10px;
}
.item1{
  margin-right: 10px;
  height: 50px;
  color: #5180f4;
  border: 2px solid #5180f4;
  display: flex;
  align-items: center;
  border-radius: 30px;
  padding: 0px 15px;
  margin-top: 10px;
  cursor: pointer;
}
.subItemList{
  display: flex;
  padding-bottom: 30px;
  border-bottom: 1px solid #cdddf4;
  flex-wrap: wrap;
  /*margin-top: 10px;*/
}
.item2{
  margin-right: 10px;
  height: 50px;
  color: #5180f4;
  border: 2px solid #5180f4;
  display: flex;
  align-items: center;
  border-radius: 30px;
  padding: 0px 15px;
  margin-top: 10px;
  cursor: pointer;
}
.topBtns{
  display: flex;
  margin-top: 10px;
}
.topBtns1{
  height: 36px;
  line-height: 36px;
  padding: 0 20px;
  border-radius: 30px;
  background: #5180f4;
  color: white;
  margin-right: 10px;
  cursor: pointer;
}
.topBtns2{
  height: 36px;
  line-height: 32px;
  padding: 0 20px;
  border-radius: 30px;
  background: #FFFFFF;
  color: #5180f4;
  margin-left: 10px;
  cursor: pointer;
  border: 2px solid #5180f4;
}
.topItemList1 .item1:last-child {
  margin-right: 0;
}
.subItemList .item2:last-child {
  margin-right: 0;
}
/* 右侧圆点容器 */
.pagination-dots {
  display: flex;
  flex-direction: column; /* 从上到下排列 */
  gap: 8px; /* 圆点之间的间距 */
  /*width: 15%; !* 占用剩余宽度 *!*/
  align-items: center;
  justify-content: flex-start;
  /*padding-top: 10px; !* 稍微向下偏移一点，与第一行文字对齐 *!*/
  position: absolute;
  right: 0px;
  top: 50%;
  transform: translate(-50%, -50%);
}

/* 小圆点样式 */
.dot1 {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #d1e0f5; /* 默认灰色 */
  cursor: pointer;
  transition: all 0.3s ease;
}

.dot1:hover {
  background-color: #ccc;
}

/* 激活状态的小圆点 */
.dot1.activeDot {
  background-color: #276dce; /* 蓝色高亮 */
  /*transform: scale(1.2);*/
}
.hiddenNoShow{
  display: none !important;
}
.rightUserIcon{
  width: 50px;
  margin-left: 10px;
}





/*360浏览器兼容模式*/
/*.login-title {*/
/*  !*三角箭头的颜色*!*/
/*  scrollbar-arrow-color: #fff;*/
/*  !*滚动条滑块按钮的颜色*!*/
/*  scrollbar-face-color: #0099dd;*/
/*  !*滚动条整体颜色*!*/
/*  scrollbar-highlight-color: #0099dd;*/
/*  !*滚动条阴影*!*/
/*  scrollbar-shadow-color: #0099dd;*/
/*  !*滚动条轨道颜色*!*/
/*  scrollbar-track-color: #0066ff;*/
/*  !*滚动条3d亮色阴影边框的外观颜色——左边和上边的阴影色*!*/
/*  scrollbar-3dlight-color:#0099dd;*/
/*  !*滚动条3d暗色阴影边框的外观颜色——右边和下边的阴影色*!*/
/*  scrollbar-darkshadow-color: #0099dd;*/
/*  !*滚动条基准颜色*!*/
/*  scrollbar-base-color: #0099dd;*/
/*}*/
/*@media (max-width: 768px) {*/
/*#pcContent{*/
/*  width: 100%;*/
/*  height: 100%;*/
/*}*/
/*#pcContent .top{*/
/*  display: none;*/
/*}*/
/*#pcContent .head{*/
/*  display: none;*/
/*}*/
/*#pcContent .nav{*/
/*  display: none;*/
/*}*/
/*#pcContent .foot{*/
/*  display: none !important;*/
/*}*/
/*#pcContent #addVideo{*/
/*  display: none;*/
/*}*/
/*#pcContent .visitor_login{*/
/*  !*display: none;*!*/
/*  width: 94%;*/
/*  left: 3%;*/
/*  padding: 0px;*/
/*}*/
/*  .login-info{*/
/*    flex-wrap: wrap;*/
/*    justify-content: center;*/
/*  }*/
/*.loginTitle{*/
/*  font-size: 18px;*/
/*  position: relative;*/

/*}*/
/*.login-title {*/
/*  font-size: 16px;*/
/*  height: calc(100% - 170px);*/
/*  margin: 0px 25px;*/
/*  border-top: 1px solid #cfe1f3;*/
/*}*/
/*.btn_login {*/
/*  width: 190px;*/
/*  height: 40px;*/
/*  line-height: 40px;*/
/*  border-radius: 4px;*/
/*  font-size: 14px;*/
/*  margin-top: 10px;*/
/*}*/
/*.login-info .layui-form-checkbox[lay-skin=primary]>div {*/
/*  font-size: 13px;*/
/*}*/
/*.login-info .layui-form {*/
/*  width:100% !important;*/
/*  margin-top: 10px;*/
/*}*/
/*#pcContent .dark{*/
/*  display: none;*/
/*}*/
/*#pcContent .znwd-titles{*/
/*  display: none;*/
/*}*/
/*#pcContent .znwd{*/
/*  width: 100%;*/
/*  height: 100%;*/
/*  padding: 15px 10px;*/
/*}*/
/*#pcContent .phoneTitle{*/
/*  display: flex;*/
/*}*/
/*#pcContent .phoneTop{*/
/*  display: flex;*/
/*}*/
/*#pcContent .znwd-container{*/
/*  width: 100%;*/
/*  background-image: url(../imgs/phone/phoneBg.png);*/
/*}*/

/*!*#pcContent .znwd .chatBox .right{*!*/
/*!*  display: none;*!*/
/*!*}*!*/
/*  .znwd-container .znwd .chatBox{*/
/*    background-image: none;*/
/*  }*/

/*  .territorialAttribution .layui-form-selected dl {*/
/*    display: block !important;*/
/*    width:auto !important;*/
/*  }*/
/*  .znwd-left{*/
/*    margin-right: 0.5rem;*/
/*  }*/
/*  .intelligentQuestionAnsweringContent{*/
/*    left: 0px;*/
/*    bottom: 100px;*/
/*  }*/
/*  .autoWdith{*/
/*    min-width: 100% !important;*/
/*  }*/
/*  .intelligentQuestionAnsweringIcon{*/
/*    width: 45px;*/
/*    height: 45px;*/
/*    display: none;*/
/*  }*/
/*  .robotHeadSmall{*/
/*    width: 35px;*/
/*  }*/
/*.answerAllContent{*/
/*  width: 100% !important;*/
/*}*/
/*  .intelligentQuestionAnsweringContentLeft{*/
/*    margin:0px !important;*/
/*    margin-bottom: 20px !important;*/
/*    position: relative;*/
/*    !*margin-top: 20px !important;*!*/
/*  }*/
/*  .answerTop{*/
/*    width: 55%;*/
/*    line-height: 12px;*/
/*    text-align: left;*/
/*    padding: 4px 14px 4px 4px;*/
/*    font-size: 10px;*/
/*    top: -20px;*/
/*  }*/
/*  .intelligentQuestionAnsweringChatContent{*/
/*    margin-left: 0px;*/
/*  }*/
/*  .intelligentQuestionAnsweringContentRight{*/
/*    margin-bottom: 30px;*/
/*  }*/
/*  .stopBtn{*/
/*    left: 0px;*/
/*    width: 100px;*/
/*  }*/
/*  .NationalAnswer_box{*/
/*    height: auto !important;*/
/*  }*/
/*  .pro-box{*/
/*    width: 94% !important;*/
/*  }*/
/*  .modal-title{*/
/*    padding: 20px;*/
/*    font-size: 15px;*/
/*  }*/
/*  #cancelBtn{*/
/*    width: 20px;*/
/*    height: 20px;*/
/*    margin-top:0px;*/
/*    top: 20px;*/
/*  }*/
/*  .fileItem{*/
/*    padding-right: 10px;*/
/*    width: 100%;*/
/*  }*/
/*  .fileDownload{*/
/*    display: block;*/
/*    margin-left: 20px;*/
/*    margin-right: 0px;*/
/*  }*/
/*  .filePrint{*/
/*    display: none !important;*/
/*  }*/
/*  .lineStyle{*/
/*    width: calc(50% - 40px);*/
/*  }*/
/*  .lineStyle img {*/
/*    width: 100%;*/
/*  }*/
/*  .znwd-container .znwd .chatBox > .left{*/
/*    width: 100% !important;*/
/*    height: 100% !important;*/
/*  }*/
/*  .askQuestionContent{*/
/*    width: calc(100% - 70px) !important;*/
/*    height: 70px;*/
/*    position: static;*/
/*  }*/
/*  #messCon{*/
/*    height: 45px;*/
/*    width: calc(100% - 10px);*/
/*    top: 10px;*/
/*    left: 40px;*/
/*    font-size: 14px;*/
/*    width: calc(100% - 205px);*/
/*    top: calc(100% - 85px);*/
/*    left: 55px;*/
/*    font-size: 14px;*/
/*    position: fixed;*/
/*  }*/
/*  .wordCount{*/
/*    font-size: 14px;*/
/*    right: -30px;*/
/*    bottom: 5px;*/
/*  }*/
/*  .askQuestionAskBtn{*/
/*    width: 60px;*/
/*    height: 60px;*/
/*    margin-right: 5px;*/
/*  }*/
/*  .phoneAskRight{*/
/*    display: flex;*/

/*  }*/
/*  .znwd-container .znwd .chatBox > .right{*/
/*    !*display: none;*!*/

/*    width: 100%;*/
/*    z-index: 101;*/
/*    position: fixed;*/
/*    left: 0px;*/
/*    -webkit-transition: -webkit-transform 0.3s;*/
/*    transition: -webkit-transform 0.3s;*/
/*    transition: transform 0.3s;*/
/*    transition: transform 0.3s, -webkit-transform 0.3s;*/
/*    transform: translateY(100%);*/
/*    height: 0%;*/
/*    margin-left:0px;*/
/*    !*overflow-y: auto;*!*/
/*    bottom: 0px;*/
/*}*/
/*  .znwd-container .znwd .chatBox > .right.active {*/
/*    transform: translateY(0);*/
/*  }*/
/*  .znwd-container .znwd .chatBox > .right .topZnwd{*/
/*    background-image: url(../imgs/phone/phonRightBg.png);*/
/*    background-size: 100% 100%;*/
/*    background-repeat: no-repeat;*/
/*    border-radius: 0px;*/
/*    background-color: transparent;*/
/*    height: 100%;*/
/*  }*/
/*.tabContent1Item{*/
/*width: calc(33.3% - 13.3px);*/
/*}*/
/*.tabContent2Item{*/
/*width: calc(50% - 10px);*/
/*}*/
/*  .leaderTop{*/
/*    margin-bottom: 15px;*/
/*    margin-top: 15px;*/
/*  }*/
/*  .leaderTopTitle{*/
/*    font-size: 16px;*/
/*  }*/
/*  .leaderTopContent{*/
/*    font-size: 14px;*/
/*  }*/
/*  .leaderBottomItem{*/
/*    font-size: 14px;*/
/*  }*/
/*  .leaderBottomItem img {*/
/*    width: 14px;*/
/*  }*/
/*  .phonePopupTitle{*/
/*    display: block;*/
/*  }*/
/*  .tabsText{*/
/*    font-size: 17px;*/
/*  }*/
/*  .tabContent1{*/
/*    margin-top: 15px;*/
/*  }*/
/*  .znwd-container .znwd .chatBox > .right .bottom{*/
/*    background-color: transparent;*/
/*  }*/
/*  .znwd-container .znwd .chatBox > .right .middletitle{*/
/*    margin-top: -10px;*/
/*    border-bottom: 1px solid #cad7eb;*/
/*    padding-bottom: 10px;*/
/*  }*/
/*  .historyList{*/
/*    background: #ebf4ff;*/
/*    border-radius: 6px;*/
/*    position: relative;*/

/*  }*/
/*  .znwd-container .znwd .chatBox > .right .topZnwd .list div + div {*/
/*    margin-top: 12px;*/
/*  }*/
/*  .znwd-container .znwd .chatBox > .right .bottom .list .historyAsk {*/
/*    padding: 12px;*/
/*    width: 100%;*/
/*  }*/
/*  .intelligentQuestionAnsweringContentLeftChatContent{*/
/*    max-width: calc(100% - 80px);*/
/*  }*/
/*  .moreRecommendations{*/
/*    margin-top: 10px;*/
/*  }*/
/*  .moreRecommendationsItem {*/
/*    padding: 0px 4px;*/
/*    margin-right: 12px;*/
/*    line-height: 24px;*/
/*    font-size: 12px;*/
/*    white-space:nowrap;*/
/*    !*white-space: pre;*!*/
/*  }*/
/*  .morequestionAnswer {*/
/*    width: calc(100% - 7.5px);*/
/*    font-size: 14px;*/
/*  }*/
/*  .guessNew {*/
/*    display: none !important;*/
/*  }*/
/*  .clearImg {*/
/*    margin-right: 10px;*/
/*    width: 20px;*/
/*  }*/
/*  .phoneRemove{*/
/*    display: flex;*/
/*  }*/
/*  .phoneDeleteItemImg {*/
/*     display: block;*/
/*  }*/
/*  .historyList {*/
/*    !* 全部样式 0.2秒 缓动*!*/
/*    transition: all 0.2s;*/
/*  }*/

/*  !* =0隐藏 *!*/
/*  .historyList[data-type="0"] {*/
/*    transform: translate3d(0, 0, 0);*/
/*  }*/

/*  !* =1显示 *!*/
/*  .historyList[data-type="1"] {*/
/*    !* -64px 设置的越大可以左滑的距离越远，最好与下面删除按钮的宽度以及定位的距离设置一样的值*!*/
/*    transform: translate3d(-50px, 0, 0);*/
/*  }*/
/*  .znwd-container .znwd .chatBox>.right .bottom .list {*/
/*    overflow-x: hidden;*/
/*  }*/
/*  .deleteItem {*/
/*    display: none !important;*/
/*  }*/
/*  .moreRecommendationsItem span {*/
/*    width: 24px;*/
/*    font-size: 12px;*/
/*    height: 24px;*/
/*    line-height: 20px;*/
/*    background-color: #f66663;*/
/*    z-index: 1;*/
/*    right: -16px;*/
/*  }*/
/*  .questionAnswering li .bsznTitle {*/
/*    display: none;*/
/*  }*/
/*  .intelligentQuestionAnsweringChatContent li button {*/
/*    padding: 0 10px 0 0;*/
/*  }*/
/*  .onoff{*/
/*    background: url(../imgs/phone/phoneDown.png) no-repeat;*/
/*    background-size: 100% 100%;*/
/*    width: 15px;*/
/*    height: 9px;*/
/*    margin-right: 15px;*/
/*  }*/
/*  .znwd-container .znwd .chatBox > .right .middletitle .middle-title-clear {*/
/*    color: #839bb6;*/
/*  }*/
/*  .znwd-container .znwd .chatBox > .right .middletitle .middle-title-clear > span {*/
/*    background-image: url(../imgs/phone/phoneHistoryAllDelete.png);*/
/*  }*/
/*  #Disclaimer {*/
/*     display: none !important;*/
/*  }*/
/*  .gjSelect {*/
/*    width: calc(100% - 230px);*/
/*  }*/
/*  .phoneDisclaimer {*/
/*    display: block;*/
/*  }*/
/*  .topAnswer {*/
/*    margin-top: 10px;*/
/*  }*/
/*  .phoneVoice {*/
/*    display: flex;*/
/*  }*/
/*  .noHisttoryList {*/
/*    display: flex;*/
/*  }*/
/*  .img-view-wrapper {*/
/*    background-color: rgba(0, 0, 0, 0.7);*/
/*    backdrop-filter: none;*/
/*  }*/
/*  .askAll{*/
/*    width: calc(100% - 20px);*/
/*    bottom: 20px;*/
/*    position: fixed;*/
/*  }*/
/*  html, body {*/
/*    height: 100%;*/
/*    overflow: hidden;*/
/*  }*/
/*  .keyBoardBtn{*/
/*    display: flex;*/
/*  }*/
/*  .voiceBgBtn {*/
/*    display: flex;*/
/*  }*/
/*  .voiceBgBtnText{*/
/*    color: #8d9098;*/
/*  }*/
/*  .jssora05l, .jssora05r {*/
/*    zoom: 3.5;*/
/*  }*/
/*}*/