/**
 * 封装公共样式
 * @author Rockery(1113269755@qq.com)
 */

/**
 * 基础样式
 */
html,body{
  background: #F7F8F9;
}
.fl{
  float: left;
}

.fr{
  float: right;
}

.block {
  display: block;
}

.pointer {
  cursor: pointer;
}


/**
 * padding类样式
 */
.cust-pd5 {
  padding: 5rpx;
}
.cust-pd6 {
  padding: 6rpx;
}
.cust-pd7 {
  padding: 7rpx;
}
.cust-pd8 {
  padding: 8rpx;
}
.cust-pd9 {
  padding: 9rpx;
}
.cust-pd10 {
  padding: 10rpx;
}
.cust-pd12 {
  padding: 12rpx;
}
.cust-pd15 {
  padding: 15rpx;
}
.cust-pd20 {
  padding: 20rpx;
}
.cust-pd25 {
  padding: 25rpx;
}
.cust-pd30 {
  padding: 30rpx;
}
.cust-pd35 {
  padding: 35rpx;
}
.cust-pd40 {
  padding: 40rpx;
}

.pt5 {
  padding-top: 5rpx;
}
.pt6 {
  padding-top: 6rpx;
}
.pt7 {
  padding-top: 7rpx;
}
.pt8 {
  padding-top: 8rpx;
}
.pt9 {
  padding-top: 9rpx;
}
.pt10 {
  padding-top: 10rpx;
}
.pt12 {
  padding-top: 12rpx;
}
.pt15 {
  padding-top: 15rpx;
}
.pt20 {
  padding-top: 20rpx;
}
.pt25 {
  padding-top: 25rpx;
}
.pt30 {
  padding-top: 30rpx;
}
.pt35 {
  padding-top: 35rpx;
}
.pt40 {
  padding-top: 40rpx;
}

.pr5 {
  padding-right: 5rpx;
}
.pr6 {
  padding-right: 6rpx;
}
.pr7 {
  padding-right: 7rpx;
}
.pr8 {
  padding-right: 8rpx;
}
.pr9 {
  padding-right: 9rpx;
}
.pr10 {
  padding-right: 10rpx;
}
.pr15 {
  padding-right: 15rpx;
}
.pr20 {
  padding-right: 20rpx;
}
.pr25 {
  padding-right: 25rpx;
}
.pr30 {
  padding-right: 30rpx;
}
.pr35 {
  padding-right: 35rpx;
}
.pr40 {
  padding-right: 40rpx;
}

.pl5 {
  padding-left: 5rpx;
}
.pl6 {
  padding-left: 6rpx;
}
.pl7 {
  padding-left: 7rpx;
}
.pl8 {
  padding-left: 8rpx;
}
.pl9 {
  padding-left: 9rpx;
}
.pl10 {
  padding-left: 10rpx;
}
.pl15 {
  padding-left: 15rpx;
}
.pl20 {
  padding-left: 20rpx;
}
.pl25 {
  padding-left: 25rpx;
}
.pl30 {
  padding-left: 30rpx;
}
.pl35 {
  padding-left: 35rpx;
}
.pl40 {
  padding-left: 40rpx;
}

.pb5 {
  padding-bottom: 5rpx;
}
.pb6 {
  padding-bottom: 6rpx;
}
.pb7 {
  padding-bottom: 7rpx;
}
.pb8 {
  padding-bottom: 8rpx;
}
.pb9 {
  padding-bottom: 9rpx;
}
.pb10 {
  padding-bottom: 10rpx;
}
.pb15 {
  padding-bottom: 15rpx;
}
.pb20 {
  padding-bottom: 20rpx;
}
.pb25 {
  padding-bottom: 25rpx;
}
.pb30 {
  padding-bottom: 30rpx;
}
.pb35 {
  padding-bottom: 35rpx;
}
.pb40 {
  padding-bottom: 40rpx;
}


/**
 * margin类样式
 */
