veterans_H5/h5_web/pages/policyInfo/scss/policyInfo.scss

/* #ifndef H5 */
page {
	height: 100%;
	background-color: #f2f2f2;
}
/* #endif */

.policyInfo{
  &-title{
    width: 100%;
    height: 82rpx;
    text-align: center;
    background: #FFF0DF;
    
    view:first-child{
      padding-top: 20rpx;
      font-size: 28rpx;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      color: #EB5F29;
      line-height: 40rpx;
      letter-spacing: 1px;
    }
  }
  
  &-list{
    padding: 30rpx 30rpx 120rpx;
    
    .list-container{
      padding: 0 32rpx;
      margin-bottom: 20rpx;
      background-color: #FFFFFF;
      border-radius: 10rpx;
      
      .item{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        
        .title{
          width: 70%;
          padding: 30rpx 0;
          font-size: 30rpx;
          font-family: PingFangSC-Regular, PingFang SC;
          font-weight: 400;
          color: #000000;
          line-height: 42rpx;
          letter-spacing: 1px;
        }
        
        .item-image{
          padding: 30rpx 0;
          
          .image{
            width: 128rpx;
            height: 101rpx;
            box-shadow: 0 0 10rpx 0 rgba(77, 77, 77, 0.23);
            border-radius: 7rpx;
          }
        }
      }
    }
  }
  
  .policybtn{
    .policybtn-container{
      padding-bottom: env(safe-area-inset-bottom);
      display: flex;
      flex-direction: row;
      align-items: center;
      position: fixed;
      bottom: 0;
      left: 0;
      width: 100%;
      z-index: 998;
      box-sizing: content-box;
      background-color: #FFFFFF;
      
      .policybtn-content{
        flex: 1;
        justify-content: center;
        width: 100%;
        height: 100%;
        padding: 6px 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        position: relative;
        background-color: #FFFFFF;
        
        view:first-child{
          width: 100%;
          padding: 8rpx 30rpx;
          
          .policysubmitbtn{
            width: 100%;
          }
        }
      }
    }
  }
}