/* reset  */
page{
  background-color:#F8F8F8;
  height:100%;
  font-size:32rpx;
  line-height:1.6
}

checkbox, radio{
  margin-right:10rpx;
}

button{
  margin-top:20rpx;
  margin-bottom:20rpx;
}

form{
  width:100%;
}

/* lib  */
.strong{
  font-weight:bold;
}
.tc{
  text-align:center;
}

/* page  */
.container{
  display:flex;
  flex-direction:column;
  min-height:100%;
  justify-content:space-between;
  font-size:32rpx;
  font-family:-apple-system-font,Helvetica Neue,Helvetica,sans-serif;
}
.page-head{
  padding:60rpx 50rpx 80rpx;
  text-align:center;
}

.page-head-title{
  display:inline-block;
  padding:0 40rpx 20rpx 40rpx;
  font-size:32rpx;
  color:#BEBEBE;
}

.page-head-line{
  margin:0 auto;
  width:150rpx;
  height: 2rpx;
  background: #D8D8D8
}

.page-head-desc{
  padding-top:20rpx;
  color:#9B9B9B;
  font-size:32rpx;
}

.page-body{
  width:100%;
  flex-grow:1;
  overflow-x: hidden;
}

.page-body-wrapper{

}

.page-body-wording{

}

.page-body-info{

}

.page-body-title{
  margin-bottom:100rpx;
  font-size: 32rpx;
}

.page-body-text{

}

.page-body-text-small{

}

.page-foot{
  margin:100rpx 0 30rpx 0;
  text-align:center;
  color:#1aad19;
  font-size:0;
}

.icon-foot{
  width:152rpx;
  height:23rpx;
}

.page-section{
  width:100%;
  margin-bottom:60rpx;
}

.page-section_center{

}

.page-section:last-child{
  margin-bottom:0;
}

.page-section-gap{
  box-sizing:border-box;
  padding:0 30rpx;
}

.page-section-spacing{
  box-sizing:border-box;
  padding:0 80rpx;
}

.page-section-title{
  font-size:28rpx;
  color:#999999;
  margin-bottom:10rpx;
  padding-left:30rpx;
  padding-right:30rpx;
}

.page-section-gap .page-section-title{

}

.page-section-ctn{

}

.btn-area{

}

.image-plus{

}

.image-plus-nb{

}

.image-plus-text{

}

.image-plus-horizontal{

}

.image-plus-vertical{

}

.demo-text-1{
  background-color:#1aad19;
  position:relative;
  align-items:center;
  justify-content:center;
  color:#ffffff;
  font-size:36rpx;
}

.demo-text-1:before{
  content:"A";
  position:absolute;
  top:50%;
  left:50%;
   transform:translate(-50%,-50%); 
}

.demo-text-2{
  background-color:#2782d7;
  position:relative;
  align-items:center;
  justify-content:center;
  color:#ffffff;
  font-size:36rpx;
}

.demo-text-2:before{
  content:"B";
  position:absolute;
  top:50%;
  left:50%;
   transform:translate(-50%,-50%); 
}

.demo-text-3{
  background-color:#f1f1f1;
  position:relative;
  align-items:center;
  justify-content:center;
  color:#353535;
  font-size:36rpx;
}

.demo-text-3:before{
  content:"C";
  position:absolute;
  top:50%;
  left:50%;
   transform:translate(-50%,-50%); 
}