body {margin: 0;padding: 0;overflow: hidden;}
.touch-mask {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);transition: opacity .2s;z-index: 100;}
.touch-mask-enter, .touch-mask-leave-to {opacity: 0;}
#app {position: absolute;width: 100%;height: 100%;overflow: hidden;box-shadow: 0 0 15px #ccc;}
a {cursor: pointer;}
*{margin: 0;padding: 0;list-style: none;font-family:PingFangSC-Regular, sans-serif}
a{color: #333;text-decoration: none;}
body,html{height: 100%;-webkit-overflow-scrolling: touch;}
::-webkit-scrollbar{display:none;}
input:focus{outline:none;}
input[type="number"],input[type="text"],input[type="button"], input[type="submit"], input[type="reset"]{-webkit-appearance: none;}
input::-webkit-inner-spin-button {-webkit-appearance: none;}
textarea { -webkit-appearance: none;}   
.clear{clear: both;}
.main,.main-box{overflow: auto;margin: 0 auto;width: 100%;max-width: 800px;background: #fff;box-shadow: 0 0 15px #ccc;min-height:100%;}
.main-box{position: relative;}
.clearfix::after{content: '';display: block;clear: both;}
i {font-style:normal;}
#app {-webkit-transform: translateZ(0);-moz-transform: translateZ(0);-ms-transform: translateZ(0);-o-transform: translateZ(0);transform: translateZ(0);}
.child-page {
  background-color: #F7F7FA;
  height: 100%; }

.index-page {
  height: 100%;
  overflow-y: scroll; }

.header {
  height: 44px;
  border-bottom: 1px solid rgba(197, 203, 211, 0.28);
  box-sizing: border-box;
  display: flex;
  align-items: center;
  position: relative;
  padding: 0 12px; }
  .header h2 {
    width: 100%;
    height: 100%;
    position: absolute;
    font-size: 18px;
    color: #333;
    line-height: 43px;
    text-align: center;
    left: 0; }
  .header .back {
    z-index:1;
    width: 15px; }
  .header span {
    color: #333;
    font-size: 15px;
    margin-top: -3px;
    margin-left: 10px; }

.top {
  padding-bottom: 22px;
  box-shadow: 0px 1px 4px 0px #4a4a4a0d; }
  .top .connect {
    height: 40px;
    display: flex;
    padding-top: 21px; }
    .top .connect .logo {
      width: 41px;
      height: 44px;
      margin-left: 35px; }
    .top .connect .content {
      height: 29px;
      background-color: #F0F4F5;
      font-size: 12px;
      color: #555;
      line-height: 29px;
      padding: 0 15px;
      border-radius: 20px;
      margin-left: 15px;
      position: relative; }
      .top .connect .content::before {
        display: block;
        content: "";
        width: 0;
        height: 0;
        border-width: 7px;
        border-style: solid;
        border-color: transparent #F0F4F5 transparent transparent;
        position: absolute;
        top: 0;
        left: -12px;
        bottom: 0;
        margin: auto; }
  .top .button {
    display: block;
    width: 200px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    font-size: 16px;
    font-weight: 600;
    box-shadow: 0px 2px 8px 0px rgba(92, 200, 122, 0.36);
    border-radius: 20px;
    border: 0;
    background-color: #47C55D;
    color: #fff;
    margin: auto;
    margin-top: 23px; }

.border0 {
  border: 0 !important; }

.q-title {
  color: #333;
  font-size: 17px;
  text-indent: 12px;
  position: relative; }
  .q-title::after {
    content: '';
    display: block;
    width: 4px;
    height: 15px;
    background: #47c55d;
    box-shadow: 0px 2px 8px 0px rgba(92, 200, 122, 0.36);
    border-radius: 2px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto; }

.container {
  padding: 25px 12px 0 12px; }
  .container .titles {
    display: flex;
    margin-top: 19px; }
    .container .titles li {
      width: 50%;
      text-align: center;
      font-size: 13px;
      color: #333;
      font-weight: 600; }
      .container .titles li.act {
        color: #47C55D;
        font-size: 15px;
        position: relative; }
        .container .titles li.act::after {
          content: '';
          display: block;
          width: 28px;
          height: 3px;
          background: #47C55D;
          border-radius: 2px;
          position: absolute;
          right: 0;
          bottom: -5px;
          left: 0;
          margin: auto; }
  .container .list {
    padding: 0 10px;
    margin-top: 19px; }
    .container .list li {
      height: 39px;
      line-height: 39px;
      border-bottom: 1px solid rgba(171, 171, 173, 0.24);
      color: #333;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      }
      .container .list li:last-child {
        border: 0; }
    .container .links {
        display: flex;
        margin-top: 19px;
        margin: 19px 35px 0;
    }
    .container .links li a {
      color: rgba(51, 51, 51, 0.8);
      text-align: center;
      font-size: 14px;
      width: 20%;
      box-sizing: border-box; }
      .container .links li:first-child {
        text-align: left; }
      .container .links li:last-child {
        text-align: right; }
    .container .links span {
      width: 20%;
      display: flex;
      vertical-align: middle; }
      .container .links span i {
        margin: auto;
        width: 1px;
        height: 13px;
        background: #484d5969; }
  .container .tel {
    color: #666666;
    font-size: 13px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 21px; }
    .container .tel img {
      margin-left: 9px; }

.container-border {
  box-shadow: 0px 1px 2px 0px #4a4a4a14; }
.container .links li {
    color: rgba(51, 51, 51, 0.8);
    text-align: center;
    font-size: 14px;
    width: 20%;
    box-sizing: border-box;
}
.scroll-container {
  padding: 0 21px;
  height: calc(100% - 44px);
  overflow-y: scroll; }
  .scroll-container .wrapper {
    background: rgba(255, 255, 255, 0.6);
    box-shadow: 0px 2px 14px 0px rgba(198, 203, 209, 0.36);
    padding: 15px 25px;
    margin-top: 25px;
    border-radius: 10px; }
    .scroll-container .wrapper .h-title {
      color: #333333;
      font-size: 17px;
      padding-bottom: 15px;
      border-bottom: 1px solid rgba(197, 203, 211, 0.28); }
    .scroll-container .wrapper .text {
      color: #666666;
      font-size: 15px;
      margin-top: 15px;
      line-height: 23px; }
      .scroll-container .wrapper .text a {
        color: #55A7EE; }
    .scroll-container .wrapper .btns {
      display: flex;
      justify-content: flex-end;
      margin-top: 20px; }
      .scroll-container .wrapper .btns .btn {
        display: block;
        width: 60px;
        height: 34px;
        line-height: 34px;
        background-size: 100% 100%;
        font-size: 14px;
        text-indent: 7px; }
        .scroll-container .wrapper .btns .btn.f {
          color: #f66b4a;
          text-shadow: 0px 2px 14px rgba(237, 116, 91, 0.36);
          text-indent: 10px;
          background-image: url("../image/btn-f.png"); }
        .scroll-container .wrapper .btns .btn.t {
          color: #379EF5;
          text-shadow: 0px 2px 14px rgba(34, 142, 234, 0.36);
          text-indent: 7px;
          background-image: url("../image/btn-t.png"); }
        .scroll-container .wrapper .btns .btn.tc {
            background-image: url("../image/btn-tc.png");
            color: #fff
        }
@media screen and (max-width: 325px) {
  .top .connect .logo {
    margin-left: 5px; }

  .top .connect .content {
    margin-left: 15px; }

  .container .tel {
    margin-top: 10px; } }

/*# sourceMappingURL=css.css.map */