.cust-mg5{
  margin: 5rpx;
}
.cust-mg6{
  margin: 6rpx;
}
.cust-mg7{
  margin: 7rpx;
}
.cust-mg8{
  margin: 8rpx;
}
.cust-mg9{
  margin: 9rpx;
}
.cust-mg10{
  margin: 10rpx;
}
.cust-mg12{
  margin: 12rpx;
}
.cust-mg15{
  margin: 15rpx;
}
.cust-mg20{
  margin: 20rpx;
}
.cust-mg25{
  margin: 25rpx;
}
.cust-mg30{
  margin: 30rpx;
}
.cust-mg35{
  margin: 35rpx;
}
.cust-mg40{
  margin: 40rpx;
}

.mt5 {
  margin-top: 5rpx;
}
.mt6 {
  margin-top: 5rpx;
}
.mt7 {
  margin-top: 7rpx;
}
.mt8 {
  margin-top: 8rpx;
}
.mt9 {
  margin-top: 9rpx;
}
.mt10 {
  margin-top: 10rpx;
}
.mt12 {
  margin-top: 12rpx;
}
.mt15 {
  margin-top: 15rpx;
}
.mt20 {
  margin-top: 20rpx;
}
.mt25 {
  margin-top: 25rpx;
}
.mt30 {
  margin-top: 30rpx;
}
.mt35 {
  margin-top: 35rpx;
}
.mt40 {
  margin-top: 40rpx;
}

.mr5 {
  margin-right: 5rpx;
}
.mr6 {
  margin-right: 5rpx;
}
.mr7 {
  margin-right: 7rpx;
}
.mr8 {
  margin-right: 8rpx;
}
.mr9 {
  margin-right: 9rpx;
}
.mr10 {
  margin-right: 10rpx;
}
.mr12 {
  margin-right: 12rpx;
}
.mr15 {
  margin-right: 15rpx;
}
.mr20 {
  margin-right: 20rpx;
}
.mr25 {
  margin-right: 25rpx;
}
.mr30 {
  margin-right: 30rpx;
}
.mr35 {
  margin-right: 35rpx;
}
.mr40 {
  margin-right: 40rpx;
}

.ml5 {
  margin-left: 5rpx;
}
.ml6 {
  margin-left: 6rpx;
}
.ml7 {
  margin-left: 7rpx;
}
.ml8 {
  margin-left: 8rpx;
}
.ml9 {
  margin-left: 9rpx;
}
.ml10 {
  margin-left: 10rpx;
}
.ml12 {
  margin-left: 12rpx;
}
.ml15 {
  margin-left: 15rpx;
}
.ml20 {
  margin-left: 20rpx;
}
.ml25 {
  margin-left: 25rpx;
}
.ml30 {
  margin-left: 30rpx;
}
.ml35 {
  margin-left: 35rpx;
}
.ml40 {
  margin-left: 40rpx;
}

.mb5 {
  margin-bottom: 5rpx;
}
.mb6 {
  margin-bottom: 6rpx;
}
.mb7 {
  margin-bottom: 7rpx;
}
.mb8 {
  margin-bottom: 8rpx;
}
.mb9 {
  margin-bottom: 9rpx;
}
.mb10 {
  margin-bottom: 10rpx;
}
.mb12 {
  margin-bottom: 12rpx;
}
.mb15 {
  margin-bottom: 15rpx;
}
.mb20 {
  margin-bottom: 20rpx;
}
.mb25 {
  margin-bottom: 25rpx;
}
.mb30 {
  margin-bottom: 30rpx;
}
.mb35 {
  margin-bottom: 35rpx;
}
.mb40 {
  margin-bottom: 40rpx;
}


/**
 * 超链接类样式
 */
.link-type,
.link-type:focus {
  color: #337ab7;
  cursor: pointer;

  &:hover {
    color: rgb(32, 160, 255);
  }
}

/**
 * 页面类样式
 */
.page-content {
  // background-color: rgb(240, 240, 240);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 40rpx;
}
.page-header{
  width: 100%;
}
.page-main{
  width: 100%;
}