/* 移动端适配 */
html {
  font-size: 625%;
}

body {
  background: #f4f4f4;
  font-size: 0.14rem;
  /* overflow-x: hidden; */
}

/* html, body {  
    width: 100%;  
    height: 100%;  
    margin: 0;  
    padding: 0;  
    position: relative;  
  }   */
/* 解决页面回退空白 */
.billDetail {
  width: 100%;
  height: 100%;
  overflow-Y: scroll;
  -webkit-overflow-scrolling: touch;
  position: relative;
  left: 0;
  top: 0;
}

/* 解决页面回退空白 */
.billIndex {
  width: 100%;
  height: 100%;
  overflow-Y: scroll;
  -webkit-overflow-scrolling: touch;
  position: relative;
  left: 0;
  top: 0;
  padding: .34rem .2rem;
  box-sizing: border-box;
}

.el-message {
  background: rgba(0, 20, 34, 1) !important;
  position: fixed;
  width: 2rem !important;
  height: .4rem !important;
  top: 0 !important;
  left: -1rem !important;
  margin-top: 84% !important;
  margin-left: 50% !important;
  min-width: 40% !important;
  border: none !important;
  border-radius: .02rem !important;
  text-align: center !important;
}

.el-message--info .el-message__content {
  color: #fff !important;
  display: inline-block !important;
  font-size: .14rem !important;
  float: left;
  line-height: .4rem !important;
}

.el-message__icon {
  display: inline-block;
  background: url(../images/icon.png) !important;
  background-size: 100% !important;
  width: .2rem !important;
  height: .2rem !important;
  border-radius: 50% !important;
  float: left;
  margin-top: .1rem !important;
  margin-left: .4rem !important;
  margin-right: .05rem !important;
}

.el-icon-info:before {
  content: none !important;
}

/* 数据加载loading */
.loading_box {
  background: #fff;
  width: 100%;
  /* height: 100%; */
  z-index: 999;
  position: fixed;
  top: 0rem;
  left: 0;
}

.loading_box img {
  width: 100%;
  /* height: 100%; */
  position: fixed;

}

/* 适配chrome字体小于12px */
.isChromeFontsize {
  width: .4rem !important;
  height: .16rem !important;
  line-height: .16rem !important;
  -webkit-transform: scale(0.8);
  /* vertical-align: 3% !important; */
}

.paymentContent .advance_tishi {
  width: .8rem !important;
  height: .18rem !important;
  font-size: .11rem !important;
  line-height: .18rem !important;
  -webkit-transform: scale(0.8);
}

.numFont {
  font-family: Arial;
}

/* 固定底部 */
.isHide {
  bottom: -.9rem !important;
  transition: bottom 0.3s;
  -webkit-transition: bottom 0.3s;
  /* Safari */
}

@media screen and (max-width: 320px) {
  /* .feeContent p:last-of-type .feeContentRight{
        font-size: .13rem; 
        font-family: PingFang-SC-Medium,PingFang-SC;
        font-weight: 500;
        line-height: .13rem;
    } */
}

@media (device-height:812px) and (-webkit-min-device-pixel-ratio:2) {
  .footerBox {
    width: 100%;
    display: block;
    position: fixed;
    bottom: 0;
    background: #fff;
    box-shadow: 0 -0.05rem 0.15rem 0 rgba(0, 0, 0, 0.06);
    text-align: center;
    padding: .125rem 0 .465rem !important;
    transition: bottom 0.3s;
    -webkit-transition: bottom 0.3s;
    /* Safari */
  }

  .isHide {
    bottom: -1rem !important;
    transition: bottom 0.3s;
    -webkit-transition: bottom 0.3s;
    /* Safari */
  }

  .servicePlan {
    padding: .3rem .2rem 1.5rem !important;
  }
}

@media screen and (min-width: 320px) and (max-width:374px) {
  .borderDashed {
    width: 55% !important;
  }

  .monthlyBill {
    width: 2.8rem !important;
  }

  .organAvater img:first-of-type {
    width: .8rem !important;
    height: .8rem !important;
  }

  .active_border {
    width: .28rem !important;
    height: .28rem !important;
    line-height: .28rem !important;
  }

  .show_yzm_box li {
    margin-right: .02rem !important;
  }

  .monthBillInfo {
    width: 2.8rem !important;
  }

  .myBillWrap {
    width: 2.8rem !important;
  }

  .myBill {
    width: 2.4rem !important;
  }

  .feeDetail {
    width: 1.5rem !important;
  }

  .tishiText {
    width: 2.7rem !important;
  }

  .boxShadow_pay_225 {
    /* bottom:1.4rem !important; */
    width: 1.8rem !important;
    left: -0.9rem !important;
  }

  .boxshadow1 {
    width: 2.47rem !important;
    left: -1.23rem !important;
  }

  .sendVerifyCode .mobileNum {
    width: 70% !important;
  }

  /* .feeContent p:last-of-type .feeContentRight{
        font-size: .13rem !important; 
        font-family: PingFang-SC-Medium,PingFang-SC;
        font-weight: 500;
        line-height: .13rem;
    } */
}

