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;
    }
  }
  
  &-wrap{
    background-color: #f2f2f2;
    display: flex;
    flex-direction: column;
    height: calc(100vh - var(--window-top) - 458rpx);
    width: 100%;
    padding-bottom: 120rpx;
    
    .swiper-box{
      flex: 1;
      
      .swiper-item{
        height: 100%;
        
        .page-box{
          padding: 20rpx 30rpx;
          
          .policyInfo-container{
            padding: 0 32rpx;
            margin-bottom: 20rpx;
            background-color: #FFFFFF;
            border-radius: 10rpx;
            
            .item{
              display: flex;
              flex-wrap: wrap;
              justify-content: space-between;
              
              .title{
                padding: 55rpx 0;
                font-size: 30rpx;
                font-family: PingFangSC-Regular, PingFang SC;
                font-weight: 400;
                color: #000000;
                line-height: 42rpx;
                letter-spacing: 1px;
              }
              
              .item-image{
                padding: 26rpx 0;
                text-align: center;
                
                .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%;
          }
        }
      }
    }
  }
}