@charset "utf-8";

#wrap {
  background: url("https://www.euroestateses.com/aisp/ff80808165231c54016537c21fa65fd0/chat/src/images/240829xmhl_wd_bg.png") no-repeat center bottom #F0F5FF !important;
  background-size: 100% auto !important;
}

.znwd_logo {
  padding-left: .2rem;
}

.bofang img {
  width: 20px !important;
}

.znwd_home,
.znwd_home-phone {
  display: none;
}

.znwd_dialog_btn {
  display: none;
}

.input-box #textTag {
  bottom: 60px;
}

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

#wrap .main-box>.row {
  width: 100%;
  height: 100%;
}

.znwd_head {
  height: .88rem;
  background: rgba(255, 255, 255, 0.4);
  box-shadow: 0px 2px 12px rgba(22, 88, 160, 0.05);
  padding-top: .1rem;
  box-sizing: border-box;
}

.znwd_l ul.znwd_icon_list {
  position: fixed;
  right: .2rem;
  top: .22rem;
  left: auto;
  z-index: 99;
  width: auto;
  bottom: auto;
  line-height: .44rem;
  height: .44rem;
  font-size: 0;
}

.znwd_l ul.znwd_icon_list li,
.znwd_l ul.znwd_icon_list li i {
  color: #666666;
}

.znwd_l ul.znwd_icon_list li {
  display: inline-block;
  font-size: .16rem;
}

.znwd_l ul.znwd_icon_list li+li {
  position: relative;
  padding-left: .12rem;
  margin-left: .12rem;
}

.znwd_l ul.znwd_icon_list li+li::before {
  content: '';
  height: .14rem;
  width: 1px;
  background-color: #CCCCCC;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

.znwd_icon_list li p {
  display: inline-block;
}

.znwd_icon_list li i {
  top: 2px;
  position: relative;
}

.znwd_wrap_con {
  height: calc(100% - .9rem);
  background: none transparent;
  border: none;
  box-shadow: none;
  margin-top: 0;
  padding-left: 3.86rem;
  padding-top: .4rem;
  max-height: none;
  overflow: hidden;
  box-sizing: border-box;
}

.znwd_l {
  position: relative;
  padding-top: 0;
  background: none transparent;
  margin: 0 auto;
  width: auto;
  z-index: 3;
}

.znwd_l span.tx {
  display: none;
}

.znwd_l ul.znwd_menu {
  margin-top: 0;
  font-size: 0;
  height: .46rem;
  text-align: center;
  display: inline-block;
  background-color: #ffffff;
  border-radius: .3rem;
  box-shadow: 0px 0px 20px rgba(22, 88, 160, 0.1);
  padding: .03rem;
}

.znwd_l ul.znwd_menu li {
  display: inline-block;
  line-height: .46rem;
  height: .46rem;
  font-size: .18rem;
  font-weight: bold;
  padding: 0 .32rem;
  color: #999999;
  border-radius: .3rem;
}

.znwd_l ul.znwd_menu li.on {
  background-image: linear-gradient(90deg, rgba(209, 234, 255, 1) 0%, rgba(212, 230, 255, 1) 100%);
  color: #1658A0;
}

.znwd_l ul.znwd_menu li span.icon_bg {
  display: none;
}

/* .znwd_l ul.znwd_menu li#enterpriseConsultArea,.znwd_l ul.znwd_menu li#governorArea{display:none !important;}
*/
.znwd_r {
  left: 0;
  right: 0;
  z-index: 2;
}

.znwd_r12 {
  left: 0;
  width: 3.86rem;
  top: 0;
  bottom: 0;
  right: auto;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 45.93%, rgba(255, 255, 255, 0) 100%);
  background-color: transparent !important;
}

.znwd_r12::after {
  width: 1px;
  top: 20%;
  bottom: 20%;
  content: '';
  right: 0;
  position: absolute;
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(22, 88, 160, 0.2) 52.78%, rgba(255, 255, 255, 0) 100%);
  ;
}

.znwd_r1 {
  width: 100%;
  height: calc(100% - 1.08rem);
  overflow-y: auto !important;
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  border: none;
  background-color: transparent;
  box-shadow: none;
}