* {
  margin: 0;
  padding: 0;
  list-style: none;
}

.bg_fff {
  background: #fff;
  min-height: 100vh;
}

.bg_fff1 {
  background: #fff;
}

.bg_f7 {
  background: #f7f7f7 !important;
  z-index: 111;
}

.color_999 {
  color: #999 !important;
}

.btn_color_pay {
  background: linear-gradient(90deg, rgba(0, 255, 253, 1) 0%, rgba(24, 152, 255, 1) 100%);
}

.btn_color_overdue {
  background: linear-gradient(90deg, rgba(255, 54, 0, 1) 0%, rgba(251, 83, 80, 1) 100%);
}

.mb_25 {
  margin-bottom: .25rem !important;
}

.pd_top_20 {
  padding-top: .2rem;
}

.float_left {
  float: left;
}

.float_right {
  float: right;
}

.txt_r {
  text-align: right;
}

.text_through_line {
  text-decoration: line-through;
  font-size: .11rem !important;
}

button,
input,
textarea {
  border: none;
  outline: none;
  list-style: none;
}

.border_line {
  width: .6rem;
  height: .08rem;
  background: rgba(0, 150, 255, 1);
  opacity: 0.34;
  position: absolute;
  bottom: .04rem;
  left: 0;
}

.border_b {
  width: 100%;
  height: .2rem;
  border-bottom: 1px solid #ececec;
  margin-bottom: .2rem;
}

.p_relative {
  position: relative;
}

/* 阴影 */
.boxShadow {
  height: .08rem;
  position: absolute;
  margin-left: 50%;
  border-radius: .22rem;
  opacity: 0.7;
  filter: blur(7px);
}

.boxshadow1 {
  width: 2.9rem;
  height: .49rem;
  background: rgba(0, 0, 0, 1);
  border-radius: .08rem;
  opacity: 0.1;
  filter: blur(15px);
  -webkit-filter: blur(15px);
  /* Chrome, Opera */
  position: absolute;
  bottom: 0;
  margin-left: 50%;
  left: -1.45rem;
}

.position_b {
  bottom: 0.42rem !important
}

.position_b1 {
  width: 2.25rem;
  left: -1.12rem;
  bottom: -.02rem !important
    /* background: linear-gradient(90deg,rgba(0,255,253,1) 0%,rgba(24,152,255,1) 100%) !important; */
}

.position_b2 {
  /* bottom:0.52rem !important */
}

.boxShadow_overdue_120 {
  width: 1.2rem;
  bottom: 0;
  left: -.6rem;
  background: linear-gradient(90deg, rgba(255, 54, 0, 1) 0%, rgba(251, 83, 80, 1) 100%);
}

.boxShadow_overdue_225 {
  width: 2.25rem;
  left: -1.12rem;
  bottom: 0;
  background: linear-gradient(90deg, rgba(255, 54, 0, 1) 0%, rgba(251, 83, 80, 1) 100%);
}

.boxShadow_pay_120 {
  width: 1.2rem;
  bottom: 0;
  left: -.6rem;
  background: linear-gradient(90deg, rgba(0, 255, 253, 1) 0%, rgba(24, 152, 255, 1) 100%);
  /* background:rgba(0,150,255,1); */
}

.boxShadow_pay_225 {
  width: 2.25rem;
  bottom: 2.4rem;
  left: -1.12rem;
  background: linear-gradient(90deg, rgba(0, 255, 253, 1) 0%, rgba(24, 152, 255, 1) 100%);
  /* background:rgba(0,150,255,1); */
}

.boxShadow1_pay_225 {
  width: 2.25rem;
  bottom: 0;
  left: -1.12rem;
  background: linear-gradient(90deg, rgba(0, 255, 253, 1) 0%, rgba(24, 152, 255, 1) 100%);
  /* background:rgba(0,150,255,1); */
}

.boxShadow_pay_225_gray {
  width: 2.25rem;
  bottom: 2.4rem;
  left: -1.12rem;
  background: linear-gradient(90deg, rgba(0, 255, 253, 1) 0%, rgba(24, 152, 255, 1) 100%);
  opacity: 0 !important;
  /* background:rgba(0,150,255,1); */
}

/* .boxShadow1_pay_225{
    bottom:-1.41rem !important;
} */

/* 登录 */
.login {
  padding-top: .5rem !important;
  text-align: center;
  position: relative;
  box-sizing: border-box;
}

.login img {
  width: .9rem;
  height: .9rem;
  border-radius: 50%;
  display: block;
  margin: 0 auto .55rem;
  box-shadow: 0 .02rem .08rem 0 rgba(0, 0, 0, 0.2)
}

