.fl {
  float: left; }

.fr {
  float: right; }

.clearfix:after {
  display: block;
  clear: both;
  content: "";
  visibility: hidden;
  height: 0; }

.clearfix {
  zoom: 1; }

body {
  background: #fff;
  font-size: 0.32rem; }

.bottom20 {
  border-bottom: 0.26667rem solid #F3F4F8; }

.container {
  position: relative;
  height: 100vh; }

.help_main {
  position: absolute;
  top: 1.17333rem;
  bottom: 1.30667rem;
  width: 100%;
  background: #F3F4F8;
  overflow-y: auto; }

.all_view {
  padding: 0.26667rem 0; }
  .all_view .jmTxt {
    height: 0.8rem;
    line-height: 0.8rem;
    font-size: 0.34667rem;
    color: #979da8;
    text-align: center;
    margin: 0.34667rem 2rem 0.21333rem;
    background: rgba(225, 228, 234, 0.7);
    border-radius: 0.44rem;
    transition: 0.4s; }
    .all_view .jmTxt.hide {
      opacity: 0; }
    .all_view .jmTxt.show {
      opacity: 1; }
    .all_view .jmTxt .icon {
      display: inline-block;
      background: url(/m/images/im/icon_signal.png) left center no-repeat;
      background-size: 0.30667rem auto;
      background-position: left center;
      padding-left: 0.49333rem; }
    .all_view .jmTxt .icon2 {
      display: inline-block;
      background: url(/m/images/im/icon_refresh.png) left center no-repeat;
      background-size: 0.30667rem auto;
      background-position: left center;
      padding-left: 0.49333rem; }
  .all_view .item {
    padding: 0.21333rem 0.4rem;
    transition: 0.4s; }
    .all_view .item.hide {
      opacity: 0; }
    .all_view .item.show {
      opacity: 1; }
  .all_view .blue {
    color: #3b85ff; }
  .all_view .question_view {
    position: relative;
    display: flex; }
    .all_view .question_view .content {
      margin-top: 0.13333rem;
      padding-right: 1.33333rem; }
    .all_view .question_view .desc {
      background: #fff;
      font-size: 0.4rem; }
      .all_view .question_view .desc:after {
        left: -0.24rem; }
  .all_view .reply_con {
    position: relative;
    display: flex;
    text-align: right; }
    .all_view .reply_con .content {
      margin-top: 0.13333rem;
      padding-left: 1.33333rem; }
    .all_view .reply_con .desc {
      text-align: left;
      background: #59a6d2;
      color: #fff;
      width: 100%;
      box-sizing: border-box;
      font-size: 0.4rem; }
      .all_view .reply_con .desc:after {
        right: -0.24rem;
        border-color: transparent transparent transparent #59a6d2; }
    .all_view .reply_con .norFlex {
      display: flex; }
    .all_view .reply_con .mes {
      font-size: 0.29333rem;
      color: #00c49f;
      line-height: 1;
      padding-top: 0.17333rem; }
      .all_view .reply_con .mes.red {
        color: red; }
    .all_view .reply_con .date {
      flex: 1;
      text-align: right;
      padding-right: 0.38667rem; }
  .all_view .temp_box {
    width: 1.06667rem;
    height: 1.06667rem;
    border-radius: 50%;
    overflow: hidden; }
    .all_view .temp_box .temp {
      width: 100%; }
  .all_view .content {
    flex: 1;
    padding: 0 0.24rem;
    position: relative; }
    .all_view .content .edit_icon {
      position: absolute;
      width: 0.48rem;
      height: 0.45333rem;
      left: -0.74667rem;
      bottom: 0; }
  .all_view .desc {
    position: relative;
    display: inline-block;
    padding: 0.26667rem 0.4rem;
    min-height: 0.4rem;
    background: #fff;
    border-radius: 0.21333rem;
    line-height: 0.53333rem;
    font-size: 0.4rem;
    color: #333; }
    .all_view .desc:after {
      content: '';
      position: absolute;
      display: block;
      width: 0;
      height: 0;
      top: 0.26667rem;
      border-width: 0.13333rem;
      border-style: solid;
      border-color: transparent #fff transparent transparent; }
  .all_view .date {
    font-size: 0.29333rem;
    color: #bfbfbf;
    padding-left: 0.38667rem;
    line-height: 1;
    padding-top: 0.17333rem; }

.p_bottom {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 2;
  min-height: 1.30667rem;
  background: #fff;
  overflow: hidden; }

.bot_flex {
  display: flex;
  box-sizing: border-box;
  padding: 0.4rem 0.4rem;
  min-height: 0.88rem;
  justify-content: center;
  align-items: center; }
  .bot_flex.hide {
    display: none; }

.flex_m {
  flex: 1;
  min-height: 2.8rem;
  padding: 0.06667rem 0.2rem;
  border-radius: 0.44rem;
  background-color: #f3f4f8;
  overflow: hidden;
  margin-right: 0.32rem;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box; }
  .flex_m .text {
    width: 100%;
    height: 2.5rem;
    max-height: 2.3rem;
    line-height: 0.53333rem;
    font-size: 0.4rem;
    background-color: #f3f4f8;
    border: none;
    outline: none; }

.btnMain {
  width: 1.86667rem;
  height: 0.88rem; }
  .btnMain .btn {
    width: 1.86667rem;
    height: 0.88rem;
    background-color: #2285bf;
    border-radius: 0.44rem;
    font-size: 0.4rem;
    line-height: 0.88rem;
    text-align: center;
    color: #fff;
    padding: 0;
    outline: none; }
    .btnMain .btn.active {
      background-color: #00c49f;
      border-color: #00c49f; }
      .btnMain .btn.active:after {
        border-color: #00c49f; }
    .btnMain .btn:after {
      border-color: #00c49f; }

.pop {
  background: rgba(0, 0, 0, 0.6);
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 999;
  top: 0;
  padding-top: 1.06667rem; }

.login {
  font-size: 0.4rem;
  padding: 0.8rem 0.66667rem;
  background-color: #fff;
  /*overflow: hidden;*/
  margin: 1.33333rem 0.8rem;
  border-radius: 0.53333rem;
  position: relative; }

.login .subtitle {
  font-size: 0.45333rem;
  font-weight: bold;
  text-align: center;
  color: #303741; }

.info {
  font-size: 0.32rem;
  color: #8f96a0;
  text-align: center;
  margin-top: 0.13333rem;
  margin-bottom: 0.26667rem; }

.login .input-w {
  display: flex;
  align-items: center;
  padding: 0.48rem 0; }

.login .input {
  display: block;
  margin: 0;
  padding: 0;
  font-size: 0.42667rem;
  flex: 1; }

.login .code {
  color: #12c48c;
  font-size: 0.37333rem;
  padding: 0 0.26667rem; }

.login .yzm {
  width: 2.13333rem;
  height: 0.84rem; }

.yzm-img {
  display: block;
  width: 2.08rem;
  height: 0.88rem; }

.login .input-p {
  font-size: 0.42667rem;
  color: #8f96a0 !important; }

.login .prompt {
  color: #ff373c;
  font-size: 0.32rem;
  line-height: 0.53333rem;
  height: 1.06667rem;
  padding-top: 0.13333rem; }

.login .btn {
  width: 100%;
  height: 1.14667rem;
  line-height: 1.14667rem;
  border-radius: 1.14667rem;
  font-size: 0.48rem;
  background-color: #12c48c !important;
  margin: 0; }

.login .disable {
  background-color: #dedcdc !important; }

.close-btn {
  position: absolute;
  right: -0.90667rem;
  transform: translateX(-50%);
  top: -0.4rem;
  z-index: 8; }

.n_pop_box {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 10; }
  .n_pop_box .bg {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3); }
  .n_pop_box .box {
    position: absolute;
    top: 8%;
    left: 5%;
    width: 90%;
    height: 84%;
    background: #fff;
    border-radius: 0.21333rem; }
  .n_pop_box .con {
    position: absolute;
    top: 0;
    bottom: 1.57333rem;
    width: 100%; }
  .n_pop_box .a_article {
    position: absolute;
    height: 100%;
    width: 100%;
    overflow-y: auto; }
    .n_pop_box .a_article .pd {
      padding: 0.53333rem 0.4rem; }
  .n_pop_box .btn {
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0;
    height: 1.44rem;
    line-height: 1.44rem;
    text-align: center; }
    .n_pop_box .btn .link {
      display: inline-block;
      width: 3.44rem;
      height: 0.88rem;
      line-height: 0.90667rem;
      text-align: center;
      font-size: 0.48rem;
      color: #14C393;
      text-align: center; }
      .n_pop_box .btn .link:after {
        border-radius: 1.33333rem;
        border-color: #14c393; }
  .n_pop_box .law_notice_main {
    font-size: 0.37333rem; }
    .n_pop_box .law_notice_main .t_title {
      font-size: 0.5rem;
      color: #303741;
      font-weight: bold;
      margin-bottom: 0.53333rem; }
    .n_pop_box .law_notice_main .notice_tl {
      padding: 0.4rem;
      text-align: justify;
      background: #f3f4f8;
      color: #a6a8ae;
      line-height: 0.48rem;
      font-size: 0.32rem;
      margin-bottom: 0.8rem; }
    .n_pop_box .law_notice_main .n_title {
      font-size: 0.48rem;
      color: #303741;
      font-weight: bold;
      margin-bottom: 0.53333rem; }
    .n_pop_box .law_notice_main .n_article {
      line-height: 0.74667rem;
      font-size: 0.37333rem;
      color: #303741;
      margin-bottom: 0.8rem; }

.s_pop_box {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 10; }
  .s_pop_box .bg {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3); }
  .s_pop_box .box {
    position: absolute;
    left: 5%;
    right: 5%;
    top: 30%;
    background: #fff;
    border-radius: 0.21333rem;
    text-align: center; }
  .s_pop_box .tl {
    color: #303741;
    font-size: 0.48rem;
    padding-top: 0.90667rem;
    padding-bottom: 0.50667rem;
    font-weight: 700; }
  .s_pop_box .txt {
    color: #BDBFC5;
    font-size: 0.4rem;
    line-height: 0.56rem;
    padding-bottom: 0.93333rem; }
  .s_pop_box .bot {
    display: block;
    height: 1.17333rem;
    line-height: 1.17333rem;
    text-align: center;
    font-size: 0.48rem;
    color: #2285bf;
    border-top: 1px solid #eee; }

.phone_pop {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 10;
  display: none; }
  .phone_pop.active {
    display: block; }
    .phone_pop.active .phone_con {
      bottom: 0;
      animation: showBot 0.5s; }
      .phone_pop.active .phone_con.toBot {
        animation: showTop 0.6s; }
  .phone_pop .bg {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3); }
  .phone_pop .phone_con {
    position: absolute;
    width: 100%;
    bottom: -100%;
    transition: 0.5s;
    left: 0;
    background: #fff;
    border-radius: 0.21333rem 0.21333rem 0 0;
    box-shadow: 0px 1px 0.66667rem 0px rgba(48, 55, 65, 0.3); }
  .phone_pop .slide_down {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1.06667rem; }
    .phone_pop .slide_down:after {
      content: '';
      display: block;
      width: 1.2rem;
      height: 0.10667rem;
      background: #eee;
      border-radius: 0.21333rem;
      margin: 0.21333rem auto 0; }
  .phone_pop .pd {
    padding: 1.06667rem 0.8rem; }
  .phone_pop .tl {
    line-height: 0.74667rem;
    font-size: 0.53333rem;
    color: #303741;
    font-weight: 700;
    margin-bottom: 0.12rem; }
  .phone_pop .tips {
    color: #14c393;
    font-size: 0.32rem; }
  .phone_pop .login_form {
    margin-top: 0.8rem; }
    .phone_pop .login_form .item {
      padding-bottom: 0.33333rem;
      overflow: hidden;
      display: flex; }
      .phone_pop .login_form .item.focus {
        border-bottom-color: #6cac36; }
    .phone_pop .login_form .nor_err {
      margin-top: 0.02667rem;
      height: 0.44rem; }
    .phone_pop .login_form .errTxt {
      height: 0.44rem;
      display: none;
      color: #ccc;
      font-size: 0.26rem;
      line-height: 0.42667rem;
      text-align: center;
      padding-top: 0.3rem; }
      .phone_pop .login_form .errTxt.yerr {
        display: block; }
    .phone_pop .login_form .txt {
      display: block;
      width: 0.64rem;
      color: #333;
      text-indent: -999em;
      background-repeat: no-repeat;
      background-position: center center;
      margin-right: 0.48rem; }
      .phone_pop .login_form .txt.icon01 {
        background-image: url(/m/images/im/icon_mobile.png);
        background-size: 0.42667rem auto; }
      .phone_pop .login_form .txt.icon02 {
        background-image: url(/m/images/im/icon_email.png);
        background-size: 0.52rem auto; }
    .phone_pop .login_form .inputTxt {
      display: block;
      flex: 1;
      font-size: 0.45333rem;
      line-height: 0.64rem;
      border: none;
      background: none;
      width: 60%;
      font-family: PingFang SC,Microsoft YaHei;
      outline: none;
      color: #333; }
    .phone_pop .login_form .sendMes {
      display: block;
      padding: 0 0.26667rem;
      height: 0.74667rem;
      line-height: 0.74667rem;
      text-align: center;
      border-radius: 0.37333rem;
      font-size: 0.32rem;
      color: #bfbfbf;
      cursor: not-allowed; }
      .phone_pop .login_form .sendMes:after {
        border-radius: 2.66667rem;
        border-color: #e1e4ea; }
      .phone_pop .login_form .sendMes.active {
        background-color: #ffffff;
        box-shadow: 0px 0.05333rem 0.10667rem -0.02667rem rgba(0, 0, 0, 0.1);
        color: #333;
        cursor: pointer; }
      .phone_pop .login_form .sendMes.sendFlag {
        color: #999; }
    .phone_pop .login_form .btn_item {
      margin-top: 0.33333rem; }
    .phone_pop .login_form .sub_btn {
      width: 100%;
      background: #2285bf;
      height: 1.17333rem;
      line-height: 1.17333rem;
      border-radius: 0.58667rem;
      border: none;
      color: #fff;
      font-size: 0.45333rem;
      text-align: center;
      cursor: not-allowed;
      outline: none; }
      .phone_pop .login_form .sub_btn.active {
        background: #85bddd;
        cursor: pointer; }
      .phone_pop .login_form .sub_btn.subFlag {
        opacity: 0.7;
        cursor: not-allowed; }

@keyframes showBot {
  from {
    opacity: 0;
    bottom: -100%; }
  to {
    opacity: 1;
    bottom: 0; } }

@-webkit-keyframes showBot {
  from {
    opacity: 0;
    bottom: -100%; }
  to {
    opacity: 1;
    bottom: 0; } }

@keyframes showTop {
  from {
    opacity: 1;
    bottom: 0; }
  to {
    opacity: 0;
    bottom: -100%; } }