/*
 * @Author: Fuarmy
 * @Date: 2020-11-30 09:30:49
 * @LastEditors: Fuarmy
 * @LastEditTime: 2020-12-01 09:43:43
 * @FilePath: \h5-advisory-system\index.css
 */
html,body,p{margin: 0; }
/* 取消chrome下input和div--- contenteditable的聚焦边框 */
input,button,select,div{outline:none}
/*包含以下四种的链接*/
a,a:link,a:visited,a:active,a:hover {text-decoration: none;}

.zx-content__container {padding: 0 8px;overflow: hidden;color: #333333;}
.zx-content__container>div{margin: 7px 0; font-size: 14px;}
.zx-content__strip1 {display: flex; margin: 10px 3px;}
.zx-content__strip1 .logo {width: 48px; flex-shrink: 0;text-align: center;}
.zx-content__strip1 .logo img {width: 31px; border-radius: 4px; display: inline-block;}
.zx-strip__container {flex-grow: 1;width: 0;}
/* .zx-strip__container::after{content:'';margin-right: 3px;border-top-width: 0;border-bottom-color: #ebeef5;} */
.zx-strip__active{text-align: right;}
.zx-strip__text {background-color: #fff;border-radius: 4px;line-height: 20px;padding: 8px 12px; display: inline-block; word-wrap: break-word;max-width: -webkit-fill-available;max-width: -moz-available;max-width: fill-available;max-width: fill-basis; max-width: -webkit-fill-basis;}
.zx-strip__active .zx-strip__text{background: #5de730;;text-align: left; }
.zx-content__strip2{background: #ffffff;border-radius: 4px;line-height: 20px; }
.zx-item__container {display: flex; padding: 10px 12px; align-items: center;}
.zx-item__container p {flex-grow: 1;}
.zx-item__container i {flex-shrink: 0; width: 7px; margin-left: 16px;background: url('/assets/img/right-point.svg') no-repeat;    display: block;height: 11px;}
.zx-content__item::after{content: ''; display: block; width: 100%; height:2px; background: url('/assets/img/dashed-line.svg') repeat-x;}
.zx-content__item:last-child::after{content: none;}
.zx-item__title {font-family: 'Arial Negreta', 'Arial Normal', 'Arial';font-weight: 700;font-style: normal;font-size: 16px;letter-spacing: 1px;color: #F3270C;}
.zx-item__title>img {
  height: 20px;
}
.zx-content__strip3{
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  background-image: linear-gradient(to right, #edfaff, #c2ebff);
}
.zx-link__item{
  width: 50px;
  min-height: 90px;
  height: auto;
  display: block;
  flex-shrink: 0;
  color: #4678f2;
  background:#ffffff;
  border-radius: 4px;
  margin: 0 3.43px;
  margin-bottom: 6px;
}
.zx-link__item>img{display: block;width: 32px; height: 32px;margin: 6px auto 3px;}
.zx-link__item>p{text-align: center;padding: 0 6px;}


.zx-footer__container {
  position: fixed; bottom: 0; width: 100%; background: #ffffff;-webkit-box-shadow: 0px -1px 5px #eeeff3;
  box-shadow: 0px -1px 5px #eeeff3;
}
.zx-estimate {
  bottom: 8%; width: 100%;
  height: 1.5rem; line-height: 1.5rem; padding: 0 0.6rem;
}
.zx-estimate .item {
  font-size: 16px;
  padding: 9px 12px;
  border-radius: 4px;
  background-color: #4678f2;
  color: #ffffff;
  font-weight:600;
  margin-right: 4px;
  box-shadow: 0px 1px 0px #ffffff, 0px 3px 4px #6981f5;
}
.tip__fail {
  font-size: 12px;
  text-align: center;
  margin-top: -10px;
}
.zx-estimate .item:last-child{margin-right: 0;}
.zx-inputText {
  /* background: #f2f2f2; */
  display: flex;
  padding: 10px 12px;    align-items: flex-end;
}
.zx-input__container {
  background: #f2f2f2;
  flex-grow: 1;
  display: flex;
  align-items: flex-end;
  border-radius: 4px;
  overflow: hidden;
  box-shadow: 0px 1px 0px #ffffff, 0px 3px 4px #6f86ef;
}
.zx-input__container > div {
  flex-grow: 1;
  margin-right: 12px;
  border: none;
  overflow: hidden;
  word-break: break-all;
  line-height: 20px;
  box-sizing: border-box;
  margin: 10px 12px;
  max-height: 80px;
  font-size: 18px;
  /* 兼容 ios */
  -webkit-user-select: text;
}
.zx-input__container .zx-onput__emoji {
  width: 30px; height:30px; flex-shrink: 0; margin-bottom: 5px; margin-right: 12px;
  background-image: url('/assets/img/emoji.svg');
}
.zx-input__more,
.zx-input__send{flex-shrink: 0; margin-left: 12px;}
.zx-input__more{width: 30px; height:30px; margin-bottom: 5px;background-image: url('/assets/img/openmore.svg');}
.zx-input__send{
  width: 75px;
  font-weight: 600;
  height: 37px;
  border: none;
  border-radius: 4px;
  font-size: 16px;
  color: #ffffff;
  background-color: #4678f2;
  box-shadow: 0px 1px 0px #ffffff, 0px 3px 4px #6981f5;
}


  /* 评价 */
.zx-eval__header {
  background: #f2f2f2; height: 60px; line-height:60px;padding: 0 12px; display:flex; align-items:center;
  border-bottom: 1px solid #d7d7d7;
}
.zx-eval__header p {flex-grow: 1;}
.zx-eval__close{
  width: 16px; height:16px;display: block; flex-shrink: 0;
  background-image: url('/assets/img/close.svg'); background-size: 100% 100%;
}
.zx-eval__body {padding: 0px 12px 16px; text-align:center;}
.zx-eval__score {display: flex; justify-content: center; margin: 16px 0 10px;}
.zx-eval__score i {
  display: block; width: 30px; height: 30px; background-image: url('/assets/img/eval.png');
  background-size: 100% 100%; margin: 0 12px;
}
.zx-eval__score .zx-eval-score__avtive {
  background-image: url('/assets/img/eval__active.png');
}
.zx-eval__demand{padding: 14px 0 4px; display: flex; justify-content: center; flex-wrap: wrap;}
.zx-eval__demand span {
  padding: 5px 12px; border-radius: 20px; color: #7f7f7f;
  margin-right: 8px; border: 1px solid #aaaaaa; margin-bottom: 12px;
}
.zx-eval__demand .zx-eval-demand__avtive{color: #ffffff; background: #f3270c; border-color:  #f3270c;}
.zx-eval__demand span:last-child{margin-right:0;}
.zx-eval__submit {width: 100%; height: 40px; color: #ffffff; background: #f3270c; border: none;}