.sideBarWapperAi {
  position: fixed;
  right: -360px;
  top: 50%;
  z-index: 9999;
  box-sizing: border-box;
  display: flex;
  height: 540px;
  margin-top: -270px; }
  .sideBarWapperAi .aiButtons {
    width: 56px;
    z-index: 8;
    position: relative;
    margin-top: 48px; }
    .sideBarWapperAi .aiButtons .item {
      border-radius: 24px 0 0 24px;
      width: 56px;
      height: 40px;
      margin: 12px 0;
      text-align: center;
      padding: 8px;
      border-right: none;
      cursor: pointer;
      box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.16);
      background-color: #fff;
      margin-left: 0; }
    .sideBarWapperAi .aiButtons .item_ai1 {
      background-image: url("../images/vrboy1.png");
      background-size: 36px;
      background-position: center bottom;
      background-repeat: no-repeat; }
    .sideBarWapperAi .aiButtons .item_ai2 {
      background-image: url("../images/iconGCS.png");
      background-size: 36px;
      background-position: center bottom;
      background-repeat: no-repeat; }
  .sideBarWapperAi .aiButtons_show .item_ai {
    opacity: 0; }
  .sideBarWapperAi .aiButtons_show .item_ai_on {
    opacity: 1;
    transition: margin .1s; }
  .sideBarWapperAi .aiWapper {
    flex: 1;
    width: 360px;
    background: #fff;
    border-radius: 8px;
    border: 1px solid #d9d9d9;
    padding: 12px;
    height: 540px;
    z-index: 9;
    position: relative; }
    .sideBarWapperAi .aiWapper .ai_menu {
      display: flex; }
      .sideBarWapperAi .aiWapper .ai_menu .menu_li {
        font-size: 14px;
        background: #f3f3f3;
        height: 28px;
        line-height: 28px;
        padding: 0 12px;
        border-radius: 14px;
        margin-right: 12px;
        cursor: pointer;
        border: 1px solid #f3f3f3;
        display: none; }
      .sideBarWapperAi .aiWapper .ai_menu .menu_li_on {
        background: rgba(247, 116, 0, 0.12);
        color: #f77400;
        border: 1px solid #f77400;
        display: block; }
    .sideBarWapperAi .aiWapper .ai_content {
      height: 320px;
      overflow-y: auto; }
      .sideBarWapperAi .aiWapper .ai_content .li {
        padding: 8px; }
      .sideBarWapperAi .aiWapper .ai_content .li_r {
        position: relative;
        overflow: hidden;
        display: flex;
        justify-content: flex-end; }
        .sideBarWapperAi .aiWapper .ai_content .li_r .text {
          background: #f3f3f3;
          padding: 6px 12px;
          border-radius: 4px;
          line-height: normal; }
    .sideBarWapperAi .aiWapper .chat_editor {
      border-radius: 8px;
      border: 1px solid #f77400;
      margin-top: 8px;
      position: relative; }
    .sideBarWapperAi .aiWapper .ai_answer {
      height: 152px;
      padding: 12px 12px 36px 12px;
      border: none;
      background: none;
      outline: none;
      width: 100%; }
    .sideBarWapperAi .aiWapper .ai_submit {
      background-image: url(../images/sendicon.svg);
      background-color: #d9d9d9;
      background-size: 24px;
      background-repeat: no-repeat;
      background-position: center center;
      width: 32px;
      height: 32px;
      border-radius: 4px;
      position: absolute;
      right: 10px;
      bottom: 10px;
      opacity: .24; }
    .sideBarWapperAi .aiWapper .ai_submit_send {
      background-image: url(../images/sendiconon.svg);
      background-color: #f77400;
      opacity: 1;
      cursor: pointer; }
  .sideBarWapperAi .loading {
    width: 110px;
    height: 15px;
    margin: 25px auto;
    display: none;
    text-align: center; }
    .sideBarWapperAi .loading span {
      display: inline-block;
      width: 12px;
      height: 12px;
      margin: 0 5px;
      border-radius: 6px;
      background: #f77400;
      -webkit-animation: load 1.04s ease infinite; }
  .sideBarWapperAi .loadingShow {
    display: block; }

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

.loading span:nth-child(1) {
  -webkit-animation-delay: 0.13s; }

.loading span:nth-child(2) {
  -webkit-animation-delay: 0.26s; }

.loading span:nth-child(3) {
  -webkit-animation-delay: 0.39s; }

.loading span:nth-child(4) {
  -webkit-animation-delay: 0.52s; }

.loading span:nth-child(5) {
  -webkit-animation-delay: 0.65s; }