.znwd_r1>.pad20 {
  padding: .24rem;
}

.znwd_tu {
  margin-top: 0;
}

.yybf_btn:before {
  content: '';
  height: .14rem;
  width: 1px;
  background-color: #CCCCCC;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

.yybf_btn {
  position: relative !important;
  right: 0 !important;
  bottom: auto !important;
  margin-right: .08rem;
  padding-right: .08rem;
}

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

.znwd_c1 {
  left: 3.86rem;
  right: 0;
  top: 1.12rem;
  display: flex;
  overflow: hidden;
  flex-direction: column;
  bottom: 0;
  height: calc(100% - 1.12rem);
}

.znwd_con {
  top: 0;
  width: 100%;
  position: relative;
  flex: 1;
  bottom: auto;
  left: auto;
  right: auto;
  overflow-y: auto;
  overflow-x: hidden;
}

.znwd_con11 {
  position: relative;
  left: auto;
  right: auto;
  top: auto;
  bottom: auto;
  padding: 0;
  width: 880px;
  margin: 0 auto;
}

.znwd_con3 {
  margin-bottom: .2rem;
  padding-right: 0;
}

.znwd_con4 {
  float: none !important;
  padding: 0;
  max-width: 100%;
}

.znwd_con4 {
  line-height: .24rem;
  /* overflow:hidden; */
}

.znwd_con4 .p1 {
  margin-bottom: .12rem;
  margin-top: .2rem;
  display: block;
}

.znwd_con5 {
  overflow: hidden;
  border-radius: .06rem .2rem .2rem .2rem;
}

.znwd_con_h {
  padding-bottom: 0;
}

.znwd_con5 p {
  font-size: .16rem;
  line-height: .24rem;
}

.znwd_con5 p+p {
  margin-top: 4px;
}

.welcome span {
  background: linear-gradient(180deg, rgba(217, 235, 255, 1) 0.56%, rgba(173, 207, 244, 1) 100%);
  width: .56rem;
  height: .56rem;
  line-height: .5rem;
  border-radius: 50%;
  display: inline-block;
  text-align: center;
}

.welcome span img {
  max-width: 100%;
  max-height: 100%;
  display: block;
  margin: 0 auto;
}

.welcome+p {
  font-weight: bold;
  color: #1658A0;
  font-size: .18rem !important;
  line-height: .26rem;
}

.wenda {
  border-radius: .06rem .2rem .2rem .2rem;
  padding: .1rem .2rem;
  line-height: .24rem;
  height: auto;
  border: none;
  background: linear-gradient(90deg, rgba(209, 234, 255, 1) 0%, rgba(212, 230, 255, 1) 100%);
}

.wenda a {
  color: #333333;
  font-size: .16rem;
}

.znwd_con5.jqr {
  background-image: linear-gradient(143deg, rgba(222, 236, 255, 1) 0%, rgba(230, 241, 255, 1) 100%);
  box-shadow: none;
  padding: .2rem;
  border: 1px solid rgba(255, 255, 255, 0.5);
  background-color: #ffffff;
}

.znwd_con1 {
  box-sizing: border-box;
  position: relative;
  right: auto;
  bottom: auto;
  display: flex;
  align-items: center;
  height: auto;
  width: 880px;
  left: auto;
  flex-shrink: 0;
  background: none transparent;
  border: none;
  margin: 0 auto .4rem;
  padding: 0;
  margin-top: .2rem;
}

.znwd_con1>.icon_yy,
.clear_btn {
  display: block !important;
  width: .56rem;
  height: .56rem;
  line-height: .56rem;
  text-align: center;
  border-radius: 50%;
  background-color: #ffffff;
  flex-shrink: 0;
}

.znwd_con1>.icon_yy i,
.clear_btn i {
  font-size: .28rem;
  color: #666666;
}

.znwd_con1 span.icon_yy:hover,
.znwd_con1 span.icon_yy:hover i,
.znwd_con1 span.icon_yy.on,
.znwd_con1 span.icon_yy.on i {
  color: #666666;
}

.znwd_con1 span.icon_yy {
  cursor: pointer;
}

.znwd_con1 span.icon_yy.on,
.znwd_con1 span.icon_yy.on i {
  font-size: .24rem;
}

.znwd_con1 span.icon_yy.on i.znwd-voice-outline:before {
  content: '\e7d2'
}

.znwd_yy_con {
  padding: .05rem .12rem .02rem .12rem;
}

.znwd_yy_icon.stop .playing_icon {
  background-image: none;
  font-size: .28rem;
  border: none;
  font-family: "znwd-iconfont";
  line-height: .32rem;
  color: #3F8AEC;
}

.znwd_yy_icon.stop .playing_icon:before {
  content: '\e785'
}

#keyWord {
  height: 29px;
  min-height: 29px;
  max-height: 96px;
}

