*{
  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')
}
.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/znwd/bg-znwd.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;
}
.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%;
}
.znwd-container .znwd .chatBox > .left {
  width: 950px;
  /*height: 730px;*/
  height: 909px;
  position: relative;
  /*background-color: #f8fafc;*/
  /*border-right: 1px solid #ccc;*/
  border-radius: 15px;
  display: flex;
  flex-direction: column;
}
.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;*/
  height: 909px;
  margin-left: 35px;
  z-index: 1;
  position: relative;
}
.znwd-container .znwd .chatBox > .right .topZnwd {
  /*border-radius: 10px;*/
  padding: 25px 25px 0 25px;
  background-color: #ffffff;
  border-radius: 0 10px 10px 0;
}
.znwd-container .znwd .chatBox > .right .topZnwd .tabs {
  /*display: flex;*/
  /*justify-content: space-between;*/
  /*align-items: center;*/
  /*padding: 10px;*/
}
.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 .middletitle .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 .middletitle .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: 35px;
  top: 0px;
  /*bottom: 116px;*/
  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;
}
.robotHeadSmall{
  width: 45px;
  /*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: 10px;
  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: 915px;
  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: center;
  flex-wrap: nowrap;
  background-color: white;
  border-radius: 10px;
  left: 35px;
  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;
}
.askQuestionAskBtn{
  width: 71.5px;
  height: 71.5px;
  background-image: url(../imgs/xt/send.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  margin-right: 25px;
  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: 70px;
  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: 20px;
  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: 20px;
  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;
  border-radius: 10px;
  border-top-right-radius: 0;
/*line-height: 33px;*/
  background-image: linear-gradient(to right, #8a8df6, #3d6ddf);
}
.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: #d7ecff;
  color: #2669a0;
  border: none;
  padding: 3px 7px;
  cursor: pointer;
  /* right: -35px; */
  /* top: 3px; */
  border-radius: 15px;
  font-weight: normal;
  white-space: nowrap;
  /*width: 120px;*/
  /*display: ruby-text-container;*/
}
.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);
}
.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: 8px 10px;
  border-radius: 10px;
  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;
}
.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: max-content;
  /* display: block; */
  line-height: 34px;
  display: flex;
  align-items: center;
  max-width: 100%;
}
.fileItem:hover {
  background: #f3f4f6;
  padding-right: 10px;
}
.fileItem:hover img{
  display: block;
}
.tjxx{
  margin-top: 10px;
  display: flex;
  justify-content: space-between;
  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% - 110px);
  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;
}
.tabContent1{
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 20px;
}
.tabContent1Item{
  width: 106px;
  height: 44px;
  background-image: linear-gradient(to right, #e9f3ff, #dfeffe);
  border-radius: 8px;
  color: #6f7882;
  font-size: 14px;
  line-height: 44px;
  text-align: center;
  margin-bottom: 20px;
  cursor: pointer;
}
.tabContent1Item:hover {

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

}
.tabContent2Item {
  width: 170px;
  height: 44px;
  background-image: linear-gradient(to right, #e9f3ff, #dfeffe);
  border-radius: 8px;
  color: #6f7882;
  font-size: 14px;
  line-height: 44px;
  text-align: center;
  margin-bottom: 20px;
  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: 374px;
  height: 30px;
  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;
  align-items: center;
  justify-content: start;
  flex-wrap: wrap;
}
.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;
}
.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;
}
/*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;*/
/*  }*/
/*}*/