VopenPolicy.less 3.0 KB
page {
  background: #FFFFFF;
}

.container {
  width: 100%;

  .header {
    width: 100%;
    background: #f53626;

    .left_img {
      width: 100%;
      display: flex;
      align-items: center;
      padding: 0 32rpx;
      box-sizing: border-box;
      height: 88rpx;

      image {
        width: 32rpx;
        height: 32rpx;
      }

      .title_oage {
        flex: 1;
        margin-right: 32rpx;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        font-weight: 500;

      }
    }
  }

  .health {
    width: 100%;
    // padding: 0 32rpx;
    // box-sizing: border-box;

    .top_new {
      width: 100%;
      height: 404rpx;
      background: url('http://qiniu.dsh.brotop.cn/uploads/20201014/9e850768de598c4606ccde43e015d03f.png') no-repeat;
      background-size: 100% 100%;
      padding: 0 32rpx;
      box-sizing: border-box;

      .open {
        width: 100%;
        padding: 80rpx 0;
        box-sizing: border-box;

        .page_name {
          font-size: 44rpx;
          color: #fff;
          font-family: PingFang SC,
            PingFang SC-Medium;
          font-weight: 500;
        }
      }
    }

    .my_car {
      width: 100%;
      padding: 0 32rpx;
      box-sizing: border-box;
      margin-top: -200rpx;

      .policy {
        width: 100%;
        padding: 32rpx;
        box-sizing: border-box;
        background: #ffffff;
        border-radius: 12px;
        box-shadow: 0px 4px 12px 0px rgba(247, 77, 40, 0.09);

        .poli_item {
          width: 100%;
          display: flex;
          align-items: center;
          justify-content: space-between;
          padding: 32rpx 0;
          box-sizing: border-box;
          border-bottom: 1rpx solid #f2f2f2;

          .p_name,
          .p_rext {
            font-size: 28rpx;
            color: #06121E;
          }

          image {
            width: 32rpx;
            height: 32rpx;

          }

          &:last-child {
            border: none;
          }
        }
      }

      .mobille {
        width: 100%;
        margin-top: 20rpx;
        display: flex;
        align-items: center;
        padding: 32rpx;
        box-sizing: border-box;
        background: #ffffff;
        border-radius: 12px;
        box-shadow: 0px 4px 12px 0px rgba(247, 77, 40, 0.09);


        .mobille_name {
          width: 220rpx;
          font-size: 28rpx;
          color: #06121E;
        }

        .mobille_rext {
          flex: 1;

          input {
            width: 100%;
            height: 100%;
            text-align: right;
          }
        }
      }
    }

  }






  .footer {
    width: 100%;
    position: fixed;
    bottom: 0;
    padding: 20rpx 0;
    z-index: 10;
    background-color: #fff;


    .btnbuy__ {
      height: 88rpx;
      width: 92%;

      color: #fff;
      line-height: 88rpx;
      padding: 0;
      box-sizing: border-box;
      font-weight: 400;
      font-size: 28rpx;
      background: #E8370F;
      border-radius: 12rpx;
      box-shadow: 0rpx 8rpx 24rpx 6rpx rgba(6, 27, 149, 0.15);
    }
  }

}