.input-box:hover {
  border: 1px solid #3F8AEC;
}

.inp-box {
  flex: 1;
  position: relative;
}

.znwd_con1>.icon_yy {
  margin-right: .12rem;
}

.znwd_yy_con[style="display:block;"] {
  padding: 0 .2rem;
  position: relative;
  top: -.04rem;
  overflow: visible;
  height: .42rem;
  /* display:flex;*/
}

.clear_btn {
  margin-left: .12rem;
}

.znwd_btn_box .icon_yy,
.znwd_con2 span.zs {
  display: none;
}

.znwd_con2 {
  height: auto;
  padding: .06rem;
  border-radius: .3rem;
  box-sizing: border-box;
  box-shadow: 0px 0px 20px rgba(22, 88, 160, 0.1);
  border: 1px solid #ffffff;
}

.znwd_text {
  background-color: transparent;
  font-size: 0;
}

.znwd_con2 .text {
  width: calc(100% - .8rem) !important;
  height: .24rem;
  padding: 0 .2rem;
  font-size: .16rem;
  line-height: .24rem;
  min-height: .24rem;
  max-height: 1.1rem;
  box-sizing: border-box;
  margin-bottom: .05rem
}

.znwd_con2 .text::placeholder {
  font-size: .16rem;
}

.znwd_tit span.del1 i {
  position: relative;
  top: .01rem;
}

.znwd_btn i {
  display: block;
}

.znwd_btn span {
  display: none;
}

.znwd_con3.yk .znwd_con4 {
  float: right !important;
}

.znwd_con3.yk .znwd_con5 {
  background: linear-gradient(90deg, rgba(64, 139, 237, 1) 0%, rgba(33, 118, 209, 1) 100%);
  border-radius: .2rem .2rem .06rem .2rem;
  border: none;
  padding: .16rem .2rem;
}

.znwd_btn_box {
  right: .06rem;
  top: auto;
  bottom: .06rem;
  height: .44rem;
}

.stop-answer {
  display: inline-block;
  margin: 0;
  width: .68rem;
  margin-left: 0;
  height: .44rem;
  line-height: .4rem;
  border-radius: 1rem;
  background: #fff;
  border: 2px solid rgba(63, 138, 236, 1);
  padding: 0;
  cursor: pointer;
}

.znwd-del1 {
  display: inline-block;
}

.stop-answer i {
  font-size: 35px;
  color: rgba(63, 138, 236, 1);
}

.znwd_btn_box .znwd_btn {
  width: .68rem;
  margin-left: 0;
  height: .44rem;
  line-height: .44rem;
  border-radius: 1rem;
  background: rgba(170, 179, 197, 0.5);
  display: none;
}

.znwd_btn_box .znwd_btn i {
  font-size: .24rem;
}

.znwd_tit span.del1 {
  font-size: .16rem;
  color: #666666;
}

.znwd_tit span.del1 i {
  font-size: .18rem;
}

.tx_icon {
  display: none;
}

.znwd_btn_box .icon_yy {
  display: none !important;
}

.znwd_szxx_tit2 {
  margin: 0 auto;
  width: 896px;
}

.znwd_szxx_tit2 a {
  box-sizing: border-box;
  border-radius: .2rem;
  height: auto;
  background: linear-gradient(90deg, rgba(222, 236, 255, 1) 0%, rgba(230, 241, 255, 1) 100%), rgba(255, 255, 255, 1);
  border: none;
  padding: .28rem .12rem;
  line-height: .24rem;
  font-weight: bold;
  width: calc(20% - .16rem);
  margin: 0 .08rem;
}

