.flex{ /* #ifndef APP-NVUE */ display: flex; /* #endif */ } .w-750{ width: 750rpx; } .w-630{ width: 630rpx; } .w-400{ width: 400rpx; } .w-375{ width: 375rpx; } .flex-1{ flex: 1; } .flex-column{ flex-direction: column; } .flex-row{ flex-direction: row; } .flex-wrap{ flex-wrap: wrap; } .flex-nowrap{ flex-wrap: nowrap; } .align-center{ align-items: center; } .align-start{ align-items: flex-start; } .align-end{ align-items: flex-end; } .justify-center{ justify-content: center; } .justify-start{ justify-content: flex-start; } .justify-end{ justify-content: flex-end; } .justify-between{ justify-content: space-between; } .round{ border-radius: 6rpx; } .round-0{ border-radius: 0rpx; } .round-1{ border-radius: 10rpx; } .p-1{ padding: 10rpx; } .p-2{ padding: 20rpx; } .p-3{ padding: 30rpx; } .p-4{ padding: 40rpx; } .p-5{ padding: 50rpx; } .px-1{ padding-left: 10rpx; padding-right: 10rpx; } .px-2{ padding-left: 20rpx; padding-right: 20rpx; } .px-3{ padding-left: 30rpx; padding-right: 30rpx; } .px-4{ padding-left: 40rpx; padding-right: 40rpx; } .px-5{ padding-left: 50rpx; padding-right: 50rpx; } .py-1{ padding-top: 10rpx; padding-bottom: 10rpx; } .py-2{ padding-top: 20rpx; padding-bottom: 20rpx; } .py-3{ padding-top: 30rpx; padding-bottom: 30rpx; } .py-4{ padding-top: 40rpx; padding-bottom: 40rpx; } .py-5{ padding-top: 50rpx; padding-bottom: 50rpx; } .pt-1{ padding-top: 10rpx; } .pt-2{ padding-top: 20rpx; } .pt-5{ padding-top: 50rpx; } .m-1{ margin: 10rpx; } .m-2{ margin: 20rpx; } .m-3{ margin: 30rpx; } .m-4{ margin: 40rpx; } .m-5{ margin: 50rpx; } .mt-2{ margin-top: 20rpx; } .mt-5{ margin-top: 50rpx; } .mx-1{ margin-left: 10rpx; margin-right: 10rpx; } .mx-2{ margin-left: 20rpx; margin-right: 20rpx; } .mx-3{ margin-left: 30rpx; margin-right: 30rpx; } .mx-4{ margin-left: 40rpx; margin-right: 40rpx; } .mx-5{ margin-left: 50rpx; margin-right: 50rpx; } .my-1{ margin-top: 10rpx; margin-bottom: 10rpx; } .my-2{ margin-top: 20rpx; margin-bottom: 20rpx; } .my-3{ margin-top: 30rpx; margin-bottom: 30rpx; } .my-4{ margin-top: 40rpx; margin-bottom: 40rpx; } .my-5{ margin-top: 50rpx; margin-bottom: 50rpx; } .font-blod{ font-weight: bold; } .font-bolder{ font-weight: 900; } .font-lighter{ font-weight: 100; } .font-normal{ font-weight: normal; } .font-20{ font-size: 20rpx; } .font-22{ font-size: 22rpx; } .font-24{ font-size: 24rpx; } .font-26{ font-size: 26rpx; } .font-28{ font-size: 28rpx; } .font-30{ font-size: 30rpx; } .font-32{ font-size: 32rpx; } .font-34{ font-size: 34rpx; } .font-36{ font-size: 36rpx; } .font-40{ font-size: 40rpx; } .font-50{ font-size: 50rpx; } .font-60{ font-size: 60rpx; } .font-100{ font-size: 100rpx; } .text-white{ color: #FFFFFF; } .text-sub{ color: #8a8f8b; } .bg-white{ background-color: #FFFFFF; } .hover{ opacity: 0.8; } .border-test{ /* #ifdef APP-NVUE */ border-width: 1rpx; border-color: #DD524D; /* #endif */ /* #ifndef APP-NVUE */ border: 1rpx solid #DD524D; box-sizing: border-box; /* #endif */ }