.login p {
  font-family: PingFangSC-Medium;
  font-size: .16rem;
  color: #000000;
  margin-bottom: .4rem;
}

.login button {
  outline: none;
  border: none;
  width: 2.75rem;
  height: .45rem;
  border-radius: .225rem;
  /* box-shadow:0px 0.04rem 0.08rem 0px rgba(0,93,255,.2); */
  font-size: .15rem;
  font-family: PingFang-SC-Medium, PingFang-SC;
  color: #fff;
  line-height: .45rem;
  margin-bottom: .25rem;
}

.login .otherNumLog {
  font-family: PingFangSC-Regular;
  font-size: .13rem;
  color: #595959;
  font-family: PingFang-SC-Medium, PingFang-SC;
  color: rgba(66, 66, 66, 1);
  line-height: .185rem;
}

.login_xieyi_txt{
  font-size: .11rem !important;
  font-family: PingFang-SC-Medium, PingFang-SC;
  font-weight: 500;
  color: rgba(66, 66, 66, 1);
  line-height: .21rem;
  text-align: left;
  padding: 0 20px;
  position: absolute;
  bottom:10px;
}
.login_xieyi_txt a{
  font-size: .11rem;
  font-family: PingFang-SC-Medium, PingFang-SC;
  font-weight: 500;
  color: rgba(16, 142, 233, 1);
  line-height: .15rem;
}

/* 其他手机号登录 */
.MobileLogin {
  padding: .38rem 0 0
}

.userInfoAvater p {
  letter-spacing: 0;
  font-size: .13rem;
  font-family: PingFang-SC-Medium, PingFang-SC;
  font-weight: 500;
  color: rgba(90, 90, 104, 1);
  line-height: .185rem;
}

.userInfoAvater p:first-of-type {
  height: .42rem;
  font-size: .3rem;
  font-family: PingFang-SC-Bold, PingFang-SC;
  font-weight: bold;
  color: rgba(51, 51, 51, 1);
  line-height: .42rem;
  position: relative;
  margin-bottom: .05rem;
}

.userInfoAvater p:last-of-type {
  font-family: Arial;
}

/* 发送验证码 */
.sendVerifyCode {
  margin-top: .4rem;
  position: relative;
}

.sendVerifyCode p:first-of-type {
  font-size: .13rem;
  font-family: PingFang-SC-Medium, PingFang-SC;
  font-weight: 500;
  color: rgba(90, 90, 104, 1);
  line-height: .185rem;
}

.sendVerifyCode p:nth-of-type(2) {
  border-bottom: 1px solid #ECECEC;
  width: 100%;
  /* height: .21rem; */
  line-height: .21rem;
  padding: .12rem 0;
}

.sendVerifyCode p:nth-of-type(2) span {
  /* width: .275rem; */
  height: .1rem;
  line-height: .1rem;
  font-size: .15rem;
  font-family: PingFang-SC-Medium, PingFang-SC;
  font-weight: 500;
  color: rgba(0, 150, 255, 1);
  display: inline-block;
  padding-right: .12rem;
  border-right: 1px solid rgba(0, 150, 255, 1);
  vertical-align: -14%;
}

.sendVerifyCode .mobileNum {
  border: none;
  outline: none;
  background: none;
  padding: 0 0 0 .06rem;
  display: inline;
  font-size: .15rem;
}

.yzm {
  position: relative;
  margin-top: .32rem;
  height: .36rem;
}

.sendVerifyCode .yzmSend {
  border: none;
  outline: none;
  width: 100%;
  height: .45rem;
  border-radius: .225rem;
  opacity: 0.4;
  margin: .4rem auto 0;
  display: block;
  font-size: .15rem;
  font-family: PingFang-SC-Medium, PingFang-SC;
  font-weight: 500;
  color: #fff;
  line-height: .45rem;
  text-align: center;
}

.active_yzm {
  opacity: 1 !important;
}

.sendVerifyCode .yzmSendTime {
  font-family: PingFangSC-Regular;
  font-size: .14rem;
  color: #000000;
  position: absolute;
  bottom: .18rem;
  right: 0;
}

.agree_auth {
  font-size: .13rem;
  font-family: PingFang-SC-Medium, PingFang-SC;
  font-weight: 500;
  color: rgba(66, 66, 66, 1);
  line-height: .185rem;
  margin-top: .26rem;
}

.agree_auth .agree_n {
  width: .18rem;
  height: .18rem;
  display: inline-block;
  border-radius: 50%;
  vertical-align: -24%;
  margin-right: .08rem;
  background: url('../images/un_select.png') no-repeat center;
  background-size: 100%;
}

.agree_auth .agree_y {
  background: url('../images/select.png') no-repeat center !important;
  background-size: 100% !important;
}