.znwd_szxx_tit2 a:hover {
  background-image: none;
  box-shadow: 0px 0px 20px rgba(22, 88, 160, 0.1);
  color: #333333;
  border: none;
}

.znwd_szxx_tit2 a img {
  display: block;
  width: .44rem;
  height: .44rem;
  margin: 0 auto .04rem;
}

.znwd_szxx_con {
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  overflow: initial;
  padding: 0;
  background-color: transparent;
  bottom: auto;
}

.znwd_list {
  margin-top: .08rem;
}

.znwd_list li span {
  width: .6rem;
  height: .6rem;
  line-height: .6rem;
  border-radius: .12rem;
  background-color: #ffffff;
  box-shadow: 0px 0px 10px rgba(22, 88, 160, 0.05);
}

.hot_list li {
  margin-top: .12rem;
  line-height: .24rem;
  font-size: .16rem;
}

.hot_list li a em {
  font-size: .18rem;
  width: .24rem;
  height: .24rem;
  line-height: .24rem;
  position: relative;
  font-family: Arial;
  color: #666666;
  font-weight: bold;
  background-color: transparent;
  z-index: 1;
}

.hot_list li:nth-child(1) a em::before,
.hot_list li:nth-child(2) a em::before,
.hot_list li:nth-child(3) a em::before {
  content: '';
  position: absolute;
  left: .04rem;
  bottom: 0;
  width: .12rem;
  height: .14rem;
  border-radius: 50%;
  transform: rotate(30deg);
  background: rgba(23, 115, 237, 1);
  filter: blur(8px);
}

.hot_list li:nth-child(1) a em,
.hot_list li:nth-child(2) a em,
.hot_list li:nth-child(3) a em {
  background-color: transparent;
  font-style: italic;
  color: #333333;
}

.base_list li {
  line-height: .32rem;
  margin: .04rem auto 0;
}

.base_list li:before {
  top: .15rem;
}

#historyList {
  max-height: none;
}

.znwd_list3 a {
  width: 100%;
  font-size: .16rem;
  max-width: none;
  float: none;
  box-sizing: border-box;
  border-radius: 6px;
  background: url("https://www.euroestateses.com/aisp/ff80808165231c54016537c21fa65fd0/chat/src/images/240829xmhl_wd_icon.png") no-repeat .16rem center rgba(255, 255, 255, 0.5);
  box-shadow: 0px 0px 10px rgba(22, 88, 160, 0.05);
  margin-right: 0;
  border: none;
  height: auto;
  padding: .08rem .48rem .08rem .38rem;
  position: relative;
}

.znwd_list3 a:hover {
  color: #000;
  background-color: rgba(255, 255, 255, 0.5);
}

.znwd_list3 a span:nth-child(1):hover {
  color: #1658a0;
}

.znwd_c1 .tit_hov {
  margin: 0 auto;
  width: 880px;
  box-sizing: border-box;
  background-color: #ffffff;
  padding: .2rem;
  border-radius: .2rem;
  margin: .2rem auto 0;
}

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

.znwd_list li a {
  font-size: .16rem;
}

.znwd_szxx_tit1 li {
  padding: 0;
  margin-right: .16rem;
}

.znwd_szxx_tit1 li::after {
  display: none;
}

.znwd_szxx_tit1 li a {
  color: #999999;
}

.znwd_szxx_tit1 li.on a::before {
  background-image: linear-gradient(90deg, rgba(64, 139, 237, 1) 0%, rgba(33, 118, 209, 1) 100%);
  height: 4px;
  border-radius: .2rem
}

.znwd_szxx_tit1 {
  border-bottom: 1px solid rgba(22, 88, 160, 0.2);
  margin-top: 0;
  height: auto;
  line-height: .44rem;
}

.znwd_szxx_tit1 ul {
  overflow: hidden;
}

.znwd_szxx_tit1_ul_html {
  padding: .2rem;
}

.znwd_szxx_con1 {
  font-size: .16rem;
  line-height: 2;
}

.welcome {
  display: block;
  float: left;
  margin-right: .2rem;
}

.gray {
  color: #666666;
}

