.flex{display: flex;}
.flexc{display: flex;align-items: center;}
.flexcc{display: flex;align-items: center;justify-content: center;}
.flex1{flex: 1;}
.flex0{flex: 0 0 auto;}
.flex01{flex: 0 1 auto;}
.flexcj{display: flex;align-items: center;justify-content: space-between;}


.clearf::after {
  content: "";
  display: block;
  clear: both;
}

.overa{overflow: auto;}
.over{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.overtwo{word-break: break-all;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;white-space: normal;}
.navbg{width: 100%;position: absolute;left: 0;right: 0;top: 0;z-index: -1;}
.shax {font-size: 30rpx;color: #666;text-align: center;padding: 20rpx 0;}
.rhbtn{width: 100%;height: 88rpx;display: flex;align-items: center;justify-content: center;
font-weight: bold;font-size: 26rpx;color: #FFFFFF;background: #0256FD;border-radius: 20rpx;}

.f12{font-size: 24rpx;}
.co01{color: #0156FE;}
.cofe{color: #FE5A0E;}
.co28{color: #28C529;}
.coff{color: #FF6969 !important;}

.mb4{margin-bottom: 8rpx;}
.mb9{margin-bottom: 18rpx !important;}
.mb10{margin-bottom: 20rpx;}
.mb14{margin-bottom: 28rpx;}
.mb16{margin-bottom: 32rpx;}
.mb22{margin-bottom: 44rpx;}
.mt12{margin-top: 24rpx;}
.mt63{margin-top: 126rpx;}