.agree_auth .auth_agreement {
  font-family: PingFang-SC-Medium, PingFang-SC;
  font-weight: 500;
  color: rgba(16, 142, 233, 1);
  line-height: .185rem;
}

/* 获取验证码 */
.getVerifyCode .getYzm {
  background: rgba(255, 255, 255, 0);
  width: 100%;
  height: 0.35rem;
  outline: none;
  border: none;
  position: absolute;
  z-index: -1;
  left: -100%;
  opacity: 0;
}

.show_yzm_box {
  width: 100%;
  height: .35rem;
  margin-bottom: .25rem;
}

.show_yzm_box li {
  background: #F7F7F7;
  width: .35rem;
  height: .35rem;
  float: left;
  margin-right: .13rem;
  /* line-height: .24rem; */
  line-height: .35rem;
  text-align: center;
  border-radius: .04rem;
}

.show_yzm_box li i {
  font-style: normal;
  font-size: .15rem;
  font-family: Arial;
  font-weight: bold;
  color: rgba(51, 51, 51, 1);
}

.show_yzm_box li:last-of-type {
  margin-right: 0 !important;
}

.active_border {
  border: 1px solid #0096FF;
  width: .33rem !important;
  height: .33rem !important;
  /* line-height: .22rem !important; */
  line-height: .33rem !important;
  box-shadow: 0 .02rem .05rem 0 rgba(0, 0, 0, 0.16);
  background: #fff !important;
}

.countDown {
  font-size: .13rem;
  font-family: PingFang-SC-Medium, PingFang-SC;
  font-weight: 500;
  color: rgba(90, 90, 104, 1);
  line-height: .13rem;
}

.countDown p:first-of-type {
  margin-bottom: .1rem;
}

.countDown span {
  color: rgba(0, 150, 255, 1);
  display: inline-block;
  margin-left: .05rem;
}

/* 登出 */
.logout {
  padding: .27rem .2rem 0;
}

.logout h3 {
  font-size: .2rem;
  font-family: arial;
  font-weight: bold;
  color: rgba(51, 51, 51, 1);
  line-height: .3rem;
  margin-bottom: .05rem;
  margin-top: .37rem;
}

.logout p {
  font-size: .13rem;
  font-family: PingFang-SC-Medium, PingFang-SC;
  font-weight: 500;
  color: rgba(51, 51, 51, 1);
  line-height: .13rem;
}

/* .logout button {
  width: 2.75rem;
  height: .45rem;
  background: linear-gradient(90deg, rgba(255, 54, 0, 1) 0%, rgba(251, 83, 80, 1) 100%);
  border-radius: .225rem;
  font-size: .15rem;
  font-family: PingFang-SC-Medium, PingFang-SC;
  font-weight: 500;
  color: rgba(255, 255, 255, 1);
  line-height: .21rem;
  text-align: center;
  margin: .65rem auto 0;
  display: block;
} */

.content {
  position: relative;
}

/* 登录失败 */
.loginFail {
  text-align: center;
  padding-top: .26rem;
}

.loginFail img {
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  display: block;
  margin: 0 auto .2rem;
}

.loginFail h3 {
  font-size: .21rem;
  font-family: PingFang-SC-Bold, PingFang-SC;
  font-weight: bold;
  color: rgba(51, 51, 51, 1);
  line-height: .21rem;
  margin-bottom: .1rem;
}

.loginFail p {
  font-size: .13rem;
  font-family: PingFang-SC-Medium, PingFang-SC;
  font-weight: 500;
  color: rgba(51, 51, 51, 1);
  line-height: .13rem;
  margin-bottom: .18rem;
}

.loginFail p:last-of-type {
  font-size: .13rem;
  font-family: PingFang-SC-Medium, PingFang-SC;
  font-weight: 500;
  color: #0096FF;
  line-height: .13rem;
}

/* 账单首页 */
.userInfo {
  overflow: hidden;
  margin-bottom: .2rem;
}

.userInfo1 {
  background: #fff;
  height: 100%;
  padding-top: .34rem;
  box-sizing: border-box;
}

.userInfo img {
  width: .4rem;
  height: .4rem;
  display: block;
  float: left;
  margin-right: .1rem;
  border-radius: 50%;
}

.userInfo_m {
  float: left;
}

.userInfo_m .userName {
  font-size: .18rem;
  font-family: Arial;
  font-weight: bold;
  color: rgba(51, 51, 51, 1);
  line-height: .2rem;
  margin-bottom: 0.04rem;
}

.realname_span {
  display: inline-block;
  width: .31rem;
  height: .13rem;
  border-radius: .04rem;
  margin-left: .05rem;
}

.userInfo_m .userName span {
  background: url("../images/realname.png") no-repeat center;
  background-size: 100%;
  vertical-align: bottom;
}

.realNameInChorme {
  vertical-align: bottom !important;
}

