body {
  margin: 0;
  overflow: hidden;
}
div,
main,
footer,
span,
img {
  box-sizing: border-box;
}
* {
  font-family: "Hiragino Sans GB", "Microsoft Yahei", Arial, "Helvetica Neue", Helvetica, "sans-serif";
}
::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
::-webkit-scrollbar-thumb {
  background-color: #9093994d;
  background-clip: padding-box;
  border-radius: 4px;
  cursor: pointer;
}
::-webkit-scrollbar-thumb:hover {
  background-color: #90939980;
}
@font-face {
  font-family: "Alimama";
  src: url(/gw/chat/fonts/AlimamaShuHeiTi-Bold.fbf60aee.otf);
  font-weight: normal;
  font-style: normal;
}
.h_v_center {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.button {
  width: 38px;
  height: 38px;
  cursor: pointer;
}
.container {
  position: relative;
  width: 100vw;
  height: 100vh;
}
.dialog {
  left: -7.5%;
  scale: 0.33333333;
  transform: translate(-50%);
}
.entry {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  margin-left: 300px;
  border-radius: 103px;
  width: 103px;
  height: 103px;
  animation: bg-shadow-move 1s linear infinite;
  background: url(/gw/chat/img/entry.e5099421.png) no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.entry > div {
  border-radius: 89px;
  width: 89px;
  height: 89px;
  background: #d4e1fc;
  overflow: hidden;
}
.entry > div img {
  width: 100%;
}
@keyframes bg-shadow-move {
0% {
    box-shadow: 0 0 0 0 #0980ea;
}
100% {
    box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
}
}
.greet {
  position: absolute;
  top: 0;
  left: 0;
  width: 300px;
  display: flex;
  justify-content: end;
}
.greet span {
  border-radius: 20px 20px 2px 20px;
  padding: 12px 14px;
  font-size: 16px;
  background: linear-gradient(90deg, #7797f1, #428ed9);
  color: #fff;
}
.fade-enter-active,
.fade-leave-active {
  transition: all 0.4s ease-in-out;
}
.fade-enter-from,
.fade-leave-to {
  opacity: 0;
}
main {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 403px;
  height: 535px;
  font-size: 14px;
}
main .guidance {
  position: absolute;
  z-index: 0;
  left: 14px;
  width: 142px;
}
main .user_notice {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  z-index: 1;
  top: 28%;
  width: 82%;
  height: 61%;
  box-shadow: 0px 5px 10px #58558028;
  border-radius: 10px;
  padding: 10px;
  overflow: auto;
  font-size: 12px;
  background: #fff;
  color: #85888f;
}
main .user_notice h1,
main .user_notice h2,
main .user_notice h3 {
  color: #4a4a4a;
}
main .user_notice .paragraph {
  text-indent: 2em;
}
main .user_notice footer {
  margin-top: 10px;
  display: flex;
  justify-content: space-evenly;
}
main .user_notice footer .n-button {
  --n-font-size: 10px !important;
  min-width: 82px;
  height: 24px;
}
main .user_notice footer .n-button:last-child {
  background: linear-gradient(135deg, #556aa9, #5789c6) !important;
  opacity: 0.9;
}
main .user_notice footer .n-button:last-child:hover {
  opacity: 0.8;
}
main .user_notice footer .n-button:last-child:active {
  opacity: 1;
}
main > div {
  margin: auto;
  margin-top: 49px;
  box-shadow: 0 29px 73px -5px #1f2b435c;
  border-radius: 20px;
  border: 4px solid transparent;
  width: 100%;
  height: 486px;
  padding: 9px 0 18px;
  display: flex;
  flex-direction: column;
  background: url(/gw/chat/img/background.c6410f73.png) padding-box, linear-gradient(133.74deg, #5fa8ed, #7896f1) border-box;
  background-size: 100% 100%;
  /** 开场白 */
}
main > div .btns {
  margin: 0 10px;
  display: flex;
  justify-content: end;
}
main > div .btns img {
  margin-left: 12px;
  width: 38px;
  height: 38px;
  cursor: pointer;
}
main > div .prologue {
  position: relative;
  z-index: 0;
  margin: 43px 12px 0;
  box-shadow: 0px 3px 8px #8cbaff42;
  flex: 1;
  border-radius: 15.38px;
  border: 2px solid transparent;
  padding: 12px 12px 6px;
  display: flex;
  flex-direction: column;
  background: linear-gradient(#edf5ff, #c2e0ff) padding-box, linear-gradient(#ffffff91, #edf5ff99) border-box;
}
main > div .prologue ::-webkit-scrollbar {
  width: 0;
  height: 0;
}
main > div .prologue > img {
  position: absolute;
  z-index: 0;
  top: -2px;
  left: -2px;
  width: calc(100% + 4px);
}
main > div .prologue > div {
  z-index: 1;
}
main > div .prologue > div:first-child {
  border-radius: 6px;
  height: 67px;
  border: 1px solid transparent;
  padding: 10px;
  overflow: auto;
  font-family: "Alimama";
  font-size: 12px;
  background: linear-gradient(to right, #def4ffb5, #edf7ff5e) padding-box, linear-gradient(to right, #ffffff96, transparent) border-box;
}
main > div .prologue > div:first-child > img {
  position: absolute;
  top: 5px;
  left: 35px;
  width: 21px;
  height: 16px;
}
main > div .prologue > div:first-child span {
  display: block;
  line-height: 15px;
  background: linear-gradient(to right, #678cc5, #897ba8);
  -webkit-background-clip: text;
          background-clip: text;
  color: transparent;
}
main > div .prologue > div:last-child {
  margin-top: 9px;
  flex: 1;
  display: flex;
  flex-direction: column;
  font-size: 12px;
}
main > div .prologue > div:last-child header {
  display: flex;
  align-items: center;
  font-family: "Alimama";
  font-size: 14px;
}
main > div .prologue > div:last-child header img {
  width: 26px;
}
main > div .prologue > div:last-child header span {
  display: block;
  background: linear-gradient(to right, #6066b5 0%, #65a8c7 21.7%, #6189c2 100%);
  -webkit-background-clip: text;
          background-clip: text;
  color: transparent;
}
main > div .prologue > div:last-child > div {
  margin-top: 5px;
  flex: 1;
  display: flex;
  justify-content: space-between;
  align-content: space-between;
  flex-wrap: wrap;
}
main > div .prologue > div:last-child > div > div {
  width: 49%;
  min-height: 27px;
  border-radius: 6px;
  border: 1px solid #ffffff87;
  padding: 3px 10px;
  line-height: 12px;
  display: flex;
  align-items: center;
  background: #ffffff99;
  color: #5674b3;
  cursor: pointer;
}
main > div .prologue .cloud_links {
  margin: 8px 0 16px;
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-content: space-between;
  flex-wrap: wrap;
  line-height: 1;
}
main > div .prologue .cloud_links img {
  width: 15px;
  height: 15px;
}
main > div .prologue .cloud_links section {
  width: 100%;
  display: flex;
  align-items: center;
  font-size: 11px;
  color: #5674b3;
}
main > div .prologue .cloud_links section img {
  margin-left: 3px;
}
main > div .prologue .cloud_links > div {
  border-radius: 6px;
  width: 23.5%;
  min-height: 34px;
  border: 1px solid #ffffff87;
  padding: 0 6px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 10px;
  background: #ffffff99;
  color: #5674b3;
  cursor: pointer;
  font-weight: bold;
}
main > div .prologue .cloud_links > div .else {
  position: relative;
  width: 49%;
  border: unset;
  justify-content: start;
  font-size: 12px;
  background: #ffffff63;
}
main > div .prologue .cloud_links > div .else::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: inherit;
  padding: 1px;
  -webkit-mask: linear-gradient(white, white) content-box, linear-gradient(white, white);
  mask: linear-gradient(white, white) content-box, linear-gradient(white, white);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
}
main > div .prologue .cloud_links > div .else img {
  margin-right: 3px;
}
main > div .prologue .cloud_links > div:nth-of-type(9) {
  position: relative;
  width: 49%;
  border: unset;
  justify-content: start;
  font-size: 12px;
  background: #ffffff63;
}
main > div .prologue .cloud_links > div:nth-of-type(9)::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: inherit;
  padding: 1px;
  -webkit-mask: linear-gradient(white, white) content-box, linear-gradient(white, white);
  mask: linear-gradient(white, white) content-box, linear-gradient(white, white);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
}
main > div .prologue .cloud_links > div:nth-of-type(9) img {
  margin-right: 3px;
}
main > div .prologue .cloud_links > div:nth-of-type(9)::after {
  background: linear-gradient(to right, #ffffff02, #80ddfd82);
}
main > div .prologue .cloud_links > div:nth-of-type(10) {
  position: relative;
  width: 49%;
  border: unset;
  justify-content: start;
  font-size: 12px;
  background: #ffffff63;
}
main > div .prologue .cloud_links > div:nth-of-type(10)::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: inherit;
  padding: 1px;
  -webkit-mask: linear-gradient(white, white) content-box, linear-gradient(white, white);
  mask: linear-gradient(white, white) content-box, linear-gradient(white, white);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
}
main > div .prologue .cloud_links > div:nth-of-type(10) img {
  margin-right: 3px;
}
main > div .prologue .cloud_links > div:nth-of-type(10)::after {
  background: linear-gradient(to right, #ffffff02, #ecbdda75);
}
main > div .prologue .cloud_links > div:nth-of-type(11) {
  position: relative;
  width: 49%;
  border: unset;
  justify-content: start;
  font-size: 12px;
  background: #ffffff63;
}
main > div .prologue .cloud_links > div:nth-of-type(11)::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: inherit;
  padding: 1px;
  -webkit-mask: linear-gradient(white, white) content-box, linear-gradient(white, white);
  mask: linear-gradient(white, white) content-box, linear-gradient(white, white);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
}
main > div .prologue .cloud_links > div:nth-of-type(11) img {
  margin-right: 3px;
}
main > div .prologue .cloud_links > div:nth-of-type(11)::after {
  background: linear-gradient(to right, #ffffff02, #f5b27366);
}
main > div .prologue .cloud_links > div:nth-of-type(12) {
  position: relative;
  width: 49%;
  border: unset;
  justify-content: start;
  font-size: 12px;
  background: #ffffff63;
}
main > div .prologue .cloud_links > div:nth-of-type(12)::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: inherit;
  padding: 1px;
  -webkit-mask: linear-gradient(white, white) content-box, linear-gradient(white, white);
  mask: linear-gradient(white, white) content-box, linear-gradient(white, white);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
}
main > div .prologue .cloud_links > div:nth-of-type(12) img {
  margin-right: 3px;
}
main > div .prologue .cloud_links > div:nth-of-type(12)::after {
  background: linear-gradient(to right, #ffffff02, #6fb7f682);
}
main > div .prologue .cloud_links > div:nth-of-type(13) {
  position: relative;
  width: 49%;
  border: unset;
  justify-content: start;
  font-size: 12px;
  background: #ffffff63;
}
main > div .prologue .cloud_links > div:nth-of-type(13)::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: inherit;
  padding: 1px;
  -webkit-mask: linear-gradient(white, white) content-box, linear-gradient(white, white);
  mask: linear-gradient(white, white) content-box, linear-gradient(white, white);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
}
main > div .prologue .cloud_links > div:nth-of-type(13) img {
  margin-right: 3px;
}
main > div .prologue .cloud_links > div:nth-of-type(13)::after {
  background: linear-gradient(to right, #ffffff02, #b8b6f6a0);
}
main > div .prologue .disclaimer {
  position: absolute;
  top: -2px;
  right: -2px;
  width: 94px;
  height: 36px;
  padding-bottom: 13px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 9px;
  background: url(data:image/png;base64,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) no-repeat;
  background-size: 100% 100%;
  color: #ffffff99;
  cursor: pointer;
}
main > div .prologue .disclaimer img {
  margin-right: 6px;
  width: 10px;
  height: 11px;
}
main > div .chat {
  position: relative;
  margin: 44px 0 20px;
  flex: 1;
  padding: 0 15px 15px;
  overflow: auto;
}
main > div .chat > div {
  margin-top: 20px;
  width: 100%;
}
main > div .chat > div > div {
  position: relative;
}
main > div .chat .question {
  display: flex;
  justify-content: end;
}
main > div .chat .question div {
  box-shadow: 0 5px 10px #58558029;
  border-radius: 16px 2px 16px 16px;
  border: 1px solid transparent;
  min-width: 122px;
  max-width: 192px;
  padding: 8px 18px;
  background: linear-gradient(90deg, #556fade0, #5681bfe0) padding-box, linear-gradient(134.24deg, #ffffff00, #ffffff) border-box;
  color: #fff;
}
main > div .chat .avatar {
  position: absolute;
  border-radius: 43px;
  width: 43px;
  height: 43px;
  animation: bg-shadow-move4 1s linear infinite;
  background: url(/gw/chat/img/entry.e5099421.png) no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
main > div .chat .avatar > div {
  border-radius: 33px;
  width: 33px;
  height: 33px;
  background: #d4e1fc;
  overflow: hidden;
}
main > div .chat .avatar > div img {
  width: 110%;
}
@keyframes bg-shadow-move4 {
0% {
    box-shadow: 0 0 0 0 #0980ea;
}
100% {
    box-shadow: 0 0 0 4px transparent;
}
}
main > div .chat .recommendeds {
  display: inline-block;
  margin: 20px 0 0 50px;
  border-radius: 10px;
  border: 2px solid transparent;
  padding: 6px 14px;
  font-size: 12px;
  word-break: break-all;
  background: linear-gradient(#e9effbff, #dee7faff) padding-box, linear-gradient(134.24deg, #fff 0%, #ffffff00 100%) border-box;
  color: #1f1f1f;
}
main > div .chat .recommendeds > div {
  margin: 4px 0;
  color: #5571af;
  cursor: pointer;
}
main > div .chat .recommendeds > div:first-child {
  color: #1f1f1f;
  cursor: default;
}
main > div .chat .loading {
  display: block;
  margin: 20px 0 0 50px;
  box-shadow: 0 5px 10px #58558029;
  border-radius: 2px 16px 16px 16px;
  border: 1px solid transparent;
  width: 92px;
  height: 37px;
  padding: 0 12px;
  background: linear-gradient(#ffffffb3, #ffffffb3) padding-box, linear-gradient(134.24deg, #ffffff00 0%, #ffffff 100%) border-box;
}
main > div .chat .answer {
  position: relative;
  margin: 20px 0 0 50px;
  box-shadow: 0 5px 10px #58558029;
  border-radius: 2px 16px 16px;
  border: 1px solid transparent;
  min-width: 128px;
  word-break: break-all;
  background: linear-gradient(#ffffffb3, #ffffffb3) padding-box, linear-gradient(134.24deg, #ffffff00 0%, #ffffff 100%) border-box;
  color: #1f1f1f;
}
main > div .chat .answer .thought {
  background: #e6edfc;
  border-radius: 0px 6px 6px 0px;
  padding: 5px 10px;
  position: relative;
  left: -8px;
}
main > div .chat .answer span {
  display: block;
  margin: 6px 14px;
  padding-left: 5px;
}
main > div .chat .answer img {
  width: 100%;
}
main > div .chat .answer a {
  pointer-events: none;
}
main > div .chat .answer .tip {
  position: absolute;
  right: 8px;
  bottom: 5px;
  width: 14px;
  cursor: pointer;
}
main > div .chat::-webkit-scrollbar {
  width: 0;
  height: 0;
}
main > div footer {
  position: relative;
  margin: 12px 12px 0;
}
main > div footer > div {
  display: flex;
}
main > div footer > div .box {
  margin-left: 14px;
  border-radius: 10px;
  border: 1px solid #ffffff;
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  background: #ffffffb3;
  color: #383838;
  cursor: pointer;
}
main > div footer > div .box div {
  margin-top: 1px;
  margin-right: 9px;
  width: 12px;
  height: 12px;
  background: #c22f2f;
}
main > div footer > div .box span {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
main > div footer > div input {
  margin-left: 14px;
  border-radius: 10px;
  border: 1px solid #ffffff;
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  background: #ffffffb3;
  color: #383838;
  cursor: pointer;
  outline: unset;
  cursor: unset;
  padding: 8px 10px;
}
main > div footer > div input div {
  margin-top: 1px;
  margin-right: 9px;
  width: 12px;
  height: 12px;
  background: #c22f2f;
}
main > div footer > div input span {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
main > div footer > div input::-moz-placeholder {
  color: #b8bbc0;
}
main > div footer > div input::placeholder {
  color: #b8bbc0;
}
main > div footer > div input:focus {
  border: 2px solid transparent;
  background: linear-gradient(#ffffff, #ffffff) padding-box, linear-gradient(135deg, #a796d9, #5fa8ed) border-box;
}
main > div footer > div img:last-child {
  margin-left: 14px;
}
main > div footer img {
  width: 46px;
  height: 46px;
  cursor: pointer;
}
/** 语言选择 */
.language {
  padding-left: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  color: #284a94;
}
.language svg {
  width: 20px;
}
/* 提示框 */
.n-popover {
  scale: 0.33333333;
}
/* 下拉菜单 */
.n-dropdown-menu {
  scale: 0.33333333;
}
.n-dropdown-option {
  color: #000;
  --n-font-size: 12px;
  --n-option-height: 26px;
  --n-option-color-hover: #6689c2;
  --n-option-text-color-hover: #fff;
}
/** 弹出提示 */
.bubble {
  --n-border-radius: 4.56px !important;
  --n-padding: 5px !important;
  font-size: 11px;
  color: #85888f;
}
/** 弹框展开状态 */
.expand {
  width: 651px;
  height: 519px;
  /** 指引 */
  /** 用户须知 */
}
.expand .guidance {
  top: -36px;
  left: 42px;
}
.expand .user_notice {
  top: 19%;
  width: 70%;
  height: 60%;
  padding: 20px;
}
.expand > div {
  margin-top: 0;
  border: 10px solid transparent;
  width: 100%;
  height: 100%;
  padding: 30px 0 27px;
  background: url(/gw/chat/img/background-expand.edefd285.png) padding-box, linear-gradient(133.74deg, #5fa8ed, #7896f1) border-box;
  background-size: 100% 100%;
}
.expand > div .btns {
  margin: 0 40px;
}
.expand > div .prologue {
  margin: 28px 54px 20px;
}
.expand > div .prologue > div {
  line-height: 22px;
}
.expand > div .prologue > div:last-child > span {
  margin: 0;
}
.expand > div .prologue > div:last-child > div {
  margin: 6px 0;
}
.expand > div .chat {
  margin: 18px 0 24px;
  padding: 0 40px 15px 20px;
}
.expand > div .chat > div {
  margin-top: 22px;
}
.expand > div .chat .question div {
  border-radius: 20px 2px 20px 20px;
  min-width: 150px;
  max-width: 192px;
  padding: 15px 25px;
}
.expand > div .chat .avatar {
  width: 54px;
  height: 54px;
  animation: bg-shadow-move8 1s linear infinite;
}
.expand > div .chat .avatar > div {
  width: 50px;
  height: 50px;
}
@keyframes bg-shadow-move8 {
0% {
    box-shadow: 0 0 0 0 #0980ea;
}
100% {
    box-shadow: 0 0 0 8px #00000000;
}
}
.expand > div .chat .loading {
  margin: 28px 0 0 64px;
  width: 110px;
  height: 50px;
}
.expand > div .chat .answer {
  margin: 22px 0 0 64px;
  border-radius: 2px 20px 20px;
  min-width: 150px;
  max-width: 430px;
}
.expand > div .chat .answer span {
  display: block;
  margin: 15px 25px;
}
.expand > div .chat .recommendeds {
  margin: 22px 0 0 64px;
  max-width: 430px;
  padding: 5px 10px;
}
.expand > div footer {
  margin: 0 40px;
}
.expand > div footer > div .box {
  margin-left: 14px;
}
.expand > div footer > div img:last-child {
  margin-left: 14px;
}
/** 云空间入口 */
.cloud_entry {
  position: relative;
  height: 100%;
}
.cloud_entry > div {
  height: 100%;
}
.cloud_entry img {
  display: block;
  width: 247px;
  height: 100%;
  cursor: pointer;
}
/** 云空间弹框 */
.cloud .greet {
  top: 40px;
  left: 200px;
  width: 316px;
  justify-content: start;
}
.cloud .greet span {
  padding: 12px 14px;
  border-radius: 20px 20px 20px 2px;
  font-size: 18px;
}
.cloud .expand .prologue > div:first-child {
  height: 52px;
}