@charset "utf-8";

@media screen and (min-width: 993px) {
  .switch_font_size {
    display: none !important;
  }

  .stop-generate {
    padding-left: 0;
  }



  #wrap {
    background: url("https://www.euroestateses.com/aisp/ff80808165231c54016537c21fa65fd0/chat/src/images/241209_trt_bg.jpg") no-repeat center top;
    background-size: cover;
  }

  .main-box {
    align-items: flex-start;
  }

  #wrap .row {
    width: 100%;
    padding: 0.2rem 0.5rem;
  }

  .znwd_con4 .zan_con {
    font-size: 0;
    right: 0.2rem;
    width: 2rem;
    text-align: right;
  }

  .znwd_con4 .zan_con span {
    display: inline-block;
    border: none;
    width: 0.38rem;
    position: relative;
    height: 0.24rem;
    line-height: 0.24rem;
    margin-top: 0;
    background-color: transparent;
  }

  .znwd_con4 .zan_con span+span::before {
    content: "";
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    height: 0.15rem;
    background-color: #d9dbdf;
    position: absolute;
    width: 1px;
  }

  .znwd_tit li i,
  .znwd_tit li a {
    display: inline-block;
  }

  .znwd_tit li a {
    font-size: 0.14rem;
  }

  .znwd_tit li i {
    margin-right: 0.08rem;
    font-size: 0.16rem;
    color: #5a5a5d;
    font-weight: normal;
  }

  .znwd_tit ul+.del1 {
    display: none;
  }

  .znwd_welcome {
    position: relative;
    overflow: hidden;
  }

  .znwd_welcome_text {
    position: relative;
    z-index: 0;
    padding-top: 0.74rem;
    padding-left: 0.12rem;
  }

  .znwd_welcome_text::before {
    content: "";
    z-index: -1;
    top: 0.2rem;
    left: 0.26rem;
    position: absolute;
    width: 0.77rem;
    height: 0.63rem;
    background: url("https://www.euroestateses.com/aisp/ff80808165231c54016537c21fa65fd0/chat/src/images/hello.png") no-repeat;
    background-size: contain;
  }

  .znwd_welcome_pic {
    float: right;
    margin-left: -0.8rem;
    margin-right: -0.2rem;
    width: 1.51rem;
  }

  .znwd_welcome_pic img {
    width: 100%;
  }

  .znwd_welcome_text h3 {
    font-size: 0.24rem;
    color: #286adb;
    font-weight: bold;
    line-height: 1.2;
  }

  .znwd_welcome_text p {
    font-size: 0.14rem;
    margin-top: 0.04rem;
    line-height: 1.2;
  }

  .znwd_l {
    background: none;
  }

  .znwd_wrap_con {
    max-height: inherit;
    height: 83vh;
    margin-top: 0.6rem;
    border: none;
    background: none transparent;
    box-shadow: none;
  }

  .znwd_l span.tx,
  .znwd_menu {
    display: none;
  }

  .znwd_l span.tx,
  .znwd_tu {
    display: none !important;
  }

  .znwd_r {
    left: 0;
    right: 0;
  }

  .znwd_r1 {
    width: 2.4rem;
    transition: .3s all;
  }

  .slb .znwd_r {
    left: 0;
  }

  .znwd_r12 {
    width: 2.4rem;
    left: -2.4rem;
    box-shadow: none;
    background-color: transparent !important;
    z-index: 0;
    bottom: 0;
    height: auto;
  }

  .znwd_r12::before {
    z-index: -2;
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    bottom: 0;
    top: 1.34rem;
    background-color: rgba(255, 255, 255, 0.45);
    border: 1px solid #ffffff;
    border-radius: 0.12rem;
  }

  .znwd_r12::after {
    z-index: -1;
    position: absolute;
    content: "";
    left: 50%;
    top: 50%;
    width: 1.1rem;
    height: 0.85rem;
    background: url("https://www.euroestateses.com/aisp/ff80808165231c54016537c21fa65fd0/chat/src/images/241209_trt_icon1.png") no-repeat center;
    background-size: contain;
    transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
  }

  .znwd_c1 {
    padding: 0.4rem 0 .4rem .4rem;
    box-sizing: border-box;
    left: 50%;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    right: auto;
    width: 9.8rem;
    top: 0.22rem;
    background: linear-gradient(rgba(255, 255, 255, 0.6) 75%,
        rgba(255, 255, 255, 0) 90%);
    border-radius: 0.08rem 0.08rem 0 0;
    border-top: 1px solid #ffffff;
    box-shadow: 0.35rem -0.4rem 0.46rem rgba(34, 54, 171, 0.06);
  }

  .znwd_c1::before,
  .znwd_c1::after {
    position: absolute;
    width: 1px;
    top: 0.08rem;
    height: 40%;
    content: "";
    background-image: linear-gradient(rgba(255, 255, 255, 1),
        rgba(255, 255, 255, 0));
  }

  .znwd_c1::before {
    left: 0;
  }

  .znwd_c1::after {
    right: 0;
  }

  .znwd_main {
    margin-left: 2.4rem;
  }

  .znwd_welcome,
  .new_btn,
  .new_btn {
    display: block;
  }

  .new_btn {
    cursor: pointer;
    height: 0.4rem;
    line-height: 0.4rem;
    width: calc(100% - 0.4rem);
    margin: 0.1rem 0.2rem 0 0.2rem;
    border-radius: 0.08rem;
    text-align: center;
    font-size: 0.14rem;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(#246ae4, #6aa3f3), #246ae4;
  }

  .new_btn i {
    font-size: 0.2rem;
    margin-right: 0.08rem;
  }

  .new_line {
    border-bottom: 1px solid #d3ddec;
    margin: 0.26rem 0.2rem 0 0.2rem;
    height: 1px;
  }

  .znwd_l {
    z-index: 4;
  }

  .znwd_l ul.znwd_icon_list {
    border-top: 1px solid #d3ddec;
    padding-top: 0.16rem;
    width: 2rem;
    bottom: 0.16rem;
    font-size: 0;
  }

  .znwd_l ul.znwd_icon_list li {
    width: 25%;
    line-height: 0.2rem;
    display: inline-block;
  }

  .znwd_l ul.znwd_icon_list li.broadcast_btn {
    display: none;
  }

  .znwd_icon_list li p {
    display: block;
    font-size: 0.14rem;
  }

  .znwd_icon_list li i {
    color: #666666;
    font-size: 0.2rem;
  }

  .znwd_icon_list li:hover i {
    color: #1658a0;
  }

  .znwd_icon_list li p span {
    display: none;
  }

  .znwd_bot {
    box-sizing: border-box;
    height: 0.32rem;
    line-height: 0.32rem;
    width: 9.8rem;
    text-align: left;
    /* right: auto; */
    left: calc(50% + 1.2rem);
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    bottom: auto;
    top: 1.2rem;
  }

  .znwd_bot::before {
    margin-right: 0.08rem;
    vertical-align: middle;
    color: #e1852b;
  }

  .znwd_bot p {
    color: #999999 !important;
    display: inline-block;
    font-size: 0.12rem;
  }

  .welcome_tit {
    display: block;
    text-align: center;
    margin-top: 0.52rem;
    line-height: 0.58rem;
    font-size: 0.3rem;
    font-weight: bold;
  }

  .slb .welcome_tit {
    line-height: .36rem;
  }

  .welcome_tit span {
    display: inline-block;
    background-image: linear-gradient(-90deg, #5653df 2%, #286adb 65%);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    color: #286adb\9;
  }

  .znwd_con1 {
    border-top: none;
    left: 0.4rem;
    right: 0.4rem;
    bottom: auto;
    top: 1.7rem;
    border-radius: 0.09rem;
    background-color: transparent;
    z-index: 0;
    transition: .3s all;
  }

  .znwd_con1::before {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: linear-gradient(#aed1ff, #d6dbfc);
    border-radius: 0.09rem;
    opacity: 0.8;
    z-index: -2;
  }

  .znwd_con1::after {
    position: absolute;
    content: "";
    left: 0.04rem;
    right: 0.04rem;
    bottom: 0.04rem;
    top: 0.04rem;
    background-color: #ffffff;
    border-radius: 0.09rem;
    z-index: -1;
  }

  .znwd_btn_box .icon_yy {
    background: none transparent;
    border: none;
  }

  .znwd_btn_box .icon_yy i.znwd-voice:before {
    content: "\e831";
  }

  .znwd_btn_box .icon_yy i {
    color: #333333;
  }

  .znwd_btn_box .znwd_btn {
    width: 0.45rem;
    min-width: inherit;
    height: 0.32rem;
    line-height: 0.32rem;
    background: linear-gradient(135deg, #1760e1, #71a8f4);
    border-radius: 1rem;
  }

  .znwd_btn_box {
    right: 0.12rem;
    bottom: 0.12rem;
  }

  .znwd_btn i {
    display: block;
    font-size: 0.2rem;
    text-shadow: 7px 7px 4px rgba(94, 146, 237, 0.5);
  }

  .znwd_btn i.znwd-send:before {
    content: "\e83f";
  }

  .znwd_btn span,
  .znwd_con3.jqr.welcome_box,
  .znwd_r1 .znwd_yszd {
    display: none;
  }

  #right_viewlist .znwd_tit:first-child {}

  .znwd_list.top-box {}

  .znwd_r1 .znwd_tit.mar_t15 {
    margin-top: 0;
  }

  .znwd_c1 .znwd_yszd {
    display: block;
    margin-top: 1.78rem;
  }

  .znwd_c1 .znwd_yszd .znwd_list ul {
    margin: 0 -0.1rem;
  }

  .znwd_c1 .znwd_yszd .znwd_tit li a {
    font-size: 0.18rem;
  }

  .znwd_c1 .znwd_yszd .znwd_list li a {
    display: block;
    border-radius: 0.08rem;
    border: 1px solid #ffffff;
    position: relative;
    padding: 0.12rem 0.24rem;
    height: 0.74rem;
    box-sizing: border-box;
    background-color: rgba(255, 255, 255, 0.6);
    margin: 0.12rem 0.1rem 0.08rem 0.1rem;
    text-align: left;
  }

  .znwd_c1 .znwd_yszd .znwd_list li span {
    position: absolute;
    right: 0.04rem;
    top: -0.2rem;
    box-shadow: none;
    width: 0.55rem;
    height: 0.55rem;
    line-height: 0.55rem;
    background: none;
  }

  .znwd_c1 .znwd_yszd .znwd_list li h3 {
    font-size: 0.16rem;
    font-weight: bold;
    line-height: 0.28rem;
  }

  .znwd_c1 .znwd_yszd .znwd_list li p {
    color: #999999;
    font-size: 0.14rem;
    line-height: 0.2rem;
  }

  .znwd_c1 .hot_list {
    margin: 0 -0.1rem;
    display: flex;
    flex-wrap: wrap;
  }

  .znwd_c1 .hot_list li {
    width: 33.3%;
    float: left;
    margin: 0.07rem 0;
    line-height: normal;
  }

  .znwd_c1 .hot_list li a {
    border-radius: 0.08rem;
    background-color: #ffffff;
    margin: 0rem 0.1rem;
    line-height: 0.26rem;
    padding: 0.07rem 0.1rem 0.07rem 0.2rem;
  }

  .znwd_c1 .hot_list li a em {
    display: none;
  }

  .znwd_con11 {
    padding: 0.4rem;
  }

  .znwd_con {
    display: none !important;
  }

  .znwd_list3 a {
    height: auto;
    border: none;
    color: #666666;
    padding: 0.07rem 0.1rem 0.07rem 0.15rem;
    background-color: rgba(255, 255, 255, 0.45);
    cursor: pointer;
  }

  .znwd_list3 a:hover {
    background-color: #ffffff;
    color: #333333;
  }

  .znwd_list3 a:hover i {
    color: #999999;
  }

  .znwd_arrow {
    display: block;
    position: absolute;
    left: 2.5rem;
    width: 0.44rem;
    height: 0.44rem;
    line-height: 0.44rem;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    cursor: pointer;
    z-index: 99;
  }

  .switch_font_size {
    display: none;
  }

  .znwd_wrap_con.on .znwd_icon1 {
    display: block;
    width: 0.44rem;
    height: 0.4rem;
    text-align: center;
    line-height: 0.4rem;
    margin: 0 auto;
  }

  .znwd_wrap_con.on .znwd_arrow {
    left: 0.84rem;
  }

  .znwd_wrap_con.on .znwd_arrow img {
    transform: rotate(180deg);
  }

  .znwd_wrap_con.on .znwd_r12,
  .znwd_wrap_con.on .znwd_r1,
  .znwd_wrap_con.on .znwd_l {
    width: 0.72rem;
  }

  .znwd_wrap_con.on .znwd_r12::before {
    top: 0;
  }

  .znwd_wrap_con.on .znwd_welcome {
    display: none;
  }

  .znwd_wrap_con.on .new_btn {
    width: 0.4rem;
    margin: 0.2rem auto 0;
  }

  .znwd_wrap_con.on .znwd_r1 {
    padding-top: 0.22rem;
  }

  .znwd_wrap_con.on .znwd_l {
    height: 2rem;
    top: auto;
    bottom: 0;
  }

  .znwd_wrap_con.on .new_btn span,
  .znwd_wrap_con.on .new_line,
  .znwd_wrap_con.on .znwd_r12::after {
    display: none;
  }

  .znwd_wrap_con.on .new_btn i {
    margin-right: 0;
  }

  .znwd_wrap_con.on .znwd_tit li {
    margin-right: 0;
    text-align: center;
    /* float: none; */
  }

  .znwd_wrap_con.on .znwd_yszd .znwd_tit li {
    text-align: left;
  }

  .znwd_wrap_con.on .znwd_tit li i {
    font-size: 0.22rem;
    margin-right: 0;
  }

  .znwd_wrap_con.on .znwd_tit li a {
    display: none;
  }

  .znwd_wrap_con.on .znwd_l ul.znwd_icon_list {
    width: 0.44rem;
    left: 0.16rem;
    padding-top: 0.08rem;
  }

  .znwd_wrap_con.on .znwd_l ul.znwd_icon_list li {
    float: none;
    width: 100%;
    margin-top: 0.12rem;
  }

  .znwd_wrap_con.on .znwd_icon_list li p,
  .znwd_wrap_con.on .znwd_list3 {
    display: none;
  }

  .znwd_bot::before {
    display: inline-block;
  }

  .slb .znwd_c1,
  .slb .znwd_bot {
    width: 8rem;
  }

  .slb .znwd_bot {
    left: calc(50% + .8rem);
  }

  .znwd_c1.on .znwd_content {
    bottom: 1.8rem;
  }

  .slb .znwd_welcome_pic {
    margin-right: -0.16rem;
  }

  .slb .znwd_r12::after {
    display: none;
  }

  .slb .znwd_c1 .znwd_yszd {
    margin-top: 0.2rem;
  }

  .znwd_content {
    position: absolute;
    top: 0.4rem;
    left: 0.4rem;
    right: 0;
    padding-right: .4rem;
    bottom: 0rem;
    overflow-y: auto;
    overflow-x: hidden;
  }

  .slb .znwd_list3 a {
    padding: 0.07rem 0.1rem;
  }

  .slb .welcome_tit {
    margin-top: 0;
  }

  .znwd_c1.on .znwd_con1,
  .slb .znwd_con1 {
    top: auto;
    bottom: 0;
  }

  .slb #wrap .row {
    padding-top: 0;
  }

  .slb .znwd_bot {
    top: 0.6rem;
  }

  .slb .znwd_wrap_con {
    margin-top: 0.2rem;
  }

  .znwd_c1.on .znwd_con {
    display: block !important;
  }

  .znwd_c1.on .znwd_yszd {
    margin-top: 0.2rem;
  }

  .znwd_c1.on .znwd_con,
  .znwd_c1.on .znwd_con11 {
    position: relative;
    left: auto;
    top: auto;
    right: auto;
    bottom: auto;
  }

  .del2 {
    box-shadow: none;
    background-color: transparent;
  }

  .del2,
  .yy_switch_btn {
    display: none !important;
  }

  .yy_switch_btn {
    left: 0.46rem !important;
  }

  .znwd_c1.on .welcome_tit {
    margin-top: 0;
  }

  .znwd_c1.on .del2,
  .znwd_c1.on .yy_switch_btn {
    display: block !important;
  }

  .znwd_c1.on .switch_font_size {
    display: flex !important;
    left: 1.5rem;
  }

  .znwd_con11 {
    padding: 0;
  }

  .znwd_con3 span.tx_icon {
    display: none;
  }

  .znwd_con3 {
    padding-right: 0;
  }

  .znwd_con4 {
    padding-left: 0;
  }

  .del2 {
    right: 0.46rem;
    bottom: 1.26rem;
  }

  .znlx-box {
    display: none !important;
  }

  #historyList {
    max-height: none !important;
  }
}

.znwd_con4 .topTip>span {
  background: linear-gradient(90deg, #c9d8f6, #e3e4ff);
  padding: 0 0.1rem;
}

@media screen and (min-width: 1367px) and (max-width: 2020px) {
  .slb .znwd_c1 {
    left: auto;
    right: 0;
    transform: translateX(0);
    -ms-transform: translateX(0);
  }

  .slb .znwd_c1 {
    width: calc(100% - 0.6rem);
  }

  .slb .znwd_bot {
    left: auto;
    right: 1.2rem;
    transform: translateX(0);
    text-align: right;
  }
}

@media screen and (min-width: 1367px) and (max-width: 1440px) {
  .znwd_c1 {
    left: auto;
    right: 0;
    transform: translateX(0);
    -ms-transform: translateX(0);
  }
}

@media screen and (min-width: 993px) and (max-width: 1366px) {

  .znwd_l,
  .znwd_arrow {
    display: none;
  }

  .znwd_main {
    margin-left: 0;
  }

  .znwd_c1,
  .znwd_bot {
    left: 50%;
  }

  .slb .znwd_c1,
  .slb .znwd_bot {
    width: 90%;
  }

  .slb .znwd_bot {
    left: 50%;
  }

  .slb #wrap .row {
    padding: 0;
  }
}

@media screen and (max-width: 992px) {

  .znwd_c1,
  .znwd_bot {
    left: 0;
  }

  .welcome_tit {
    display: none;
  }
}