.mar_t_20 {
  margin-top: .2rem;
}

.flex {
  display: flex;
}

.znwd_con5 .flex {
  margin-right: -8px;
}

.flex span.wenda {
  flex: 1;
}

.znwd_con4 span.rec-issue {
  background-color: transparent;
  padding: 0;
  margin-right: 0;
  clear: both;
  display: block;
}

.znwd_con4 span.rec-issue a {
  display: inline-block;
  font-size: .16rem;
  line-height: .24rem;
  padding: .1rem .2rem;
  background-image: linear-gradient(90deg, rgba(209, 234, 255, 1) 0%, rgba(212, 230, 255, 1) 100%);
  border-radius: .06rem .2rem .2rem .2rem
}

.znwd_con span.del2 {
  display: none;
}

.znwd_con .znwd_con11 {
  /* height:100%; */
  /* overflow-y:auto; */
  /* overflow-x:hidden; */
}

.znwd_text_con {
  overflow: visible
}

.znwd_text_con>p.start-say,
.znwd_text_con>p.end-say#lisening {
  position: absolute;
  top: -.43rem;
  left: -.16rem;
  background-color: rgba(0, 0, 0, .6);
  line-height: .28rem !important;
  padding: 0 .09rem;
  border-radius: .04rem;
  color: #ffffff !important;
  font-size: .14rem;
}

.znwd_text_con>p.end-say#lisening {
  left: -.4rem;
  width: 1.3rem;
  text-align: center;
}

.start-say:before,
.znwd_text_con>p.end-say#lisening:before {
  position: absolute;
  left: 50%;
  top: 100%;
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  content: '';
  border: .08rem solid rgba(0, 0, 0, .6);
  border-right: .08rem solid transparent;
  border-left: .08rem solid transparent;
  border-bottom: none;
}

.znwd_text_con .znwd_yy_bar {
  background-image: url("https://www.euroestateses.com/aisp/ff80808165231c54016537c21fa65fd0/chat/src/images/240902fj_znwd_yy_line.png");
  height: .35rem;
}

.znwd_text_con .znwd_yy_bar>span {
  background-image: url("https://www.euroestateses.com/aisp/ff80808165231c54016537c21fa65fd0/chat/src/images/240902fj_znwd_yy_line_bar.png");
}

.znwd_btn_box .icon_del {
  border: none;
  width: .68rem;
  height: .44rem;
  line-height: .44rem;
  background-color: #D4D9E2 !important;
  text-align: center;
  background-image: none;
  border-radius: .3rem;
}

.znwd_btn_box .icon_del i {
  font-size: .2rem;
  color: #ffffff;
}

.znwd_text_con>div>span {
  font-size: .14rem;
  line-height: .35rem;
}

.znwd_yy_icon i {
  border: none;
}

.inp-box:focus .znwd_btn_box {
  bottom: .05rem;
  height: .46rem;
}

.inp-box:focus .znwd_btn_box .znwd_btn,
.inp-box .znwd_btn_box .znwd_btn.on,
.znwd_con2.on .phone-send {
  background: linear-gradient(90deg, rgba(64, 139, 237, 1) 0%, rgba(33, 118, 209, 1) 100%);
}

.inp-box:focus-within {
  border: none;
}

.znwd_text {
  align-items: flex-end;
  display: flex;
  justify-content: space-between;
}

.inp-box .znwd_con2.on {
  border: 1px solid #3F8AEC;
}

.inp-box .znwd_btn_box .znwd_btn.in {
  background-image: none;
  background-color: #ffffff;
  border: 2px solid #3F8AEC;
}

.inp-box .znwd_btn_box .znwd_btn.in i {
  color: #3F8AEC;
}

.inp-box .znwd_btn_box .znwd_btn.in i.znwd-send:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  width: .1rem;
  height: .1rem;
  background-color: #3F8AEC;
  border-radius: .04rem;
}

.phone-send {
  display: inline-block;
  margin: 0;
  width: .68rem;
  margin-left: 0;
  height: .44rem;
  line-height: .44rem;
  border-radius: 1rem;
  background: linear-gradient(90deg, rgba(64, 139, 237, 1) 0%, rgba(33, 118, 209, 1) 100%);
  padding: 0;
  cursor: pointer;
}

