/* =========================================================
   公共页：投诉反馈 / 用户服务协议 / 隐私政策
   样式取自原 public_page，保持原有尺寸与版式
   ========================================================= */

@font-face {
  font-family: "public-iconfont";
  src: url("../fonts/public-iconfont.woff2") format("woff2");
  font-display: swap;
}

body[data-route="complain"] {
  background: #eee;
}
body[data-route="serviceTerm"],
body[data-route="privacyTerm"] {
  background: #fff;
}
body[data-route="complain"] #sxystfa {
  background: #eee;
  box-shadow: none;
}
body[data-route="serviceTerm"] #sxystfa,
body[data-route="privacyTerm"] #sxystfa {
  background: #fff;
  box-shadow: none;
}

/* =========================================================
   用户服务协议 / 隐私政策
   ========================================================= */
#term {
  font-size: .4rem;
  letter-spacing: .01333rem;
  text-align: justify;
  background: #fff;
  min-height: 100vh;
  color: #333;
  font-family: MicrosoftYaHei, Arial, Helvetica, sans-serif;
}
#term .term_cont {
  padding: .4rem .26667rem;
}
#term .term_cont .term_tl {
  font-size: .48rem;
  font-weight: 700;
  text-align: center;
  margin-bottom: .4rem;
}
#term .term_cont .yinyan {
  font-weight: 700;
}
#term .term_cont .yinyan p {
  margin-bottom: .13333rem;
}
#term .term_cont .item {
  margin-top: .26667rem;
}
#term .term_cont .item img {
  width: 100%;
}
#term .term_cont .item .item_tl {
  font-weight: 700;
  line-height: .8rem;
}
#term .term_cont .item p {
  margin-bottom: .13333rem;
}
#term .term_cont .item a {
  color: #00f;
  text-decoration: underline;
}
#term .term_cont .item .sub_item span {
  display: block;
  margin-bottom: .13333rem;
}

/* =========================================================
   投诉反馈 - 原因列表
   ========================================================= */
#complain {
  font-size: .4rem;
  letter-spacing: .01333rem;
  background: #eee;
  width: 100%;
  min-height: 100vh;
  font-family: MicrosoftYaHei, Arial, Helvetica, sans-serif;
}
#complain .complain_cont {
  background: #fff;
}
#complain .complain_cont .tl {
  line-height: 1.18667rem;
  color: #666;
  background: #eee;
  padding-left: .24rem;
}
#complain .complain_cont .complainWhy {
  padding: 0 .26667rem;
}
#complain .complain_cont .complainWhy li {
  border-bottom: .02667rem solid #cecece;
  display: flex;
  justify-content: space-between;
  align-items: center;
  line-height: 1.33333rem;
  color: #000;
  font-size: .4rem;
  cursor: pointer;
}
#complain .complain_cont .complainWhy li:first-child {
  border-top: none;
}
#complain .complain_cont .complainWhy li:last-child {
  border-bottom: none;
}
#complain .complain_cont .complainWhy li .complain-chevron {
  font-family: public-iconfont;
  font-style: normal;
  font-size: .34667rem;
  line-height: inherit;
  color: #b2b2b2;
  flex: 0 0 auto;
}
#complain .complain_cont .complainWhy li .complain-chevron::before {
  content: "\e501";
}

/* =========================================================
   投诉反馈 - 表单
   ========================================================= */
#complain_table {
  background: #eee;
  width: 100%;
  min-height: 100vh;
  font-size: .4rem;
  letter-spacing: .01333rem;
  font-family: MicrosoftYaHei, Arial, Helvetica, sans-serif;
}
#complain_table .complain_why .title {
  line-height: 1.18667rem;
  padding: 0 .26667rem;
  background: #eee;
}
#complain_table .complain_why .cont li {
  position: relative;
  background: #fff;
}
#complain_table .complain_why .cont li:last-child {
  margin-bottom: 0;
  padding: 0 .26667rem;
}
#complain_table .complain_why .cont li:first-child {
  line-height: 1.33333rem;
  font-size: .4rem;
  color: #000;
  padding: 0 .26667rem;
}
#complain_table .complain_why .cont .textInput {
  width: 100%;
  min-height: 4.66667rem;
  padding: .13333rem .26667rem .26667rem;
  font-size: .4rem;
  border: none;
}
#complain_table .complain_why .cont .zishu {
  position: absolute;
  right: .13333rem;
  bottom: .06667rem;
  color: #999;
}
#complain_table .complain_why .cont .zishu span {
  color: #000;
}
#complain_table .complain_why .cont .lxfs {
  height: 1.33333rem;
  display: flex;
  align-items: center;
  color: #000;
  border-bottom: .02667rem solid #cecece;
}
#complain_table .complain_why .cont .phoneInp {
  width: 100%;
  height: 1.33333rem;
  line-height: 1.33333rem;
  padding: 0 .13333rem;
  border: none;
  margin-top: .13333rem;
  font-size: .4rem;
  font-family: Arial, Helvetica, sans-serif;
}
#complain_table .btn {
  padding: 0 .26667rem;
  margin-top: .66667rem;
}
#complain_table .btn p {
  width: 100%;
  font-size: .53333rem;
  color: #fff;
  border: 1px solid #ccc;
  background: #2aa339;
  text-align: center;
  line-height: 1.06667rem;
  border-radius: .13333rem;
  cursor: pointer;
}