/* 新邻园区 */ .base-bg-color{ background-color: #59a5f0; color: #FFFFFF; } /* ===========padding=========== */ .padding-10,.padding-sm{ padding: 10rpx; } .padding-20,.padding-df{ padding: 20rpx; } .padding-30,.padding-lg{ padding: 30rpx; } .padding-40{ padding: 40rpx; } .padding-50{ padding: 50rpx; } .padding-left-10,.padding-left-sm{ padding-left: 10rpx; } .padding-left-20,.padding-left-df{ padding-left: 20rpx; } .padding-left-30,.padding-left-lg{ padding-left: 30rpx; } .padding-left-40{ padding-left: 40rpx; } .padding-left-50{ padding-left: 50rpx; } .padding-right-10,.padding-right-sm{ padding-right: 10rpx; } .padding-right-20,.padding-right-df{ padding-right: 20rpx; } .padding-right-30,.padding-right-lg{ padding-right: 30rpx; } .padding-right-40{ padding-right: 40rpx; } .padding-right-50{ padding-right: 50rpx; } .padding-top-10,.padding-top-sm{ padding-top: 10rpx; } .padding-top-20,.padding-top-df{ padding-top: 20rpx; } .padding-top-30,.padding-top-lg{ padding-top: 30rpx; } .padding-top-40{ padding-top: 40rpx; } .padding-top-50{ padding-top: 50rpx; } .padding-bottom-10,.padding-bottom-sm{ padding-bottom: 10rpx; } .padding-bottom-20,.padding-bottom-df{ padding-bottom: 20rpx; } .padding-bottom-30,.padding-bottom-lg{ padding-bottom: 30rpx; } .padding-bottom-40{ padding-bottom: 40rpx; } .padding-bottom-50{ padding-bottom: 50rpx; } /* ===========margin=========== */ .margin-10,.margin-sm{ margin: 10rpx; } .margin-20,.margin-df{ margin: 20rpx; } .margin-30,.margin-lg{ margin: 30rpx; } .margin-40{ margin: 40rpx; } .margin-50{ margin: 50rpx; } .margin-left-10,.margin-left-sm{ margin-left: 10rpx; } .margin-left-20,.margin-left-df{ margin-left: 20rpx; } .margin-left-30,.margin-left-lg{ margin-left: 30rpx; } .margin-left-40{ margin-left: 40rpx; } .margin-left-50{ margin-left: 50rpx; } .margin-right-10,.margin-right-sm{ margin-right: 10rpx; } .margin-right-20,.margin-right-df{ margin-right: 20rpx; } .margin-right-30,.margin-right-lg{ margin-right: 30rpx; } .margin-right-40{ margin-right: 40rpx; } .margin-right-50{ margin-right: 50rpx; } .margin-top-10,.margin-top-sm{ margin-top: 10rpx; } .margin-top-20,.margin-top-df{ margin-top: 20rpx; } .margin-top-30,.margin-top-lg{ margin-top: 30rpx; } .margin-top-40{ margin-top: 40rpx; } .margin-top-50{ margin-top: 50rpx; } .margin-bottom-10,.margin-bottom-sm{ margin-bottom: 10rpx; } .margin-bottom-20,.margin-bottom-df{ margin-bottom: 20rpx; } .margin-bottom-30,.margin-bottom-lg{ margin-bottom: 30rpx; } .margin-bottom-40{ margin-bottom: 40rpx; } .margin-bottom-50{ margin-bottom: 50rpx; } /* ==========text-cut=========== */ .text-cut-1 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .text-cut-2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .text-cut { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; } .bg-gradual-black { background-image: linear-gradient(45deg, #26272f, #414244); color: #f7ebd2; } .footer-fixed { position: fixed; z-index: 99999; width: 100%; bottom: 0; left: 0; }