.userMobile {
  font-size: .13rem;
  font-family: Arial;
  font-weight: 400;
  color: rgba(90, 90, 104, 1);
  line-height: .185rem;
}

.monthBillInfo {
  width: 100% !important;
  /* height: 1.31rem; */
  background: #fff;
  border-radius: .06rem;
  padding: .35rem 0 .4rem;
  margin-bottom: .25rem;
  position: relative;
  box-shadow: 0 0.02rem 0.5rem -0.1rem rgba(0, 0, 0, .1);
}

.monthBillInfo1 {
  /* 结清样式 */
  /* height: .8rem !important; */
  padding: .35rem 0 .35rem !important;
  margin-bottom: .25rem;
}

.userInfo .setting {
  width: .21rem;
  height: .2rem;
  display: block;
  background: url("../images/setting.png") no-repeat center;
  background-size: 100%;
  float: right;
}

.infoContent {
  width: 1.6rem;
  /* height:2.06rem; */
  margin: .0 auto;
  text-align: center;
  position: relative;
}

.monthBillInfo .monthBillTitle {
  line-height: .13rem;
  font-size: .13rem;
  font-family: PingFang-SC-Regular, PingFang-SC;
  color: rgba(90, 90, 104, 1);
  text-align: right !important;
  margin-bottom: .1rem;
}

.monthBillInfo .monthBillTitle span {
  display: inline-block;
  width: .31rem;
  height: .13rem;
  font-size: .09rem;
  border-radius: .02rem;
  margin-left: .05rem;
  text-align: center;
  vertical-align: 12%;
  font-weight: bold;
}

.isUnPay {
  background: rgba(212, 228, 255, 1);
  color: rgba(0, 150, 255, 1);
}

.isOverDue {
  background: rgba(255, 212, 212, 1);
  color: rgba(255, 0, 0, 1);
}

.isPaied {
  background: rgba(22, 202, 151, .2);
  color: rgba(22, 202, 151, 1);
}

.monthBillInfo .monthBillAmount {
  font-size: .3rem;
  font-family: ArialMT;
  color: rgba(51, 51, 51, 1);
  line-height: .3rem;
  margin-bottom: .1rem;
  font-weight: bold;
}

.monthBillInfo .monthBillPaydata {
  font-size: .13rem;
  font-family: Arial;
  font-weight: 400;
  color: rgba(51, 51, 51, 1);
  line-height: .13rem;
  margin-bottom: .18rem;
}

.monthBillInfo .paymentBtn {
  width: 1.6rem;
  height: .35rem;
  border-radius: .225rem;
  color: #fff;
  font-size: .15rem;
  display: block;
}

.myBillWrap {
  width: 100% !important;
  padding: .25rem 0 .32rem;
  background: #fff;
  overflow: hidden;
  border-radius: .06rem;
}

.myBill {
  width: 2.95rem;
  margin: 0 auto;
}

.myBillTitle {
  margin-bottom: .3rem;
}

.myBillTitle h3 {
  font-size: .18rem;
  font-family: PingFang-SC-Bold, PingFang-SC;
  font-weight: bold;
  color: rgba(51, 51, 51, 1);
  line-height: .13rem;
  margin-bottom: .085rem;
}

.myBillTitle p {
  font-size: .13rem;
  font-family: PingFang-SC-Regular, PingFang-SC;
  font-weight: 400;
  color: rgba(90, 90, 104, 1);
  line-height: .13rem;
  position: relative;
}

.billDetailInfo li {
  margin-bottom: .3rem;
  overflow: hidden;
}

.billDetailInfo li:last-of-type {
  margin-bottom: 0;
}

.organAvater {
  float: left;
  position: relative;
}

.organAvater img:first-of-type {
  width: .9rem;
  height: .9rem;
  border-radius: .08rem;
}

.organAvater img:last-of-type {
  width: .54rem;
  height: .32rem;
  position: absolute;
  left: 0;
  bottom: 0;
  border-radius: 0 0 0 .08rem;
}

.feeDetail {
  width: 1.95rem;
  float: left;
  margin-left: .1rem;
}

