[v-cloak] {
  display: none; }

body,
html {
  background: #f4f4f4 !important; }

.fs60 {
  font-size: 1rem; }

.fs46 {
  font-size: 0.91333rem; }

.fs40 {
  font-size: 0.83333rem; }

.fs42 {
  font-size: 0.86rem; }

.fs44 {
  font-size: 0.88667rem; }

.fs38 {
  font-size: 0.78rem; }

.fs36 {
  font-size: 0.78rem; }

.fs34 {
  font-size: 0.75333rem; }

.fs32 {
  font-size: 0.82667rem; }

.fs30 {
  font-size: 0.7rem; }

.f30 {
  font-size: 0.6rem !important; }

.fs26 {
  font-size: 0.64667rem !important; }

.fs22 {
  font-size: 0.59333rem; }

.fs24 {
  font-size: 0.62rem; }

.fs28 {
  font-size: 0.67333rem !important; }

.fc-fff {
  color: #fff; }

.fc-black1 {
  color: #383b42; }

.fc-black2 {
  color: #80838a; }

.fc-black3 {
  color: #cbccce; }

.fc-blue {
  color: #1f7ef2; }

.fc-blakd {
  color: #333; }

.fc-blue1 {
  color: #8ebfff; }

.fc-lightBlue {
  color: #576788; }

.fc-red {
  color: #f53b3c; }

.fc-org {
  color: #FF6F24; }

.fc-cheng {
  color: #ff7022; }

/*padding*/
.pd-lr40 {
  padding-left: 0.53333rem;
  padding-right: 0.53333rem; }

.pd-all40 {
  padding: 0.53333rem; }

/* left right 40*/
.left-40 {
  left: 0.53333rem; }

.right-40 {
  right: 0.53333rem; }

.right-20 {
  right: 0.13333rem; }

.bold {
  font-weight: bold; }

.normal {
  font-weight: normal; }

.bgfff {
  background-color: #fff; }

.blueBtn {
  background: #1f7ef2;
  font-size: 0.65333rem;
  color: #fff;
  text-align: center;
  width: 15.90667rem;
  height: 2.28rem;
  line-height: 2.28rem;
  border-radius: .1rem;
  margin: 0 auto; }

.blueBtn:active {
  opacity: .8; }

.btnBg {
  height: 2.34667rem;
  width: 100%;
  position: relative;
  background: #fff; }

.blueBtnMid {
  width: 6.8rem; }

.cenBtn {
  width: 100%; }

.handleBtn {
  padding: 0 0.53333rem; }

.fixedBottom {
  padding: 0 0.53333rem;
  background: #fff; }

/*pay-main*/
.pay-head {
  width: 100%;
  height: 3.8rem;
  background: url(../img/main/head.jpg);
  background-size: 100% 100%; }
  .pay-head .title {
    color: #fff;
    margin-top: 1.26667rem; }
  .pay-head p {
    color: #fff;
    font-size: 0.64667rem; }

.account {
  width: 100%;

  height: 3.02667rem; }
  .account .card {
    border: 1px solid #F0F0F0;
    z-index: 10;
    width: 100%;
    height: 100%;
    background: #fff;
    border-radius: .1rem; }
    .account .card .three {
      width: 33.3333%;
      height: 100%;
      float: left; }
      .account .card .three h1 {
        margin-top: .7rem;
        text-align: center;
        color: #cbccce;
        font-size: 0.49333rem; }
      .account .card .three p {
        text-align: center;
        font-size: 0.6rem;
        font-weight: bold; }
    .account .card .two {
      width: 50%;
      height: 100%;
      float: left; }
      .account .card .two p {
        text-align: center;
        font-size: 0.48rem;
        font-weight: bold;
        margin-top: .4rem; }
      .account .card .two h1 {
        text-align: center;
        color: #80838a;
        font-size: 0.29333rem; }
  .account .writeBox {
    width: 10rem;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 1rem;
    background: #fff;
    z-index: 0; }

.pay-num {
  background: #fff;
  width: 100%; }
  .pay-num .title {
    padding-top: 0.6rem;
    overflow: hidden;
    line-height: 0.85333rem; }
  .pay-num .inpBox {
    height: 2.33333rem; }
    .pay-num .inpBox input {
      border: none; }
  .pay-num .tishi {
    width: .7rem; }

.tishi {
  width: .67rem;
  margin-left: px; }

.pay-num::after {
  content: "";
  display: block;
  height: 0;
  margin-left: 0.53333rem;
  border-bottom: 1px solid #F0F0F0; }

.paycard-box .card {
  float: left;
  margin-right: 0.45333rem;
  width: 4.06667rem;
  height: 2.33333rem;
  line-height: 1.33333rem;
  text-align: center;
  border: 1px solid transparent;
  background: #e6ecff;
  border-radius: .1rem;
  margin-bottom: 0.29333rem;
  margin-top: 0.29333rem;
  font-size: 0.64667rem;
  color: #71819c; }
.paycard-box .card:nth-of-type(3n) {
  margin-right: 0; }
.paycard-box .card.active {
  border: 1px solid #1f7ef2;
  background: #f1f8ff;
  color: #1f7ef2;
  font-weight: bold; }
.paycard-box .card.disable {
  text-decoration: line-through;
}

.listItem {
  position: relative;
  width: 100%;
  padding: 0 0.53333rem;
  height: 2.33333rem;
  line-height: 2.33333rem;
  background-color: #fff; }
  .listItem .title {
    font-size: 0.6rem; }
  .listItem .right {
    font-size: 0.69333rem; }

.right:active {
  color: #b1dbff; }

.listItem.rIcon {
  padding: 0 1.06667rem 0 0.53333rem;
  background: url(../img/icon-right.png) no-repeat 9.2rem center;
  background-size: .3rem;
  background-color: #fff; }

.listItem::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  width: 9.46667rem;
  border-bottom: 1px solid #F0F0F0; }

.payitem:active,
.listItem:active {
  background: #f0f0f0; }

.payitem {
  background: #fff;
  height: 2.6rem; }
  .payitem img {
    width: 1.11333rem; }
  .payitem .content {
    width: 15rem;
    left: 1.8rem; }
    .payitem .content h1 {
      font-size: 0.6rem;
      font-weight: bold; }
    .payitem .content p {
      color: #80838a;
      font-size: 0.62rem; }

.payitem::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0.53333rem;
  width: 9.46667rem;
  border-bottom: 1px solid #F0F0F0; }

.pay-mingxi .title {
  height: 3.6rem;
  line-height: 2.6rem;
  border-bottom: 1px solid #F0F0F0;
  color: #383b42;
  width: 100%; }
  .pay-mingxi .title img {
    width: .4rem; }
.pay-mingxi .title:active {
  background: #F0F0F0; }
.pay-mingxi h2 {
  height: 2.13333rem; }
  .pay-mingxi h2 img {
    width: 1.2rem; }
  .pay-mingxi h2 p {
    left: 1.6rem; }
.pay-mingxi .item {
  height: 1.6rem; }
.pay-mingxi .cardBox .card {
  float: left;
  position: relative;
  width: 33.33%;
  margin-bottom: .4rem; }
  .pay-mingxi .cardBox .card div {
    height: 1.6rem;
    border: 1px solid #F0F0F0;
    box-shadow: 0 0 5px #ddd;
    width: 90%;
    margin: 0 auto; }
    .pay-mingxi .cardBox .card div h1 {
      margin-top: .3rem; }

.pay-total {
  padding: 0.53333rem; }
  .pay-total table tr td:first-child {
    width: 10rem;
    height: 1.0rem;
    line-height: 1.0rem; }

/*cuponList*/
.cuponListBody {
  padding: 0.53333rem;
  padding-bottom: 1.86667rem; }
  .cuponListBody .notUse {
    margin-bottom: 0.26667rem;
    width: 100%;
    height: 1.33333rem;
    line-height: 1.33333rem;
    border: 1px solid #F0F0F0;
    border-radius: .2rem;
    background: #fff;
    box-shadow: 0 0 5px #ddd; }
  .cuponListBody .cupon-card {
    margin-bottom: 0.26667rem;
    position: relative;
    width: 100%;
    height: 2.8rem;
    border: 1px solid #F0F0F0;
    border-radius: .2rem;
    background: #fff;
    box-shadow: 0 0 5px #ddd; }
    .cuponListBody .cupon-card .dot {
      width: 0.42667rem;
      height: 0.42667rem;
      display: block;
      background: #f4f4f4;
      border-radius: 50%; }
    .cuponListBody .cupon-card .dot:nth-of-type(1) {
      left: -0.21333rem; }
    .cuponListBody .cupon-card .dot:nth-of-type(2) {
      right: -0.21333rem; }
    .cuponListBody .cupon-card .title {
      margin-top: 0.48rem;
      margin-bottom: 0.4rem; }
      .cuponListBody .cupon-card .title b {
        display: inline-block;
        width: 0.13333rem;
        height: 0.37333rem;
        background: #f53b3c; }
    .cuponListBody .cupon-card .line {
      height: 0.4rem;
      border-bottom: 1px dashed #ddd; }
  .cuponListBody .notUse.active,
  .cuponListBody .cupon-card.active {
    border: 1px solid #b1dbff;
    box-shadow: 0 0 5px #0062CC; }

/*historyBill*/
.chatsBox {
  background: #fff;
  padding-bottom: 0.26667rem; }
  .chatsBox .title {
    padding: 0 0.53333rem;
    height: 1.33333rem;
    line-height: 1.33333rem;
    font-size: 0.4rem;
    font-weight: bold;
    color: #383b42; }

.historyBill-content {
  background: #fff;
  padding-bottom: 100%; }
  .historyBill-content .card {
    border: 1px solid #ddd;
    margin: 20px 50px;
    box-shadow: 2px 2px 5px #ddd;
    border-radius: 20px; }
    .historyBill-content .card .title {
      height: 1.33333rem; }
    .historyBill-content .card .content {
      height: 2.26667rem; }
      .historyBill-content .card .content .lbox {
        left: 0.53333rem; }
      .historyBill-content .card .content .rbox {
        left: 5rem; }
        .historyBill-content .card .content .rbox p {
          line-height: .6rem; }
  .historyBill-content .card:first-child {
    margin-top: 0; }

.topHead {
  height: 3.33333rem; }

.topHeads {
  height: 3.16667rem; }

.bottomBar {
  border-top: 1px solid #F0F0F0;
  height: 3.33333rem;
  background: #fff;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0; }
  .bottomBar .title {
    height: 1.2rem;
    line-height: 1.2rem; }

/*bill*/
.bill-top {
  width: 100%;
  height: 2.26667rem;
  padding: 0 0.8rem;
  background: #fff; }
  .bill-top .card {
    width: 33.333%;
    float: left; }
    .bill-top .card h1 {
      margin-top: .4rem; }

.sel_cus span:first-child {
  background: url(../img/jiaobiao2.png) no-repeat right center;
  background-size: 0.6rem;
  margin-right: 5px;
  display: inline-block;
  width: 62%; }



.sel_one, .selAdd {
  margin: 0.2rem 0;
  font-size: 0.8rem !important; }
  .sel_one span, .selAdd span {
    font-weight: bold;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; }
  .sel_one span:first-child, .selAdd span:first-child {
    margin-right: 5px;
    display: inline-block;
    width: 55%; }
  .sel_one span:last-child, .selAdd span:last-child {
    color: #fff;
    background: url(../img/jiaobiao2.png) no-repeat right center;
    background-size: 0.6rem;
    padding-right: 5px;
    width: 110px;
    float: right; }
  .sel_one .writeCutNo, .selAdd .writeCutNo {
    width: 6.93333rem;
    float: left;
    color: #1a8fc1;
    height: unset;
    line-height: unset;
    padding: 0;
    margin: 0;
    background: none !important;
    outline: none;
    border: none;
    border-bottom: 2px solid #1a8fc1;
    text-align: center;
    font-weight: bold;
    border-radius: unset;
    font-size: 0.6rem;
  }

.bill-minxi .title {
  padding: 0 0.33333rem;
  height: 1rem;
  line-height: 1rem;
  margin-top: 0.25rem;
  font-weight: bold;
  font-size: 0.4rem;
  color: #383b42; }
.bill-minxi .content .card {
  background: #fff;
  height: 1.61333rem;
  width: 2.93333rem;
  float: left;
  border-radius: .1rem;
  box-shadow: 0 0 5px #ddd;
  margin-right: .4rem;
  padding: 0.26667rem; }
.bill-minxi .content .card:last-child {
  margin-right: 0; }

.selCss {
  height: 3.06667rem;
  border: none;
  display: block;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: url(../img/bill.jpg) no-repeat right center !important;
  background-size: 1.5rem !important;
  font-size: 0.5rem;
  color: #fff;
  width: 6.8rem !important;
  margin-bottom: 0.13333rem;
  padding: 0; }

.selCsses {
  color: #fff;
  float: right;
  background: url(../img/jiaobiao2.png) no-repeat right center;
  background-size: 0.5rem;
  font-size: 0.34667rem;
  width: 2.4rem;
  padding: 0; }

.billBsRead {
  margin-bottom: 2.93333rem; }

.bill-chaobiao {
  position: relative;
  padding-top: .8rem;
  margin-bottom: 0.4rem; }
  .bill-chaobiao .title {
    padding: 0.26667rem 0; }
  .bill-chaobiao .content {
    border-bottom: 1px solid #F0F0F0; }
    .bill-chaobiao .content .arrow {

      width: 1rem; }
    .bill-chaobiao .content .card {
      position: relative;
      width: 50%;
      height: 4.06667rem;
      float: left; }
      .bill-chaobiao .content .card h1 {
        font-size: 0.32rem; }
        .bill-chaobiao .content .card h1 span {
          font-size: 0.6rem; }

.bill-total {
  overflow: hidden;
  height: 2rem;
 }
  .bill-total .card {
    float: left;
    height: 2rem;
    width: 33.3333%;
    margin-top: .45rem; }

.bill-bottomBar {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  height: 2.93333rem;
  background: #fff;
  border-top: 1px solid #F0F0F0;
  background: #f4f4f4; }
  .bill-bottomBar p {
    text-align: center;
    height: 1.33333rem;
    line-height: 1.33333rem;
    position: relative; }
    .bill-bottomBar p span {
      width: 50%;
      text-align: center;
      line-height: 1.33333rem; }
    .bill-bottomBar p span:active {
      color: #00BFFF; }
    .bill-bottomBar p b {
      display: inline-block;
      height: .5rem;
      border-right: 1px solid #ddd;
      z-index: 9999; }
  .bill-bottomBar p:active {
    color: #00BFFF; }

/*changePlace*/
.changePlace .top {
  width: 100%;
  height: 3.22667rem;
  font-weight: bold;
  background: #fff;
  text-align: center;
  color: #576789;
  margin-top: .4rem; }
  .changePlace .top .top_1 img {
    width: 4.26667rem; }
  .changePlace .top .top_2 {
    margin-top: 0.2rem;
    display: flex;
    align-items: center;
    justify-content: center; }
    .changePlace .top .top_2 img {
      flex-grow: 1;
      width: 1.2rem; }
    .changePlace .top .top_2 span {
      flex-grow: 1;
      flex-shrink: 0;
      font-size: 0.45333rem; }

/*stopNotice*/
.stopNotice .topBox {
  width: 100%;
  height: 1.33333rem;
  background: #5687c9; }
  .stopNotice .topBox p {
    padding-left: 0.53333rem;
    color: #f5f6f8;
    height: 100%;
    line-height: 1.33333rem;
    z-index: 9999; }
    .stopNotice .topBox p img {
      width: .4rem;
      margin-left: .2rem; }
  .stopNotice .topBox .seainpts {
    height: 100%;
    position: relative; }
    .stopNotice .topBox .seainpts i {
      position: absolute;
      left: 43%;
      top: 50%;
      transform: translate(-10%, -50%);
      z-index: 9999;
      color: #f5f6f8;
      opacity: .7; }
  .stopNotice .topBox input {
    height: 0.81333rem;
    color: #f5f6f8;
    opacity: .7;
    background: #4879bb;
    width: 7rem;
    border: none;
    border-radius: .1rem; }
   
.stopNotice .stopNotice-body .left-swiper {
  width: 1.86667rem;
  background: #F5F6F8;
  position: absolute;
  top: 1.33333rem;
  bottom: 0;
  left: 0; }
  .stopNotice .stopNotice-body .left-swiper .card.active {
    background: #fff;
    color: #1e7ff4; }
.stopNotice .stopNotice-body .right-swiper {
  background: #fff;
  position: absolute;
  top: 1.33333rem;
  bottom: 0;
  left: 1.86667rem;
  right: 0;
  overflow-y: auto; }
  .stopNotice .stopNotice-body .right-swiper .card .cardSon {
    padding: .4rem 0; }
    .stopNotice .stopNotice-body .right-swiper .card .cardSon .title {
      position: relative; }
    .stopNotice .stopNotice-body .right-swiper .card .cardSon .title::after {
      content: "";
      width: 7rem;
      height: 0.4rem;
      display: block;
      position: absolute;
      border-bottom: 1px solid #F0F0F0; }
    .stopNotice .stopNotice-body .right-swiper .card .cardSon .box h1 {
      width: 7rem;
      line-height: 1.2rem; }
    .stopNotice .stopNotice-body .right-swiper .card .cardSon .box h4 {
      line-height: 1rem;
      font-size: 0.34667rem; }
    .stopNotice .stopNotice-body .right-swiper .card .cardSon .box:active {
      background: #f0f0f0; }

/*yongqixiansuo*/
.yongqixiansuo .topBox {
  overflow: hidden;
  width: 100%;
  height: 3.6rem;
  border-bottom: 1px solid #F0F0F0;
  background: #fff; }
  .yongqixiansuo .topBox .head {
    width: 1.33333rem;
    position: absolute;
    right: 0.53333rem;
    top: 0.8rem; }
  .yongqixiansuo .topBox h1 {
    margin-top: 0.8rem; }
  .yongqixiansuo .topBox p img {
    width: .4rem;
    margin-right: 0.2rem; }
  .yongqixiansuo .topBox .icon-ditu1 {
    color: #7990AE;
    font-weight: 700;
    margin-right: 0.26667rem; }
.yongqixiansuo .line-box {
  overflow: hidden;
  background: #fff;
  padding-bottom: 0.53333rem; }
.yongqixiansuo .beizhu {
  padding: 0.53333rem 0;
  background: #fff; }

.stopNotice-detail .topBox {
  width: 100%;
  height: 3.46667rem;
  background: #fff;
  border-bottom: 1px solid #F0F0F0;
  overflow: hidden; }
  .stopNotice-detail .topBox h1 {
    margin-top: 0.53333rem; }
  .stopNotice-detail .topBox .bottom {
    position: absolute;
    bottom: .4rem;
    overflow: hidden; }
    .stopNotice-detail .topBox .bottom p {
      float: left;
      line-height: .7rem;
      margin-left: .2rem; }
.stopNotice-detail .section {
  padding: 0.53333rem 0;
  background: #fff; }

/*changeData*/
.changeData .title {
  height: 1.33333rem;
  line-height: 1.33333rem; }

/*yongqixiansuo-main*/
.yongqixiansuo-main .serch {
  height: 1.33333rem;
  width: 100%;
  background: #5687c9;
  border-bottom: 1px solid #F0F0F0;
  position: relative; }
  .yongqixiansuo-main .serch input {
    width: 9.06667rem;
    height: 0.8rem;
    padding: 0 0.53333rem;
    border: none;
    border-radius: .15rem;
    text-align: center;
    background: url("./../img/ser.png") no-repeat 90px;
    color: #f5f6f8;
    background-size: .4rem;
    background-color: #4879bb; }

  .yongqixiansuo-main .serch input:focus {
    background: #F5F6F8;
    text-align: left;
    color: #333; }
.yongqixiansuo-main .userBox {
  overflow: hidden;
  width: 100%;
  height: 2.93333rem;
  background: #fff;
  border-bottom: 1px solid #F0F0F0; }
  .yongqixiansuo-main .userBox h1,
  .yongqixiansuo-main .userBox p {
    padding-left: 2.13333rem;
    padding-right: 0.53333rem; }
  .yongqixiansuo-main .userBox h1 {
    margin-top: .6rem; }
  .yongqixiansuo-main .userBox img {
    width: 1.33333rem;
    position: absolute;
    left: 0.53333rem;
    top: .6rem; }

/*changeOnline*/
.changeOnline .title {
  padding-top: .2rem;
  width: 100%;
  height: 1.33333rem;
  line-height: 1.33333rem; }
  .changeOnline .title p {
    float: right; }
    .changeOnline .title p img {
      width: .2rem;
      margin-left: .1rem;
      position: relative;
      top: 0.05rem; }
.changeOnline .topBar {
  height: 4rem;
  background: #5D71D5;
  text-align: center; }
  .changeOnline .topBar p {
    color: #fff;
    font-size: 0.4rem;
    margin-top: 0.6rem; }
  .changeOnline .topBar img {
    margin-top: 1rem;
    width: 1.06667rem;
    height: 1.06667rem; }
.changeOnline .msgBox p {
  height: .7rem;
  line-height: .7rem; }
  .changeOnline .msgBox p img {
    width: .4rem;
    margin-right: .25rem;
    position: relative;
    top: .05rem; }
  .changeOnline .msgBox p span {
    width: 0.34667rem;
    font-size: 0.26667rem;
    color: #71819c;
    margin-right: 0.26667rem; }
.changeOnline .lineBox {
  background: #fff;
  overflow: hidden; }
.changeOnline .notice {
  width: 100%;
  background: #fff;
  padding: 0.53333rem 0; }
  .changeOnline .notice .card {
    margin: 0 0.53333rem;
    background: #f6f7fe;
    border-radius: 5px;
    padding: 0.4rem 0 0.4rem 0;
    color: #A2A4B3; }
    .changeOnline .notice .card p {
      font-size: 0.34667rem;
      line-height: 0.61333rem;
      padding: 0 0.34667rem; }

/*ziliaoshangchuan*/
.ziliaoshangchuan .topBox {
  background: #fff;
  padding: 0.66667rem 0.53333rem 0.46667rem 0.53333rem; }
  .ziliaoshangchuan .topBox p {
    font-size: 0.66667rem;
    color: #383b42;
    font-weight: bold;
    margin-top: .4rem; }
.ziliaoshangchuan .shangchuan {
  height: 1.86667rem;
  background: #fff;
  line-height: 1.86667rem;
  padding-left: 2rem; }
  .ziliaoshangchuan .shangchuan .box {
    width: 1.06667rem;
    height: 1.06667rem;
    border: 1px solid #ddd;
    left: 0.53333rem;
    border-radius: .1rem;
    background: url(../img/icon-fujian.png) no-repeat center center;
    background-size: .4rem; }
  .ziliaoshangchuan .shangchuan .box:active {
    background-color: #F0F0F0; }
.ziliaoshangchuan .hetongBox {
  padding-top: 0.53333rem; }
  .ziliaoshangchuan .hetongBox p {
    line-height: 0.53333rem; }
  .ziliaoshangchuan .hetongBox h1 {
    height: 0.8rem;
    line-height: 0.8rem;
    padding-left: 1rem; }

.mainContent .main-head {
  width: 100%;
  height: 4rem;
  margin: 0 auto; }
.mainContent .bg1 {
  background: url(../img/bl.jpg) no-repeat;
  background-size: 100% 100%; }
.mainContent .bg2 {
  background: url(../img/ywcx.jpg) no-repeat;
  background-size: 100% 100%; }
.mainContent .bg3 {
  background: url(../img/wxsc.png) no-repeat;
  background-size: 100% 100%; }
.mainContent .bg4 {
  background: url(../img/center.png) no-repeat;
  background-size: 100% 100%; }
.mainContent .nineBox {
  padding: 0.42667rem 0 0 0.4rem; }
  .mainContent .nineBox ul {
    margin: 0 auto;
    overflow-y: scroll;
    margin-bottom: 2rem; }
    .mainContent .nineBox ul li {
      position: relative;
      width: 2.98667rem;
      height: 2.98667rem;
      float: left;
      margin: 0 0.13333rem 0.13333rem 0; }
      .mainContent .nineBox ul li span {
        display: block;
        position: absolute;
        width: 100%;
        bottom: 0.4rem;
        text-align: center; }
      .mainContent .nineBox ul li .buy-insurance {
        position: absolute;
        right: -0.26667rem;
        top: -0.48rem;
        width: 1.65333rem;
        height: 1.49333rem; }
        .mainContent .nineBox ul li .buy-insurance img {
          width: 100%;
          height: 100%; }
    .mainContent .nineBox ul .main1-1 {
      background: url(../img/main/main1-1.png) no-repeat;
      background-size: 100% 100%; }
    .mainContent .nineBox ul .main1-2 {
      background: url(../img/main/main1-2.png) no-repeat;
      background-size: 100% 100%; }
    .mainContent .nineBox ul .main1-3 {
      background: url(../img/main/main1-3.png) no-repeat;
      background-size: 100% 100%; }
    .mainContent .nineBox ul .main1-4 {
      background: url(../img/main/main1-4.png) no-repeat;
      background-size: 100% 100%; }
    .mainContent .nineBox ul .main1-5 {
      background: url(../img/main/main1-5.png) no-repeat;
      background-size: 100% 100%; }
    .mainContent .nineBox ul .main1-6 {
      background: url(../img/main/main1-6.png) no-repeat;
      background-size: 100% 100%; }
    .mainContent .nineBox ul .main1-7 {
      background: url(../img/main/main1-7.png) no-repeat;
      background-size: 100% 100%; }
    .mainContent .nineBox ul .main1-8 {
      background: url(../img/main/main1-8.png) no-repeat;
      background-size: 100% 100%; }
    .mainContent .nineBox ul .main1-9 {
      background: url(../img/main/main1-9.png) no-repeat;
      background-size: 100% 100%; }
    .mainContent .nineBox ul .main1-10 {
      background: url(../img/main/main1-10.png) no-repeat;
      background-size: 100% 100%; }
    .mainContent .nineBox ul .main2-1 {
      background: url(../img/main/rq.png) no-repeat;
      background-size: 100% 100%; }
      .mainContent .nineBox ul .progressList {
      background: url(../img/main/progressList.png) no-repeat;
      background-size: 100% 100%; }
      .mainContent .nineBox ul .main2-ping {
      background: url(../img/pj.png) no-repeat;
      background-size: 100% 100%; }
    .mainContent .nineBox ul .main2-2 {
      background: url(../img/main/bwbd.png) no-repeat;
      background-size: 100% 100%; }
    .mainContent .nineBox ul .main2-3 {
      background: url(../img/main/qjcx.png) no-repeat;
      background-size: 100% 100%; }
    .mainContent .nineBox ul .main2-4 {
      background: url(../img/main/qhdq.png) no-repeat;
      background-size: 100% 100%; }
    .mainContent .nineBox ul .main2-5 {
      background: url(../img/main/tqxx.png) no-repeat;
      background-size: 100% 100%; }
    .mainContent .nineBox ul .main2-6 {
      background: url(../img/main/wyly.png) no-repeat;
      background-size: 100% 100%; }
    .mainContent .nineBox ul .main2-7 {
      background: url(../img/main/yywd.png) no-repeat;
      background-size: 100% 100%; }
    .mainContent .nineBox ul .main2-8 {
      background: url(../img/main/lqgz.png) no-repeat;
      background-size: 100% 100%; }
    .mainContent .nineBox ul .main2-9 {
      background: url(../img/main/zxkf.png) no-repeat;
      background-size: 100% 100%; }
    .mainContent .nineBox ul .main3-1 {
      background: url(../img/main/hdhd.png) no-repeat;
      background-size: 100% 100%; }
    .mainContent .nineBox ul .main3-2 {
      background: url(../img/main/wsc.png) no-repeat;
      background-size: 100% 100%; }
    .mainContent .nineBox ul .main3-3 {
      background: url(../img/main/wdkq.png) no-repeat;
      background-size: 100% 100%; }
    .mainContent .nineBox ul .main4-1 {
      background: url(../img/main/main4-1.png) no-repeat;
      background-size: 1rem;
      background-position: center .4rem; }
    .mainContent .nineBox ul .main4-2 {
      background: url(../img/main/main4-2.png) no-repeat;
      background-size: 1rem;
      background-position: center .4rem; }
    .mainContent .nineBox ul .main4-3 {
      background: url(../img/main/main4-3.png) no-repeat;
      background-size: 1rem;
      background-position: center .4rem; }
    .mainContent .nineBox ul .main4-4 {
      background: url(../img/main/main4-4.png) no-repeat;
      background-size: 1rem;
      background-position: center .4rem; }
    .mainContent .nineBox ul .main4-5 {
      background: url(../img/main/main4-5.png) no-repeat;
      background-size: 1rem;
      background-position: center .4rem; }
		.mainContent .nineBox ul .main4-8 {
  		background: url(../img/main/xgyhk.png) no-repeat;
  		background-size: 100% 100%; }
		.mainContent .nineBox ul .main5-1 {
  		background: url(../img/main/main5-1.png) no-repeat;
  		background-size: 100% 100%; }
.mainContent .nineBox ul .main4-360 {
  background: url(../img/main/360.png) no-repeat;
  background-size: 100% 100%; }

.yhn-form {
  width: 100%; }
  .yhn-form .item {
    position: relative;
    padding: 0 0.53333rem;
    height: 1.33333rem;
    line-height: 1.33333rem;
    background: #fff;
    font-size: 0.6rem; }
    .yhn-form .item .mid {
      position: absolute;
      height: 100%;
      width: 6.5rem;
      float: right;
      margin-right: .5rem;
      padding: 0 .4rem;
      border: none;
      color: #383b42;
      top: 0;
      right: 0;
      background: none;
      font-size:0.6rem;
      margin: 0 !important; }
      .yhn-form .item .mid span.icon-down {
        position: absolute;
        right: 0;
        color: #BDBDBD; }
    .yhn-form .item .mid:focus,
    .yhn-form .item .mid.active {
      color: #383b42; }
  .yhn-form .item.ricon {
    background: url(../img/icon-right.png) no-repeat 9rem center;
    background-color: #fff;
    background-size: .25rem; }
  .yhn-form .item::after {
    content: "";
    display: block;
    position: absolute;
    width: 9.6rem;
    left: .4rem;
    bottom: 0;
    border-bottom: 1px solid #F0F0F0; }
  .yhn-form .item:active {
    background: #F5F6F8; }
  .yhn-form .title {
    padding: 0 0.53333rem;
    font-size: 0.37333rem;
    color: #383b42;
    background: #fff;
    line-height: 1rem; }
  .yhn-form textarea {
    width: 100%;
    font-size: 0.37333rem;
    padding: 0 0.53333rem;
    height: 2rem;
    border: none;
    padding-bottom: .2rem; }

.yhn-dot {
  display: inline-block;
  width: 0.16rem;
  height: 0.16rem;
  background: #1e7ff4;
  border-radius: 50%;
  margin-right: 0.26667rem; }

.yhn-btn1 {
  padding: .1rem;
  border: 1px solid #1e7ff4;
  width: 1.86667rem;
  font-size: 0.32rem;
  color: #1e7ff4;
  text-align: center;
  border-radius: .1rem; }

.yhn-btn1:active {
  background: #1e7ff4;
  color: #fff; }

/*yhn-ssq*/
.ssq-list {
  margin-top: .4rem; }
  .ssq-list .list-item {
    width: 100%;
    height: 1.33333rem;
    background: url(../img/icon-right.png) no-repeat 9.2rem center;
    background-size: .25rem;
    background-color: #fff;
    line-height: 1.33333rem; }
    .ssq-list .list-item p {
      padding-left: 0.53333rem;
      width: 3.5rem;
      height: 100%;
      float: left;
      line-height: 1.33333rem; }
    .ssq-list .list-item h1 {
      width: 6.2rem;
      height: 100%;
      line-height: 1.33333rem; }
  .ssq-list .list-item:active {
    background: #F5F6F8; }
  .ssq-list .list-item::after {
    content: "";
    width: 9.6rem;
    margin-left: .4rem;
    height: 1.33333rem;
    display: block;
    position: absolute;
    border-bottom: 1px solid #F0F0F0; }

/*yhn-datePicker*/
.yhn-datePicker {
  width: 100%;
  background: #5687c9;
  height: 8.3rem; }
  .yhn-datePicker .title {
    font-size: 0.45333rem;
    color: #fff;
    text-align: center;
    line-height: 1rem; }
    .yhn-datePicker .title div {
      position: absolute;
      top: 0;
      width: 1rem;
      height: 100%;
      border-radius: 50%; }
      .yhn-datePicker .title div img {
        width: .3rem; }
    .yhn-datePicker .title div:nth-of-type(1) {
      left: .4rem; }
    .yhn-datePicker .title div:nth-of-type(2) {
      right: .4rem; }
    .yhn-datePicker .title div:active {
      background: #f2f2f2; }
  .yhn-datePicker .yhn-dateTable {
    width: 100%; }
    .yhn-datePicker .yhn-dateTable thead tr td {
      width: 14.285%;
      height: 1rem;
      line-height: 1rem;
      text-align: center;
      color: #85aee2;
      font-size: 0.34667rem; }
    .yhn-datePicker .yhn-dateTable tbody tr td {
      width: 14.285%;
      height: 1rem;
      line-height: 1rem;
      text-align: center;
      color: #fff;
      font-size: 0.4rem; }
    .yhn-datePicker .yhn-dateTable tbody tr td.active {
      background: greenyellow; }
  .yhn-datePicker .yhn-dateBox {
    width: 100%;
    overflow: hidden; }
    .yhn-datePicker .yhn-dateBox .dateCard {
      position: relative;
      width: 14.285%;
      float: left;
      height: 1rem;
      line-height: 1rem;
      text-align: center;
      color: #fff;
      font-size: 0.4rem; }
      .yhn-datePicker .yhn-dateBox .dateCard .dot {
        display: none;
        width: 1rem;
        height: 1rem;
        background: #fff;
        border-radius: 50%; }
        .yhn-datePicker .yhn-dateBox .dateCard .dot span {
          display: block;
          width: .15rem;
          height: .15rem;
          border-radius: 50%;
          background: #85aee6;
          bottom: .08rem; }
    .yhn-datePicker .yhn-dateBox .dateCard.active .dot {
      display: block; }
    .yhn-datePicker .yhn-dateBox .dateCard.active .day {
      color: #85aee6; }
    .yhn-datePicker .yhn-dateBox .dateCard.hui .day {
      color: #85aee6; }

#myLayer {
  position: fixed;
  z-index: 1000;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: transparent; }
  #myLayer .layerCon {
    position: fixed;
    left: 50%;
    top: 50%;
    bottom: auto;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 70%;
    box-sizing: border-box;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: rgba(0, 0, 0, 0.7);
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    border-radius: 3px; }
    #myLayer .layerCon p {
      color: #fff;
      padding: .7rem 0;
      font-size: 0.45333rem;
      text-align: center; }

.cutLine {
  height: 0.46667rem;
  background: #f8f8f8; }

.scroll_x {
  margin: 0.26667rem 0 0 0;
  width: 100%;
  display: inline;
  white-space: nowrap;
  overflow-x: scroll;
  float: left;
  overflow-y: hidden; }
  .scroll_x .card {
    display: inline-block;
    float: unset !important; }
  .scroll_x .card:last-child {
    margin-right: 0; }

i {
  font-style: normal; }

#icBill .pay-head {
  background-size: cover; }
#icBill .m_con .m_2 {
  display: flex;
  margin-bottom: 0.4rem; }
  #icBill .m_con .m_2 li {
    flex-grow: 1;
    display: flex;
    flex-flow: column;
    text-align: center; }
    #icBill .m_con .m_2 li span {
      font-size: 0.4rem; }
    #icBill .m_con .m_2 li i {
      font-size: 0.32rem;
      color: #BDBEC0;
      margin-top: 0.13333rem; }
#icBill .m_con .m_3 {
  line-height: 1.33333rem;
  border-bottom: 1px solid #F0F0F0;
  padding: 0 0.33333rem;
  font-size: 0.4rem;
  font-weight: 600;
  display: flex;
  align-items: center; }
  #icBill .m_con .m_3 span {
    color: #1f7ef2;
    margin-right: 0.24rem; }
#icBill .m_con .m_4 li {
  display: flex;
  padding: 0.4rem 0.33333rem; }
  #icBill .m_con .m_4 li p {
    display: flex;
    flex-grow: 1;
    flex-flow: column; }
    #icBill .m_con .m_4 li p span {
      font-size: 0.4rem; }
    #icBill .m_con .m_4 li p i {
      font-size: 0.32rem;
      margin-top: 0.13333rem;
      color: #BDBEC0; }
  #icBill .m_con .m_4 li p:last-child {
    text-align: right; }
    #icBill .m_con .m_4 li p:last-child span {
      font-weight: bold; }
#icBill .m_con .m_5 {
  padding-bottom: 2.46667rem;
  background: #f4f4f4; }
  #icBill .m_con .m_5 h1 {
    display: flex;
    align-items: center; }
    #icBill .m_con .m_5 h1 span {
      color: #1f7ef2;
      margin-right: 0.24rem; }

#icPay .m_1,
#icBill .m_1 {
  text-align: center;
  height: 1.86667rem;
  width: 4.66667rem;
  border-radius: 40px;
  margin: 0 auto;
  margin-top: -0.93333rem;
  background: #fff;
  flex-flow: column;
  display: flex;
  -moz-box-shadow: 0px 10px 5px #f8f8f8;
  -webkit-box-shadow: 0px 10px 5px #f8f8f8;
  box-shadow: 0px 10px 5px #f8f8f8;
  margin-bottom: 0.53333rem; }
  #icPay .m_1 span,
  #icBill .m_1 span {
    flex: 1;
    line-height: 0.93333rem;
    font-size: 0.32rem; }
  #icPay .m_1 span:last-child,
  #icBill .m_1 span:last-child {
    font-size: 0.56rem;
    line-height: 0.66667rem;
    color: #FF6F24; }
#icPay .m_6,
#icBill .m_6 {
  background: #fff;
  padding-bottom: .4rem;
  height: unset;
  border-top: none; }

#icPay .pay-num .title {
  padding-top: 0.46667rem; }

.fapiao-index .headerImg {
  width: 100%; }
.fapiao-index .list {
  position: relative;
  margin: 1.5rem auto;
  width: 6.66667rem; }
.fapiao-index .list li {
  position: relative;
  width: 6.33333rem;
  height: 1.17333rem;
  background: #f5f6fa;
  border-radius: 0.58667rem;
  margin-top: 0.96rem; }
  .fapiao-index .list li span {
    left: 1.6rem; }
  .fapiao-index .list li img {
    position: absolute;
    width: 1.6rem;
    height: 1.6rem;
    left: -.2rem; }
.fapiao-index .list li:active {
  background: #ddd; }

.fapiao-person .head {
  width: 100%;
  padding: 0.66667rem;
  height: 450px;
  background: url(../img/fapiao/fpbg2.png) no-repeat;
  background-size: 100% 100%; }
  .fapiao-person .head .shadowDot {
    display: inline-block;
    position: relative;
    top: .15rem;
    left: 0;
    height: 0.66667rem;
    line-height: 0.66667rem;
    padding: 0 .4rem;
    border-radius: 0.66667rem;
    overflow: hidden; }
    .fapiao-person .head .shadowDot .shadow {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: #fff;
      opacity: .4; }
    .fapiao-person .head .shadowDot span {
      position: relative;
      z-index: 50; }

.kpBtn {
  width: 2.13333rem;
  height: 0.96rem;
  text-align: center;
  line-height: 0.96rem;
  background-color: #dfeafe;
  color: #1f7ef2;
  font-size: 0.4rem;
  font-weight: bold;
  border-radius: .1rem; }

.kpBtn:active {
  background: #24A9ED;
  color: #fff;
  transition: all .15s linear; }

.fapiaoCard {
  width: 100%;
  height: 4rem;
  position: relative;
  background: url(../img/fapiao/fpcardbg.png) no-repeat;
  background-size: 100% 100%;
  padding: .8rem .8rem; }
  .fapiaoCard .pstion {
    position: absolute;
    top: .8rem;
    right: .8rem; }
  .fapiaoCard .moneyBox {
    width: 50%;
    float: left; }
  .fapiaoCard .yhicon {
    position: relative;
    top: .1rem;
    margin-right: .2rem;
    width: .5rem; }

.group.fapiaoCard {
  height: 5.6rem;
  background: url(../img/fapiao/fpcardbg2.png) no-repeat;
  background-size: 100% 100%; }
  .group.fapiaoCard .pstion1 {
    position: relative;
    top: -.15rem; }
  .group.fapiaoCard .kpmx:active {
    color: #1f7ef2; }

.history.fapiaoCard {
  width: 9.2rem;
  height: 2.05333rem;
  margin: 0 auto 0.26667rem;
  background: #fff;
  border-radius: .2rem; }

.groupHistory.fapiaoCard {
  width: 9.2rem;
  height: 2.98667rem;
  margin: 0 auto 0.26667rem;
  background: #fff;
  border-radius: .2rem; }
  .groupHistory.fapiaoCard .title {
    margin-top: -.2rem; }
  .groupHistory.fapiaoCard .postion2 {
    position: absolute;
    top: 1.8rem; }
  .groupHistory.fapiaoCard .kpBtn {
    position: absolute;
    top: 1.6rem; }

.confirm {
  overflow: hidden;
  position: fixed;
  z-index: 99999;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5); }
  .confirm .m_over {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #000000;
    opacity: .6; }
  .confirm .m_con {
    position: fixed;
    left: 50%;
    top: 50%;
    bottom: auto;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 3px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: #fff;
    width: 70%;
    text-align: center; }
    .confirm .m_con .m_head {
      padding: 1.3em 1.6em 0.5em;
      font-size: 0.82667rem; }
    .confirm .m_con .m_body {
      padding: 0 1.6em 0.8em;
      min-height: 40px;
      font-size: 0.32rem;
      line-height: 1.3;
      word-wrap: break-word;
      word-break: break-all;
      color: #999999; }
    .confirm .m_con .m_foot {
      display: flex;
      position: relative;
      line-height: 2.06667rem;
      border-top: 1px solid #ddd; }
      .confirm .m_con .m_foot span {
        flex-grow: 1;
        display: inline-block;
        position: relative;
        font-size: 0.82667rem; }
    .confirm .m_con .m_foot:after {
      border-top: 1px solid #ddd; }

.contentMsg {
  text-align: left;
  font-size: 0.82667rem;
  color: #000000; }

.footBar {
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 1020px;
  background: #fff; }
  .footBar ul {
    text-align: center;
    margin-top: 0.48rem; }
    .footBar ul li {
    	float: left;
    	width: 33.3%;
      flex-grow: 1; }
      .footBar ul li p {
        font-size: 0.34667rem; }
      .footBar ul li img {
        width: 0.76rem;
        height: 0.76rem; }
      .footBar ul li a:hover {
        text-decoration: none; }

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