.phone-send i {
  font-size: .24rem;
  color: #ffffff
}

.znwd_text {
  flex: 1;
}

.znwd_con4 .zan_con {
  right: 0;
  bottom: auto;
  width: auto;
  background-color: #ffffff;
  border-radius: .3rem;
  text-align: center;
  font-size: 0;
  position: relative;
  margin-top: .1rem;
  float: right;
  clear: both;
  height: .4rem;
  line-height: .4rem;
  display: inline-flex;
  padding: 0 .16rem;
  flex-direction: row-reverse;
  flex-wrap: nowrap;
}

.znwd_con4 .zan_con span {
  display: inline-block;
  width: auto;
  border: none;
  background-color: transparent;
  vertical-align: middle;
}

.znwd_con4 .zan_con span+span {
  margin-left: .08rem;
  padding-left: .08rem;
  position: relative;
}

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

.znwd_con4 .zan_con span:first-child i:before {
  content: '\e7c9';
}

.znwd_con4 .zan_con span i {
  font-size: .2rem !important;
  color: #666666;
}

@media screen and (max-width:1366px) {
  .znwd_wrap_con {
    padding-left: 0;
    padding-top: .2rem;
  }

  .znwd_c1 {
    top: .92rem;
    left: 50%;
    right: auto;
    width: 90%;
    transform: translateX(-50%);
    height: calc(100% - .92rem);
  }

  .znwd_btn_box {
    bottom: .05rem;
  }

  .znwd_con2 .text {
    margin-bottom: 0;
  }
}

@media screen and (max-width:1099px) {
  .znwd_l {
    display: block;
  }

  .inp-box {
    background-color: transparent;
  }

  .znwd_con2 {
    background-color: #ffffff;
  }

  .znwd_text {
    width: 100%;
    padding: 0;
    justify-content: space-between;
    top: 0;
  }

  .znwd_con1 .icon_yy {
    margin-bottom: 0;
  }

  .znwd_con2 .text {
    background-color: transparent;
    margin-bottom: -.04rem;
  }

  .phone-send i {
    color: #ffffff
  }
}

.znwd_l ul.znwd_icon_list li.rateBtn,
.znwd_l ul.znwd_icon_list li:nth-child(2) {
  display: initial !important;
  width: initial !important;
  background-image: initial !important;
  background-color: initial !important;
  box-shadow: initial !important;
  border-radius: initial !important;
  height: initial !important;
  line-height: inherit !important;
  margin: 0;
  margin-left: .08rem;
}

.znwd_l ul.znwd_icon_list li.rateBtn i,
.znwd_l ul.znwd_icon_list li:nth-child(2) i {
  color: inherit !important;
}

.yy_switch_btn {
  display: none !important;
}

@media screen and (max-width:992px) {
  .znwd_logo {
    padding-left: 0;
  }

  .znwd_icon_list {
    display: none;
  }



  .znwd_con11,
  .znwd_con1 {
    width: 100%;
  }

  .znwd_con1 {
    margin-bottom: .16rem;
    margin-top: .16rem;
  }

  .znwd_c1 {
    left: .2rem;
    right: .2rem;
    width: auto;
    transform: translateX(0);
    top: .16rem;
    height: calc(100% - .16rem);
  }

  .evaluate {
    left: 0;
    bottom: .9rem;
    position: fixed;
  }

  .znwd_con1>.icon_yy,
  .clear_btn {
    width: .4rem;
    height: .4rem;
    line-height: .4rem;
  }

  .znwd_con1>.icon_yy i,
  .clear_btn i {
    font-size: .24rem;
  }

  .phone-send {
    height: .34rem;
    line-height: .34rem;
    position: relative;
  }

  .phone-send i {
    font-size: .2rem;
    color: #ffffff;
  }

  .phone-send img {
    /* display:none; */
  }

  .znwd_con2 .text {
    width: 100% !important;
    margin: 0;
    padding: 0 .12rem;
    background-color: transparent;
    position: relative;
    margin-bottom: -.03rem;
    top: -.04rem;
  }

  .textarea-container {
    width: 100%;
  }

  .textarea-container textarea {
    flex: 1;
  }

  .znwd_con5 .flex {
    display: block;
  }

  .flex span.wenda {
    flex: auto;
  }

  .znwd_l ul.znwd_menu {
    height: auto;
  }

  .znwd_c1>.pad20 {
    padding: 0 !important;
    overflow-y: auto;
  }

  .znwd_szxx_tit2 {
    width: auto;
    overflow-x: auto;
    overflow-y: hidden;
  }

  .znwd_szxx_tit2 a {
    padding: .12rem 0;
    margin: 0 .04rem;
    width: calc(20% - .08rem);
  }

  .znwd_szxx_tit2 a img {
    display: none;
  }

  .znwd_c1 .tit_hov {
    width: 100%;
    padding: .12rem .2rem;
    margin-top: .16rem;
  }

  .znwd_szxx_tit1 li a {
    padding: 0;
  }

  .znwd_szxx_tit1_ul_html {
    padding: .16rem 0;
  }

  .znwd_con {
    padding-bottom: .2rem;
  }

  .znwd_l ul.znwd_menu {
    display: none;
  }

  /* .znwd_logo>img {
    height: auto !important;
  } */

  .znwd_head {
    height: auto;
    padding-top: 0;
  }
}