.feeDetail h3 {
  font-size: .13rem;
  font-family: PingFang-SC-Medium, PingFang-SC;
  font-weight: 500;
  color: rgba(51, 51, 51, 1);
  line-height: .21rem;
  margin-bottom: .08rem;
  /* 多行文本文字溢出... */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.feeContent p {
  font-size: .13rem;
  font-family: PingFang-SC-Regular, PingFang-SC;
  font-weight: 400;
  color: #5A5A68;
  line-height: .13rem;
  margin-bottom: .1rem;
  overflow: hidden;
}

.feeContentLeft {
  width: 1rem;
  display: inline-block;
}

.retire_success {
  width: .69rem !important;
}

/* 提前结清详情 */
.advanceSettlement {
  padding: .35rem .15rem 0;
  position: relative;
}

.detailBox {
  width: 100%;
  /* height:2.87rem; */
  background: rgba(255, 255, 255, 1);
  box-shadow: 0 .02rem .5rem 0 rgba(0, 0, 0, 0.12);
  border-radius: .08rem;
  padding: 0 .2rem .28rem;
  margin-bottom: .15rem;
  position: relative;
  box-sizing: border-box;
}

.detailBox h3 {
  width: 100%;
  /* height:.45rem; */
  font-size: .18rem;
  font-family: PingFang-SC-Bold, PingFang-SC;
  font-weight: bold;
  color: rgba(51, 51, 51, 1);
  line-height: .45rem;
}

.adFeeDetail {
  padding: .3rem 0;
  border-bottom: 1px solid #ececec;
  border-top: 1px solid #ececec;
}

.adFeeDetail p {
  font-size: .13rem;
  font-family: PingFang-SC-Medium, PingFang-SC;
  font-weight: 500;
  color: rgba(90, 90, 104, 1);
  line-height: .13rem;
  margin-bottom: .15rem;
}

.adFeeDetail p:last-of-type {
  margin-bottom: 0;
}

.adFeeDetail span {
  float: right;
}

.total {
  text-align: right;
  line-height: .26rem;
  font-size: .13rem;
  font-family: PingFang-SC-Medium, PingFang-SC;
  font-weight: 500;
  color: rgba(90, 90, 104, 1);
  margin-top: .28rem
}

.total span {
  font-size: .21rem;
  font-family: Arial;
  font-weight: 500;
  color: rgba(0, 150, 255, 1);
  line-height: .21rem;
  margin-left: .1rem;
  display: inline-block;
}

.tishiText {
  width: 3.25rem;
  font-size: .11rem;
  font-family: PingFang-SC-Medium, PingFang-SC;
  font-weight: 500;
  color: rgba(90, 90, 104, 1);
  line-height: .19rem;
  margin: 0 auto .4rem;
}

.adSettlementBtn {
  width: 2.75rem;
  height: .45rem;
  display: block;
  border-radius: .22rem;
  margin: 0 auto;
  color: #fff;
  background: linear-gradient(90deg, rgba(0, 255, 253, 1) 0%, rgba(24, 152, 255, 1) 100%);
  font-size: .15rem;
}

.settlement {
  position: relative;
}

/* 多笔支付详情 */
.multiPayment {
  padding: .35rem .2rem;
}

.multiPayment h3 {
  font-size: .16rem;
  font-family: PingFang-SC-Medium, PingFang-SC;
  font-weight: 500;
  color: rgba(51, 51, 51, 1);
  line-height: .23rem;
  /* 多行文本文字溢出... */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.organList {
  margin-bottom: .6rem;
}

.organList:last-of-type {
  margin-bottom: 0 !important;
}

/* .payInfoList{
    margin-bottom:.6rem;
} */
.payInfoList_b {
  margin-bottom: .6rem !important;
}

.payInfoList1 {
  padding: 0 .2rem .35rem;
}

.payInfoList li {
  position: relative;
  margin-bottom: .31rem;
}

.payInfoList li:last-of-type {
  margin-bottom: 0 !important;
}

.paymentInfo {
  height: .37rem;
}

.paymentInfo .payPeriods {
  display: inline-block;
  font-size: .3rem;
  /* font-family: PingFang-SC-Bold,PingFang-SC; */
  font-weight: bold;
  color: rgba(51, 51, 51, 1);
  line-height: .37rem;
  position: absolute;
}

.paymentInfo .payPeriods span {
  font-size: .11rem;
  /* font-family:PingFang-SC-Regular,PingFang-SC; */
  font-weight: 400;
  color: rgba(90, 90, 104, 1);
  line-height: .15rem;
}

.paymentInfo .paymentData {
  float: left;
  margin-left: .6rem;
}

.paymentInfo .paymentData p:first-of-type {
  height: .22rem;
  font-size: .16rem;
  /* font-family:PingFang-SC-Bold,PingFang-SC; */
  font-weight: bold;
  color: #333;
  line-height: .22rem;
}

.paymentInfo .paymentData p:last-of-type {
  height: .15rem;
  font-size: .11rem;
  font-family: PingFang-SC-Regular, PingFang-SC;
  font-weight: 400;
  color: #5a5a68;
  line-height: .15rem;
}

.paymentInfo .paymentStatus {
  float: right;
  font-size: .11rem;
  /* font-family:PingFang-SC-Regular,PingFang-SC; */
  font-weight: 400;
  color: rgba(90, 90, 104, 1);
  line-height: .37rem;
}

.paymentInfo .paymentStatus span {
  width: .12rem;
  height: .12rem;
  display: inline-block;
  background: url("../images/next_step.png") no-repeat center;
  background-size: 100%;
  margin-left: .07rem;
  vertical-align: -5%;
}

.upArrow {
  background: url("../images/up_arrow.png") no-repeat center !important;
  width: .12rem !important;
  height: .12rem !important;
  display: inline-block;
  margin-left: .07rem;
  background-size: 100% !important;
}

.payInfoList .pay_btn {
  width: 1.6rem;
  height: .35rem;
  border-radius: .22rem;
  color: #fff;
  margin: .15rem auto 0;
  font-size: .15rem;
  font-family: PingFang-SC-Medium, PingFang-SC;
  font-weight: 500;
  line-height: .35rem;
  text-align: center;
}

.isUnPayBtn {
  background: #ccc !important;
}

.overdueFontColor {
  color: rgba(255, 4, 0, 1) !important;
}

.alreadyPayColor {
  opacity: .7;
}

/* 账单详情 */
.billDetailHeader {
  width: 100%;
  height: 2.03rem;
  background: linear-gradient(180deg, rgba(0, 150, 255, 1) 0%, rgba(7, 222, 253, 1) 100%);
  text-align: center;
  padding-top: .4rem;
  position: relative;
}

.billDetailHeader p:nth-of-type(1) {
  font-size: .13rem;
  font-family: PingFang-SC-Regular, PingFang-SC;
  font-weight: 400;
  color: rgba(255, 255, 255, 1);
  line-height: .13rem;
  opacity: .6;
  margin-bottom: .1rem;
}

.billDetailHeader p:nth-of-type(2) {
  font-size: .3rem;
  font-family: Arial;
  font-weight: normal;
  color: rgba(255, 255, 255, 1);
  line-height: .3rem;
  margin-bottom: .1rem;
}

.billDetailHeader p:nth-of-type(3) {
  width: .6rem;
  height: .2rem;
  background: rgba(255, 255, 255, 1);
  border-radius: .1rem;
  font-size: .13rem;
  font-family: PingFang-SC-Bold, PingFang-SC;
  font-weight: bold;
  color: rgba(3, 185, 254, 1);
  line-height: .2rem;
  margin: 0 auto;
}

.billDetailHeader .amountDetail {
  width: 100%;
  height: .61rem;
  background: rgba(0, 0, 0, .1);
  position: absolute;
  bottom: 0;
  display: flex;
  padding-top: .15rem;
}

.billDetailHeader .amountDetail .costDetail {
  flex: 1
}

.costDetail p:first-of-type {
  font-size: .13rem;
  font-family: PingFang-SC-Regular, PingFang-SC;
  font-weight: 400;
  color: rgba(255, 255, 255, 1);
  line-height: .13rem;
  opacity: .6;
  margin-bottom: .075rem;
}

.costDetail p:last-of-type {
  font-size: .13rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 1);
  line-height: .13rem;
}

.billDetailfooter {
  width: 100%;
  background: rgba(255, 255, 255, 1);
  box-shadow: 0 -.04rem .15rem 0 rgba(0, 0, 0, 0.08);
  border-radius: .1rem .1rem 0 0;
  position: relative;
  top: -.1rem;
  padding: .35rem 0 0;
}

.planTitle {
  border-bottom: 1px solid #ececec;
}

.planTitle h3 {
  font-size: .18rem;
  font-family: PingFang-SC-Bold, PingFang-SC;
  font-weight: bold;
  color: rgba(51, 51, 51, 1);
  line-height: .16rem;
  margin-bottom: .075rem;
}

.planTitle p {
  font-size: .13rem;
  font-family: PingFang-SC-Regular, PingFang-SC;
  font-weight: 400;
  color: rgba(90, 90, 104, 1);
  line-height: .23rem;
  margin-bottom: .2rem;
  /* 多行文本文字溢出... */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.checkAgreement {
  color: #0096FF !important;
}

/* 账单详情展开 */
.isShowDetail {
  display: block !important;
}

.paymentOpen {
  width: 100%;
  background: #fff;
}

.Triangle {
  width: 0;
  height: 0;
  border: .1rem solid;
  border-color: transparent transparent #f7f7f7;
  display: block;
  position: relative;
  top: -.09rem;
  left: .09rem;
}

.paymentContent {
  width: 100%;
  background: #f7f7f7;
  position: relative;
  top: -.09rem;
  padding: .25rem .15rem;
  box-sizing: border-box;
}

.paymentContent1 {
  width: 100% !important;
  background: #fff !important;
  position: none !important;
  top: 0 !important;
  padding: .25rem 0 0 !important;
}

.paymentContent p {
  font-size: .13rem;
  font-family: PingFang-SC-Medium, PingFang-SC;
  font-weight: 500;
  color: rgba(90, 90, 104, 1);
  margin-bottom: .15rem;
  /* margin-left:.15rem; */
}

.paymentContent p:last-of-type {
  margin-bottom: 0;
}

.paymentContent .table_left {
  width: .78rem;
  height: .13rem;
  display: inline-block;
  margin-right: .07rem;
  line-height: .13rem;
}

.paymentContent .table_left1 {
  width: 1.04rem !important;
}

.paymentContent .table_right {
  /* width:70%; */
  line-height: .13rem;
  display: inline-block;
}

.safeguardFeeStyle {
  text-decoration: line-through;
  font-size: .13rem !important;
  color: #999 !important;
}

.paymentContent .safeguardFee {
  margin-right: .05rem;
}

.paymentContent .advance_tishi {
  display: inline-block;
  width: .64rem;
  height: .15rem;
  float: right;
  border-radius: .02rem;
  border: 1px solid rgba(0, 150, 255, 1);
  font-size: .09rem;
  font-family: PingFang-SC-Bold, PingFang-SC;
  font-weight: bold;
  color: #0096FF;
  line-height: .15rem;
  text-align: center;
}

.table_r_last {
  line-height: .15rem !important;
  float: left;
}

.table_l_last {
  float: left;
}

/* 服务方案 */
.servicePlan {
  width: 100%;
  box-shadow: 0 -0.04rem 0.15rem 0 rgba(0, 0, 0, 0.08);
  padding: .3rem .2rem 1rem;
  box-sizing: border-box;
}

.footerBox {
  width: 100%;
  /* height: .7rem; */
  display: block;
  position: fixed;
  bottom: 0;
  background: #fff;
  box-shadow: 0 -0.05rem 0.15rem 0 rgba(0, 0, 0, 0.06);
  text-align: center;
  padding: .125rem 0;
  transition: bottom 0.3s;
  -webkit-transition: bottom 0.3s;
  /* Safari */
}

.footerBox button {
  width: 2.75rem;
  height: .45rem;
  background: rgba(255, 255, 255, 1);
  border-radius: .225rem;
  border: 1px solid;
  font-size: .15rem;
  font-family: PingFang-SC-Medium, PingFang-SC;
  font-weight: 500;
  color: rgba(0, 150, 255, 1);
  line-height: .15rem;
  display: block;
  margin: 0 auto;
}

/* 协议 */
.popBox {
  width: 100%;
  height: 100%;
  background: #fff;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 888;
}

.agreeName p {
  font-size: 14px;
  line-height: 16px;
  color: #0096FF;
  padding: 10px;
  border-bottom: 1px solid #ececec;
}

.customerServiceTel {
  position: fixed;
  bottom: .6rem;
  margin: auto;
  left: 0;
  right: 0;
  text-align: center;
  font-size: .14rem;
}

.customerServiceTel span {
  color: #0096FF;
  text-decoration: underline;
}

.loading {
  position: fixed;
  z-index: 2003;
  top: 50%;
  left: 50%;
  margin-left: -.17rem;
  margin-top: -.17rem;
  width: .34rem;
  height: .34rem;
}

@-webkit-keyframes loading {
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
  }

  50% {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
  }

  100% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
  }
}

@-moz-keyframes loading {
  0% {
    transform: rotate(0deg);
    -moz-transform: rotate(0deg);
  }

  50% {
    transform: rotate(180deg);
    -moz-transform: rotate(180deg);
  }

  100% {
    transform: rotate(360deg);
    -moz-transform: rotate(360deg);
  }
}

@-ms-keyframes loading {
  0% {
    transform: rotate(0deg);
    -ms-transform: rotate(360deg);
  }

  50% {
    transform: rotate(180deg);
    -ms-transform: rotate(360deg);
  }

  100% {
    transform: rotate(360deg);
    -ms-transform: rotate(360deg);
  }
}

@keyframes loading {
  0% {
    transform: rotate(0deg);
  }

  50% {
    transform: rotate(180deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.loading img {
  width: 100%;
  box-sizing: 100%;
  animation: loading 1s linear infinite;
}

.empty {
  text-align: center;
  margin-top: .55rem;
  margin-bottom: .33rem;
}

.empty img {
  width: .6rem;
  height: .58rem;
}

.empty p {
  font-size: .13rem;
  font-family: PingFang-SC-Regular, PingFang-SC;
  font-weight: 400;
  color: rgba(90, 90, 104, 1);
  line-height: .13rem;
  margin-top: .1rem;
}

/* 退出提示框 */
.popup_box {
  width: 275px;
  height: 175px;
  position: fixed;
  top: 50%;
  left: 50%;
  margin: -87px 0 0 -137px;
  background: #fff;
  border-radius: 10px;
  border: 1px solid #ececec;
  z-index: 9;
}

.popup_box .popTitle {
  line-height: .3rem;
  font-size: .14rem;
  color: #333;
  text-align: center;
  font-weight: normal;
  margin: .55rem .25rem 0;
}

.popup_btn .logoutBtn {
  width: 100%;
  border: none;
  outline: none;
  background: none !important;
}