@media only screen and (max-width:680px) {
  .main-box {
    height: 100%;
  }

  .znwd_c1 {
    left: .12rem;
    right: .12rem;
  }

  .znwd_con2 .text {
    top: 0rem;
  }
}

.rec_item {
  border-radius: .06rem .2rem .2rem .2rem;
  background-image: linear-gradient(90deg, rgba(209, 234, 255, 1) 0%, rgba(212, 230, 255, 1) 100%);
  padding: .1rem .2rem;
  line-height: .24rem;
  font-size: .16rem;
  height: auto;
  margin-top: .12rem;
}

.rec_item img {
  margin-right: .08rem;
}

.znwd_con3 span.tx_icon {
  display: none;
}

.topTip {
  position: absolute;
  top: 0;
  right: .16rem;
  margin-top: 0;
}

.rec_title {
  margin: -.2rem -1px -.1rem -1px;
  position: relative;
  background-position: left top;
  top: -.1rem;
}

.yybf_btn {
  width: 20px;
}

.znwd_con5 ul {
  line-height: .28rem;
}

.znwd_r1 {
  height: 100%;
}

.znwd_con4 .zan_con span {
  margin-top: 0
}

.slb .znwd_con11,
.slb .znwd_con1 {
  width: 88%;
}

.slb .znwd_r {
  left: 0;
}

.slb .znwd_r12 {
  width: 3rem;
}

.slb .znwd_wrap_con {
  padding-left: 3rem;
}

.slb .hot_list li a em {
  margin-top: .04rem;
}

.slb .znwd_c1 {
  left: 3rem;
}

.slb .znwd_list3 a {
  padding: .06rem .1rem .06rem .3rem;
  background-size: .16rem;
  background-position-x: .1rem;
}

.slb .broadcast_btn img {
  width: .2rem !important;
  height: .2rem !important;
}

.slb #keyWord {
  height: .29rem;
  min-height: .29rem;
  max-height: .92rem;
  margin-bottom: 0;
  line-height: .29rem;
}

.slb .znwd_text {
  align-items: center;
}

@media screen and (max-width:1366px) {
  .slb .znwd_l ul.znwd_icon_list {
    width: 30%;
    top: .1rem;
    height: auto;
    line-height: .3rem;
  }

  .slb .znwd_l ul.znwd_icon_list li {
    line-height: .3rem;
  }

  .slb .znwd_wrap_con {
    padding-left: 0;
  }

  .slb .znwd_c1 {
    left: 50%;
  }
}

@media screen and (max-width:992px) {
  .slb .znwd_c1 {
    left: .2rem;
    top: 0;
    overflow: hidden;
  }

  .znwd_bot {
    display: none;
  }

  .slb .znwd_con11,
  .slb .znwd_con1 {
    width: 100%;
  }

  /* 
  .yy_switch_btn,
  .znwd_home_phone,
  .znwd_more_phone {
    top: .04rem;
    transform: translateY(0)
  } */
}